#wrapper{
width:1200px;
height:auto;
}

#taal{
margin-left:auto;
margin-right:auto;
margin-top:100px;
margin-right:auto;
width:1000px;
height:600px;
}

#shortlinks{
width:360px;
height:200px;
font-size:10px;
color:#999999;
float:left;
background:url(../img/bg-taal2.png) top right no-repeat;
padding:15px 20px 0 20px;
margin:32px 0 0 0;
text-align:left;
}

#shortlinks a, shortlinks a:visited{
font-size:10px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-right:3px;
margin:2px 5px 2px 0;
}
#shortlinks a:hover{
color:#b4d335;
font-size:15px;
font-weight:bold;
}

.shortlinks{
color:#b4d335;
}

#left{
width:240px;
height:auto;
float:left;
}

#logo{
width:231px;
height:99px;
margin:4px 0 10px 0;
}

#menu1{
width:231px;
height:auto;
background-color:#edeef0;
margin:0 0 0 1px;
padding:10px 0 10px 0;
}

#content{
width:920px;
height:auto;
background:url(../img/bg-home.jpg) top right no-repeat;
}

#young{
width:920px;
height:768px;
background:url(../img/bg/young.jpg) top right no-repeat;
}

#junior{
width:920px;
height:768px;
background:url(../img/bg/junior.jpg) top right no-repeat;
}

#lady{
width:920px;
height:768px;
background:url(../img/bg/lady.jpg) top right no-repeat;
}

#medical{
width:920px;
height:768px;
background:url(../img/bg/medical.jpg) top right no-repeat;
}

#senior{
width:920px;
height:768px;
background:url(../img/bg/senior.jpg) top right no-repeat;
}

#uni-comfort{
width:920px;
height:768px;
background:url(../img/bg/uni-comfort.jpg) top right no-repeat;
}

#wellfoam{
width:920px;
height:768px;
background:url(../img/bg/wellfoam.jpg) top right no-repeat;
}

#young-box{
width:920px;
height:768px;
background:url(../img/bg/young-box.jpg) top right no-repeat;
}

.standaard{
height:600px;
}

#breadcrumb{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:9px;
font-weight:300;
color:#666666;
padding:10px;
}

#breadcrumb a{
color:#008fea;
text-decoration:none;
}

#breadcrumb a:hover{
color:#b4d335;
text-decoration:none;
}

#breadcrumb a:visted{
color:#008fea;
text-decoration:none;
}

#dealer{
width:231px;
height:212px;
background:url(../img/dealer.gif) top right no-repeat;
margin:10px 0 10px 0;
}

#dealerfr{
width:231px;
height:212px;
background:url(../fr/img/dealer.gif) top right no-repeat;
margin:10px 0 10px 0;
}

#form{
padding:50px 0 0 10px;
}

#blok{
float:left;
width:370px;
height:auto;
border:1px solid #edeef0;
margin:9px;
padding:5px;
background-color:#FFFFFF
}

.form{
border:1px solid #B4D335;
width:200px;
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:12px;
padding:2px;
color:#666666;
}

#right{
width:auto;
height:auto;
float:left;
}

#menu2{
width:920px;
height:40px;
background-color:#717687;
}

#footer{
width:1160px;
height:140px;
background:url(../img/footer.gif) top right repeat-x;
margin:20px 0 0 0;
}

#footerlinks{
margin:10px 10px 10px 10px;
width:500px;
float:left;
font-size:10px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
}

#footerlinks a, footerlinks a:visited{
font-size:10px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-right:3px;
}
#footerlinks a:hover{
color:#b4d335;
font-size:15px;
font-weight:bold;
}

.clear{
clear:both;
}

img{
border:0;
}

.padding_img{
padding:2px;
border:1px solid #ccc;
margin:10px;
}

/*Font tags*/

h1{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:20px;
font-weight:300;
color:#666666;
}

h2{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:15px;
font-weight:bold;
color:#666666;
}

h3{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:15px;
font-weight:bold;
color:#b4d335;
}

p{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:12px;
font-weight:300;
color:#666666;
}


.titel{
padding-left:20px;
}

.txt{
padding-left:25px;
background-color:#FFFFFF;
margin:10px 5px 10px 5px;
}

.footer{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:9px;
font-weight:300;
color:#666666;
padding:10px;
margin:auto;
}

.transparant{
margin:10px 5px 10px 20px;
width:800px;
border:1px dotted #666;
padding:5px;
left:10px;
background:url(../img/bg-kader.png) repeat left top;
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:13px;
color:#666;
height:auto;
}

.pijl{
list-style-image: url(../img/arrowbullet.png);
padding-top:4px;
font-family:Arial,Helvetica, Verdana,sans-serif;
color:#666666;
font-size:12px;
}

.gallerij{
padding:3px;
border:1px solid #999;
background-color:#EBEBEB;
margin:10px;
}

strong{
font-weight:bold;
color:#666666;
font-family:Arial,Helvetica, Verdana,sans-serif;
}


/*MENU1*/

/*Menu_left
---------------------------------------------------------------------------*/

li#pijl{

background:url(../img/pijltje.gif) no-repeat center left;
display: block;
text-decoration: none;
}

ul#menu1, ul#menu1 ul {
list-style-type:none;
margin: 0;
padding: 0;
width:175px;
}

ul#menu1 a {
  display: block;
  text-decoration: none;	
}

ul#menu1 li {
  margin-top: 1px;
}

ul#menu1 li a {
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:12px;
text-transform:uppercase;
color:#666666;
cursor:pointer;
text-decoration:none;
display: block;
}

ul#menu1 li a:hover {
color:#25ca13;
}

ul#menu1 li ul li a {
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:12px;
color:#666666;
cursor:pointer;
text-decoration:none;
padding-left: 20px;
}

ul#menu1 li ul li a:hover {
/*  border-left: 2px #25ca13 solid;*/
  padding-left: 20px;
}


#menu1 ul li a:hover, #menu1 ul li a:focus {
color:#b4d335;
background-color: #eeeeee;
}

/*ACCORDION_V2*/

.arrowlistmenu{
width: 175px;
margin:10px 0 0 10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:14px;
font-weight:300;
color:#666666;
cursor:pointer;
text-decoration:none;
display: block;
margin:5px 0 10px 0;
text-transform:uppercase;
border-bottom:1px solid #b4d335;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type:none;
margin: 0;
padding: 0;
width:175px;
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font-family:Arial,Helvetica, Verdana,sans-serif;
font-size:12px;
color:#666666;
cursor:pointer;
text-decoration:none;
padding-left: 20px;
background:url(../img/pijltje.gif) no-repeat center left;
}

.arrowlistmenu ul li a:visited{
color:#666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#25ca13;
}

/*MENU2*/
#ergocontainer{position:relative;height:56px;color:#E0E0E0;width:100%;font-family:Arial,Helvetica, Verdana,sans-serif;}
#ergonav{position:relative;height:33px;font-size:12px;background:#fff url(../img/ergo_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#ergonav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#ergonav ul li{display:block;float:left;margin:0 1px;}
#ergonav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#ergonav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#ergonav ul li a:hover{color:#fff;background:transparent url(../img/ergo_bg-OVER.gif) repeat-x bottom left;}
#ergonav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#ergonav ul li a.current,#ergonav ul li a.current:hover{color:#fff;background:#fff url(../img/ergo_left-ON.gif) no-repeat top left;line-height:275%;}
#ergonav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#fff url(../img/ergo_right-ON.gif) no-repeat top right;height:33px;}