/* CSS Assen voor Assen

kleuren:

Donkerblauw: 	#1A377D
Lichtblauw:		#ECF4FF

*/

body, html {
	background:#ECF4FF;
	margin:0;
	padding:0;
	font:normal 11px verdana,arial,sans-serif;
	color:#333;
	text-align:center;
}

#container {
	background-color:#FFF;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.clearfloat {
	display:block;
}

/* KOP MET LOGO */

#top {
	width:950px;
	height:108px;
	background:url(../../images/top.png) no-repeat;
}

/* MENUBALK */

#menu {
	float:left;
	width:162px;
	height:auto;
	background-color:#FFF;
	text-align:right;
	padding:18px 0 20px 0px;
	font-weight:bold;
}

#menu a {
	text-decoration:none;
	color:#1A377D;
}

#menu a:hover {
	text-decoration:underline;
	color:#67A8DA;
}
	
h2 {
	font:bold 14px "Times New Roman", Times, serif;
	padding:2px 0 5px 16px;
	margin:0;
}

.submenu {
	padding:0;
	margin:0;
	display:none;
}

.submenu li {
	list-style:none;
	margin:0;
	padding:2px 4px 2px 16px;
	background:#C6E2FF;
}

.submenu li a {
	text-decoration:none;
	color:#1A377D;
	font-size:11px;
	font-weight:normal;
}

.submenu li a:hover {
	text-decoration:underline;
	color:#1A377D;
	font-size:11px;
	font-weight:normal;
}

/* CONTENTGEDEELTE */

#content {
	float:left;
	width:478px;
	height:auto;
	background-color:#FFF;
	padding:20px 20px 20px 90px;
	line-height:20px;
}

#content a {
	text-decoration:none;
	color:#000;
}

#content a:hover {
	text-decoration:underline;
	color:#67A8DA;
}

#content img {
	padding:6px 15px 15px 0;
}

#content form img {
	padding:0;
}

/* RECHTERGEDEELTE */

#right {
	float:right;
	width:175px;
	height:auto;
	background-color:#FFF;
	padding:23px 10px 20px 15px;
	line-height:20px;
}

#right a {
	text-decoration:none;
	color:#000;
}

#right a:hover {
	text-decoration:underline;
	color:#67A8DA;
}

/* BODEMBALK */

#bottom {
	clear:both;
	width:950px;
	height:15px;
	background:url(../../images/bottom.png) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}

.kruimel {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#F60;
	margin-bottom:15px;
}

.kruimel img {
	padding:0 !important;
}

.kop {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1A377D;
	margin-bottom:15px;
}

.subkop {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#1A377D;
}

.lijn {
	width:100%;
	height:1px;
	background:url(../../images/lijn.png) no-repeat;
	margin-top:20px;
	margin-bottom:20px;
}

#colofon {
	background-color:#ECF4FF;
	font:normal 9px Verdana, Geneva, sans-serif;
	padding:2px 0 5px 0;
}

#colofon a {
	text-decoration: none;
	color:#000;
}

#colofon a:hover {
	text-decoration: underline;
	color:#67A8DA;
}

/* Formulier elementen */

form {
	width:400px;
	margin:0;
	padding:0;
}

textarea {
	float:right;
	font:normal 11px verdana,arial,sans-serif;
	border:solid 1px #67A8DA;
	background:#FFFFFF;
	color:#333333;
	width:220px;
	height:100px;
	padding:5px 4px 4px 4px;
	overflow:auto;
}

.xx input {
	float:left;
	width:15px;
	text-align:left;
	border:none;
	height:22px;
}

input {
	float:right;
	font:normal 11px verdana,arial,sans-serif;
	border:solid 1px #67A8DA;
	background:#FFFFFF;
	color:#333333;
	width:220px;
	height:17px;
	padding:5px 4px 4px 4px;
	margin-bottom:10px;
}

input radiobutton {
	float:right;
	border:0;
	width:220px;
	height:17px;
	padding:5px 4px 4px 4px;
	margin-bottom:10px;
}

label {
	float:left;
	font-weight:normal;
}

.frmKnop {
	background:#1A377D;
	margin:10px 0 20px 160px;
	width:230px;
	height:20px;
	color:#fff;
	padding:0 0 3px 0;
	font-weight:bold;
	cursor:pointer;
	border:none;
}

.clear {
	clear:both;
	height:20px;
}

.table1 { 
	font:normal 11px verdana,arial,sans-serif;
	border-collapse:collapse;
	border-color:#67A8DA;
	border-style:solid;
	border-width:1px;
	padding:3px;
	vertical-align:top;
}

.table2 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#1A377D;
	border-collapse:collapse;
	border-color:#67A8DA;
	border-style:solid;
	border-width:1px;
	padding:3px;
	vertical-align:top;
}

.fotoLinks {
	float:left;
	padding-top:6px;
	margin:0 15px 15px 0;
}

.fotoRechts {
	float:right;
	padding-top:6px;
	margin:0 0 15px 15px;
}

#code {
	clear:both;
}