﻿/* 
===========================================================
BEGIN ALGEMENE LAYOUT 
===========================================================
*/

html{
	overflow-y:			scroll; 
	height:				100%;
}

body{
	margin:				0;
  	padding:	        0;
	background-color:	#59595B;
	background-image:    url(../images/border-bottom-hhotels2.gif);
	background-repeat:  repeat-x;
	background-attachment: fixed;
	background-position: 100% 100%;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			100%;
	height:				100%;
}



#groen {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				200px;
	background-color:	#59595B;
}

#groen_res {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				200px;
	background-color:	#59595B;
}


.container{
	position:			relative;
	margin-left:		-375px;
	left: 				50%;
	width:				750px;
	background-color:	#323234;
	height:				100%;
}

.banner_afbeelding{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				1074px;
	height:				150px;
}

.banner_left{
	background-color:	#59595B;
	background-image:    url(../images/banner-heuvellandhotels-bg.jpg);
	background-repeat: no-repeat; 
	background-position: right top;
	

}

.banner_right{
	background-color:	#59595B;
	background-image:    url(../images/banner-heuvellandhotels-bg.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	
}

#slideshow {
	
	width:750px;
	height:150px;
	text-align:left;
}


.banner_afbeelding_res{
	width:	30%;
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				740px;
	height:				150px;
}

.banner_logo{
	position:			absolute;
	top:				0px; 
	left:				550px;
	width:				200px;
	height:				200px;
}

.titel_balk{
	position:			absolute;
	top:				-65px;
	left:				-150px;
	width:				700px;
	height:				50px;
	text-align:			right;
	background-color:  	#323234;
}

.titel_balk_new{
	position:			absolute;
	top:				-60px;
	left:				0px;
	width:				550px;
	height:				40px;
	background-color:  	#FDF3DA;
	font-family:		Georgia, Times New Roman, Arial, Helvetica, sans-serif;
	font-size:			100%;
	font-style:			italic;
	font-weight:		normal;
	padding-left: 		20px;
	padding-bottom: 	20px;
	color:				#59595B;
	border-bottom:		1px dotted #EEB700;
}

	.titel_balk_new u{
		text-decoration: none;
		font-style: normal;
		color: #EEB700;
	}

.titel_balk_home{
	position:			absolute;
	top:				-60px;
	left:				0px;
	width:				550px;
	height:				40px;
	background-color:  	#FDF3DA;
	font-family:		Georgia, Times New Roman, Arial, Helvetica, sans-serif;
	font-size:			95%;
	font-style:			italic;
	font-weight:		normal;
	padding-left: 		20px;
	padding-bottom: 	20px;
	color:				#59595B;
	border-bottom:		2px dotted #EEB700;

	
}

.taal_vlag{
	position:			absolute;
	top:				15px;
	left:				130px;
	width:				32px;
	height:				18px;
}


.content{
	position:			absolute;
	top:				60px;
	height:				auto;
	width:				750px;
	background-color:   #323234;
	font-size:			70%;
}

.menu_links{
	margin-top:			-50px;
	float:				left;
	margin-left:		10px;
	position:			relative;
	left:				0px;
	width:				145px;
	height:				100%;
	top:				0px;
	font-size:			110%;
	background-color:	#323234;
}

		/* 
		=======================================
		BEGIN OPMAAK MENU 
		=======================================
		*/

		#balk_bordeauxrood, .balk_bordeauxrood{
			margin-top: 		10px;
			padding-left: 		15px;
			padding-top: 		5px;
			padding-right:		5px;
			padding-bottom: 	5px;
			font-family:		Georgia, Times New Roman, Arial, Helvetica, sans-serif;
			font-size:			110%;
			font-weight: 		normal;
			color: 				#FFFFFF;
			height: 			20px;
			width: 				145px;
			background-color: 	#323234;
			border-bottom: 1px #EEB700 dotted;
		}
		
		.blok_donkerrood, #blok_donkerrood{

			padding-left: 		15px;
			padding-top: 		3px;
			padding-bottom: 	2px;
			font-family:		Georgia, Times New Roman, Arial, Helvetica, sans-serif;
			font-size: 			100%;
			font-style: 		italic;
			color: 				#FFFFFF;
			width: 				145px;
			background-color: 	#323234;
			
		}
		
		#balk_bordeauxrood u, #blok_donkerrood u, .balk_bordeauxrood u, .blok_donkerrood u{
			text-decoration: none;
			color: #929292;
		}
		
		#copyright{
			font-size:			90%;
			color:				#666666;			
		}

		/* 
		=======================================
		EINDE OPMAAK MENU 
		=======================================
		*/

.tekstveld_res{
	float: 			right;
	margin-right:	0px;
	margin-bottom:	20px;
	padding:        25px 10px 10px 10px;
	position:		relative;
	width:			550px;
	top:			0px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		110%;
	background-color: 	#FDF3DA;
}

.tekstveld{
	float: 			right;
	margin-right:	0px;
	margin-bottom:	0px;
	margin-top: 0px;
	padding:        25px 10px 10px 10px;
	position:		relative;
	width:			550px;
	top:			0px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		110%;
	background-color: 	#FDF3DA;
}

.tekstveld_new{
	float: 			right;
	margin-right:	0px;
	margin-bottom:	0px;
	padding:        35px 10px 10px 10px;
	position:		relative;
	width:			550px;
	top:			-60px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		110%;
	background-color: 	#FDF3DA;
}

/* 
===========================================================
EINDE ALGEMENE LAYOUT 
===========================================================
*/

/* 
===========================================================
BEGIN OPMAAK TEKSTEN
===========================================================
*/
	
h1{
	color:			#666666;
	margin:			32px 5px 0px 0px;
	font-size:			150%;
}

span.dik_rood{
	font-weight:		bold;
	color:			#420002;
}

span.inleidende_tekst{
	font-weight:		bold;
}

table{
	font-size:100%;
}

input.text{
	font-size:		95%;
	font-weight:	bold;
	font-family:	Arial, Helvetica, sans-serif;
	border:			1px solid black;
}

img.banner{
	margin-left:	5px;
}


hr{
	height: 0px;
	border-top: 1px dotted #EEB700;
	
}

/* 
===========================================================
EINDE OPMAAK TEKSTEN
===========================================================
*/

/* 
===========================================================
BEGIN OPMAAK LINKS
===========================================================
*/

a:link {
	color: #343D42					;
	text-decoration:			none;
}

a:visited {
	color: 						#343D42;
	text-decoration: 			none;
}

a:hover {
	color: 						#343D42;
	text-decoration: 			underline;
}

a.link2:link {
     color:						#FFFFFF;
	 font-weight:				normal;
	 font-style:				normal;
     text-decoration:			none;
	 font-size:					100%;
	 letter-spacing:			1.2px;
}

a.link2:visited {
     color: 					#FFFFFF;
	 font-weight:				normal;
	 font-size:					100%;
     text-decoration:			none;
}

a.link2:hover {
     color: 					#EEB700;
     text-decoration:			none;
	 font-weight:				normal;
	 font-size:					100%;
	 background-color:			transparent;
}

a.link3:link {
     color:						#FFFFFF;
	 font-weight:				normal;
	 font-size:					100%;
     text-decoration:			none;
}

a.link3:visited {
     color: 					#FFFFFF;
	 font-weight:				normal;
	 font-size:					100%;
     text-decoration:			none;
}

a.link3:hover {
     color: 					#EEB700;
	 font-weight:			    normal;
	 font-size:					100%;	
     text-decoration:			none;
	 background-color:			transparent;
}

/* 
===========================================================
EINDE OPMAAK LINKS
===========================================================
*/
