/*
Team Wodyweb.nl
*/

body{
    background-image: url(images/background_top.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #000000;
}
div.cleanspace{
    width: 100%;
    height: 50px;
}
div.clear{ 
    clear: both; 
} 
div.header{
    width: 1000px;
    height: 290px;
    background-color: #000000;
    background-image: url(images/header_bg.png);
    background-position: center top;
    background-repeat: repeat-x;
    margin: 0 auto;
    padding-top: 25px;
}
div.header_border{
    width: 940px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #6c0700;
    color: #FFFFFF;
}
div.header_menu{
    width: 100%;
    height: 30px;
    padding-top: 8px;
}
div.content{
    width: 1000px;
    min-height: 300px;
    margin: 0 auto;
    background-color: #000000;  
}
div.menu{
    width: 180px;
    min-height: 500px;
    margin-left: 20px;
    float: left;
}
div.page{
    width: 760px;
    min-height: 300px;
    margin-right: 20px;
    float: right;
}
div.border_c{
    width: 100%;
    min-height: 100px;
    border: 1px solid #6c0700;
    background-color: #000000;
    color: #FFFFFF;
}
div.content_top{
    width: 100%;
    height: 39px;
    background-image: url(images/content_top.png);
    background-position: center bottom;
    background-repeat: repeat-x;   
}
div.content_bottom{
    width: 100%;
    height: 39px;
    background-image: url(images/content_bottom.png);
    background-position: center top;
    background-repeat: repeat-x;   
}
div.footer{
    background-image: url(images/background_bottom.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: #000000;
    height: 280px;
    width: 100%;
}
div.footer_bg{
    background-image: url(images/footer_bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: #000000;
    height: 280px;
    width: 1000px;
    margin: 0 auto;
    color: #FFFFFF;
}
div.footer_img{
    background-image: url(images/footer_img.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 242px;
    width: 625px;
}
/* TXT's */
div.txt{
    padding-left: 5px;
    padding-right: 5px;
}
div.txt_hoofdmenu{
    width: 180px;
    height: 30px;
    background-image: url(images/txt_hoofdmenu.png);
    background-position: center top;
    background-repeat: no-repeat;     
}
div.txt_extra{
    width: 180px;
    height: 30px;
    background-image: url(images/txt_extra.png);
    background-position: center top;
    background-repeat: no-repeat;     
}
div.txt_contact{
    width: 180px;
    height: 30px;
    background-image: url(images/txt_contact.png);
    background-position: center top;
    background-repeat: no-repeat;     
}
div.txt_hotw{
    width: 280px;
    height: 30px;
    background-image: url(images/txt_hotw.png);
    background-position: center top;
    background-repeat: no-repeat;     
}
/* A's */
a.block_nav:link, a.block_nav:visited{
    width: 155px;
    height: 20px;
    background-image: url(images/button.png);
    background-position: center top;
    background-repeat: no-repeat;     
    color: #FFFFFF;
    display: block;
    padding-left: 25px;
    text-decoration: none;
}
a.block_nav:hover{
    background-position: center bottom;
    color: #000000;
}
a.white:link, a.white:visited{
    color:  #FFFFFF;
    text-decoration: none;
}
a.white:hover{
    color: silver;
}


/*NAV Horizontaal */

#nav {
	width: 100%;
	background: url('images/nav.png') repeat-x top;
	height: 30px;
	margin-top: 8px;
}
#nav ul{
width:95%;
padding-left:5%;
margin:15;
list-style:none;
}
#nav ul li{
float:left;
list-style-type: none;
height:30px;
display:block;
padding: 0;
text-align:center;
margin: 0;
}
#nav ul li a:link, #nav ul li a:visited{
	height: 30px;
	width: 100px;
	display: block;
	color: #FFFFFF;
	padding-top: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url("../images/navitem.gif") repeat-x top;
}
#nav ul li a:hover{
	height: 30px;
	width: 100px;
	color: #FF0000;
	font-weight: normal;
	padding-top: 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background: url('images/nav_hover.png') repeat-x top;
}

/*vertical menu*/

ul.sidemenu {
	padding: 0;
	margin: 20 0 0 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-bottom: 1px solid #6c0700;
	width: 170px;
	background-color: #000000;
}
 
ul.sidemenu li {
	border-top: 1px solid #6c0700;
	border-left: 1px solid #6c0700;
	border-right: 1px solid #6c0700;
}
 
ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: 140px;
	color: #ffffff;
	font-weight: normal;
	padding: 2px 0px;
}
 
ul.sidemenu li a:hover {
	background: #6C0700;
	color: #FFFFFF;
}

/*vertical 2 */

.buttonscontainer {width: 170px;}

.buttons a {
	color: #FFFFFF;
	background-color: #6c0700;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-left: 5px solid #FEBE00;
	font: 12px Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
}

.buttons a:hover {border-left: 5px solid #FF0000;
text-decoration: none;
color: #FFFFFF;}