/* All right reserved of this template are for OldVWMania.nl, Roy Wagemakers. 
ENG: For IE7 and lower there is a special template, this one is for orther browsers and some parts are used bye IE as well.
NL: Voor IE7 en lager is er een speciale template, deze is voor de overige browsers en sommige delen worden ook door IE gebruikt. */

*{
    margin: 0;
    padding: 0;
}

body{
width: 850px;
background-image: url(images/bgbalk.png);
background-repeat: repeat-x;
/* background-color: #5C5E5A; */
color: #fff;
/* background-position: bottom right; */
}


#content a{
color: #fff; 
text-decoration: none; 
}

#content a:hover{
color: #F60; 
text-decoration: none; 
}

/* MENU */

#menu{
font-size: 35px;
text-align: center;
float: left;
}

#menu li{
float: left;
}

#menu ul{
list-style: none;
}

#menu a{
color: #fff;
text-decoration: none; 
}

#menu ul li {
background: url(images/menu/menuknoph.png);
width: 141px;
height: 50px;
position: relative;
}

#menu ul li:hover{
background: url(images/menu/menuknop.png);
width: 141px;
height: 50px;
position: relative;
}

#menubalk{
background: #406C7A;
height: 50px;
width: 850px;
float: left;
border-top: 5px #fff solid;
border-left: 5px #fff solid;
border-right: 5px #fff solid;
}

#menubalk .subitem{ 
margin: 0 auto;
}

.menu a{
padding-left: 15px;
padding-right: 15px;
}

/* CENTER */

#content{
float: left;
color: #BECDCB;
background: #406C7A;
min-height: 550px;
width: 850px;
overflow: hidden;
border-left: 5px #fff solid;
border-right: 5px #fff solid;
border-bottom: 5px #fff solid;
}

.jot-content{
color: #999;
}

#inhoud{
font-family: Veranda;
font-size: 16px;
/* background-color: #7A7A7A; */
min-height: 549px;
padding: 0px 50px 15px 50px;
overflow: hidden;
}

.space{
padding-top: 15px;
padding-left: 40px;
color: #333;
font-family: 'Sans';
font-size: 12px;
margin: 0 auto;
}

.space a{
color: #000;

}

.space a:hover{
color: #f60;
font-size: 13px;
}

#header-space{
width: 850px;
height: 250px;
border-left: 5px #fff solid;
border-right: 5px #fff solid;
margin-top: 8px;
}
#header{
height: 200px;
width: 850px;
float: left;

}

/* FOOTER */

#footer{
margin-top: 50px;
width: 850px;
height: 350px;
background: url(images/contentbg.png);
color: #fff;
float: left;
padding-left: 0px;
border-left: 5px #fff solid;
border-right: 5px #fff solid;
border-top: 5px #fff solid;
border-bottom: 5px #fff solid;
}

#footerinhoud{
overflow: hidden;
color: #fff;
padding: 5px 15px 5px 15px;
float: left;
width: 820px;
}

#footerinhoud a{
color: #fff;
}

#footer1 a:hover{
color: #f60;
font-size: 18px;
}

#footer2 a:hover{
color: #f60;
font-size: 18px;
}

#footer3 a:hover{
color: #f60;
}

*{
margin: 0 auto;
}

#footerinhoud h3{
background: url(images/footerbutton.png);
width: 155px;
height: 35px;
color: #FFF;
padding-left: 40px;
padding-right: 40px;
padding-top: 0px;
float: left;
text-align: center;
font-size: 22px;
}

#footer1 ul{
list-style-image: url(images/footerul.png);
float: left;
}

#footer2 ul{
list-style-image:url(images/footerul.png);
float: left;
}

#footerinhoud ul li a{
text-align: center;
position: relative;
bottom: 10px;
font-size: 20px;
text-decoration: none; 
}

#footer1{
float: left;
width: 195px;
max-height: 345px;
padding-right: 45px;
padding-left: 50px;
}

#footer2{
float: left;
width: 195px;
max-height: 345px;
padding-right: 45px;
}

#footer3{
float: left;
width: 195px;
max-height: 345px;
padding-right: 15px;
}

/* DROPDOWN */

#dropdown1 ul li
{
	padding: 0px 0;
	list-style: none;
    text-align: center; 
	display: inline;
}

#dropdown li{
float: left;
}

#dropdown1{
height: 55px;
width: 850px;
background: #406C7A;
border-left: 5px #fff solid;
border-right: 5px #fff solid; 
}

.s1{
font-size: 20px; 
border: 1px solid #fff;
} 

.s2{
font-size: 25px;
border: 1px solid #fff;
} 

.s3{
font-size: 30px;
border: 1px solid #fff;
}

.s4{
font-size: 35px;
border: 1px solid #fff;
}

.s5{
font-size: 40px;
border: 1px solid #fff;
}

/* Hover */

.s1:hover{
font-size: 20px; 
border: 1px solid #fff;
background: #fff;
} 

.s2:hover{
font-size: 25px;
border: 1px solid #fff;
background: #fff;
} 

.s3:hover{
font-size: 30px;
border: 1px solid #fff;
background: #fff;
}

.s4:hover{
font-size: 35px;
border: 1px solid #fff;
background: #fff;
}

.s5:hover{
font-size: 40px;
border: 1px solid #fff;
background: #fff;
}