/*-------------------------------------------------
				 	- GLOBAL -						
-------------------------------------------------*/

#container { 
	width: 780px; height: 100%; 
	position: relative; 
	text-align: center; 
	margin: 0 auto; 
	background: #567ea8;
}

html { height: 100%; }
body { 
	font-family: arial, tahoma, verdana, arial, sans-serif; 
	font-size: 12px; font-weight: normal; color: #fff; 
	background-color : #f4f4f4; 
	letter-spacing : 1px; 
	margin: 0; padding: 0;
}

a { text-decoration: none; color: #fff; padding: 2px 3px; background-color : transparent; }
a:hover { background-color: #f4f4f4; text-decoration: underline; color: #333;}

acronym { border-bottom: 1px dotted #cc0000; cursor: help; }
p, ul { margin: 0 10px 10px 10px; text-align: left;}

.sml { font-size : 0.8em; }
.ghost { display : none; }

h5 {font-size: 25px;
   font-weight: bold;
   color: #E6051F;
   text-align: center; 
}

h6 {font-size: 20px;
   font-weight: bold;
   color: #fff;
   text-align: center; 
}
   

/*-------------------------------------------------- 
				- LEFT CONTENT -
--------------------------------------------------*/

#left { float: left; width: 609px; }

#top_photo_01 { background: #2C5E92 url(images/top_photo_01.jpg) no-repeat;  height: 163px}
#top_photo_02 { background: #2C5E92 url(images/top_photo_02.jpg) no-repeat;  height: 170px;}

#leftcontent { background: url(images/top_back.gif) no-repeat top; }
#leftcontent p { margin-left: 40px; }
#leftcontent p img { margin-left: -20px; }
#leftcontent ul { list-style: none url(images/kol.gif); padding-left: 45px; }

#leftcontent_sec { background: #567ea8 url(images/top_back_sec.gif) no-repeat top; }
#leftcontent_sec p { margin-left: 40px; }
#leftcontent_sec p img { margin-left: -20px; }
#leftcontent_sec ul { list-style: none url(images/kol.gif); padding-left: 60px;}
#leftcontent_sec li { padding-bottom: 6px;}
#leftcontent_sec b { font-size: 1.1em; }

#leftcontent_sec table b { font-size: 1.0em; }
#leftcontent_sec table p { margin-left: 0; }
#leftcontent_sec table p img { margin-left: 0; }

#leftcontent_sec .blockquote {
	background-color: #5D8EC1; 
	margin: 20px 40px; 
	padding: 0;
	border: 1px solid #eee;
}
#leftcontent_sec .blockquote p { margin: 10px 10px 10px 20px; padding: 0; }
#leftcontent_sec .blockquote table { margin: 10px 10px; padding: 0; }
#leftcontent_sec .blockquote table p { margin: 10px; padding: 0; }

#lefttop { padding-top:10px; height: 270px; }


#leftbottom { background: #567ea8; }
#leftbottom b { font-size: 1.1em; }


div.pics {
	background: #567ea8 url('images/photoback.gif') no-repeat; 
	margin: 10px 0; 
	padding: 0 0 15px;
}

div.pics img {
	padding: 2px; border: 1px solid #fff; 
	background: transparent;
	margin : 0 10px 5px 0;
}

div.pics a:hover { background-color: transparent; text-decoration: none; }

/*-------------------------------------------------
				- RIGHT CONTENT -				
-------------------------------------------------*/

#right { float: right; background-color: #B7E8E5; width: 171px; overflow: auto;}

#logo { background: #2C5E92 url(images/logo.jpg) no-repeat;  height: 163px;}
#menu_header { background: #2C5E92 url(images/alpha_04.gif) no-repeat; height: 39px;}

#righttop { background: #B7E8E5 url(images/right_top.gif) no-repeat top; padding-top: 10px; height: 245px; }
#rightbottom { background: #B7E8E5 url(images/right_bottom.jpg) no-repeat top; height: 104px;}
#rightbottom_sec { background: #B7E8E5; height: 104px;}

#rightcontent ul {
	list-style: none;
	width: 171px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding-top: 9px;
}	

#rightcontent li { margin-bottom: 6px; }

#rightcontent li a {
	font-weight: bold;
	height: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 5px 0 0 15px;
	background: #9be282;
	border-right: 5px solid #fff;
}	
	
