/*  
Theme Name: aannemersbedrijfschreurs
Theme URI: http://www.aannemersbedrijfschreurs/
Description: Het thema voor aannemersbedrijfschreurs.nl
Version: 1.0
Author: Daniel Hoitink Fotografie
Author URI: http://www.hoitinkfotografie.nl/
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#2c2c23 url(images/background.jpg) no-repeat center top;
	color:#fff;
	font:0.8em/160% "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-bottom: 15px;
}

#container, #footer, #bgtop, #head, #container_content, #bgtop{width:980px}
#container, #head, #footer, #container_content, #bgtop{margin:0 auto}

#container {clear:left;}

#head, #splash {position:relative;}

#head {
	background: url(images/bg-header.jpg) no-repeat left top;
	height:235px;
	padding-top:10px;
}

#logo {
	position:absolute;
	left:52px;
	top:40px;
	width:327px;
	height:123px;
	z-index:200;
}

#splash {
	width:960px;
	height:235px;
	margin:0 auto 0px;
	background: url(images/bg-header.jpg) no-repeat left top;
	display:none;
}

#sidebar{
	float:left;
	width:190px;
}

#submenu {
	width:230px;
	float:left;
	padding: 0px 25px 0px 15px;
}

#content{
	float: left;
	width: 480px;
	padding: 0px 20px;
	/*min-height hack*/
	min-height:300px;
	height:auto !important;
	height:300px;	/*End hack*/
}

.submenu-block {
	background: #07764d;
	padding:15px;
	position:relative;
	margin-bottom:25px;
}

.submenu-top {
	width:230px;
	height:10px;
	position:absolute;
	left:0px;
	top:0px;
	background: url(images/submenu-top.gif) no-repeat left top;
}

.submenu-bottom {
	width:230px;
	height:10px;
	position:absolute;
	left:0px;
	bottom:0px;
	background: url(images/submenu-bottom.gif) no-repeat left top;
}

#container_content {background: url(images/bg-page.jpg) repeat-y left top;}

#bgtop {
	height:35px;
	background: url(images/bg-top.jpg) no-repeat left top;
}

#footer{
	position:relative;
	height: 145px;
	left: 0px;
	color:#9FC6B8;
	font-size:95%;
	background: url(images/bg-footer.jpg) no-repeat center top;
}

.adresblok {
	float:left;
	width:230px;
	padding: 60px 15px 0px;	
}

.leftitem {margin-left:190px;}

/*LISTS*/

ul{list-style:disc outside;margin-bottom:15px;}

ul li {margin-left: 30px;}

ul.mainnav{
	text-transform: uppercase;
	list-style: none;
	font: bold 11px/30px Arial, Helvetica, sans-serif;
}

ul.mainnav li{margin-left: 0px;}

ul.mainnav li a {
	background: url(images/bg-mainnav.jpg) no-repeat left top;
	text-decoration:none;
	color: #fff;
	padding-left:25px;
	height:30px;
	display:block;
	margin-bottom:4px;
}

ul.mainnav li a:hover, ul.mainnav li.current_page_item a, ul.mainnav li.current_page_parent a{
	background: url(images/bg-mainnav.jpg) no-repeat left bottom;
	padding-left:20px;
}

ul.subnav{font-size:11px;list-style: none; line-height:120%;}
ul.subnav li {margin-left: 0px;}

ul.subnav li.current_page_item {font-weight: bold;}

ul.subnav li a{
	display:block;
	text-decoration:none;
	color:#fff;
	background: url(images/divider-subnav.gif) repeat-x left bottom;
	padding-top:6px;
	padding-bottom:8px;

}

ul.subnav li a:hover{text-decoration:underline;}

/*HEADERS*/

h1, h1 a, h2, h2 a, h3, h3 a {font-weight: normal;}

h1{
	font-size:1.6em;
	line-height:100%;
	margin-bottom:20px;
}

h2{
	font-size:1em;
	margin-bottom:10px;
	text-transform: uppercase;
	font-weight:bold;
}

h2.listheader {font-size: 12px;}

p{margin-bottom:10px}


p.edit{
	text-transform: uppercase;
	font: 0.85em Arial, Helvetica, sans-serif;
}

p.copyright{
	padding-top:15px;
	text-align:center;
	text-transform: uppercase;
	color: #6B6B56;
	font-size: 0.75em;
}

/*LINKS*/

a{text-decoration:underline;color:#fff;}
a img {border:none;}

p.copyright a {
	color: #6B6B56;
	text-decoration:none;
}

a[href$='.pdf'] {
	display:inline-block;
	padding-left:22px;
	line-height:18px;
	background:transparent url(images/icn-pdf.gif) center left no-repeat;
	text-decoration:none;
}

a:hover[href$='.pdf'], #footer a:hover {text-decoration:underline;}

#footer a {
	color:#9FC6B8;
	text-decoration:none;
}

/*IMAGES*/

img.alignright, img.alignleft, img.alignnone, span.vvqbox {
	border:1px solid #4eb08c;
	padding:2px
}

img.alignright {
	float:right;
	margin:5px 0 5px 10px;
}

img.alignleft {
	float:left;
	margin:5px 10px 5px 0;
}

img.alignnone {
	clear:both;
	margin-bottom:15px;
}

.item{
	margin-bottom: 15px;
	clear: both;
}