html {height: 100%; /* héél belangrijk */}

body {
	background-image:			url(../images/bg/bg_striped.jpg);
	background-repeat:			repeat;
	background-color:			#FFFFFF;
	margin-top:					0;
	margin: 					0; 
	padding: 					0; 
	height:						99%;
	font-family:				Verdana;
	font-size:					11px;
	line-height:				16px;
}

@media print {
    html { 
    font-family:				Verdana;
	font-size:					11px;
	line-height:				16px;
    }
    h1 {
    font-family:				Verdana;
	font-size:17px;
	}

	h2 {
	font-family:				Verdana;
	font-size:12px;
	}
  }

#container {
	background-image:			url(../images/top-balk.png);
	background-repeat:			repeat-x;
	background-position:		center top;
	margin: 					0px;
	padding: 					0px;
	position: 					relative;
	min-height: 				95%;
	height:						95%; /* voor IE */
	width: 						100%;
	text-align: 				center;
	height: 					auto; 
	top: 						0; 
	left: 						0;
}

#wrapper {
	width:						970px;
	height: 					100%;
	position:					relative;
	text-align: 				left;
	vertical-align:				bottom;
	margin-left: 				auto;
	margin-right: 				auto;
}

#banner {
	background-image:			url(../images/top.png);
	background-repeat:			no-repeat;
	background-position:		center top;
	width:						970px;
	height: 					167px;
	position:					relative;
	text-align: 				left;
	vertical-align:				bottom;
	margin-left: 				auto;
	margin-right: 				auto;
}

#logo {
	top:0;
	left:0;
	margin:-20px 0 0 390px;
	float:left;
	display:inline;
}

#feestadres_url {
	position:absolute;
	float:right;
	text-align:right;
	top:0;
	right:0;
	margin:65px 0 0 0;
	z-index:1120;
}

#menu_links {
	float:left;
	clear:both;
	width:206px;
	left:0;
	margin:20px 0 0 0;
}

#menu_rechts {
	display:inline;
	clear:both;
	float:left;
	width:206px;
	left:0;
	margin:20px 0 0 20px;
}

#menu_kop {
	color:white;
	font-size:16px;
	height:39px;
	padding:0 0 0 20px;
	background-image:			url(../images/menukoppen/menukop_200px.gif);
	background-repeat:			no-repeat;
}

#menu_content {
	top:0;
	font-weight:bold;
	padding:20px 0 0 20px;
	line-height:20px;
	background-image:			url(../images/menukoppen/menu_bg.gif);
	background-repeat:			repeat-y;
}

#menu_content_scroller {
	top:0;
	font-weight:bold;
	line-height:20px;
	background-image:			url(../images/menukoppen/menu_bg.gif);
	background-repeat:			repeat-y;
}

#menu_content_rechts {
	top:0;
	text-align:right;
	font-weight:bold;
	padding:20px 20px 0 0;
	line-height:20px;
	background-image:			url(../images/menukoppen/menu_bg.gif);
	background-repeat:			repeat-y;
}

#menu_content_rechts_certificering {
	top:0;
	text-align:left;
	font-weight:bold;
	padding:20px 20px 0 0;
	background-image:			url(../images/menukoppen/menu_bg.gif);
	background-repeat:			repeat-y;
}

#menu_bottom {
	clear:both;
	height:26px;
	background-image:			url(../images/menukoppen/menukop_bottom.gif);
	background-repeat:			no-repeat;
}

#content {
	line-height:18px;
	float:left;
	min-height:300px;
	height:90%;
	width:518px;
	padding-bottom:60px;
	margin:38px 0 0 20px;
}

#content_breed {
	line-height:18px;
	float:left;
	min-height:300px;
	height:90%;
	width:744px;
	padding-bottom:60px;
	margin:38px 0 0 20px;
}

#bottom_balk {
	z-index:10;

	position:fixed;
	bottom:0;
	height:62px;
	width:100%;
	background-image:			url(../images/bottom-balk.png);
	background-repeat:			repeat-x;
	background-position:		bottom center;
}

