/******************************************
Website : Breimer's Bakkerij
CSS : Stefanoost.nl
E-mail: info@stefanoost.nl
WWW: http://www.stefanoost.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
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, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

body{
	background: #E7ECA1 url("../img/bg.jpg") repeat-x;}
	
#bg{
	position: absolute;
	z-index: -100;
	width: 1001px;
	height: 1060px;
	left: 50%;
	margin: 0 0 0 -500px;
	overflow: hidden;
	background: url("../img/bg_img.png") no-repeat;}

div#header{
  height: 93px;
  text-align: center;
  margin: 0;
  padding: 0;
}

div#menu{
	float: right; 
	display: inline;
	margin: 38px 0 0 0;
	height: 27px;
	}
	
div#menuleft{
	float: left;
	display: inline;
	background: url("../img/menu_left.png") no-repeat;
	width: 7px;
	height: 27px;}

div#menucontent{
	float: left;
	display: inline;
	background: url("../img/menu_content.png") repeat-x;
	height: 27px;
	padding: 4px 0 0 0;}
  
div#menuright{
	float: left;
	display: inline;
	background: url("../img/menu_right.png") no-repeat;
	width: 7px;
	height: 27px;}  

div#logo{
  float: left;
  display: inline;
  margin: 15px 0 0 12px;}
  
div#headerflash{
  height: 317px;
  margin: 0;
  padding: 0;
}

div#container{
  width:889px;
  margin:0 auto}

div#content{
  float:left;
  display: inline;
  width:520px}

div#tekst, div.box{
  margin:20px;}

div#sidebar_1{
  float:right;
  display:inline;
  width:281px;
}

div#sidebar_2{
  float:left;
  display:inline;
  clear:both;
  width:889px;
  height: 199px;
}
  
div#blok1{
  float: left;
  display: inline;
  width: 296px;
}
  
div#blok2{
  float: left;
  display: inline;
  width: 296px;
}
  
div#blok3{
  float: right;
  display: inline;
  width: 274px;
  height: 172px;
}

div#footer{
  clear: both;
  width:100%;}
  
div#populair_top{
	background: url("../img/populair_top.png") no-repeat;
	width:265px;
	height:18px;}

div#populair_middle{
	background: url("../img/populair_middle.png") repeat-y;
	width:265px;}

div#populair_content{
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	margin: 0 10px 0 10px;}
	
div#populair_bottom{
	background: url("../img/populair_bottom.png") no-repeat;
	width:265px;
	height: 18px;}
	
div#footertekst{
	float: left;
	display: inline;
	color: #a28f74;
	font-size: 11px;
	margin: 0 0 0 18px;}
	
div#footermenu{
	float: right;
	display: inline;
	color: #a28f74;
	margin: 0 20px 0 0;}
	
	
div#menu ul{
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0 0 0 15px;}

div#menu ul li{
	float: left;
	display: inline;
	padding: 0 15px 0 15px;
	height: 18px;
	background: url("../img/menuscheiding.png") 0 0 no-repeat;}


/*TYPOGRAFIE
**************************************************/

body{
	font: normal 11px/17px Trebuchet MS, Arial, sans-serif;
	color: #604c3b;}

div#sidebar_1{
	font: normal 11px/16px Lucida sans, Trebuchet MS, Arial, sans-serif;
	color: #fff;}

div#sidebar_2{
	font: normal 11px/16px Lucida sans, Trebuchet MS, Arial, sans-serif;
	color: #000;}

div#footer{
  text-align: center;
  color: #fff;
  padding: 20px 0;}

/*PARAGRAPHS*/
p {padding: 0 0 20px;}

/*HEADINGS*/
h1{
  font: bold 24px/22px Arial, sans-serif;
  margin: 0 0 10px 0;
  color: #653e00;
  font-weight: bold;}

h2{
  font: bold 18px/26px Tahoma, Arial, sans-serif;
  color: #5a3c1a;}
  
div#sidebar_2 h2{
	background: url("../img/h2_bg.png") no-repeat;
	padding: 8px 0 0 14px;
	}

h3{
  font: bold 14px/18px Tahoma, Arial, sans-serif;
  padding: 0 0 5px;}


/*LISTS*/
div#tekst ul{
	list-style-type: disc;
	margin: 0 0 20px;
	padding: 0 0 0 15px;}

div#tekst ul li{
	padding: 0 0 0 5px;}

div#tekst ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;}

div#tekst ol li{
	padding: 0 0 0 10px;
	margin: 0;}

/*LINKS*/
a {         text-decoration: none; font-weight: bold;}
a:link {    color: #000;}
a:visited { color: #000;}
a:hover {   color: #000; text-decoration: none;}
a:active {  color: #000;}

h1 a {         text-decoration: none; font-weight: bold; padding: 10px; background: none}
h1 a:link {    color: #000; }
h1 a:visited { color: #000; }
h1 a:hover {   color: #000; text-decoration: none; background: #fff;}
h1 a:active {  color: #000; background: #fff;}

div#footermenu a {         text-decoration: none; font-weight: normal; background: none}
div#footermenu a:link {    color: #a28f74; }
div#footermenu a:visited { color: #a28f74; }
div#footermenu a:hover {   color: #7c6b54; text-decoration: none;}
div#footermenu a:active {  color: #7c6b54; }

div#menu a {         font-size: 16px; line-height: 10px; text-decoration: none; font-weight: bold; background: none;}
div#menu a:link {    color: #5a3c1a; }
div#menu a:visited { color: #5a3c1a; }
div#menu a:hover {   color: #987145; text-decoration: none;}
div#menu a:active {  color: #987145; }