/*
Theme Name: Bakkerij-Advies (oud)
Theme URI: http://www.bakkerij-advies.nl
Description: WordPress thema voor www.bakkerij-advies.nl
Version: 2 (WP2.6.2)
Author: Derk-jan ten Ham
Author URI: http://www.tienvooracht.nl
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, clear {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Georgia;
	vertical-align: baseline;
}

body {
 background: #282828;
 text-align: center;
 color: #5E5E5E;
 font: 12px/20px Georgia;
 line-height: 2em;
}

#clearboth {
 clear: both;
}

em {
 font-style: italic;
}

/* Wraps & Containers */

#sitebg {
 width: 100%;
 background: #fff url(images/head-bg.gif) repeat-x top;
}

#container {
 width: 100%;
 background: url(images/pagina-bg.gif) no-repeat top center;
} 

#pagina-wrap {
 background: #fff url(images/pagina-b.gif) no-repeat 120px 40px;
 width: 900px;
 margin: 0 auto;
 border-left: 1px solid #C9C9C9;
 border-right: 1px solid #C9C9C9;
 padding: 0 30px 0 30px;
}

#footer-container {
 width: 100%;
 background: #282828 url(images/footer-bg.gif) repeat-x top;
}

#footer-wrap {
 background: url(images/footer-balk.gif) no-repeat top center;
 width: 962px;
 height: 100%;
 margin: 0 auto;
 padding: 70px 0 0 0 ;
 font: 1em Georgia;
}



/* Header*/

#pagina-wrap h1 {
	float:left;
	width:247px;
	height:74px;
	margin:0 0 0 0;
}

#pagina-wrap h1 a {
	display:block;
	float:left;
	width:247px;
	height:74px;
	text-decoration:none;
}

	#pagina-wrap h1 a img {
		display:block;
		border: none;
	}



/* Navigatie */

ul.navigatie {
 float: right;
 list-style-type: none;
 position: relative;
 margin: 35px 0 10px 0;
 z-index:2;
}

	/* Navigatie item is aan */

	ul.navigatie .aan a {
	 color: #de2212;
	}


	/* Navigatie Lijst Items */

	ul.navigatie li { 
	 float: left;
	 display: block;
	 position: relative;
	 text-align: left;
	 font: 1.4em Georgia;
	 color: #0a0a0a;
	 padding: 15px 0 15px 20px;
	}

	ul.navigatie li:hover {

	}

	ul.navigatie li a {
	 display: block;
	 float: left;
	 color: #0a0a0a;
	 text-decoration: none;
	}

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


	/* Navigatie Drop It */

	ul.navigatie li.drop a {
	 padding-right: 4px;
	}

	ul.navigatie li.drop span.dropit {
	 display:block;
	 float:left;
	 width:21px;
	 height:26px;
	 background: url("images/drop.gif") no-repeat 6px 9px ;
	 padding:0;
	 margin:0 0 0 0;
	}

	ul.navigatie li.drop:hover li {
 	border: none;
	}

	ul.navigatie li.drop:hover ul {
	 display: block;
	 z-index: 1;
	 padding-bottom: 15px;
	 width: 140px;
	}

		/* Bepaal de grootte van de drop */

		ul.navigatie li ul {
	 	 background: #fff url(images/dropdown-bg.gif) repeat-x;
		 display: none;
		 position: absolute;
		 width: 100%;
		 top: 40px;
		 left: 20px;
		 list-style-type: none;
		 font: 1.2em Georgia;
		 border: 1px solid #C9C9C9;
		}

	ul.navigatie li ul li {
	 float: none;
	 height: auto;
	 margin: 0;
	 padding: 0;
	 border: none;
	}

	ul.navigatie li ul li a {
	 color: #4c4c4c;
	 font-size: 14px;
	 float:none;
	 background:none;
	 margin:0;
	 padding:0;
	 display:block;
	 height:auto;
	 margin:0;
	 padding: 15px 15px 5px 15px;
	}

		/* Drop Style */

		ul.navigatie li:hover ul {
		}

		ul.navigatie li:hover ul * {
		 color: #4c4c4c;
		}

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



/* Top Navigatie */

ul.top-navigatie {
 display: block;
 float: right;
 background: #EFEFEF;
 padding: 0 15px 10px 15px;
 text-transform: uppercase;
}

ul.top-navigatie li {
 display: block;
 float: left;
 padding: 10px 5px 0 0;
 font: 0.8em Georgia;
 color: #000;

}

	ul.top-navigatie li a {
	 color: #5E5E5E;
	 text-decoration: none;
	}

	ul.top-navigatie li a:hover {
	 color: #0a0a0a;
	}



/* Midden */

#slider {
 margin: 0 0 30px 0;
 height: 284px;
 width: 100%;
 background: none;
}



/* Content */

