/* Screen Styles für www.miriba-canarias.de */
/* ANGEL Internet Services Gmbh */
/* April 2oo6 - info@angel.de	*/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	outline: Aqua; /*	background-color: #D2691E;*/
	SCROLLBAR-FACE-COLOR: #1A6AC2;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #1A6AC2;
	SCROLLBAR-DARK-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3D-LIGHT-COLOR: #ffffff;
}

body {
	height: 600px;
	width: 867px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	font-size: 100.01%;
	color: #333;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	background: url(/design/hintergrund.gif) center top;
}


* {margin:0; padding:0; border: 0; font-size: 1em}

#pagelayout {
	position: absolute;			/* standard konforme horizontale und vertikale zentrierung */
	top: 50%;
	left: 50%;
   margin: -300px 0 0 -433px;
	width: 867px;
	height: 600px;
}


/* Kopfzeile */
/* ----------------------------------------------------------------------------------------- */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 128px;
	margin: 0;
	padding: 0;
}

/* Navigation */
/*   Haupt Navigation Horizontal 
/* ----------------------------------------------------------------------------------------- */
#top_menue {
	position: absolute;
	top: 91px;
	left: 0;	
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */		
	padding: 0;	
	width: 867px;
	height: 37px;
	letter-spacing: 0.03em;
	font-size: 11px;
	background: url(/design/obere_menueleistex.gif) no-repeat top left; 
}


ul.top_items {
	 position: absolute;
	 left: 13px;
	 top: 3px;
    width: auto;
    margin: 0; 
	 padding: 0;
	 text-align: left;	
}



ul.top_items li {
    list-style: none;
    margin: 0; 
	 padding: 5px 5px;
    display: inline;	 
	 font-size: 11px;
	 line-height: 25px; 
}

ul.top_items a {
    padding: 0 15px 0 5px;
    text-decoration: none; 
	 font-weight: bold;
    color: #FCA17E; 
	 line-height: 25px;
}

ul.top_items a:hover {
    color: white; 
	 font-weight: bold;	 
	letter-spacing: 0;	 
  }


#top_menue li a:hover,
#top_menue li a.active1 {
	color: white;
	font-weight: bold;
	letter-spacing: 0;
}  

#top_menue li a.active0 {
	font-weight: bold;
	letter-spacing: 0;
} 
  
  
#top_menue_right {
	position: absolute;
	left: 680px;
	top: 0;
	padding: 0;	
	width: 170px;
	height: 37px;
	letter-spacing: 0.03em;
	font-size: 11px;
}

ul#top_items_right {
 	 float: right;
	 right: 0;
	 top: 3px;
    width: 170px;
    margin: 0 0 0 20px; 
	 padding: 0;
	 text-align: left;	
}

ul#top_items_right li {
    list-style: none;
    margin: 0; 
	 padding: 5px 5px;
    display: inline;	 
	 font-size: 11px;
	 line-height: 25px; 
}

ul#top_items_right a {
    padding: 0 0 0 10px;
    text-decoration: none; 
	 font-weight: bold;
    color: #FCA17E; 
	 line-height: 25px;
    letter-spacing: 0;	 
}

ul#top_items_right a:hover {
    color: white; 
	 font-weight: bold;	 
    letter-spacing: 0;
  }

/* Brotkrümmelchen */
#breads {
	position: absolute;
	top: 128px;
	left: 183px;
	height: 26px;
	width: 658px;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	color: #5688A9;
	background: url(/design/bread.gif) top left repeat-x;
z-index: 10;
}

#breads_padding {
	position: absolute;
	left: 17px;
	top: 6px;
	height: 20px;
	width: 570px;
}


#breads a {
	margin-top: 3px;
	color: #5688A9;
	text-decoration: none;
	letter-spacing: 1px;		
}


/* Hauptbereich für Inhalte */
/* Links Navigation 2./3. Ebene und  Rechts Inhaltsteil 
/* ----------------------------------------------------------------------------------------- */
#main {
	position: absolute;
	top: 128px;
	left: 0;
	margin: 0 auto; 	
	width: 867px;
	height: 415px;
	padding: 0;
	text-align: center;
}

