/*
Theme Name: Witvliet Buitenpojecten
Theme URI: http://www.witvlietbuitenprojecten.nl
Description: Thema voor Witvliet Buitenprojecten
Version: 1
Author: Remi Vledder
Author URI: Terra Preta - www.terra-preta.nl
*/


* {
border:0;
border-style:none;
outline: none;
margin:0;
padding:0;
background-repeat:no-repeat;
font-family: Calibri, Verdana, Helvetica, sans-serif; 
position:relative;
}
body{
	background: url(images/bg_body_tile.png) #232225 repeat-x left top;
}

#page {
	margin: 0 auto;
	width:1000px;
	height:700px;
}

#side {
	width: 200px;
	float: left;
}
#main {
	background-image:url(images/bg_content_tile.png);
	background-repeat:repeat-y;
	min-height:740px;
	width:616px;
	float: left;
}


/* ------------------  Logo  ------------------ */

#logo {
	width:200px;
	height: 107px;
	background:url(images/logo.png) no-repeat center center;
	margin:14px 0 0 0;
	float: left;
	}
	
#logo_home {	
	width:200px;
	height:107px;
	display:block;
}


/* ------------------  Achtergrond Images  ------------------ */

#mainback {
	width:594px;
	height:494px;
	margin:0 0 0 11px;
}

#top_main {
	position: absolute;
	background-image:url(images/top_main.png);
	width:594px;
	height:131px;
	z-index:400;
}

#mid_main {
	position: absolute;
	background-image:url(images/mid_main_03.png);
	width:594px;
	height:323px;
	z-index:2;
	top: 178px;
}

/* ------------------  Vervangbaar background img  ------------------ */

#img_main {
	position: absolute;
	width:594px;
	height:300px;
	z-index: 1;
}

/* ------------------ Knoppen ------------------ */

#nav {position: absolute; z-index: 900; margin:0 0 0 15px; text-align:center;}

#nav li {float:left; width:81px; height:81px; list-style-type:none; margin:10px 0 0 10px; }

#nav a {width:81px; height:81px; text-decoration:none; font-size:13px; color:#057638; background:url(images/knop.png) left top no-repeat; line-height:85px; padding-left: 3px; display:block;}

#nav a:hover {background-position: left center; color:#FFFFFF;}

/* #nav a:active {background-position: left bottom; color:#FFFFFF;} */

#nav li.active a {background-position: left bottom; color:#FFFFFF;} 


#payoff {
background:url(images/bg_payoff.png) top left;
width:14px;
height:260px;
float:right;
position:relative;
margin:15px 170px 0 0;
}

/* ------------------  Standaart Text  ------------------ */

#content {
	position: relative;
	width:350px;
	top:-100px;
	left: 25px;
	text-align:left;
	z-index:3;
}

.post h2 a {font-size:15px; color:#057638; text-decoration:none;}
.post h2 {font-size:15px; color:#057638; text-decoration:none; margin-bottom:5px;}
.post p {font-size:13px; color:#699f3a; top:1em; margin-bottom:10px;}
.post a {color:#057638;}
.post a:hover {color:#000;}

/* ------------------  Standaart Adres gegevens  ------------------ */

#address_main {
	position: relative;
	margin-right:20px;
	text-align:right;
	width:200px;
	height:130px;
	float:right;
}
#address_main h1 {font-size:11px; color:#057638;}
#address_main p, #address_main address {font-size:10px; color:#699f3a; font-style:normal; margin-top:1em;}
#address_main span.contact_abbr {font-size:11px; color:#057638; margin:0 4px 0 0;}

/* ------------------  Algemene voorwaarden  ------------------ */

#algemeen {
	position: relative;
	text-align:right;
	width:330px;
	height:130px;
	float:left;
	margin-left:15px;
}

#algemeen ul {
margin-top:118px;
}

/* ------------------- Footer ------------------- */


#footer a {color:#057638; text-decoration:none;}
#footer li {list-style-type:none; font-size:9px; float:left; margin:0 0 0 10px;}



/* ------------------- Code voor "navigatie links" ------------------- */

#nav_links p {color:#057638; font-size:16px; padding-left:30px;}

#nav_links {float:left; margin-top:40px;}

#nav_links a {text-decoration:none; color:#699f3a;}

#nav_links li {padding-left:30px; list-style-type:none; line-height:25px; background-image:url(images/vink.png); background-position:top left; margin:8px 0 0 0;}

#nav_links a:hover {color:#FFF;}

#nav_links li.active a {background-position: left bottom; color:#FFFFFF;}