/*-----------------------------------------------------------------*/
/* [Table of contents]

1. 	Main
2. 	Body
3. 	Container
4. 	Content
5.		Navigatie
6. 	Header
7. 	Footer
8. 	CSS image replacment
9. 	Forms
10.	Poll
	
/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
a { color: #CC0000; outline: none; text-decoration: none; }
a:hover{ color: #CC0000; text-decoration: underline; }
ul, li{ list-style: none; }

/*-----------------------------------------------------------------*/
/* [2. Body] */

body{
	background: #EDE3D1 url(../images/layout/bg_body.png) repeat-y center;
	color: #584B43;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 50px 0px;
	text-align: center;
}

/*-----------------------------------------------------------------*/
/* [3. Container] */
#Container{
	position: relative;
	border: 1px solid #2E2623;
	margin: 50px auto 0px auto;
	/*padding: 275px 0px 0px 0px;*/
	width: 750px;
	background: #FFF8E5 url(../images/layout/bg_container.png) no-repeat 0px 310px;
	text-align: left;
}

/*-----------------------------------------------------------------*/
/* [4. Content] */

#Container #Content{
	float: right;
	margin-top: 275px;
	width: 500px;
	text-align: left;
}

#Content h1{
	margin: 0px 50px 20px 0px;
	font: 2.5em "Times New Roman", Times, serif;
}

#Content h2{
	font: bold 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 20px 50px 0px 0px;
	border-top: 1px solid #ACA194;
}

#Content h3{
	font: bold 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

#Content h4{
	font: bold 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 50px 20px 0px;
}

#Content p, #Content table{
	font: 1em/1.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 50px 20px 0px;
}

#Content td{ vertical-align: top; }

#Content hr{
	margin: 0px 0px 20px 0px;
	height: 1px;
	border: 0px solid #ACA194;
	background: #ACA194;
	color: #ACA194;
	clear: both;
}

#Content ul{
	margin: 0px 50px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#Content ul ul{ margin: 0; }

#Content ul li{
	font: 1em/1.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: url(../images/layout/bg_li.png) no-repeat left 8px;
}

#Content ol{
	margin: 0px 50px 20px 0px;
	padding: 0px 0px 0px 24px;
}

#Content ol ol{
	margin: 0px 50px 0px 0px;
}

#Content ol li{
	font: 1em/1.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: decimal;
	padding: 0px 0px 0px 10px;
}

#Content label{
	font-style: italic;
	cursor: pointer;
}

#Content a.logo{
	float: left;
	margin: 4px 20px 10px 0px;
	border: 1px solid #2E2623;
}

#Content img.floatleft{
	float: left;
	margin: 4px 20px 10px 0px;
	border: 1px solid #2E2623;
}

#Content img.floatright{
	float: right;
	margin: 4px 0px 10px 20px;
	border-top: 1px solid #2E2623;
	border-bottom: 1px solid #2E2623;
	border-left: 1px solid #2E2623;
}

.red{ color: RED; }

/*-----------------------------------------------------------------*/
/* [5. Navigatie] */

#Container #Nav{
	float: right;
	width: 190px;
	text-align: right;
	margin: 325px 60px 40px 0px;
}

#Container #Nav h1{
	font: bold 1em/1.75 Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #ACA194;
}

#Nav ul{ margin: 0px 0px 20px 0px; }

#Nav ul li a{
	margin: 0;
	padding-right: 15px;
	color: #584B43;
	font: 1em/2.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	background: url(../images/layout/bg_li_a.png) no-repeat right -10px;
	text-decoration: none;
}

#Nav ul li a.active{ background: url(../images/layout/bg_li_a.png) no-repeat right 5px; }

#Nav ul li a:hover{
	text-decoration: none;
	background: url(../images/layout/bg_li_a.png) no-repeat right 5px;
}

#Nav ul li.bold a{font-weight: bold;}

#Nav a.logo img{
	margin: 0px 0px 10px 0px;
	border: 1px solid #2E2623;
}

/*-----------------------------------------------------------------*/
/* [6. Header] */

#Container #Header{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 248px;
	width: 750px;
	background: url(../images/layout/bg_header.png) repeat-x;
}

