html, body {

}
ul{
    list-style-image:  url(../images/opsomming.png);
    margin-bottom: 10px;
}
li{
    margin-bottom:0px !important;

}
#adviseer_mij
{
    width: 700px;
    display: inline;
    float: left;
}
#productgroep_part{
    display: inline;
    float:left;
    width: 165px;
    border:2px solid #74746a;
    height: 200px;
    vertical-align: middle;
    margin-left: 36px;
    margin-bottom: 20px;
    text-align: center;
}
#mainbox_large_up
{
    background-image:url('../images/mainbox_large_up.png');
    display: inline;
    float: left;
    width:850px;
    height:25px;
}
#mainbox_large_middle
{
    background-image:url('../images/mainbox_large_middle.png');
    display: inline;
    float: left;
    width:850px;
}
#mainbox_large_bottom
{
    background-image:url('../images/mainbox_large_bottom.png');
    display: inline;
    float: left;
    width:850px;
    height: 24px;
}
#wrapper {
	
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height + padding-top*/
	width: 950px;
        
        background-color: #74746a;
}
#header-wrapper {
	width: 950px;
}

#footer-wrapper, #footer-push {
	height:70px;


}
#content-wrapper {
	background-color: #74746a;
        display: inline;
        float: left;
        width: 950px;
}

#content {
	margin-left: 31px;
        width: 893px;
        background-image:url('../images/main_box.gif');
        display: inline;
        float: left;
        padding-bottom: 15px;

}
#page_title{
    font-size: 21px;
    font-weight: bold;
}
.titel_ovaal
{
    background-image: url('../images/titel_ovaal.gif');
    width:196px;
    height:27px;
    margin-top:30px;
    color: white;
    padding-top:2px;
    font-size: 20px;
    display: inline;
    float: left;
    margin-left: 28px;
    margin-bottom:5px
}
.ovaal_uitleg{
    display: inline;
    font-size: 14px;
}
#footer-wrapper {
    width:950px;
    background-image: url('../images/border_bottom.gif');
    color: white;
    font-family: arial;
    font-size: 11px;;
    font-weight: bold;
    margin-left: auto ;
    margin-right: auto ;
    padding-top: 5px;
    bottom:0px;
    display: inline;
    float: left;
}

#footer {
    width:950px;
    margin:0px auto;
   
}


#logo{
    background-image: url('../images/logo.gif');
    width:258px;
    min-height: 85px;
    height: auto !important;
    height: 85px;
    margin-left:40px;
    margin-top: 20px;
    display: inline;
    float: left;
}

html,body {
    background-image: url(../images/background2.png);
    text-align: center;
    font-family: arial;
    padding: 0px;
    margin: 0px;
    height:100%;
}
#slogan{
    background-image: url('../images/slogan.gif');
    width: 345px;
    min-height: 32px;
    height: auto !important;
    height: 32px;
    margin-left:250px;
    margin-top: 43px;
    margin-bottom: 30px;
    display: inline;
    float: left;
}
#tab{
    font-size:0px;
    width: 126px;
    height: 40px;
    margin-left:40px;
    margin-top: 15px;
    display: inline;
    float: left;
    margin-bottom:0px;
    padding-bottom: 0px;
}

.tab2{
    font-size:0px;
    width: 126px;
    height: 43px;
    margin-left:0px;
    margin-top: 15px;
    display: inline;
    float: left;
}






.left_box_left{
    background-image: url('../images/left_box_left.gif');
    width: 12px;
    height: 446px;
    margin-left: 0px;
    display: inline;
    float: left;
    margin-top: 0px;
}

