/* Veel gebruikte kleuren
paars		#740160;
grijs		#60513B;
lichtgrijs	#C1BBB2;



---------------------------------------------- */


body {
	background: #ffffff url(images/body_bg.jpg) center top;
}
body, p, td, li, input, textarea, div { 
	font-size: 10pt; 
	font-family: "Trebuchet MS", "Lucida Sans", Hevetica, "Neue Helvetica", Arial, Hevetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}
a {
	text-decoration: underline;
	outline: none;
	color: #162E5B;
}
a:link { 
	color: #162E5B;
}
a:visited {
	color: #000;
}
a:active {
}
a:hover {
	text-decoration: none;
}
strong, b {
	font-weight: bold;
}
p {
	line-height: 1.41em;
	margin-top: 0.5em;
	margin-bottom: 1.5em; 
}
li {
	line-height: 1.41em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #10244B;
}
h1 { font-size: 14pt;font-size: 17px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; margin-bottom: 0; }



/* Design elementen 
---------------------------------------------- */

#wrapper {
	background: url(images/wrapper_bg.jpg) no-repeat center top
}
#header {
	margin: 0;
	padding: 0;
	overflow: visible;	
}
#subheader1 {
	background: url(images/topper_bg.png) repeat-y center;
	height: 40px;
}

h2#homebutton {
	display: block;
	position: absolute;
	font-size: 14px;
	left: 0; 
	top: 0;
	margin: 0;
	padding: 0; 
}

h2#homebutton a {
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	text-decoration: none;
	font-style: italic;	
	
	height: 40px;
	line-height: 40px
}
h2#homebutton a strong {
	/*position: absolute;
	left: -9999px; */
}


#fotootje {
	width: 960px;
	height: 200px;
	display: block;
	position: absolute;
	top: 62px;
	left: 0px;
}
#fotokader {
	z-index:2;
	position:absolute;
	top:59px;
	width:970px;
	height:210px;
 	overflow:hidden;
 	margin-left: -5px;
 	background: url(images/foto_overlay.png) no-repeat;
}
#toprand {
	z-index:0;
	position:absolute;
	display: block;
	top:0px;
	width:100%;
	height:40px;
 	overflow:hidden;
 	background: #10244B;
 	left: 0;
}

#footer {
	overflow: hidden;
}
#subfooter1 {
	color: #fff;
	font-size: 11px;
	margin: 0;
	text-align: left;
	overflow: hidden;
}
#container-center {
	width: 595px;
	background: #D3C4C0;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #162E5B;
	padding: 10px 20px;
	
	
}
#container-center img {
	padding: 1px;
	background: #fff;
	border: 1px solid #0B2047;
}






/* Nieuws 
---------------------------------------------- */
#container-center .nieuws div.item {
	
	padding: 10px 0 10px 0px;
}

/* Nieuws op homepage
---------------------------------------------- */
.page1 #container-left .nieuws {
	margin: 0px 0 0 10px;
	z-index:10;
	width: 300px;
}
.page1 #container-left .nieuws div.item {
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	border-bottom: 1px solid #162E5B;
	border-left: 1px solid #162E5B;
	width: 299px;
}
#container-left .item a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 10px 0 10px 20px;
	font-size: 13px;
	/*background: rgba(21, 45, 90, 0.6);*/
	background: url(images/mainmenu_li_bg.png) repeat;
}
#container-left .item a div {
	color: #fff;
}
#container-left .item a:hover {
	text-decoration: none;
	/*background: rgba(21, 45, 90, 0.8);*/
	background: url(images/mainmenu_li-h_bg.png) repeat;
}
.page1 #container-left h3 {
	color: #fff;
	background: url(images/mainmenu_li-a_bg.png) repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	border-bottom: 1px solid #162E5B;
	border-left: 1px solid #162E5B;
	width: 279px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	display: block;
	padding: 0 0 0 20px;
	font-size: 14px;
}