#main_padder_left {
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 415px;
	background: url(/design/main_left.gif) top left no-repeat;
}

#main_padder_right {
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	height: 415px;
	background: url(/design/main_right.gif) top left no-repeat;
}

/* Navigation */
/*   Sub Navigation Vertikal (2. und 3. Ebene)  
/* ----------------------------------------------------------------------------------------- */
#navi_padder {
	position: absolute;
	top: 0px;
	left: 35px;
	width: 148px;
	height: 26px;
	background: url(/design/sub_nav_divider_top.gif) top left repeat-x;
}

/*  1. Ebene  */ 

#navi {
	position: absolute;
	top: 26px;
	left: 35px;
	width: 148px;
	height: 390px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;	
	list-style: none;	
	text-align: left;	
	line-height: 24px;
	background-color: #2085f3; 
}

#navi a {
	text-decoration: none;
	font-weight: normal;
	color: white;
	padding: 0 10px 0 15px;
	line-height: 25px;
}

ul#Navigation {
    width: 148px;
    margin: 0; 
	 padding: 0;
	 background-color: #1A6AC2;	 
  }
  
* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0;
	 letter-spacing: 0;	 
}

ul#Navigation li {
    list-style: none;
    margin: 0; 
	 padding: 0;
  }

ul#navib li {
    list-style: none;
 	 line-height: 25px;
	 background: url(/design/divider_x.gif) bottom left repeat-x;		  
}  
  
  
ul#Navigation li ul {
    margin: 0; 
	 padding: 0 0 0 5px;
	 background-color: white;
  }

ul#Navigation li ul li {
    margin: 0;
	 background-color: #1A6AC2;
  }

ul#Navigation li ul li .active {
    margin: 0;
	 background-color: #104074;
  }  
  
* html ul#Navigation li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;

}

ul#Navigation a, ul#navib a {
    display:block;
    padding: 0;
    text-decoration: none; 
    text-indent: 15px;	 
	 font-weight: normal;
    color: white; 
 	 line-height: 25px;
	 background-color: #1A6AC2;
	 background: url(/design/divider_x.gif) bottom left repeat-x;		  
}

* html ul#Navigation a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 148px;  /* Breitenangabe fuer IE 6 */
}

* html ul#Navigation li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 148px;  /* Breitenangabe fuer IE 6 */
}

ul#Navigation a:hover, ul#navib a:hover {
    color: white; 
	 background-color: #104074;
  }


#navib {
	position: absolute;
	bottom: 26px;
	left: 0;
	width: 148px;
	
}
  
.lowbudget a {
	position: absolute;
	bottom: 77px;
	left: 0;
	font-size: 11px;
	padding: 0;
	margin: 0;
	width: 147px;
	height: 25px;
	text-decoration: none;
	color: #BBD3ED;
	background: url(/design/low_budget.gif) repeat-x center;
	background-color: #1A6AC2;
}

.lowbudget a:hover {
	color: white;
	background-color: #104074;
}


#navigation_center {
	position: absolute;
	top: 19px;
	left: 0;
	height: 230px;
	width: 207px;
	background: url(/design/navi_center.gif) repeat-y;
	background-color: white;	
}

#navigation_bottom {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 207px;
	height: 24px;
	background: url(/design/navi_bottom.gif) ;	
	background-color: white;
}

#nav {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	width: 210px;	
}



/* Inhaltsbereich */
/* ----------------------------------------------------------------------------------------- */
#content_start {
	position: absolute;
	top: 0;
	left: 183px;
	padding: 0;
	margin: 0;
	width: 658px;
	height: 415px;
	text-align: left;
	color: white;
	font-size: 1.0em;
	overflow: auto ;
	background-color: #CDDDFC;
}

#content {
	position: absolute;
	top: 26px;
	left: 183px;
	padding: 0;
	margin: 0;
	width: 658px;
	height: 390px;
	text-align: left;
	line-height: 14px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	overflow: auto ;
	background-color: #CDDDFC;

}


