﻿

/* Scrollbar erzwingen */	
html { overflow-y: scroll; }

body {
	font-family: Verdana;
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	padding-left: 50%;
}

/* Mitte festlegen */	
div#main {
	position:absolute;
	width: 1000px;
	margin-left:-500px;
	z-index: 1;
	padding-top: 145px;
	font-size: 90%;
	line-height: 140%;
}

/* Inhalt - Content */
#content {
	position:relative;
	width:100%; 
	left:0px; 
	margin:0px;
	padding:0px;
	text-align:left;
	z-index:2;
}

/* Finder */	
div#finder {
	/*margin-top:5px;*/
	margin-bottom:15px;
	border-top:1px #C0C0C0 solid; 
	border-bottom:none;
	font-size:85%;
	line-height:20px;
	width:100%;
}

/* Box (kein Textzoom) */
.box {
	margin:0px;
	border:0px;
	z-index:2;
	text-align:left;
	font-size:12px;
	line-height:16px;

}

/* Textbox (mit Textzoom) */
.text {
	padding: 0px;
	margin: 0px;
	border: 0px;
	/*border: 1px #C0C0C0 solid;*/
	text-align: left;
	color: #000000;	
}

.angebotspreis {

	color: #FF0000; 
	font-size: 40px; 
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;
	text-align: left;
}

.angebotspreis-2 {

	color: #FF0000; 
	font-size: 60px; 
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;
	text-align: left;
}


.preis {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000; 
	font-size: 20px;
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;
	text-align: center;	
}

.headline {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000000; 
	font-size: 150%;
	line-height: 150%; 
	font-weight: bold;
	font-family: Verdana;
	text-align: center;	
}

.highlight {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
}

.highlight-15 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
}


.highlight-35 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 35px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
}

.highlight-25 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 25px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
}


.yoga {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
	color: #006633;
}

.pousadaheadline {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 100%; 
	font-weight: bold;
	font-style: italic;
	color: #ffa500;
}

.marbellaheadline {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 30px;
	line-height: 100%; 
	font-weight: bold;
	font-style: verdana;
}

p.marbellafirstletter:first-letter {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 23px;
	float: left; 
	line-height: 100%; 
	font-weight: bold;
	font-style: verdana;
}

.marbellafirstletter:first-letter {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 125px;
	float: left; 
	line-height: 100%; 
	font-weight: bolder;
	font-style: verdana;
}

p.marbellarouten: {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	float: left; 
	line-height: 100%; 
	font-style: verdana;
}


.zitat {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 100%; 
	font-style: italic;
	color: #C0C0C0;
}

.zitat-2 {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left:30px;
	margin-right:30px;
 	font-size:120%;
	line-height:120%;
	font-style: italic;
	font-family:"Times New Roman", Times, Serif;
	color: #000000;
}

p.zitat-2 span {
	margin-left:20px;
	color:#666;
	font-family:Verdana;
	font-size:80%;
	line-height:200%;
}

.picture {
	border-top:2px #c0c0c0 solid; 
	border-left:2px #c0c0c0 solid; 
	border-right:2px #999999 solid; 
	border-bottom:2px #999999 solid;
	margin:3px 15px 5px 15px;
}

.picture:hover {
	border-top:2px #9E9E9E solid; 
	border-left:2px #9E9E9E solid; 
	border-right:2px #808080 solid; 
	border-bottom:2px #808080 solid;
}

.picture2 {
	border-top:1px #c0c0c0 solid; 
	border-left:1px #c0c0c0 solid; 
	border-right:1px #999999 solid; 
	border-bottom:1px #999999 solid;
	margin:1px 1px 1px 1px;
}

/* Allgemeine Angaben */
p {	margin:0px 0px 10px 0px; }

p.gross:first-letter {
	margin-top: 0px;
	margin-bottom: 0px;
	float: left; 
	font-size: 35px;
	font-family: Times New Roman; 
}

img { border:0px; }

ul { margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; }
li { list-style:disc; margin:1px; padding: 0px 0px 0px 0px; }

hr {
	border:0px; /* Für Firefox und Opera */
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	margin:0px 0px 0px 0px;
}

table {	margin:0px;	padding:0px; border-collapse:collapse; }

