html, body{
	width:100%;
	height:100%;	
}

body{
	width:100%;
	height:100%;
	background: #001823;	
	text-align:center; 			/*Om te zorgen dat #wrapper wordt gecentreerd in IE6*/

	font-family: "arial", helvetica, sans-serif;
	font-weight: normal;
	color: #001823;

}

#wrapper {
	

	text-align:left;			/*Om de vorige IE6 hack op te heffen */
	width:899px;
	margin:0 auto;				/*Om te zorgen dat #wrapper wordt gecentreerd in moderne browsers*/
	background-color:white;
	min-height:100%;			/*Om te zorgen dat #wrapper minstens de hoogte neemt van het hele venster in moderne browsers	*/
	height:auto !important;		/*Min height hack, zie http://www.dustindiaz.com/min-height-fast-hack/ 							*/
	height:100%;				/*Min height hack, zie http://www.dustindiaz.com/min-height-fast-hack/ 							*/
	position:relative;			/*#wrapper kan als ancestor gebruikt worden voor de footer			 							*/


	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	

	

}

/*--------- STRUCTUUR UIT DRIE BLOKKEN BINNEN DE WRAPPER - CROSS BROWSER METHODIEKEN -----------*/

#header {
	width: 899px;
	height: 55px;
	
}

#content {
	margin-bottom: 25px;
	border: 0px solid green;
	
}

#content:after {				/*Op deze manier wordt de inhoud gecleard, anders zou de pagina inhoud over de layout heen komen te liggen.	- ESSENTIEEL!!*/
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}


#footerblock {

	clear: both;  /* BELANGRIJK - zorgt dat de floating inhoud van de content de footer niet wegdrukt in IE */
	
	width:879px;
	height:32px;
	bottom:0px;
	margin-top: 25px;
	
	padding-left: 20px;

	
	position:absolute;			/*Op deze manier blijft de Footer altijd aan de onderkant van de pagina geplakt.	*/
	background: white url(../media/images/skuayachts_all_footer_bg.jpg) left bottom no-repeat;




}

/*--------- VORMGEVING GRAFISCHE ONDERDELEN -----------*/

/*--------- HEADER -----------*/


#topblock {
 	width: 899px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../media/images/skuayachts_all_top_bg.jpg);
	background-repeat: no-repeat;
	
	border: 0px solid green;
}

#logo {

	float: left;
	height: 50px;
	width: 150px;
	padding: 0px;
	margin: 0px;

}

#topmenu {

	float: right;
	height: 15px;
	padding: 0px;
	margin: 0px;
	margin-top: 23px;
	margin-right: 15px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	border: 0px solid green;
}

.topmenu_notselected {
	color: #FFFFFF;
}

a.topmenu_notselected:hover {
	color: #001823;
}

.topmenu_selected {
	color: #001823;
}

/*--------- FOTOGRAFIE -----------*/


#flashblock {
 	width: 899px;
	height: 355px;
	padding: 0px;
	margin: 0px;
	
	background: #00c2e3;
	
	border: 0px solid green;
}



#photoblock {
 	width: 899px;
	height: 198px;
	padding: 0px;
	margin: 0px;
	
	background: #00c2e3;
	
	border: 0px solid green;
}

/*--------- SUBNAVIGATIE ETC -----------*/

#homemenublock {

 	width: 899px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../media/images/skuayachts_home_submenu_bg.jpg);
	background-repeat: no-repeat;
	
	border: 0px solid green;
}


#homemenublock1 {

	float: left;
	
	width: 284px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	
	padding-left: 20px;
	padding-top: 10px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	
	border-left: 0px solid red;
}

#homemenublock2 {

	float: left;
	
	width: 285px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	
	padding-left: 20px;
	padding-top: 10px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	
	border-left: 1px solid white;
}

#homemenublock3 {

	float: left;
	
	width: 267px;
	height: 35px;
	padding: 0px;
	margin: 0px;

	padding-left: 20px;
	padding-top: 10px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	
	border-left: 1px solid white;
}

#homemenublock23 {

	float: left;
	
	width: 572px;
	height: 35px;
	padding: 0px;
	margin: 0px;

	padding-left: 20px;
	padding-top: 10px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
	
	border-left: 1px solid white;
}


#submenublock {

 	width: 899px;
	height: 52px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../media/images/skuayachts_standard_submenu_bg.jpg);
	background-repeat: no-repeat;
	
	border: 0px solid green;
}

#onderwerp {

	float: left;
	height: 35px;
	width: 275px;
	padding: 0px;
	margin-left: 18px;
	margin-top: 12px;

	overflow: hidden;


	font-size: 35px;
	line-height: 35px;
x	text-transform: uppercase;
	text-transform: capitalize;
	color: #FFFFFF;
	letter-spacing: -1px; 

}

#submenu {

	float: right;
	height: 15px;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	margin-right: 15px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	
}



#titleblock {
	
 	width: 899px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	
	
	background: #00a9c6;
	border-top: 1px solid #ffffff;
}

