/* CSS Document Daniela-Hotels.com
	CSS: 	Leonie van Schagen 
	E-mail: leonie.van.schagen@isaac.nl
	Url: 	www.daniela-hotels.com
*/

* {
	margin:				0;
	padding:			0;
}

html,
body {
	margin:				0;
	padding:			0 auto;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
	color:				#6b574f;
	font-size:			11px;
	font-weight:		normal;
	font-style:			normal;
	font-family:		Arial, Helvetica, sans-serif;
	background-color: 	#cab388;
}
 
div#relativecontainer {
	margin:				0 auto;
	padding:			0;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
	width:				1022px;
}

div#absolutecontainer {
	width:				1022px;
	position:			absolute;
	margin:				0;
	padding:			0;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
}

/***************************************
*****		  INHOUD	 		********
***************************************/
div#contentframe {
	/*  height is niet nodig omdat de footer niet vast op de bottom ligt */
	position:			relative;
	float: 				left;
	background:			#cab388 url(/css2/img/main_bg.gif) top center repeat-y;
	width:				1022px;	
	padding:			0;
	margin:				0;
	top:				0;
}

/***************************************
*****			HEADER			********
***************************************/
 
div#header {
	width:				982px;  /* 1022px */
	height:				35px;  	/* 155px */
	float: 				left;
	margin:				0;
	padding:			120px 0 0 40px;
	background:			transparent url(/css2/img/header.jpg) left top no-repeat;  
} 

div#header a {			/* language vlaggetjes */
	line-height:		13px;
	margin:				0;
	padding:            0 4px 0 0;
	float:				left;			 
} 

/***************************************
*****		MENU ITEMS	 	****
***************************************/

div#menu {
	width: 				960px; 	/* 1022px */ 
	margin:  			0 31px 15px 31px;
	padding:            0;
	height: 			27px;	
	background:			transparent url(/css2/img/menu_bg.gif) top left repeat-x;
	clear:				both;
}
 
div#menu ul {
	margin:				0;
	padding:            0;
} 
 
div#menu ul li {
	border-right:		#FFFFFF solid 1px;
	height:				27px;
	float:				left;
	margin:				0;
	padding:            0;
}

div#menu ul li a {
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			1.2em;
	margin:				0;
	padding:            3px 15px 0 15px;
	height: 			24px;	/* 27px */	
	float:				left;
	text-decoration:	none
}

div#menu ul li a:hover {
	background:			transparent url(/css2/img/menu_over.gif) top left repeat-x;	
}

div#menu ul li.active {
	color:				#FFFFFF;
	background:			transparent url(/css2/img/menu_active.gif) top left repeat-x;	
}

div#menu ul li a.active:hover {
	background:			transparent url(/css2/img/menu_active.gif) top left repeat-x;	
}

div#menu ul li.active ul, div#menu ul li.active ul li {
	display:			none;
}

/***************************************
*****			FRAMEWORK			********
***************************************/
	
body[id=isaac] div#content {
	width:				1022px;  /* 1022px */
	margin:  			0;
	padding:			0;
	clear:				both;
}

div#main {
	width:				960px;  /* 1022px */
	margin:  			0 31px;
	padding:			0;
}

/* ------------------------------------- left ------------------------------------- */

div#main_left {
	width:				640px;
	float:				left;
}

div#main_left div#banner_left {
	width:				318px;
	height:				151px;
	margin-bottom:		4px;
	float:				left;
	background-color:	#c5bebb;
}

div#main_left div#banner_right {
	width:				318px;
	height:				151px;	
	margin-bottom:		4px;
	float:				right;
	background-color:	#c5bebb;
}

div#main_left div#banner_left h1,
div#main_left div#banner_right h1 {
	background:			transparent url(/css2/img/banner_h1.gif) left top no-repeat;
	color: 				#ffffff;	
	height:				37px;	
	padding:            5px 0 0 10px; 
	margin:				0;
	font-weight:		normal;	
	width:				308px;			
}

div#main_left div#banner_left img,
div#main_left div#banner_right img {
	padding:            0;
	margin:				0;	
	width:				318px;

	height:				83px;			
}

div#main_left div#banner_left p,

div#main_left div#banner_right p {
	padding:            3px 0 0 10px;	
	margin:				0;	
	width:				308px;			
}

div#main_left div#banner_left p a,
div#main_left div#banner_right p a {
	text-decoration:	none;
	font-weight:		bold;
	color:				#6b574f;
	padding:            0 0 0 20px;	
	margin:				0;	
	background:			url(/css2/img/banner_a.gif) left center no-repeat;				
}