#Header #Slideshow{
	position: absolute;
	top: 13px;
	right: 13px;
	padding: 17px;
	width: 200px; /* 234-17-17 */
	height: 200px; /* 234-17-17 */
	background: url(../images/layout/bg_slideshow.png) no-repeat;
}

/*-----------------------------------------------------------------*/
/* [7. Footer] */

#Container #Footer{
	clear: both;
	margin: 0px 0px 0px 250px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #ACA194;
}

#Footer p{ color: #ACA194; margin-bottom: 20px;}
#Footer a{ color: #ACA194; text-decoration: none; }
#Footer a:hover{ color: #584B43;}

/*-----------------------------------------------------------------*/
/* [8. CSS image replacement] */

#logo a{
	display: block;
	height: 162px;
	background: url(../images/layout/logo_ber.png) no-repeat 0px 0px;
	line-height: 1000px;
	overflow: hidden;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 225px;
	z-index: 5000;
}

#ml2{	
	position: absolute;
	right: 5px;
	bottom: -20px;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#ml2 a{
	color: #927B59;
	text-decoration: none;
}

/*-----------------------------------------------------------------*/
/* [9. Forms] */

input{
	margin: 0px 5px 5px 0px;
	padding: 1px 2px 1px 2px;
	width: 196px; /* 200-2-2 */
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #C3A573;
	border-right: 1px solid #997F4E;
	border-bottom: 1px solid #997F4E;
	border-left: 1px solid #C3A573;
	vertical-align: middle;
}

select{
	margin: 0px 0px 5px 0px;
	padding: 1px 2px 1px 2px;
	width: auto;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #C3A573;
	border-right: 1px solid #997F4E;
	border-bottom: 1px solid #997F4E;
	border-left: 1px solid #C3A573;
}

textarea{
	width: 396px; /* 200-2-2 */
	height: 100px;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 2px;
	overflow: auto;
	border-top: 1px solid #C3A573;
	border-right: 1px solid #997F4E;
	border-bottom: 1px solid #997F4E;
	border-left: 1px solid #C3A573;
}

input.checkbox{
	border: 0;
	width: auto;
	vertical-align: middle;
}

.false{ border: 1px solid RED; }

input.submit{
	width: auto;
	margin: 0px 0px 20px 0px;
	border: 1px solid #746358;
	background: #C3A573;
	cursor: pointer;
}

input.submit2{
	width: auto;
	margin: 0px 0px 0px 0px;
	border: 1px solid #746358;
	background: #C3A573;
	cursor: pointer;
}

input.submit3{
	width: auto;
	margin: 0px 0px 3px 0px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #997F4E;
	background: White;
	cursor: pointer;
}

/*-----------------------------------------------------------------*/
/* [10. Poll] */

#Content  h1.poll{
	margin: 0px 50px 0px 0px;
	padding: 5px;
	font: bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #746358;
	background-color: #C3A573;
}

#Content #PollBody{
	margin: 0px 50px 0px 0px;
	background-color: White;
	border-left: 1px solid #746358;
	border-right: 1px solid #746358;
	border-bottom: 1px solid #746358;
}

#Content #PollFooter{
	margin: 0px 50px 20px 0px;
	background-color: #C3A573;
	border-left: 1px solid #746358;
	border-right: 1px solid #746358;
	border-bottom: 1px solid #746358;
}

#Content #PollFooter p{ margin: 0px; padding: 10px; }
#Content #PollBody table, #Content #PollFooter table{ margin: 0; }
#Content #PollBody th{ text-align: center; }
#Content #PollBody td{ padding: 0px 3px 0px 3px; }

#Content #PollFooter hr{
	margin: 0px 0px 0px 0px;
	height: 1px;
	color: #746358;
	border: 0px solid #746358;
	background-color: #746358;
	clear: both;
}

#Content input.poll{
	width: auto;
	margin: 0px 10px 0px 10px;
	background-color: transparent;
	border: 0;
}

/*#Content #PollBody td img{ margin: 5px 0px 0px 0px; }*/
.vrouw{ font-weight: bold; color: #990000; }
.man{ font-weight: bold; color: #003366; }

.stat{	
	margin: 4px 0px 4px 0px;
	padding: 0;
	width: 100px;
	height: 8px;
	border: 1px solid #666666;
	background: #FFFFFF;
}

.stat img{ float: left; }