.padder {
	position: absolute;
	top: 17px;
	left: 17px;
	color: black;
	text-align: left;
	background-color: #CDDDFC;
	width: 625px;
} 

h1 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-bottom: 20px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: black;	
	margin-top: 10px;	
	margin-bottom: 10px;
}

.error {
	color: #DD2802;
	font-weight: bold;
}

/* Content Startseite */
/* ----------------------------------------------------------------------------------------- */
#start_top_left {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 319px;
	height: 170px;
	background-color: #CDDDFC;
	background: url(/design/islas_canarias.gif) center  no-repeat;
}

#start_top_right {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	width: 339px;
	height: 170px;
	background-color: #94BBF5;
}

#start_top_right em {
	font-style: italic;
	line-height: 24px;
}


.pad {
	width: auto;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: normal;
	font-style: italic;
	padding: 15px 15px;
	margin: 0;
}


#start_big_image  {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 658px;
	height: 244px;
	overflow:hidden;
}

#picdescription {
	position: absolute;
	bottom: 0;
	right: 10px;
	padding: 0;
	text-align: right;
	margin: 0;
	width: 558px;
	height: 24px;
	font-size: 11px;
	color: white;
}

#divider_x {
	position: absolute;
	top: 170px;
	left: 0;
	height: 1px;
	width: 658px;
	background: url(/design/divider_x.gif) top left repeat-x;
}


/* Fusszeile */
/* ----------------------------------------------------------------------------------------- */
#footer {
	position: absolute;
	top: 543px;
	left: 0;
	width: 867px;
	height: 50px;
	background: url(/design/footer.gif) top left no-repeat;	
}

#footer_padder {
	position: absolute;
	left: 0;
	top: 0;
	width: 867px;
	height: 35px;
	background-color: transparent;

}

#footer ul {
	position: absolute;
	bottom: 2px;
	right: 35px;
	text-align: right;
	padding: 0;
	margin: 0;
}

#footer li {
	color: white;
	list-style: none;	
    display: inline;	
	padding-left: 10px;	
}


#footer li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
	color: white;
	padding: 0;
}

#footer li a:hover,
#footer li a.active1 {
	color: #1A6AC2 ;
	font-weight: bold;
	letter-spacing: 0;
}

#footer li a.active0 {
	font-weight: bold;
	letter-spacing: 0;
}

/* Übersicht der Objekte     */
/* ------------------------- */ 
.overview_list {
	float: left;
	margin: 0;
	padding: 0;
	width: 319px;
	height: 118px;	

}

.overview_item_left {
	position: absolute ;
	left: 0;
	margin: 0;
	padding: 0;
	width: 319px;
	height: 118px;	

}

.overview_item_right {
	position: absolute ;
	left: 320px;
	margin: 0;
	padding: 0;
	width: 319px;
	height: 118px;	
}


.overview_image {
	float: left;
	margin: 0;
	padding: 17px 14px 14px 17px;
	width: 110px;
	height: 80px;	
}

.overview_text {
	float: left;
	margin: 0;
	padding: 17px 0 0 0;
	width: 150px;
	height: 80px;	
}

.overview_text  p {
	line-height: 16px;
	font-weight: bold;
}

.mehr, .mehr a {
	position: absolute;
	bottom: 1px;
	right: 0;
	font-size: 10px;
	padding: 2px 0 0 0;
	margin: 0;
	width: 68px;
	height: 15px;	
	text-decoration: none;
	text-align: center;
	color: #BBD3ED;
	background-color: #1A6AC2;
}

.mehr a:hover {
	position: absolute;
	bottom: 1px;
	right: 0;
	font-size: 10px;
	padding: 2px 0 0 0;
	margin: 0;
	width: 68px;
	height: 15px;	
	text-decoration: none;
	text-align: center;
	color: white;
	background-color: #104074;
}

.place {	
	color: #5e6674;
}

.title {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 5px 0;;
}

