/* Created by TopStyle Pro - www.bradsoft.com */

/* www.alegria-apartments.nl */
/* by bITh IT Services - www.bith.nl */

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

/* general */
.wrapper{
	width: 700px;
margin:0px auto 0 auto; text-align:left;
}
.titel{
	position: absolute;

	height:400px;
	z-index:60;
	left: 10px;
	top: 10px;
	text-align: center;
	}
.fotoheader{
	position: absolute;
	width: 823px;
	#width: 825px;
	height:395px;
	z-index:60;
	left: 10px;
	top: 5px;
	}
body{
	font-family: "Arial", "Trebuchet MS", sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
table{
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
h1{
	font-family: "Trebuchet MS", sans-serif;	
	font-size: 18px;
	letter-spacing: 4px;
	color: #FFFFFF;		
}
h2{
	font-family: "Trebuchet MS", sans-serif;	
	font-size: 15px;
	color: #FFFFFF;	
	letter-spacing: 3px;
	font-variant: small-caps;
	font-weight: bold;	
	margin: 5px 2px 0px 20px;
	padding: 5px 2px 0px 20px;		
}
h3{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;	
	margin: 5px 2px 0px 15px;
	padding: 5px 2px 0px 15px;	
}
h4{
	font-family: "Arial Black";
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;	
	margin: 1px 1px -2px 1px;
	padding: 1px 1px -2px 1px;	
}
.rood{
	color: #ff0000;
	font-weight: bold;
}
a{
	color: #ffffff;
}
a.active{
	color: #333333;
}

div{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
}
p{
	margin: 3px 22px 3px 2px;
	padding: 3px 5px 3px 2px;	
}
li{

}
.text-smaller{
	font-size: smaller;
}
.text-inleiding{
	font-weight: bold;
	color: #FFFFFF;
	font-family: "Trebuchet MS", sans-serif;	
	letter-spacing: 0px;	
	font-size: 12px;	
}

.quote{
	margin: 4px 25px 0px 30px;
	padding: 4px 25px 0px 30px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: green;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #00ccff;
	border: 2px solid white; 

}.aandacht{
	margin: 4px 25px 0px 30px;
	padding: 4px 25px 0px 30px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
	text-transform: none;
	background-color: #00ccff;
	border: 2px solid white; 
}
/* index */
.background{
	background-color: #ff4500;
	width: 99%;
}

#contentmain{
position: absolute;
	top: 0;
	left: 50%;
	margin-top: 10px;
	margin-left: -422px;
	width: 844px;
	height: 745px;
	background: url(../images/page_main-background.png);
	background-repeat: no-repeat;
}
#navigatie{
	position:absolute;
	width: 200px;
	z-index:90;
	left: 5px;
	top: 90px;
	padding: 25px 25px 20px 15px;
}
.navigation{
	vertical-align: top;
	width: 138px;
	margin: 0px 2px 1px 15px;
	padding: 0px 2px 1px 15px;
	background-color: #ffffff;
}
.navigation.ul{
	list-style-type: none;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;	
}
.navigation.li{
	list-style-type: none;
	margin: 2px -10px 2px 2px;
	padding: 2px -10px 2px 2px;	
	list-style: none;
	display: list-item;
}
.weer-element{
	position:absolute;
	width: 200px;
	height:20px;
	z-index:60;
	left: 0px;
	top: 370px;

}
.av{
	position:absolute;
	width: 200px;
	height:75px;
	z-index:60;
	left: 0px;
	top: 525px;
	color: #cc9933;
	font-size:10px;
}
.av a{
	color: #cc9933;
}

.lastminute{
	width: 125px;
	margin: 4px 2px 2px 5px;
	padding: 4px 2px 2px 5px;	
	font-size: 11px;
}
.gasten{
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}
.reserveringsformulier{
	width: 95%;
	font-size: 10px;
	text-align: left;
}
.tarieventabel{
	width: auto;
	font-size: 11px;
	color: #FFFFFF;
}
.tabelkop{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	color: #000000;
	vertical-align: text-top;
	border-top: thin solid #000000;
	border-left: thin solid #000000;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;	
	width: 125px;
	
}
.tabelkop-seizoen{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	color: #000000;	
	vertical-align: text-top;
	border-top: thin solid #000000;
	border-left: thin solid #000000;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;	
	width: 70px;
}
.tabelkop-r{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	color: #000000;	
	vertical-align: text-top;
	border-top: thin solid #000000;
	border-left: thin solid #000000;
	border-right: thin solid #000000;	
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;	
	width: 70px;		
}

.vantot-l{
	padding: 5px;
	border-left: thin solid #000000;
}
.vantot-r{
		
}
.vantot-both{
	border-left: thin solid #000000;
	border-right: thin solid #000000;	
}
#donker{
	background-color: #1ebaff;
}
#donker-label{
	background-color: #1ebaff;
	color: #000000;
}
/* content pages | iframe */
/* body tag */

#content-page{
	position:absolute;
	background-image: url(../images/main-background.png);
	background-repeat: no-repeat;	
	width: 645px;
	height:570px;
	z-index:60;
	left: 180px;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
#content{
	position:absolute;
	width: 625px;
	height:500px;
	z-index: 0;
	left: 0px;
	top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: auto;
	padding: 20px 25px 20px 25px;	
	background-attachment: fixed;
	background-position: -55px 122px;	
}
/* tabel class */

.maincontent{
	color: #333333;
	width: 99%;
	margin: 1px 20px 1px 30px;
	padding: 1px 20px 1px 30px;
	table-layout: fixed;
	overflow: auto;
	overflow-x: hidden;
	text-align: justify;
}

.fotoframe{
	margin: -7px 0px 0px 0px;
	padding: -7px 0px 0px 0px;	
}

a.popuplink{
	font-weight: 600;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;	
}

/* popup */
body.popup{
	background-color: #00ccff;	
}
body.beschikbaarheid_popup{
	background-color: #27AB86;
}
/* borders */
.border-top{
	height: 22px;
	width: 844px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	vertical-align: bottom;
}
.border-bottom{
	height: 22px;
	width: 844px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	vertical-align: top;
}
.border-left{
	width: 22px;
	background-image: url(../images/border-left.gif);
	background-repeat: repeat-y;
}
.border-right{
	width: 22px;
	background-image: url(../images/border-right.gif);
	background-repeat: repeat-y;
}

 CaPtcha 
label {
    float: left;
    width: 140px;
    text-align: left;
    padding-top: 5px;
}

input, textarea {
    padding: 3px;
    margin: 3px;
    border: 1px solid #bac5d6;
    font: 10px Verdana, sans-serif;
    background: #fff;
}
input.fout, textarea.fout {
    border: 1px solid #FF0000;
}

label.fout {
    color: #FF0000;
}
.logo{
	position: absolute;
	left: 42px;
	top: 0px;
	z-index:70;	
}