/* ==============================================================================================
   Naam:          Dependance.css
   Door:          Zinster Webdesign (www.zinster.nl)
   Datum:         20 apr 2008
   Opdrachtgever: Skylla, Nicole van Schouwenburg

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

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

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	orphans:inherit;
	word-spacing:inherit;
	}
.p_groot {
	font-size: 16px;
	line-height:17px;
	font-weight:bold;
}

.p_faci {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	}
	
.p_eng {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
}
.p_eng_groot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	margin-bottom:2px;
	}

.witregel {
	line-height:15px;
}

.witregelSmal {
	line-height:11px;

}

a:link, a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*
img, div {
	behavior: url(ie6/iepngfix.htc)
}
*/
img {
	behavior: url(ie6/iepngfix.htc)
}

.img_fotos{
	float:left;
}

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

#wrapper {
	position:relative;
	/*background-image:url(images/wwwdependanceENG.jpg);
	background-repeat:no-repeat;
	background-position:left top;*/
	width:1000px;
	height:670px;
	margin:0px auto;
}

#logo {
	position:absolute;
	width:445px;
	height:222px;
	top:15px;
	left:440px;
	z-index:1;/*!!!15*/
	}


/*   tekst layers  ================================================================================== */
	
#tekst_klein { /*voor home, contact & mededelingen*/
	position:absolute;
	width:335px;
	height:460px;
	top:203px;
	left:670px;
	padding:0px 0px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
}
/*ie7*/
*+html #tekst_klein {
	top:213px;
}

#tekst_mededelingen {
	position:absolute;
	width:610px;
	height:auto;
	min-height:265px;
	top:335px;
	left:0px;
	background-color:#000;
	padding:30px 30px 30px 30px;
}

#tekst_mededelingen p {
	color:#FFFFFF;
	font-family:"Comic Sans MS";
	font-size:24px;
	font-style:italic;
	line-height:40px;
}

#tekst_mededelingen a:link, #tekst_mededelingen a:visited{
	color:#CCCCCC;
	text-decoration:none;
}

#tekst_mededelingen a:hover {
	text-decoration:underline;
} 

#tekst_linksL {
	position:absolute;
	width:215px;
	height:460px;
	top:213px;
	left:686px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#ff0000;
	z-index:30;
}
	
#tekst_linksL h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	color:#000000;
}

#tekst_linksL a:link, #tekst_linksL a:visited{
	text-decoration:none;
	color:#ff0000;
}

#tekst_linksL a:hover {
	text-decoration:underline;
}

#tekst_linksR {
	position:absolute;
	width:180px;
	height:460px;
	top:214px;
	left:899px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#999999;
	z-index:31;
}

#tekst_linksR h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	color:#999999;
}

#tekst_linksR a:link, #tekst_linksR a:visited{
	text-decoration:none;
	color:#999;
}

#tekst_linksR a:hover {
	text-decoration:underline;
} 
	

#tekst_faciL{
	position:absolute;
	width:170px;
	height:300px;
	top:290px;
	left:375px;
	z-index:31;
}

#tekst_faciM{
	position:absolute;
	width:200px;
	height:300px;
	top:290px;
	left:590px;
	z-index:31;
}

#tekst_faciR{
	position:absolute;
	width:140px;
	height:300px;
	top:290px;
	left:833px;
	z-index:31;
}




/*   foto layers  =================================================================================== */

#foto_groot {
	position:absolute;
	width:670px;
	height:670px;
	top:0px;
	left:0px;
	}
	
#fotos {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	}
	
#foto1 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
	
#foto2 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto3 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto4 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto5 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto6 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto7 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto8 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto9 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto10 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto11 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}
#foto12 {
	position:absolute;
	width:1000px;
	height:670px;
	top:0px;
	left:0px;
	visibility:hidden;
	z-index:50;
	}

/*ie6*/
* html #tekst_klein {
	line-height:17px;
	}
/*  menu items  ==================================================================================== */

#mede {
	position:absolute;
	width:210px;
	height:30px;
	top:7px;
	left:9px;
	z-index:20;
}

#links {
	position:absolute;
	width:55px;
	height:30px;
	top:7px;
	left:417px;
	z-index:20;
}

#faci {
	position:absolute;
	width:120px;
	height:30px;
	top:7px;
	left:516px;
	z-index:20;
}

#foto {
	position:absolute;
	width:70px;
	height:30px;
	top:7px;
	left:709px;
	z-index:20;
}

#prijs {
	position:absolute;
	width:55px;
	height:30px;
	top:7px;
	left:817px;
	z-index:20;
}

#cont {
	position:absolute;
	width:85px;
	height:30px;
	top:7px;
	left:906px;
	z-index:20;
}

#ned {
	position:absolute;
	width:100px;
	height:30px;
	top:644px;
	left:11px;
	z-index:20;
}

#eng {
	position:absolute;
	width:52px;
	height:30px;
	top:644px;
	left:115px;
	z-index:20;
}

/*form elements*/

/*ie7*/
*+html form {
margin-top:-10px;
}*/

/*ie*/
* html form {
margin-top:-10px;
}*/

input {
	width:200px;
	float:left;
}

textarea {
	width:450px;
	border:1px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

input#login {
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000;
}

/* ==================================================================================================== */
/* Update (CMS)
*/

#update_mededelingen {
	position:absolute;
	width:1050px; /* 610 */
	height:auto; /* 265px; */
	top:335px;
	left:0px;
	background-color:#000;
	color:#FFFFFF;
	font-family:"Comic Sans MS";
	font-size:25px;
	line-height:40px;
	padding:40px 30px 30px 30px;
}

#update_mede_left {
	position:relative;
	width:480px;
	float:left;
	height:auto;
	padding-left:20px;
	padding-right:10px;

	background-color:#000;
}

#update_mede_right {
	position:relative;
	width:480px;
	float:right;
	height:auto;
	padding-left:20px;
	padding-right:20px;
	background-color:#000;
}

/*-----------------form elementen----------------------*/

form{
	width:400px;
	padding:5px;
	/*border: 1px dotted #993300;*/
}

#versturen{
	position:absolute;
	width:215px;
	height:49px;
	top:863px;
	left:386px;
}

#zoover {
	position:absolute;
	left:484px;
	top:563px;
	width:184px;
	height:73px;
	z-index:10;
}

#zoover_persbericht {
	position:absolute;
	left:268px;
	top:330px;
	width:399px;
	height:307px;
	z-index:5;
	visibility:hidden;
}
.clear{
	clear:both;
}

input {
	width:194px;
	height:16px;
	border:#FF6600 solid 1px;
	font-size:13px;
	color:#000;
	padding:3px;
}
	
input.type {
	width:90px;
	height:24px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:110px;
	background-color:#ccc;
	padding:3px;
}

input.text {
	font-size:1em;
	color:#005b52;
}

input.radio {
	float:left;
	display:inline;
	width:20px;
}

input.list {
	width:300px;
	font-size:0.8em;
	color:#333333;
}

form p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-size:1em;
}

form p label{
	float:left;
	width:110px;
	font-size:12px;
}

select {
	width:203px;
	font-size:1.1em;
	color:#005b52;
	font-weight:bold;
}

textarea  {
	width:200px;
	border:#FF6600 solid 1px;
	font-size:12px;
	color:#000;
}
/*-----------------einde form elementen----------------------*/

.cursorHand{
	cursor:pointer;
}