#bottom_tekst {
	font-weight:bold;
	color: #FFDF1B;
	z-index:11;
	bottom:4px;
	right:0;
	margin: 7px 0 0 0;
	position:					fixed;
	text-align: 				right;
	vertical-align:				bottom;
	margin-left: 				auto;
	margin-right: 				10px;
}


#bottom {
	z-index:5;

	position:relative;
	margin-top:-4px;
	top:0;
	right:0;
	float:right;
	height:66px;
	width:753px;
	background-image:			url(../images/bottom.png);
	background-repeat:			no-repeat;
	background-position:		center center;
}

h1 {
	font-size:17px;
}

h2 {
	font-size:12px;
}

span.arr_title {font-size:12px; font-weight:bold; line-height:25px;}

a:link {text-decoration: none; color: #101e11; font-weight:bold;}
a:visited {text-decoration: none; color: #101e11; font-weight:bold;}
a:active {text-decoration: none; color: #101e11; font-weight:bold;}
a:hover {text-decoration: underline; color: #101e11; font-weight:bold;}

a.menu:link {text-decoration: none; color: #101e11; font-weight:bold;}
a.menu:visited {text-decoration: none; color: #101e11; font-weight:bold;}
a.menu:active {text-decoration: none; color: #101e11; font-weight:bold;}
a.menu:hover {text-decoration: underline; color: #101e11; font-weight:bold;}

a.broodkruimel:link {text-decoration: none; color: grey; font-weight:normal;}
a.broodkruimel:visited {text-decoration: none; color: grey; font-weight:normal;}
a.broodkruimel:active {text-decoration: none; color: grey; font-weight:normal;}
a.broodkruimel:hover {text-decoration: underline; color: grey; font-weight:normal;}

a.bottom:link {text-decoration: none; color: #FFDF1B; font-weight:bold;}
a.bottom:visited {text-decoration: none; color: #FFDF1B; font-weight:bold;}
a.bottom:active {text-decoration: none; color: #FFDF1B; font-weight:bold;}
a.bottom:hover {text-decoration: underline; color: #FFDF1B; font-weight:bold;}

a.normal_tekst:link {text-decoration: none; color: #101e11; font-weight:normal;}
a.normal_tekst:visited {text-decoration: none; color: #101e11; font-weight:normal;}
a.normal_tekst:active {text-decoration: none; color: #101e11; font-weight:normal;}
a.normal_tekst:hover {text-decoration: underline; color: #101e11; font-weight:normal;}

a.lees_verder:link {text-decoration: none; color: grey; font-weight:normal;}
a.lees_verder:visited {text-decoration: none; color: grey; font-weight:normal;}
a.lees_verder:active {text-decoration: none; color: grey; font-weight:normal;}
a.lees_verder:hover {text-decoration: underline; color: grey; font-weight:normal;}

a.scroller:link {text-decoration: none; color: #000000; font-weight:normal;}
a.scroller:visited {text-decoration: none; color: #000000; font-weight:normal;}
a.scroller:active {text-decoration: none; color: #000000; font-weight:normal;}
a.scroller:hover {text-decoration: underline; color: #000000; font-weight:normal;}

<!-- Formulier opmaak -->

form
    {
    padding: 5px;
    width: 290px;
    text-align:left;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }

label
    {
	float:left;
    width: 100px;
    text-align: left;
    vertical-align:top;
    margin-right: 25px;
    font-family: Verdana;
    font-size: 11px;
    }

input
    {
    background-color: #f5f5f5;
	width:120px;
	font-family: Verdana;
    font-size: 11px;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin: 0 0 7px 0;
    }
    
select
    {
   	background-color: #f5f5f5;
	width:150px;
	font-family: Verdana;
    font-size: 11px;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin: 0 0 7px 0;
    }
    
textarea
    {
    width: 146px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Verdana;
    font-size: 11px;
    
    margin-bottom: 10px;
    }
    
input#submit {
	background-color: #FFF;
	border: 1px solid #FFFFF;
	width: 80px;
	}
	
input#check {
	float: right;
	width: 12px;
	}

input.disabled {
	border: 1px solid #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00804b;
}

input.normal, textarea.normal {
	border: 1px solid #DDD;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #dc3838;
	color : #000000;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF33FF;
	color : #FFF;
	font-weight: bold;
	display: none; /*ff uitzetten*/
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}