/* Navigation 
---------------------------------------------- */
#mainmenu {
	margin: 0px 0 0 10px;
	z-index:10;
	width: 300px;
}
body#hfdstkid1 #mainmenu {
	display: none;
}
#mainmenu ul, #footer ul, #header ul {
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
}
#mainmenu ul {
	display: block;
	width: 295px;
}
#mainmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	border-bottom: 1px solid #162E5B;
	border-left: 1px solid #162E5B;
	width: 294px;
}
#mainmenu li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	display: block;
	padding: 0 0 0 20px;
	font-size: 13px;
	/*background: rgba(21, 45, 90, 0.6);*/
	background: url(images/mainmenu_li_bg.png) repeat;
}
#mainmenu li.subactive1 {
	font-size: 12px;
}
#mainmenu li.subactive1 ul {
	margin: 1px 0 0 -1px;
	border-top: 1px solid #162E5B;
}
#mainmenu li.subactive2 {
	font-size: 12px;
	margin-left: 0px;
}
#mainmenu li.subactive2 a {
	margin-left: 0px;
	padding: 0 0 0 40px;
}
#mainmenu li.active {
	border-bottom: 0;
}
#mainmenu li.active a {
	color: #fff;
	/*background: rgba(242, 180, 33, 0.6);*/
	background: url(images/mainmenu_li-a_bg.png) repeat;
}
#mainmenu li.active li, #mainmenu li.active li a {
	color: #fff;
}
#mainmenu li.active li a {
	background: url(images/mainmenu_li_bg.png) repeat;
	
}


#mainmenu li a:hover {
	text-decoration: none;
	/*background: rgba(21, 45, 90, 0.8);*/
	background: url(images/mainmenu_li-h_bg.png) repeat;
}

#mainmenu li.active a:hover {
	/*color: #fff;
	background: rgba(242, 180, 33, 0.9);*/
	background: url(images/mainmenu_li-h_bg.png) repeat;
}





body#hfdstkid #mainmenu {
	display: none;
}


#header ul, #footer ul, #footer span {
	float:left;
	display: inline;
}
#header ul {
	margin: 10px 0 0 0;
	float: right;
}
#header li {
	display: inline;
	list-style-type: none;
	font-size: 12px;
	margin: 0;
	padding: 0px 24px 0px 2px;
	background: url(images/bullet.gif) no-repeat right center;
}
#header li.last {
	padding: 0px 7px 0px 0px;
	background: none;
}
#header li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#header li.active a {
	color: #fff;
	text-decoration: underline;
}
#header li a:hover {
	text-decoration: underline;
}

#subfooter1 div {
	float: left;
	text-align: left;
	width: 374px;
	margin-left: 30px;
	color: #60513B;
	line-height: 12px;
	font-size: 12px;
}
#footer ul {
	margin: 0;
}
#footer li {
	display: inline;
	list-style-type: none;
	line-height: 12px;
	font-size: 12px;
	margin: 0;
	padding: 0px 24px 0px 0px;
	/*background: url(images/footer_bullets.gif) no-repeat 0px 2px;*/
}
#footer li.last {
	padding: 0px 0px 0px 0px;
	background: none;
}
#footer a {
	color: #60513B;
	text-decoration: none;
	font-size: 12px;
}
#footer a:hover {
	text-decoration: underline;
}








/* Site map                      ---------------------------------------------- */
ul.LSM_0, ul.LSM_1, ul.LSM_2, ul.LSM_3, ul.LSM_4 {
	margin: 0;
	padding: 0;
}
ul.LSM_0 li, ul.LSM_1 li, ul.LSM_2 li, ul.LSM_3 li, ul.LSM_4 li {
	padding: 0;
	margin: 0 0 3px 15px;;
}



/* Forms 
------------------------------------------------------------------------------- */
.errors {
	color: #a80023;
}
form {
	text-align: left;
	clear: both;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

form label, form p,
#Emailform label, #Emailform p {
	display: block;
	clear: both;
	width: 410px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label {
	float: left;
	clear: left;
	width: 443px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 383px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}
form label.postcode, form label.woonplaats {
	display: block;
	clear: none;
}
form label.woonplaats {
	padding-left: 10px;
}
form label.postcode, form label.woonplaats,
form label.postcode input, form label.woonplaats input {
	width: 83px;
	float: left;
}
form label.woonplaats, form label.woonplaats input {
	width: 289px;
}


#cfAantal, #cfPostcode, #cffPostcode, #cfWoonplaats, #cffWoonplaats {
	width: 83px;
	float: left;
	margin-right: 8px;
}
#cfWoonplaats, #cffWoonplaats {
	width: 241px;
	margin-right: 0px;
}
form span {
	float: left;
}




/* IE6 en 7 fratsen staan achteraan om geen conflicten met oude Safari's te maken 
------------------------------------------------------------------------------- */
#container-center {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff);
    zoom: 1;
	*background: transparent;
}