/*ie 6* html #div {
}*/

/*ie 7*+html #div {
}*/

/* ==============================================================================================
   Naam:          basis
   Door:          Zinster Webdesign (www.zinster.nl)
   Datum:         240309
   Opdrachtgever: Arthur Swanevelt

   Gewijzigd:
   Versie 	Datum   Door  Omschrijving
   ====== 	======  ====  ============
   1.0    	240309  AB   Nieuw
	 
	 Notes:
	 ======

   ================================================================================================ */

* {
	margin: 0;
	padding: 0;
}

html { 
	height: 100%; margin-bottom: 1px; 
	}
	
/*t.b.v. ie6 png fix*/
img, div {
	behavior:url(/ie6/iepngfix.htc);
}

h1 {
	font-size:18px;
	color:#F60;
	line-height:24px;
}
/* INDEX =========alle classes en divs voor de index-pagina bij elkaar===========================================*/

.logo_ned {
	float:left;
	width:700px;
	}
	
.mainContent_ned {
	position:absolute;
	width:280px;
	top:90px;
	left:0px;
}

.secondContent {
	float:right;
	width:220px;
	height:200px;
	margin-right:40px;/*28-01-20*/
}

.vlaggen {
	margin:0px 7px 5px 0px;
}
#vlaggen {
	position:absolute;
	top:0px;
	right:-25px;
	width: 41px;
	height: 196px;
	z-index:20;
}
	
#apartement_taal, #farm_taal, #villa_taal {
	position:absolute;
	top:0px;
	left:0px;
	/*width:930px;*/
	width:970px;
	height:213px;
	margin-bottom:12px;
	overflow:hidden;
	z-index:10;
	}

#apartement_tijdelijk {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:213px;
	margin-bottom:12px;
	overflow:hidden;
	z-index:100;
}
#villa_taal {
	top:213px;
}

#farm_taal {
	top:426px;
}

/*== algemene tags ===============================================================================================*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

ul {
	list-style:none;
}
a:link, a:visited {
	text-decoration:none;
	color:#000;
	border:none;
}

a:hover {
}

p {
	font-size:14px;
	line-height:22px;
}

p a:link, p a:visited{

}

p a:hover {
}



/* classes voor alle pagina's======================================================================*/

#wrapper {
	position:relative;
	/*background-image:url(../images/backgrounds/bed.jpg);*/
	background-repeat:no-repeat;
	margin:16px auto;/*was 40*/
	width:930px;
	height:620px;
	/*min-height:620px;*/
	z-index:1;
}

#filmknop {
	position:absolute;
	z-index:10;
	right:20px;
	top:20px;
}
.menu {
	position:absolute;
	top:90px;
	left:0px;
	height:20px;
	z-index:100;
}

.menu ul {
	list-style:none;
}

.menu ul li {
	float:left;
}

.menu li {
}

.menu li a:link, .menu li a:visited{
}

.menu li a:hover, .menu li.currentLink a:link, .menu li.currentLink a:visited {
}

.logo {
position:absolute;
left:0;
top:0;
z-index:10;
}


/*== classes voor de teksten van de verschillende pagina's ================================= */
.content_maff {
	position:absolute;
	/*top:120px;*/
	top:30px;
	left:640px;
	width:280px;
	z-index:20;
}
.content_form {
	position:absolute;
	top:110px;
	left:0px;
	width:930px;
	height: 309px;
	z-index:20;
}
/* == appartement-den-haag.php ============================================================= */

/* == content ================ */
.content_faciliteiten, .content_faciliteiten_villa{
	position:absolute;
	top:314px;
	left:15px;
	width:870px;
	/*height: 309px;*/
	z-index:20;
}
.content_faciliteiten_villa{
	top:214px;
}

.content_condities {
	position:absolute;
	top:115px;
	left:20px;
	width:910px;
	height: 309px;
	z-index:20;
}
.content_prijzen {
	position:absolute;
	left:354px;
	top:480px;
	width:560px;
	z-index:20;
}
.content_reserveren {
	position:absolute;
	right:0;
	top:260px;
	display: block;
	width: 285px;
	height: 373px;
	z-index:20;
}

.content_bedankt{
	position:absolute;
	right:0;
	top:260px;
	display: block;
	width: 285px;
	height: 373px;
	z-index:20;
}
.content_adres {
	position:absolute;
	/*top:218px;
	left:42px;*/
	width:930px;
	height: 309px;
	top:0px;
	left:0px;
	z-index:20;
}
.content_links {
	position:absolute;
	top:120px;
	left:20px;
	width:920px;
	height: 309px;
	z-index:20;
}

.content_credits {
	position:absolute;
	left:20px;
	top:200px;
	width:840px;
	z-index:20;
}
/* == content left ================ */
/* voor als er twee kolommen op een pagina staan */
.content_left_faciliteiten, .content_left_faciliteiten_villa{
	float:left;
	margin-top:20px;
}
.content_left_condities {
	float:left;
	width:410px;
	padding-right:10px;
}
.content_left_prijzen {
	float:left;
}
.content_left_reserveren {
	float:left;
}
.content_left_adres {
	float:left;
	margin-top:3px;
	margin-left:615px;
	width:310px;
	}

.content_left_adres p{
	color:#cc6633;
	font-size:11px;
	line-height:14px;
}

.content_left_links {
	float:left;
	/*position:absolute;*/
	font-size:16px;
	font-weight:bold;
	color:#F60;
	width:290px;
	z-index:100;
}

.content_left_credits {
	float:right;
	margin-top:105px;
	margin-right:105px;
}