/*als je deze wilt vergroten ook scrollable en items div  vergroten*/
.left_box_middle{
    text-align: center;
    background-image: url('../images/left_box_middle.gif');
    margin-left: 31px;
    width: 480px;
    display: inline;
    float: left;
    margin: 0px;
    height: 446px;
}
.mainbox{
    display: inline;
    float: left;
    width:563px;
}
.mainbox_top
{
    margin-top: 5px;
    background-image: url('../images/mainbox_top.png');
    display: inline;
    float: left;
    width: 563px;
    height: 17px;
}
.mainbox_bottom
{
    background-image: url('../images/mainbox_bottom.png');
    display: inline;
    float: left;
    width: 563px;
    height: 17px;
}
.mainbox_middle
{
    background-image: url('../images/mainbox_middle.png');
    display: inline;
    float: left;
    width: 563px;
    text-align: center;
}
.rightbox_top
{
    background-image: url('../images/rightbox_top.png');
    display: inline;
    float: left;
    width:249px;
    height: 14px;
}
.rightbox_bottom
{
    background-image: url('../images/rightbox_bottom.png');
    display: inline;
    float: left;
    width: 249px;
    height: 14px;
}
.rightbox_middle
{
    background-image: url('../images/rightbox_middle.png');
    display: inline;
    float: left;
    width: 249px;
    text-align: center;
}
.left_box_middle_portfolio{
    text-align: center;
    background-image: url('../images/left_box_middle.gif');
    margin-left: 31px;
    width: 543px;
    display: inline;
    float: left;
    margin: 0px;
    height: 446px;
}
.left_box_right{
    background-image: url('../images/left_box_right.gif');
    width: 17px;
    height: 446px;
    margin-left: 0px;
    display: inline;
    float: left;
    margin-top: 0px;
}
#main_box_top2
{
     background-image: url('../images/main_box_top.gif');

    width: 893px;
    height: 11px;
    margin-left: 31px;
    display: inline;
    float: left;
    margin-bottom: 0px;
    margin-top:0px;
}
#main_box_top{
    background-image: url('../images/main_box_top.gif');

    width: 893px;
    height: 20px;
    margin-left: 31px;
    display: inline;
    float: left;
    margin-bottom: 0px;
    margin-top:0px;
}
#main_box{
    background-image: url('../images/main_box.gif');
    width: 893px;
    margin-left: 31px;
    display: inline;
    float: left;
    margin-top: 0px;
    

}
#main_text{
    padding-left: 20px;
    width: 850px;
    display: inline;
    float: left;
    text-align: left;
}
.block{
    display: block;
    width: 0px;
    height:0px;
    clear:both; 
}




a:active {
  outline:none;
}

#prev browse left
{
    background-image: url('../images/btn_next.gif');
    margin-left: 0px;

}
#prev browse right
{
    background-image: url('../images/btn_next.gif');

}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */

}
#scroll_1{
        text-align: left;
   	position:relative;
	overflow:hidden;
        width: 509px;
        height:440px;
}
#scroll_3{
        text-align: left;
   	position:relative;
	overflow:hidden;
        width: 180px;
        height:135px;
}
#scroll_2{
        text-align: left;
   	position:relative;
	overflow:hidden;
        width: 180px;
        height:135px;
}
#right_box{
    background-image: url('../images/right_box.gif');
    width: 252px;
    height: 446px;
    display: inline;
    float: left;
    margin-left:25px;
}
.right_box_item{
        width: 178px;
        height:142px;
        font-size: 14px;
        text-align: center;
}
#right_box_item{
        width: 178px;
        height:142px;
        font-size: 14px;
        text-align: center;
}
#arrow{
        width: 20px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
float:left;

}




/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;*/
	width:26px;
	height:120px;
	float:left;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}
a.browse.left{
    margin-left:10px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}


#winkelwagen
{
    padding-top:15px;
    padding-left: 10px;
    padding-right: 10px;
}
#winkelwagen_image
{
    display: inline;
    vertical-align: bottom;
}
#piclink
{
    border-style: none;
}





/*portfolio slider*/


/** {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : center;
background-color : #000;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;
}*/
a:link, a:visited {
color : black;
text-decoration : underline;
}
a:hover{
    color:gray;
}
a img {
border : 0;
}
div.wrap {
width : 750px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 750px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 500px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 450px;
background : url(../images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 750px;
height : 450px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 12px;
left : 14px;
width : 720px;
height : 450px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 30px;
width : 730px;
height : 51px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color: white;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable_foto {
	overflow:hidden;
	width: 250px;
	height:90px;
        display:inline;
        float: left;
        text-align: center;

}

.scrollable_foto .items_foto {
	/* this cannot be too large */
        display:inline;
        float:left;
        text-align: center;
}

.items_foto div {
        display:inline;
	float:left;
	width:225px;
        text-align: center;
}

/* single scrollable item */
.scrollable_foto img {

	border:1px solid #ccc;
        margin-right:2px;
	width:70px;
	height:75px;
        display:inline;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
        text-align: center;
}

/* active item */
.scrollable_foto .active {
	border:2px solid #000;
        display: inline;

	cursor:default;
}


.image_wrap {
		/* dimensions */
		width:225px;
                display: inline;
                float: left;
                text-align:center;
                height: 200px;
}
#productgroepen_links
{
    text-align: left;
    margin-left: 18px;
    font-size: 13.5px;

}
#bestelde_producten
{
    font-size: 12px;
}
#productgroep_promo
{
    display: inline;
    float: left;
    width:320px;
    text-align: right;
    margin-bottom: 10px;

}