/* Basis CCS lay-out voor de With-U websites */

/* CSS Document */

/* Lay-out Algemeen Main page */
#container {
	position:         		relative;
	width:               	982px;
	height: 				auto;
	padding-top:           	0px;
	padding-right:         	0px;
	padding-bottom:        	0px;
	padding-left:          	0px;
	margin-right:         	auto;
	margin-left:          	auto;
	background-color:       #000000;
}

#MAIN_navigatie {
	position:          		absolute;
	top:                  	0px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	padding-left:           5px;
	padding-top:            5px;
	background-image:url(../images/Site/but_onder.jpg);

}

#HOOFDSTUK_navigatie {
	position:          		absolute;
	top:                  	30px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	padding-left:5px;
	padding-top:5px;
	background-image:url(../images/Site/but_onder_vervolg.jpg);
}

#SUB_navigatie {
	position:          		absolute;
	top:                  	300px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	text-align:				right;
	padding-left:			5px;
	padding-top:			5px;
	z-index:				100;
}

/* Login Divs */
	
#login {
	position:         		absolute;
	top:                   	30px;
	left:			      	0px;
	height:               	292px;
	width:               	214px;
	background-image:		url(../images/Site/login_onder.jpg);
}

#HOOFDSTUK_login {
	position:         		absolute;
	top:                   	60px;
	left:			      	0px;
	height:               	292px;
	width:               	214px;
	background-image:		url(../images/Site/login_onder.jpg);
}

#loginForm {
	position:         		absolute;
	top:                   	121px;
	left:			      	12px;
	width:               	190px;
}

#loginTable1 {
	position:         		absolute;
	width:               	190px;
}


#loginTable2 {
	position:         		absolute;
	width:               	190px;
}

/* Einde login Divs */

/* Page Div's */

#header {
	position:          		absolute;
	top:                   	30px;
	left:					214px;
	width:                	768px;	
	height:               	197px;
	background-color:       #666666;
}

#header_content {
	position:          		absolute;
	top:                   	60px;
	left:					214px;
	width:                	768px;	
	height:               	197px;
	background-color:       #666666;
}

#HOOFDSTUK_header {
	position:          		absolute;
	top:                   	60px;
	left:					214px;
	width:                	768px;	
	height:               	197px;
	background-color:       #666666;
}

#kolom_rechts {
	position:          		absolute;
	top:                   	300px;
	left:					548px;
	width:                	434px;	
	height:               	350px;
	background-color: 		#FFFFFF;
}

#sfeer_links {
	position:          		absolute;
	top:                   	300px;
	left:					0px;
	width:                	496px;	
	height:               	350px;
	background-color: 		#FFFFFF;
}

#siteMap {
	position:          		absolute;
	top:                   	300px;
	left:					0px;
	width:                	982px;
	background-color: 		#051b26;
}

#aanmelden {
	position:          		absolute;
	top:                   	328px;
	left:					0px;
	width:                	977px;
}



#sfeer_rechts {
	position:          		absolute;
	top:                   	300px;
	left:					548px;
	width:                	434px;	
	height:               	350px;
	background-color: 		#FFFFFF;
}

#HOOFDSTUK_sfeer {
	position:          		absolute;
	top:                   	330px;
	left:					0px;
	width:                	633px;	
}

#HOOFDSTUK_tekst {
	position:          		absolute;
	top:                   	330px;
	left:					644px;
	width:                	315px;
	padding:		 	 	10px;
	height:					600px;
	background-image:url(../images/Site/vervolg_onder.jpg);
	background-repeat: no-repeat;
	background-position:top;	
}

#HOOFDSTUK_videoButton {
	position:          		absolute;
	top:                   	796px;
	left:					548px;
	width:                	85px;	
	height:               	60px;
	z-index: 30;	
}

#HOOFDSTUK_fotoAlbumButton {
	position:          		absolute;
	top:                   	796px;
	left:					400px;
	width:                	120px;	
	height:               	60px;
	z-index: 30;	
}