#rightcontent li a:hover {
	background: #7094f4; 
	color: #ffffff;
}

/*-------------------------------------------------
					- HOME -					
-------------------------------------------------*/

#welcomebox { background: #7094f4 url(images/box.jpg) no-repeat; height: 216px; width: 549px; margin: 10px 25px; }
#welcomebox #text { padding: 40px 5px 10px 30px; line-height: 1.2em; font-size: 1.1em; color: #333; overflow: auto;}
#welcomebox #text p { margin-left: 0; }
#welcomebox #text img { float: left; border: 1px solid #fff; margin-right: 30px; }
#welcomebox #text li { padding-bottom: 5px; }
#welcomebox #text h2 { font-size: 1.2em; padding:0; margin: 0 0 8px 0; text-align: left; letter-spacing: 0.2em;}


/*-------------------------------------------------
					- CONTACT -					
-------------------------------------------------*/
.contact { width: 40%; }
.contact a:hover { background-color: transparent; text-decoration: none;}
td.contact img { border: 0; }

#formtable { width: 90%; padding-left: 35px; }
#formtable td { vertical-align: top; text-align: left; }
#formtable td.hoogte { height: 8px;}


/*-------------------------------------------------
					- LINKS -					
-------------------------------------------------*/

.links h3 { font-size: 1.1em; color: #F9FDC4; margin-left: 40px; text-align: left;}
#leftcontent_sec.links ul ul { list-style: none url(images/kol_blu.gif); padding-left: 10px;}
#leftcontent_sec.links ul ul li { padding-bottom: 2px;}
#leftcontent_sec.links ul a { text-decoration: underline;}

#linksregs { float: right; width: 280px;}
#linksregs img {
	padding: 2px; border: 1px solid #fff; 
	background: transparent;
	margin : 0 0 20px 20px;
}
#linksregs a:hover { background-color: transparent; text-decoration: none; }

/*-------------------------------------------------
					- ROOMS -					
-------------------------------------------------*/

.room { margin: 10px 40px; background: transparent;  height: 180px; border: 1px dotted #fff;}
#leftcontent_sec .room p { margin: 5px 0; }

.roomcontent { margin : 10px;}	

.room h3 { font-size: 1.1em; text-align: left; }
.room h3 span { color: #F9FDC4; }
.room img { padding: 2px; border: 1px solid #fff; background: transparent;}
.room a:hover { background-color: transparent; text-decoration: none; }

.room p a { color: #F9FDC4; background-color: transparent; text-decoration: none; font-size: 0.8em;}
.room p a:hover { color: #333; background-color: #C4D7EB; text-decoration: underline;}

#rates td, #conditions td { vertical-align: top; }

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

#header_top { background-color: #999; clear: both; }

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

#footer {
	background: #6197EF url(images/footer_back.jpg) no-repeat bottom;
	clear: both;
	width: 780px;
	height: 60px;
}
	
#footer p { color: #fff; text-align: center; margin: 0; padding-top: 10px; font-size : 0.8em;}



/*-------------------------------------------------
				- MAIL-SCRIPT -					
-------------------------------------------------*/	

.mailwrapper { text-align: center; }

.maildiv {
	margin: 0 0 0 20px;
	text-align: left;
	width: 85%;
}
.maildiv form {	text-align: left; }

.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 6px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 150px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a { color: #005ABE; }
.maildiv h2 { color: #005ABE; font-size: 120%;}
.maildiv input { margin-bottom: 10px;}
.maildiv select { margin-bottom: 10px;}
.maildiv textarea { margin-bottom: 10px;}

.maildiv .ver_img {	
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing { height: 10px; }

.maildiv .fmcredits { float: left; font-size: 90%; }
.maildiv .fmsubmit { float: right; }

.maildiv .fmrequired {
	color: #E3EEB1;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

/* info field */
.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #E3EEB1;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

.maildiv .fmcheckbox {
	margin: 0 0 8px 0;
	padding: 0;
}

.maildiv .fradio {
	margin: 0 0 8px 0;
	padding: 0;
}