/*
    Theme Name: Straathof managebodems custom
    Theme URI: http://wordpress.org/
    Description: Straathof theme based on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
    Version: 0.1
    Author: Marc van der Wurff
    Author URI: http://restful.nl/
    Tags: 
*/

html, body, h2, h3, ul, li, a, div, abbr, acronym, address, big, cite, code, img
/*span, applet, object, iframe, h1, h3, h4, h5, h6, p, blockquote, pre,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend*/{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Sans-Serif;
    background-color:#252525;
	color:#FAEFDC;
	font-size: 12px;
}
a{
    color:#FAEFDC;
    text-decoration:none;
}
ul{
	list-style-position:inside;
}
#contact a, #text a{
    color:#FAEFDC;
    text-decoration:none;
    font-style:italic;
    text-decoration:underline;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	font-size:30px;
	}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color:white;
	font-size:20px;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
#framework{
    position:absolute;
    margin-left:-500px;
		left:50%;
		width:1000px;
		height:800px;
		background:url('images/bg.jpg');
	}

#container{
		margin-top:10px;
		width:800px;
		padding-left:100px;
		height:780px;
}
#logo{
	position:absolute;
	width: 205px
	height: 59px;
	top: 20px;
}

#main{
	z-index:1;
	width:800px;;
	height: 550px;
	
}

#menucontainer{
	width:100%;
	background-color: #2C1601;
	border-top:4px #FAEFDC solid;
	height:60px;
	background:url('images/menubg.jpg') repeat-x;
}

#banner{
	margin-top:10px;
	background:url('images/bannerbg.jpg');
	width:800px;
	height:140px;
	z-index:1;
	
}

#banner #middle{
	width:398px;
	border-left:#2C1601 4px dashed;
	border-right:#2C1601 4px dashed;
	text-align:left;
	overflow:auto;
	line-height:14px;
}

#banner .box{
	position:float;
	float:left;
	padding:5px;
	height:130px;
	width:182px;
	text-align:center;
	
}
#banner .box h1, h1 a, h1 a:hover, h1 a:visited{
	font-size:14px;
}

#banner .box a{
	color:#FAEFDC;
}

#contact{
	text-align:center;
	font-size:11px;
	background-color:#2C1601;
	padding-top:2px;
	padding-bottom:2px;
	color: #E6D4BC;
}
#contact a{
}


/* content bg styles */
#content{
	width:100%;
	height: 460px;
	border-bottom:4px #FAEFDC solid;
}
#text{
	font-size:12px;
	color:white;
	position:absolute;
	left:600px;
	width:280px;
	height:435px;
	overflow:auto;
	padding:10px;
}

.front{
	background:url('images/bg/frontbg.jpg');
}

.manegebodems{
	background:url('images/bg/homebg.jpg');
}

.ebenvloed{
	background:url('images/bg/ebenvloed.jpg');
}

.onderhoud{
	background-image:url('images/bg/onderhoudbg.jpg');
}

.onderhoudsprogramma{
	background:url('images/bg/onderhoudsprogbg.jpg');
}

.afwerking{
	background:url('images/bg/afrasteringbg.jpg');
}

.tuinbouw{
	background:url('images/bg/tuinbouwbg.jpg');
}

.contact{
	background:url('images/bg/contactbg.jpg');
}

.links{
	background:url('images/bg/afrasteringbg.jpg');
}

.contact #text{
	left:400px;
	width:480px;
}

.projecten{
	background:url('images/bg/projectenbg.jpg') repeat-x;
}
.projecten #text{
	left:100px;
	width:760px;
	padding:20px;
	height:420px;
}

#content #small, h2{
    
}
#small {font-size:10px;padding:0px 5px 0px 0px;float:left;text-transform: uppercase;font-weight: bold; color:#CB5C2A;}
.datef{font-size:30px;font-weight: bold;line-height: 0.8;color:#D97246;}

#text .post h2 a{
    font-size:24px;
    text-decoration:none;
		font-style:none;
}
#submit{
	background: url('images/menubg.jpg');
	color:#fff;
	font-weight:bold;
	padding:3px;
	border-color:#2C1601;
}
input{
	border-color:#2C1601;
}
textarea{
	border-color:#2C1601;
}
radiobutton{
	border-color:#2C1601;
}
#content.links ul{
	list-style-type:square;
	list-style-position:inside;
}
#content.links ul li{
	padding:5px;
	
}
#content.links ul li.linkcat{
	display:inline;
}

.box ul{
	list-style-type:square;
	list-style-position:inside;
}