#HOOFDSTUK_fotoButtons_01 {
	position:          		absolute;
	top:                   	430px;
	left:					0px;
	width:                	50px;	
	height:               	36px;
	z-index: 30;	
}

#HOOFDSTUK_fotoButtons_02 {
	position:          		absolute;
	top:                   	430px;
	left:					55px;
	width:                	50px;	
	height:               	36px;
	z-index: 30;
}

#HOOFDSTUK_fotoButtons_03 {
	position:          		absolute;
	top:                   	430px;
	left:					110px;
	width:                	50px;	
	height:               	36px;
	z-index: 30;	
}

#lijn {
	position:          		absolute;
	top:                   	300px;
	left:					522px;
	width:                	1px;	
	height:               	830px;
	background-color:		#262626;
}

#lijnHorizontaal {
	
	width:					100%;
	height:               	1px;
	background-color:		#262626;
	margin-top: 			15px;
	margin-bottom:			15px;
}

/* Nieuwsberichten HomePage */

#nieuws {
	position:          		absolute;
	top:                   	650px;
	left:					0px;
	width:                	496px;	
	height:               	460px;
}

#nieuwsCompleet {
	position:absolute;
	margin-bottom:100px;

}

#nieuwsFoto {
	position: 	absolute;
	left:		0px;
	top:		0px;
	width:		125px;
	height:		75px;
}

#nieuwsBericht {
	position: 	absolute;
	left:		135px;
	top:		0px;
	width:		361px;
	height: 	75px;
	overflow:	auto;
}

#nieuwsBerichtDatum {
	position:	absolute;	
	left:		135px;
	top: 		70px;
	width:		361px;
	height:		10px;
}

/* Einde nieuwsberichten HomePage */



/* Nieuwspagina */

#nieuwsItem {
	position: 	absolute;
	left:		0px;
	top:		280px;
	width:		500px;
	overflow:	auto;
}

#nieuwsHeaders {
	position:          		absolute;
	top:                   	280px;
	left:					647px;
	width:                	315px;
	padding:		 	 	10px;
	height:					600px;
	background-image:url(../images/Site/vervolg_onder.jpg);
	background-repeat: no-repeat;
	background-position:top;	
}

#nieuwsvlak {
	position:          		absolute;
	top:                   	280px;
	left:					525px;
	width:                	431px;
	padding:		 	 	10px;
	height:					653px;
	background-image:url(../images/site/vervolg_onder.jpg);
	background-repeat: no-repeat;
	background-position:top;
}


/* Einde nieuwspagina */


/* HOOFDITEM */

#hoofdItem {
	position:          		absolute;
	top:                   	645px;
	left:					548px;
	width:                	434px;
	height:               	180px;
	overflow:				auto;
}


#nieuwsCompleet {
	position:absolute;
	margin-bottom:100px;

}

#hoofdFoto {
	position: 	absolute;
	left:		0px;
	top:		0px;
	width:		150px;
	height:		75px;
}

#hoofdBericht {
	position: 	absolute;
	left:		135px;
	top:		0px;
	width:		290px;
	padding:	5px;
}

#nieuwsBerichtDatum {
	position:	absolute;	
	left:		135px;
	top: 		70px;
	width:		361px;
	height:		10px;
}

/* Einde HOOFDITEM */


/* Gastenboek HomePage */


#gastenboekHP {
	position:          		absolute;
	top:                   	855px;
	left:					548px;
	width:                	434px;
	overflow:				auto;
}

#gastenboekLINK {
	position:          		absolute;
	top:                   	910px;
	left:					548px;
	width:                	434px;
	height:               	20px;
}



/* Einde nieuwsberichten HomePage */

	
#content {
	position:           	absolute;
	top:                  	155px;
	left:                   200px;
	width:                  640px;
	background-color:       #333333;
}

#heading {
	position:absolute;
	top:                 	20px;
	left: 	 			   	0px;
	height:                 25px;
	width:                 	640px;
	padding-left: 			10px;
	margin-top: 			5px;
	z-index:10;
}	