/*--------- INHOUD -----------*/

#kolh1 {
	
	width: 249px;
	min-height: 200px;
	float: left;
	
	padding-left: 20px;
	padding-right: 35px;
	padding-top: 12px;
	padding-bottom: 12px;
	
	margin-top: 8px;
	margin-bottom: 0px;
	
	font-size: 12px;
	
	border: 0px solid red;
}

#kolh2 {
	
	width: 250px;
	min-height: 200px;
	float: left;
	
	padding-left: 20px;
	padding-right: 35px;
	padding-top: 12px;
	padding-bottom: 12px;
	
	margin-top: 8px;
	margin-bottom: 0px;

	font-size: 12px;
	
	border-left: 1px solid #00c2e3;
}


#kolh3 {
	
	width: 232px;
	min-height: 200px;
	float: right;
	
	padding-left: 20px;
	padding-right: 35px;
	padding-top: 12px;
	padding-bottom: 12px;

	margin-top: 8px;
	margin-bottom: 0px;

	font-size: 12px;
	
	border-left: 1px solid #00c2e3;
	

}



#kol1 {
	
	width: 550px;
	float: left;
	
	padding-left: 20px;
	padding-right: 35px;
	padding-top: 20px;
	
	margin-top: 8px;
	margin-bottom: 30px;
	
	font-size: 12px;
	
	border: 0px solid red;
}


#kol2 {
	
	width: 232px;
	min-height: 200px;
	float: right;
	
	padding-left: 20px;
	padding-right: 35px;


	margin-top: 28px;
	margin-bottom: 30px;

	font-size: 12px;
	
	border-left: 1px solid #00c2e3;
	

}

#kol2 img {

	clear: both;
	float:left;
	margin: 0 0px 8px 0;
	
	}

#kol2 a {

	line-height: 20px;

}

#kol2 a:hover {

	color: #000000;

}




/*-------- NIEUWS -----------*/
.nws1 {

	display: block;
	margin-right: 30px;

	text-align: right;
	
	font-size: 12px;
	font-weight: normal;
	
	border: 0px red solid;
}


.nws2 p {
	font-weight: bold;
}

.nws3 p {
	font-weight: normal;
}

.rechterkolom {
	font-size: 14px;
	text-transform: uppercase;
	color: #00c2e3;

}


/*--------- CONTACT ----------*/

.formtabel {
	
	width: 100%;
	
	border-top: 0px solid #001823;
	
	

}

.formheader {
	
	padding-top: 12px;
	padding-bottom: 12px;
	
	font-size: 14px;
	text-transform: uppercase;
	color: #00c2e3;
}

.form-tr {

X NOT USED

}

.form-labelcell {
	
	padding-top: 5px;
	
	font-size: 12px;
	color: #001823;
}

.form-elementcell {

	width: 310px;
	padding-bottom: 10px;

	font-size: 12px;
}

.form-element-input {

	padding: 3px;

	width: 300px;
	
	font-family: "arial", helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #001823;
	
	border: 1px solid #00c2e3;
}

.form-elementcell textarea {
	
	padding: 3px;
	
	width: 300px;
	height: 120px;
	
	font-family: "arial", helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #001823;
	
	border: 1px solid #00c2e3;

}

.submitter {
	
	
	font-family: "arial", helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #001823;
	

}

.form-errormsg {
	font-size: 9px;
	text-transform: uppercase;
	color: #001823;
}

.form-verplicht {
	
	font-size: 9px;
	text-transform: uppercase;
	color: #00c2e3; 

}

.form-verplichtuitleg {
	font-size: 9px;
	text-transform: uppercase;
	color: #001823;
}


.form-bedankttekst {
	
	width: 100%;
	
	padding-top: 12px;
	padding-bottom: 12px;
	
	font-size: 12px;
	color: #666666;
	
	border-top: 1px dotted #001823;
	border-bottom: 1px dotted #001823;
	
}



/*--------- FOOTER -----------*/


#footer {

	display: block;
	
	padding: 0px;
	margin: 0px;
	
	margin-top: 10px;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;

}

a#footer {
	color: #FFFFFF;
}


a#footer:hover {
	color: #001823;
}


/*--------- VORMGEVING HTML BUITEN CMS  -----------*/ /*--------- ZIE OOK GENERALSTYLES DOC -----------*/

h1 {
	
	display: inline;
#	height: 25px;

	width: 450px;
	vertical-align: bottom;
	
#	padding: 0px;
	padding-top: 10px;
#	margin: 0px;
	margin-left: 20px;
	
	float: left;

	
	font-family: "arial", helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;

	word-spacing: -1px;
	text-transform: none;


}


.subkop {
	
	font-family: "arial", helvetica, sans-serif;
	font-weight: normal;
	color: #8BB5CE;
	letter-spacing: -1px;
	word-spacing: -2px;
	font-size: 27px;
	
}

.pdfico {
	margin-bottom: 15px;
}