/*                                */
/*        CSS-document voor       */
/*      'Koekblik Producties'     */
/*                                */
/*              (c)               */
/*       Koekblik Producties      */
/*            mei 2007            */
/*                                */
/*        www.koekblik.com        */
/*                                */


/* 	1. Basisonderdelen */

html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
	}

html>body, html>body #wrapper {
	height: auto;
	}

body {
	margin: 0;
	padding: 0;
	background-color: #CCC;
	background-image: url(../img/bg_1600_mei.gif);
    background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 14pt;
	}

#wrapper {
	position: absolute;
	top: 0;
    left: 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 -380px;
    width: 760px;
	text-align: left;
	color: black;
	}

#footer {
	position: absolute;
	display: block;
	background: url(../img/v3_groen_botnavbg_760.gif);
	background-position: bottom;
	bottom: 0;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -385px;
    width: 760px;
	height: 236px;
	z-index: 2;
	clear: both;
	}

img.kop,
img.kop:hover,
#kol2_breed img.kop,
#kol2_breed img.kop:hover {
	border: none;
	display: block;
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 5px 0 0;
}

h2 {
	margin: 0;
	padding: 20px 0 0 0;
	}

h3 {
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 8pt;
	}

p {
	margin: 0 0 10px 0;
	padding: 0;
	width: 220px;
	}

#kol2_breed p {
	margin: 0 0 10px 0;
	padding: 0;
	width: 465px; 
}


table {
	margin: 5px 0 10px 0;
	width: 460px;
}

/* 2. Logolagen (volledige breedte scherm) */

#logobg {
	background-color: #738c32;
	background-image: url(../img/bg_logo_1600.gif);
    background-position: center;
	background-repeat: repeat-y;
    margin: 0;
    padding: 0;
	display: block;
	height: inherit;
	width: 100%;
	z-index: 4;
	top: 40px;
	position: absolute;
	text-align: center;
	}

#logo {
	width: 740px;
	height: 91px;
	background: url(../img/bg_logo_740x125_2.jpg);
	margin: 0px auto;
	padding: 33px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

#logo img {
	display: block;
	postion: relative;
	margin: 0px auto;
	padding: 0;
	border: none;
	}

/* 	3. Navigatie Bovenkant */

.topnav {
	position: relative;
	display: block;
	margin: 0 0 0 0px;
	height: 30px;
    width: 740px;
	background-color: #738c32;
	background-image: url(../img/v3_groen_topnavbg_740.gif);
	z-index: 3;
	color: white;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 20px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	}

.topnav a, .topnav a:visited {
	text-decoration: none;
	display: block;
	margin: 4px 0 0 5px ;
	padding: 0px 23px 1px 24px;
	color: white;
	font-weight: bold;
	float: left;
	height: 20px;
	}

.topnav a:hover {
	text-decoration: none;
	display: block;
	background: #9db465;
	color: white;
	}

.topnav a.current {
	text-decoration: none;
	text-align: center;
	display: block;
	background: #738c32;
	color: white;
	float: left;
	}

/* 4. Navigatie Onderkant */

.bodemnav {
	position: absolute;
	bottom: 0;
	left: 10px;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	height: 30px;
	width: 720px;
	line-height: 30px;
	vertical-align: middle;	
	color: white;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;

	}

.bodemnav a, .bodemnav a:visited {
	color: white;
	text-decoration: none;
	padding: 3px 8px 4px 8px;
	margin: 0;
	}

.bodemnav a:hover {
	background-color: #a2bb67;
	color: white;
	}

/* 5. Pathwayregels (zonder positie) */

.pathway a {
	color: black;
	text-decoration: none;
	}

.pathway a:visited {
	color: black;
	}

.pathway  a:hover {
	color: black;
	text-decoration: underline;
	}


/* 6. Kolommenregels (zonder verticale positie) */

#kol1 {
	width: 220px;
	float: left;
	margin-right: 10px;
	padding: 5px 10px 0px 10px;
}

#kol2 {
	width: 220px;
	padding: 5px 10px 0px 10px;
	float: left;
}

#kol2_breed {
	width: 465px;
	padding: 5px 10px 0px 10px; 
	float: left;
	}

#kol3 {
	width: 220px;
	top: 0;
	padding: 5px 10px 0px 10px;
	float: right;
}

#kolommen a,
#kolommen a:visited {
	color: #5e7229;
	}
	
#kolommen a:hover {
	color: black;
	background: #fff9e2;
	text-decoration: none;
	}

#kolommen img.preview {
	border: 1px solid silver;
	margin: 3px 0 0 0;
	background: url(../img/img_preview_bg2.png) no-repeat left top;
	width: 208px;
	height: 141px;
	padding: 0 9px 12px 0;
	position: relative;
	border: none;
	}

#kolommen img.preview:hover {
	background: url(../img/img_preview_bg3.png) no-repeat left top;
	}

.clearfloats {
	clear: both;
	}

/* 7. Wapenfeiten */

.list3 {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 15px 0 0 0;
	position: relative;
	}
		
.list3 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 2px 0;
	width: 100%;
	float: left;
	} 

.list3 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	}

#kolommen .list3 li a {
	background: url(../img/img_preview_mini3_bg.png) no-repeat left top;
	float: left;
	margin: 0 3px 6px 0;
	padding: 0 8px 9px 0px;
	width: 62px;
	height: 62px;
	}

#kolommen .list3 li a:hover {
	background: url(../img/img_preview_mini3_bg4.png);
	}

.list3 em {
	display: none;
	}

.list3 a img {
	padding: 0px;
	margin: 0px;
	border: none;
	}

.list3 a:hover img {
	padding: 0px;
	margin: 0px;
	border: none;
	}
	

/* 8. Formulieren */

#tabelinhoud input, textarea {
	background-color: #F6F6F6;
	color: black;
	border: 1px solid #CCCCCC;
    font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	}

#tabelinhoud input:hover, textarea:hover {
	border: 1px solid #000;
	}

#tabelinhoud input:focus, textarea:focus {
	background: #fff9e2;
	}