div#main_left div#banner_left p a:hover,
div#main_left div#banner_right p a:hover {
	text-decoration:	underline;				
}

div#main_left h1.koffer {	/* balk met koffertje */
	width:				612px;	/* 640px */
	height:				19px; 	/* 22px */
	clear:				both;
	margin-bottom:		8px;
	padding:            3px 0 0 28px;
	color:				#FFFFFF;
	background:			#e67b40 url(/css2/img/h1_case.gif) top left no-repeat;
}

div#main_left h2 {
	width:				598px;	/* 640px */
	clear:				both;
	padding:            0 22px 6px 20px;
	font-size:			1.25em;
	font-weight:		bold;
	color:				#4cb4ac;
	padding-bottom:     4px;
}

h3 {
	width:				598px;	/* 640px */
	clear:				both;
	padding:            0 22px 6px 20px;
	font-size:			1.em;
	font-weight:		bold;
	color:				#4cb4ac;
	padding-bottom:     4px;
}

div#main_left p {
	width:				598px;	/* 640px */
	clear:				both;
	padding:            0 22px 8px 20px;
}

div#main_left div#photos {
	width:				598px;	/* 640px */
	clear:				both;
	padding:            0 22px 6px 20px;
}

div#main_left div#photos div#photos_left {
	width:				104px;
	margin:				0;
	padding:            0 8px 0 0;
	float:				left;
}

div#main_left div#photos div#photos_right {
	width:				486px;
	margin:				0;
	padding:            0;
	float:				left;
}

div#main_left div#photos div#photos_right a {
	margin:				0;
	padding:            0 8px 0 0;
	font-weight:		bold;
	background:			transparent url(/css2/img/a_actie.gif) center right no-repeat;
}

div#error {
	padding:            0 22px 8px 20px;
}

div#error ul {
	list-style-type:	square;
	color:				#F00;
	padding-left:		20px;
}
div#error ul li{
}
div#error ul li label {
	float:				none;
	width:				auto;
}

/* ------------------------------------- right ------------------------------------- */

div#main_right {
	width:				316px;
	float:				right;
}

div#main_right h1 {
	width:				288px;	/* 316px */
	height:				19px; 	/* 22px */
	clear:				both;
	margin-bottom:		2px;
	padding:            3px 28px 0 0;
	text-align:			right;
	color:				#FFFFFF;
	background:			#755f57 url(/css2/img/h1_arrow.gif) top right no-repeat;
}

div#main_right h1 a {
	color:				#FFFFFF;
}

table.gallery {
	margin:				0 0 6px 0;
}

table.gallery tr {
	padding:			0 0 20px 0;
}

table.gallery a img {			
	float:				left;			 
} 

table.contact tr {
	padding:			5px 0 5px 0;
}

.contactformulier {
	width: 				280px;
	border:				1px solid #cccccc;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#6e6e6e;
	font-size:			11px;
}

label {
	width: 				160px;
	display:			block;
	float:				left;
	margin:				0 0 0 0;
}

p.ads{
	padding:			10px 0;
	width:				316px;
}

p.suitcase_contact {
	background: 		transparent url(/css2/img/banner_contact.jpg) left center no-repeat; 
	width: 				141px; 
	height: 			37px; 
	padding: 	        5px 130px 0 45px;
}

p.suitcase_contact a {
	font-weight:		bold
}

p.suitcase_reservation {
	background: 		transparent url(/css2/img/banner_reservations.jpg) left center no-repeat; 
	width: 				176px; 
	height: 			20px; 
	padding: 	        2px 110px 0 30px; 
	margin: 			0;
}

p.suitcase_reservation a {
	color:				#FFFFFF;
}


/***************************************
*****		  FOOTER	 		********
***************************************/
div#footer {
	width:				930px;	/* 1022px */
	margin:				0 0 0 0;
	padding:            20px 46px 0 46px;
	top:				0;
	float: 				left;
	text-align:			left;
	color:				#FFFFFF;
	height:				35px;	/* 55 */
	background: 		transparent url(/css2/img/footer_bg.gif) top left no-repeat;
}

div#footer a {
	color:				#FFFFFF;
	text-decoration:	none;
}

div#footer a.isaac {
	text-decoration:	underline;
}

div#footer a.isaac:hover {
	text-decoration:	none;
}

div#footer_left {
	float:				left;
}

div#footer_right {
	float:				right;
}

/******** teksten **********/

a img {
	border: 			none;
} 

a {
	font-size:			1.00em;	
	font-weight:		normal;
	color:				#6b574f;
	text-decoration:    underline;
}

a:hover {
	text-decoration:    none;
}

strong{
	font-weight:		bold;
}

/******** eind teksten **********/