.content_left_last-minute {
	float:left;
	width:350px;
	margin-top:200px;
	margin-left:20px;
}
/* == content right ================ */
.content_right_faciliteiten, .content_right_faciliteiten_villa {
	float:right;
	margin-top:20px;
}
.content_right_condities {
	float:right;
	width:480px;
}
.content_right_prijzen {
	float:right;
}
.content_right_reserveren {
	float:right;
}
.content_right_adres {
	float:right;
	margin-top:117px;
	/*margin-left:580px;*/
	margin-right:60px;
	width:250px;
}
/*ie6*/
* html .content_right_adres {
	margin-right:30px;
}
.content_right_links {
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#F60;
	margin-right:535px;
}

.content_right_credits {
	float:right;
}
.content_right_last-minute {
	float:right;
	width:200px;
	margin-top:150px;
	margin-right:150px;
}

/* classes voor de maff pagina met slideshow ==========================================================================*/

#niet_roken {
position:absolute;
top:420px;
left:150px;
background-image:url(../images/maff/niet-roken.png);
background-repeat:no-repeat;
width:300px;
height:300px;
z-index:30;
visibility:hidden;
}

#slideshow {
position:absolute;
top:0px;
left:0px;
width:930px;
height:620px;
z-index:1;
}



#secondContent {

}

#footer {

}

/*classes voor formulier start*/

input, textarea {
	color : #555;
	background-color : #fff;
	border-width: 0;
	padding:0;
	margin:0;
	line-height:15px;
}

input.breed{
	width: 390px;
}

input.tel{
	width: 200px;
}

input.postcode{
	width: 80px;
}

input.woonplaats{
	width: 194px;
}

/* ==================================================== */
.inputFout {
	background-color:#FFCCFF;
}

#form_container {
	position:absolute;
	top:86px;
	left:370px;
	width:560px;
	height:620px;
	z-index:20;
}

#form_container input {
	border-bottom: 1px solid #e6e6e6;
	height: 24px;
	margin-left: 150px;
	margin-bottom:6px;
}
*+html #form_container input {
	margin-bottom:4px; /* Herstel voor IE7 */
}
* html #form_container input {
	margin-bottom:4px; /* Herstel voor IE6 */
}

#form_container textarea {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0 6px 150px;
}

/*classes voor formulier end*/

/* =================================================================================
	 Naam:	maff.css
	 Datum:	27 jun 2008
	 Door:	Zinster Webdesign
	 Note:	Positionering formvelden
	 ================================================================================= */

#form_container input.inputN1 {
	margin-left: 155px;
}

#form_container input.inputN2 {
	margin-left: 140px;
}

#form_container input.inputAd {
	margin-left: 80px;
}

#form_container input.inputPo {
	margin-left: 120px;
	width:80px;
}

#form_container input.inputWo {
	margin-left: 155px;
}

#form_container input.inputLa {
	margin-left: 50px;
}

#form_container input.inputT1 {
	margin-left: 110px;
}

#form_container input.inputT2 {
	margin-left: 155px;
}

#form_container input.inputEm {
	margin-left: 130px;
}

#form_container input.inputAD {
	margin-left: 290px;
}

#form_container input.inputAT {
	margin-left: 325px;
}

#form_container input.inputVD {
	margin-left: 265px;
}

#form_container textarea.inputBy {
	margin-left: 150px;
	height:57px; /* Bepaalt de plaats (verticaal) van de radiobuttons */
}

#form_container input.inputGJ {
	margin-left: 221px;
}
*+html #form_container input.inputGJ {
	margin-left: 217px;
}
* html #form_container input.inputGJ {
	margin-left: 217px;
}

#form_container input.inputGN {
	margin-left: 56px;
}
*+html #form_container input.inputGN {
	margin-left: 48px;
}
* html #form_container input.inputGN {
	margin-left: 48px;
}

#form_container input.inputAk {
	margin-left: 260px;
}

#form_container input.inputSe {
/*	margin-left: 370px; */
	margin-left: 10px;
	width:80px;
}

.imgSecure {
	float:left;
	margin-left: 270px;
}

/*======einde-forminput==============================*/

/* ================================================================================================ */

#show {
	display:none;
}

/* Links ======================================================================================================================= */
#links_positie1 a:link, #links_positie1 a:visited, #links_positie2 a:link, #links_positie2 a:visited, #links_positie3 a:link, #links_positie3 a:visited, #links_positie4 a:link, #links_positie4 a:visited, #links_positie5 a:link, #links_positie5 a:visited, #links_positie6 a:link, #links_positie6 a:visited, #links_positie1 p, #links_positie2 p, #links_positie3 p, #links_positie4 p, #links_positie5 p, #links_positie6 p {
	font-size:11px;
	line-height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
}

#links_positie1 h1, #links_positie2 h1, #links_positie3 h1, #links_positie4 h1, #links_positie5 h1, #links_positie6 h1 {
	font-size:13px;
	line-height:13px;
	color:#0099FF;
}

#links_positie1 {
	float:left;
	left:0px;
	top:30px;
}
#links_positie2 {
	float:left;
	left:150px;
	top:30px;
}
#links_positie3 {
	float:left;
	left:300px;
	top:30px;
}
#links_positie4 {
	float:left;
	left:450px;
	top:30px;
}
#links_positie5 {
	float:left;
	left:600px;
	top:30px;
}
#links_positie6 {
	float:left;
	left:750px;
	top:30px;
}
.links {
	/*position:absolute;*/
	/*top:0px;*/
	width:147px;
	margin-right:3px;
	height:348px;
}
/* ================================================================================================ */

.hidden {
	display:none;
}

/* EOF */