#content {
 display: block;
 text-align: left;
 width: 100%;
 color: #5e5e5e;
 line-height: 1.8em;
}

	#content ul {
	 margin: 10px 0 20px 0;
	 line-height: 1.5em;
	}

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

	#content a:hover {
	 text-decoration: underline;
	}

	#content p  {
	 margin: 0 0 15px 0;
	}

	#content h2 {
	 font: 2em Georgia;
	 color: #CA1C0D;
	 margin: 0 0 10px 0;
	}

	#content h2 a {
	 color: #CA1C0D;
	}

	#content h2 a:hover {
	 color: #CA1C0D;
	 text-decoration: underline;
	}

#welkom {
 width: 550px;
 display: block;
 float: left;
 margin: 0 50px 0 0;
}

#rechterkant {
 width: 320px;
 display: block;
 float: left;
}

ul.infonav {
 width: 403px;
 list-style-type: none;
}

ul.infonav li {
 width: 540px;
 height: 50px;
 list-style-type: none;
}

ul.infonav li a {
 width: 540px;
 height: 0;
 padding: 50px 0 0 0;
 overflow: hidden;
 display: block;
 background: url(images/infonavbg.gif) 0 0;
}

ul.infonav li#infonav2 a {
 background-position: 0 -50px;
}

ul.infonav li#infonav3 a {
 background-position: 0 -100px;
}

ul.infonav li#infonav4 a {
 background-position: 0 -150px;
}

ul.infonav li#infonav5 a {
 background-position: 0 -200px;
}

ul.infonav li#infonav6 a {
 background-position: 0 -250px;
}

ul.infonav li#infonav1 a:hover, ul.infonav li#infonav1 a.active {
 background-position: -540px 0;
}

ul.infonav li#infonav2 a:hover, ul.infonav li#infonav2 a.active {
 background-position: -540px -50px;
}

ul.infonav li#infonav3 a:hover, ul.infonav li#infonav3 a.active {
 background-position: -540px -100px;
}

ul.infonav li#infonav4 a:hover, ul.infonav li#infonav4 a.active {
 background-position: -540px -150px;
}

ul.infonav li#infonav5 a:hover, ul.infonav li#infonav5 a.active {
 background-position: -540px -200px;
}

ul.infonav li#infonav6 a:hover, ul.infonav li#infonav6 a.active {
 background-position: -540px -250px;
}



/* Footer */

#footer-wrap h4 { 
 font: bold 1.4em Georgia;
 color: #909090;
 margin: 0;
 line-height: 1.6em;
}

#footer-nav1 {
 display: block;
 float: left;
 text-align: left;
 width: 235px;
 border-right: 1px solid #3D3D3D;
 font-size: 1em;
 color: #dededd;
 line-height: 1.65em;
 height: 190px;
}

	#footer-nav1 ul {
	 list-style-type: none;
	}

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

#footer-wrap  a:hover {
 text-decoration: underline;
}


#footer-nav2 {
 display: block;
 float: left;
 text-align: left;
 width: 215px;
 border-right: 1px solid #3D3D3D;
 color: #dededd;
 line-height: 1.65em;
 height: 190px;
 margin: 0 0 0 20px;
}

	#footer-nav2 ul {
	 list-style-type: none;
	}

#footer-contact {
 display: block;
 float: left;
 text-align: left;
 width: 215px;
 border-right: 1px solid #3D3D3D;
 color: #dededd;
 line-height: 1.65em;
 height: 190px;
 margin: 0 0 0 20px;
}

	#footer-contact ul {
	 list-style-type: none;
	}

#footer-copyright {
 display: block;
 float: left;
 width: 235px;
 text-align: right;
 color: #dededd;
 line-height: 1.65em;
 height: 190px;
}

	#footer-copyright ul {
	 list-style-type: none;
	}



/* WP stuff */

#breadcrumb {
 display: block;
 float: left;
 text-align: left;
 width: 100%;
 padding: 5px 0 10px 0;
 background: url(images/dotted.gif) repeat-x bottom;
}

#breadcrumb a {
 color: #28166f;
 text-decoration: underline;
}

#breadcrumb a:hover {
 text-decoration: none;
}

.post {
 padding: 30px 0 0 0;
}

.post li {
 list-style-type: square;
 list-style-position: inside;
 margin: 0 0 0 10px;
 padding: 0 0 0 5px;
}

.post h3 {
 font-size: 1.4em;
 color: #0a0a0a;
}

#cs {
 background: #F9F9F9;
 border: 1px solid #C9C9C9;
 padding: 6px 8px 6px 8px;
 font: 1.2em Georgia;
}

#c-links {
 width: 350px;
 display: block;
 float: left;
}

#c-rechts {
 width: 550px;
 display: block;
 float: left;
}

#nieuws-headlines {
 background: url(images/dotted.gif) repeat-y;
 padding: 0 0 0 20px;
 display: block;
 float: right;
 width: 280px;
}

blockquote {
border-left: 8px solid #EFEFEF;
margin: 30px 0 30px 25px;
padding: 0 0 0 15px;
}

#art-links {
diplay: block;
float: left;
text-align: left;
margin: 0 40px 0 0;
}

#art-rechts {
diplay: block;
float: left;
text-align: left;
}

#home-slide-bg {
 background: url(images/home-slide-bg.gif) repeat-x;
}

.alignleft {
 float: left;
 margin-right: 20px;
}