/* style binnenhofje.com	*/
/* webdesign www.marsandmc.nl copyright 19-5-2007 */

/* basic */

body{
background: #F9FACA;
text-align:center;
margin:auto;
padding:0;
font-family:verdana, arial, helvetica;
font-size:11px;
}

#wrap{
background: #F9FACA;
	padding: 0px;
	width: 846px;	
	margin-right: auto;
	margin-left: auto;
margin-top:20px;

	position: relative;
z-index:0;
}

#header {
margin-top:0;
margin-right: auto;
margin-left: auto;

padding: 0px;
position:relative;
width:846px;}

#footer
{margin-top:0px; 
margin-right: auto;
margin-left: auto;
padding: 0px;
position:relative;
width:auto;
color:#bbbbbb;}

#footer a{
color:#aaaaaa;}

#kader
{ background: url(../img/bg-zonnebloem-bottomleft.jpg) no-repeat left bottom;
text-align: left;
margin-top: -38px;
margin-right: auto;
margin-left: auto;
padding: 0 0 20px 0;
border-top-style:none;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-top-width:0px;
border-right-width:8px;
border-left-width: 8px;
border-bottom-width: 8px;
border-color: #ebc04d #457122 #457122 #ebc04d;
position: relative;
top: 0px;
left: 0px;
width: 734px }

html>body #kader {
width: 718px;
}

h1 { color: #dd6e62; font-weight: bold; font-size: 18px; font-family: arial, verdana, helvetica, geneva, sans-serif;text-align:left;font-style:italic; }
h2 { color: #457122; font-weight: bold; font-size: 16px; font-family: geneva, arial, verdana, helvetica, sans-serif ;text-align:left}

h3 { color: #457122; font-weight: bold; font-style:normal;font-size: 16px; font-family: comic sans ms,geneva, arial, verdana, helvetica, sans-serif ;text-align:left;background: #f1aa92;padding-left:3px}


h4 { color: #8a92af; font-style: italic; font-weight: bold; font-size: 16px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left; border: 2px; border-color:#ebc04d; border-style:solid;}
h5 { color: #545d37; background: #a1b195;font-weight: bold; padding-left:3px;font-size: 14px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left}





#rechts {
color:#6E4949;
border-color:#f1b195;
border-bottom-style:solid;
border-bottom-width:8px;
position:absolute; width: 220px; left:488px;top:20px;padding:23px 20px 20px 20px;
 background: url(../img/bg-bloemomlijsting.jpg) no-repeat left top;
}

html>body #rechts {
width: 180px;
}
#rechts p{
color: #6E4949;
line-height: 1.3em;
text-align: left;
}
#rechts h1 { color: #dd6e62; font-weight: bold; font-size: 16px; font-family: arial, verdana, helvetica, geneva, sans-serif;text-align:left }
#rechts h2 { color: #457122; font-weight: bold; font-size: 14px; font-family: geneva, arial, verdana, helvetica, sans-serif ;text-align:left}
#rechts h3 { color: #457122; font-weight: bold; font-size: 14px; font-family: comic sans ms,geneva, arial, verdana, helvetica, sans-serif ;text-align:left;background: #f1aa92;padding-left:3px}

#rechts h4 { color: #8a92af; font-style: italic; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left}
#rechts h5 { color: #545d37; background: #a1b195;font-weight: bold; padding-left:3px;font-size: 12px; font-family: arial, verdana, helvetica, geneva, sans-serif ;text-align:left}





#links { border: solid #699 1px;width: 100px; position:absolute; left:10px;top:20px;padding:3px;margin-left:4px;clear:both;}
html>body #links {
width: 110px; margin-left:10px;
}

#maintext{font-style:italic;font-size:13px;color:#6E4949;position:relative;
background: none; text-align: left; margin-top: 0px;left:80px; top:20px;padding: 0 0 10px 0;z-index:0;width: 360px }

#maintextbreed{font-style:italic;font-size:13px;color:#6E4949;position:relative;
background: none; text-align: left; margin-top: 0px;left:80px; top:20px;padding: 0 0 10px 0;z-index:0;width: 560px }
.f11 {font-size:11px;font-family: verdana, arial, helvetica, geneva, sans-serif;text-align:left}
.f11 p{font-size:11px;font-family: verdana, arial, helvetica, geneva, sans-serif;text-align:left}

img.floatleft{
  float:left;
  margin-right: 4px;
  border:0;
}
img.floatright{
float:right;
  margin-left: 4px;
  border:0;
}

form {
	background: #e4eaf6;
	border: 1px solid #669;
	margin: 10px 0px;
	padding: 15px;
}

fieldset {
	margin: 10px 0px;
	padding: 15px;
	border: 1px solid green;
}

legend {
	font-weight: bold;
	background: #ccf;
	padding: 4px;
}

input.inputstijl {
	color: #69c;
	font-weight: bold;
	padding: 2px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

textarea.inputstijl {
	color: #69c;
	font-weight: bold;
	padding: 2px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.error {
border:2px solid #f00;
padding: 3px;
color:#808080;
font-style:normal;
}
.error b{color:#8b0000;}


#navtaal1  { font-size: 12px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; float: left; clear: left; margin: 0px auto 0 0px; padding-left: 0px; border: solid 0px #00008b; position: absolute; top: 20px; left: 554px; width: 72px }
#navtaal2 { font-size: 12px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 20px; left: 626px; width: 73px }
#navtaal3 { font-size: 12px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 20px; left: 699px; width: 73px }

#navmenu1 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 100px; width: 105px }
#navmenu2 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 205px; width: 105px }
#navmenu3 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 310px; width: 105px }
#navmenu4 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 415px; width: 105px }
#navmenu5 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 520px; width: 105px }
#navmenu6 { font-size: 14px; font-style:italic; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 210px; left: 625px; width: 149px }


ul.navlist     { text-align: left; list-style-type: none; float: left; margin: 0 auto 0 0px; padding: 0; position: relative; width: 100% }
ul.navlist li  { text-align: left; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; display: block }
ul.navlist li a { color: #f9faca; text-decoration: none; background-color: #a1b195; text-align: left; padding: 2px 0px 2px 2px; border-style: solid;
				border-width: 1px; border-color: #f9faca; width: 100%; display: block}
	
#navtaal1>ul.navlist li a { width: auto }
#navtaal2>ul.navlist li a { width: auto }
#navtaal3>ul.navlist li a { width: auto }
#navmenu1>ul.navlist li a { width: auto }
#navmenu2>ul.navlist li a { width: auto }
#navmenu3>ul.navlist li a { width: auto }
#navmenu4>ul.navlist li a { width: auto }
#navmenu5>ul.navlist li a { width: auto }
#navmenu6>ul.navlist li a { width: auto }

	
ul.navlist li#active a { color: #800000; background-color: #a7cad3; text-align: left }
ul.navlist li a:hover, 	ul.navlist li#active a:hover { color: #800000; background-color: #ebc04d; text-align: left; border-color: #457122 }