#afbeelding_01 {
	position:				absolute;
	top: 					50px;
	left: 					10px;
}

#afbeelding_02 {
	position:				absolute;
	top: 					150px;
	left: 					10px;
}

#afbeelding_03 {
	position:				absolute;
	top: 					250px;
	left: 					10px;
}


#tekst {
	position:absolute;
	left: 					140px;
	top: 					50px;
	padding-left:			10px;
	width:					480px;
	padding-right:			10px;	
	height:					auto;
}



#CONTENT_navigatie {
	position:          		absolute;
	top:                  	30px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	padding-left:5px;
	background-image:url(../images/Site/but_onder_vervolg.jpg);
}


#NO_CONTENT_navigatie {
	position:          		absolute;
	top:                  	30px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	padding-left:5px;
	background-image:url(../images/Site/but_onder_vervolg.jpg);
}

#ContentButton {
	position:          		absolute;
	top:                  	7px;
	left:				    0px;
	width:                	977px;
	height: 				30px;
	padding-left:5px;
}

#button {
	padding-left:		   	10px;
	padding-top:		   	0px;
	left:				    0px;
	width:                	190px;
	height:					20px;
	background-color:      #333333;	
}
	
#colofon {
	position:				absolute;
	top: 					1145px;
	height:                 20px;
	width:                 	501px;
	margin-right:         	auto;
	margin-left:          	auto;
	text-align:				left;
	background-color: 		#000000;
	z-index:30;
}

#colofon_hoofdstuk {
	position:				absolute;
	top: 					860px;
	height:                 20px;
	width:                 	982px;
	margin-right:         	auto;
	margin-left:          	auto;	
	text-align:				left;
	background-color: 		#000000;
	z-index:30;
}
	
#pageBanner {
	position:           	absolute;
	top:                    8px;
	left:		    	   	991px;
	width:                 	300px;
}	

#video {
	position:          		absolute;
	top:                   	450px;
	left:					0px;
	width:                	633px;
	height:               	61px;
	background-image: url(../images/hoofdstuk/headers/spiegel.jpg);
	background-repeat:no-repeat;
	}
/* Einde Lay-out MAIN page */




/* Lay-out gastenboek */
#gastenboekCompleetHP {
	top:                   	0px;
	left:					0px;
	width:                	614px;
	height:					auto;
	background-image:		url(../images/gastkop.jpg);
	background-repeat:		no-repeat;
	background-color:		#6bcbfd;
}

#gastafsluiter {
	top:                   	0px;
	left:					0px;
	width:                	614px;
	height: 				50px;
	background-image:url(../images/gastonder.jpg);
	background-repeat:no-repeat;
}

#gastenboek {
	position:          		absolute;
	top:                   	330px;
	left:					0px;
	width:                	628px;
	height:               	auto;
	overflow:				auto;
}

#gastenboek_bericht{
	height: 				auto;
	width:                 	618px;
	margin:					10px;
	border: 				solid 1px #000000;
}

#gastenboek_heading {
	height:                 20px;
	width:                 	613px;
	margin:					0px;
	padding-left: 			5px;
	padding-top: 			5px;
}

#gastenboek_datum {
	height:                 20px;
	width:                 	618px;
	margin-left:			5px;
	margin-right:			5px;
}

#gastenboek_tekst {
	height: 				auto;
	width:                 	604px;
	margin:					5px;
	padding-right:	        5px;
}

#gastenboek_afzender {
	height:                 20px;
	width:                 	604px;
	margin-left:			5px;
	margin-right:			5px;
}

#gastenboek_melding {
	height:                 465px;
	width:                 	604px;
	margin-left:			25px;
	margin-right:			5px;
	padding-top: 			5px;
}

#blokGast {
	position:          		absolute;
	top:                   	330px;
	left:					644px;
	width:                	315px;
	padding:		 	 	10px;
	height:					745px;
	background-image:url(../images/vervolg_onder2.jpg);
	background-repeat: no-repeat;
	background-position:top;	
}

/* Lay-out gastenboek einde */