.dotted_line_vertikal {
	position: absolute;
	left: 319px;
	width: 1px;
	height: 118px;
	background: url(/design/divider_y.gif) top left repeat-y;
}

.dotted_line_horizontal {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 0;
	font-size: 0;
	width: 319px;
	height: 1px;
	background: url(/design/divider_x.gif) top left repeat-x;

}


/*  Detailansicht der Objekte */
/* -------------------------- */ 
.pictures {
	position: absolute;
	left: 0;
	top: 0;
	width: 590px;
	height: 222px;
}

#big_picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 296px;
	height: 222px;		
}

.thumpnailsframe {
	position: absolute;
	left: 306px;
	top: 0;
	width: 300px;
	height: 222px;
}

.thumpnails {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 64px;
	height: 48px;
	line-height: 1px;
}


.datablock {
	position: absolute;
	top: 232px;
	left: 0;
	width: 590px;
}

.datablock .title {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
}

.subtitel {
   margin: 0;
	font-weight: bold;
	width: 200px;
}

.trennlinie {
	width: 610px;
	height: 21px;
	line-height: 1px;
	background: url(/design/puenktchen.gif) left center repeat-x;
	margin: 0; 
	padding: 0;
	clear: both;
}


.rubrik {
	color: black;
	font-weight: bold;
	width: 610px;
	margin: 0; 
}

.ausstattung {
	color: black;
	font-weight: normal;
	width: 610px;
	background: url(/design/puenktchen.gif) left bottom repeat-x;
	margin: 10px 0 10px 0; 
	padding: 3px 0 3px 0;
}

.vorhanden {
	color: black;
	font-weight: normal;
	width: 190px;
	margin: 0; 
	list-style: none;
	padding: 3px 0 3px 10px;
	background: url(/design/liste.gif) center left no-repeat;
}


.cap {
	width: 100%;
	height: 20px;
}

#preise {
	background-color: #2085f3;	
	color: #CDDDFC;
}

.werte  {
	background-color: #2085F3;	
	background: url(/design/divider_x.gif) repeat-x bottom left;	
	width: 200px;
}


.preistitel {
	background-color: #1A6AC2;	
	background: #1A6AC2 url(/design/divider_x.gif) repeat-x bottom left;		
	width: 200px;
}

#verfuegbarkeit {
	background-color: #2085f3;		
	color: white;	
}

#verfuegbarkeit td {
	border-bottom: 1px solid white;	
}

.frei {
	background-color: #eee;
}

.locked {
   background-color: red;
}

#formfields {
	position: absolute;
	bottom: -50px;
	width: 100%;
	height: 30px;
	margin: 20px;
	color: black;
	text-align: center;
}

#formfields input {
	background-color: #1A6AC2;
	color: white;
	text-align: center;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	line-height: auto;
}

#content ul {
	margin-left: 15px;
	list-style: disc;
}

#content ol {
	margin-left: 25px;
	list-style: decimal;
}

#header  ul {
	margin-left: 15px;
	list-style: disc;
}

.inline {
	float: left;
	margin: 0;
	width: 100%
}


.button {
	padding: 0;
	margin: 15px auto;
	width: 100px;
	height: 30px;	
	text-align: center;
}

.button a {
	font-size: 11px;
	padding: 5px 5px;
	width: 100px;
	height: 25px;	
	text-decoration: none;
	text-align: center;
line-height: 25px;
	color: #BBD3ED;
	background-color: #1A6AC2;
	border: 1px solid white;
}

.button a:hover {
	background-color: #104074;
}


#wetter  {
	position: absolute;
	top: 0px;
	left: 35px;
	width: 148px;
	padding-top: 6px;
	padding-left: 6px;
	height: 290px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;	
	list-style: none;	
	text-align: left;	
	line-height: 18px;
	background-color: #2085f3; 
}

#wetter td {
	padding-right: 3px;
}

#navi_padder_wetter {
	position: absolute;
	top: 145px;
	left: 35px;
	width: 148px;
	height: 26px;
	background: url(/design/sub_nav_divider_top.gif) top left repeat-x;
}