/* Überschriften (h1,h2 kein Textzoom h3 mit Textzoom) */
h1 { text-align:center; font-size:18px; font-weight:500; line-height:20px; color:#000000; margin:0px; padding:0px; z-index:10; }
h2 { text-align:center; font-size:120%; font-weight:500; line-height:125%; color:#000000; margin:0px; padding:0px; z-index:99; }
h3 { text-align:left; font-size:105%; font-weight:normal; line-height:110%; color:#000000; margin:0px; padding:2px 0 2px 0; z-index:99; }

/* Formulare */
form { margin:1px 0 1px 0; }
input.text { margin:1px; padding:2px; border:1px #7F9DB9 solid;	font-size:110%; }
input.box { margin:1px;	padding:2px; font-size:14px; border:1px #7F9DB9 solid; }
input.rad, input.check { border:1px #ffffff solid; }
select, select.box { margin:1px; padding:1px; border:1px #7F9DB9 solid;	font-size:14px; }
select.text { margin:1px; padding:1px; border:1px #7F9DB9 solid; font-size:110%; }
textarea.text {	font-size:110%;	border: 1px #7F9DB9 solid; }

/* Unterkunfssuche */
div#controlpanel {
	 position:absolute;
	 left:50%;
	 margin-left:190px;
	 width:300px;
	 border:1px solid #c0c0c0;
	 padding:5px;
	 background-color:#eee;
}

div#controlpanel div a {
	float:right;
}
div#controlpanel div div {
	 background-color:#eee;
	 border-top:1px #fff solid;
	 border-right:1px #c0c0c0 solid;
	 border-bottom:1px #c0c0c0 solid;
	 border-left:1px #fff solid;
}

div#controlpanel div div div {
	 background-color:#eee;
	 padding:5px;
	 border-top:1px #c0c0c0 solid;
	 border-right:1px #fff solid;
	 border-bottom:1px #fff solid;
	 border-left:1px #c0c0c0 solid;
}
div#controlpanel div div div div {
	overflow:auto;
	border:1px #c0c0c0 solid; 
	padding:5px;
	background-color:#fff;
	text-align:left;
}

div#controlpanel div div div div ul, div#controlpanel div div div div li {
	list-style:none;
	margin-left:-10px;	
}

div#controlpanel div div div div li.checked {
	background:#ffff99;
}

table.ResultList {
	 width:100%; 
	 padding:10px;
	 border-top:1px #fff solid;
	 border-right:1px #fff solid; 
	 border-bottom:1px #eee solid;
	 border-left:1px #fff solid;
	 background-color:#fff;
}

table.TopResultList {
	 width:100%; 
	 padding:10px;
	 border-top:1px #fff solid;
	 border-right:1px #fff solid; 
	 border-bottom:1px #ddd solid;
	 border-left:1px #fff solid;
	 background-color:#f5fff5;
}

table.ResultList td, table.TopResultList td {
	 text-align:left;
	 padding:10px 5px 5px 10px;
}

table.ResultList:hover {
	background-color:#eee;
	border:1px #c0c0c0 solid;
}

table.TopResultList:hover {
	background-color:#DeeeDe;
	border:1px #c0c0c0 solid;
}

/* Tabbox */
#tabs {	position:relative; z-index:99; margin:0px; padding:0px;	float:left;	font-size:11px;	line-height:normal; }
#tabs ul { margin:0px; padding:0px 0px 0px;	list-style:none; }
#tabs li { list-style:none; float:left; background:url("http://www.spanien-andalusien.de/images/tab_left.gif") no-repeat left top; margin:0px; padding:0px 0px 0px 9px; }
#tabs a { float:left; display:block; background:url("http://www.spanien-andalusien.de/images/tab_right.gif") no-repeat right top; padding:6px 9px 6px 0px; text-decoration:none; color:black; font-weight:bold; }
#tabs #tab1left { background-image:url("http://www.spanien-andalusien.de/images/tab_left_on.gif"); }
#tabs #tab1right { background-image:url("http://www.spanien-andalusien.de/images/tab_right_on.gif"); padding-bottom:7px; }
#tabline { line-height:26px; margin:0px; }
#tabcontent { position:relative; padding:20px; clear:both; top:-1px; margin:0px 0 0 0; background-color:#ffffff; border:1px #C0C0C0 solid; text-align:left; color:#000000; }

#results .result { background-color:#fff; border-bottom:1px solid #f5f5f5; padding:10px; }
#results .result:hover { background-color:#f5f5f5; }
#results .idented { }
#results .description { font-size:100%; }
#results a.title { font-size:110%; text-decoration:underline; color:#115599;}
#results .url { color:green; font-size:10px; }
#results .url .small { font-size:9px; color: #c0c0c0}
#result_report .small { font-size:10px; color: #c0c0c0}


/* Links */
a:link, a:visited { color:#0066FF; text-decoration:none; }
a:hover{ color:#0000FF; text-decoration:none; }

/* Link intern schwarz */
a.textlink:link, a.textlink:visited { color:#000000; text-decoration:none; }
a.textlink:hover { color:#000000; text-decoration:underline; } 

/* Link copyright */
a.copyrightlink:link, a.copyrightlink:visited { color:#C0C0C0; text-decoration:none; }
a.copyrightlink:hover { color:#0000FF; text-decoration:none; } 

/* header */
div#header {
	 position:absolute;
	 width: 100%;
	 z-index: 20;
	 top: 10px;
	 left: 0px;
	 text-align:left;
	 line-height: 10px;
	 font-size: 14px;
}


/* Menü */
div#menu {
	position: absolute;
	width: 100%;
	z-index: 15;
	top: 115px;
	height:25px;
	left: 0px;
	border-bottom:1px #C0C0C0 solid;
	line-height:25px;
}
div#menu-side {
	line-height:160%;
	font-size:95%;
	font-weight:bold;
}


/* GoogleMap */
div#GMapLabel {	position:absolute; top:110px; right:0px; z-index:15; font-family:arial; font-size:13px; font-weight:bold; line-height:33px; cursor:pointer }
div#GMapLabel a:link, div#GMapLabel a:visited { color:#efefef; text-decoration: none; }
div#GMapLabel a:hover { color:#fff; text-decoration: none; }

div#map { position:relative; border:1px solid #c0c0c0; width:998px; height:0px;	z-index:15; margin-bottom:-5px }
div#mapdummy { border-right:0px #c0c0c0 solid; padding-bottom:5px; }


/* Slideshow & HeadBox */
#slideshow { position:absolute; top:150px; left:0px; z-index:1; }
#headbox { position:absolute; top:150px; left:0px; z-index:1; }


/* footer */
div#footer { margin-top:50px; clear:both; text-align:left; color:#C0C0C0; font-size:12px; padding:10px; }
div#footer a:link, div#footer a:visited  {color: #C0C0C0; text-decoration: none; }
div#footer a:hover  {color: #191970; text-decoration: none; }

/* Textzoom Buttons */
.textzoom {
	position:absolute;
	top:0px;
	right:0px;
	color: #ffffff;
	text-align:right;
	padding:6px;
	padding-right:5px;
}

div#textzoom img {
	padding-right:2px;
}

.liste li {
	float: left;
	margin: 0px;

}


/* Format für suggest-DIV */ 
div#Suggest, div#TopSuggest { 
  position:absolute;
  background-color:#fff;  
  visibility:hidden;        /* div wird durch Eingabe visible */ 
  border-top:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
  border-bottom:1px solid #999;
  border-left:1px solid #999;
  min-width:255px;
  padding-right:5px; 
  display:block; 
  margin:0; 
  margin-top:-1px;
} 

/* Format für Links in suggest-DIV */ 
div#Suggest a:link, div#Suggest a:visited, div#TopSuggest a:link, div#TopSuggest a:visited {  
  font-size:14px; 
  line-height:20px;
  text-decoration:none; 
  display:block; 
  color:#000; 
  width:100%; 
  text-align:left; 
  font-weight:normal; 
} 

/* Format für Links:hover in suggest-DIV */ 
div#Suggest a:hover, div#TopSuggest a:hover { 
  color:#FFF; 
  background-color:#6990b6; 
} 

/* Format für Links:active in suggest-DIV */ 
div#Suggest a:active, div#TopSuggest a:active { 
  display:block; 
  color:#000; 
} 

/* Format für Liste */ 
div#Suggest ul#suggest_list, div#TopSuggest ul#suggest_list, div#Suggest li, div#TopSuggest li { 
  margin:0px;
  padding:0px; 
  list-style-type:none; 
  line-height:19px; 
} 


/* Format für Eingabefeld */ 
input#SearchQuery, input#TopSearchQuery { 
  width:250px; 
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:1px solid #c0c0c0;
  font-size:14px; 
  color:#c0c0c0;
}  


