/**
 * Dateiname       : css/sardegna.css
 * Erzeugungsdatum : 12.09.2007
 * Autor           : Jörg Harling
 * Letzte Akt.     : 01.04.2008 (CK)
 */



/*****************************************/
/*         Inhaltsformatierungen         */
/*****************************************/

a, img {  
	text-decoration:none;
	border:none;
	color:#4a6e9b;
}

a:hover, table a:hover {  
	text-decoration:underline;
}

.email {  
	vertical-align: bottom;
	padding-bottom: 3px;
	border: none;
}

.sandobj {
	background: #e9e2d7;
	padding:6px;
}

.abwesenheit {
  background: #f8d7d7;
  padding:6px;
}

td.sandlines {
	background: url(../bitmaps/lines.gif) repeat #e9e2d7;
}

td.smallstars {
	background: url(../bitmaps/smallstar.gif) center repeat-x #ffffff;
}

img.orteobj {
	border-top:2px solid #d7d1c6;
	border-bottom:2px solid #d7d1c6;
	padding-top:4px;
	padding-bottom:4px;
}

.imgfloatright {  
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	border-top:2px solid #d7d1c6;
	border-bottom:2px solid #d7d1c6;
	padding-top:4px;
	padding-bottom:4px;
}

.imgfloatleft {  
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border-top:2px solid #d7d1c6;
	border-bottom:2px solid #d7d1c6;
	padding-top:4px;
	padding-bottom:4px;
}

span.size11 {
	font-size:11px;
}

span.size11lines12 {
	font-size:11px;
	line-height:12px;
}

span.size11_dblue2 {
	font-size:11px;
	color: #4a6e9b;
}

span.size11_dblue1 {
	font-size:11px;
	color: #1e4771;
}

.red {
	color:#FF0000;
}

.orange {
	color: #ff7f00;
}

.orange_big {
	font-size:14px;
	color: #ff7f00;
}

.green {
	color: #38b945;
}

.green_big {
	font-size:14px;
	color: #38b945;
}

.orange_big {
	font-size:14px;
	color: #ff7f00;
}

#topnav a:link, #topnav a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

#topnav a:hover {
	text-decoration:underline;
}

#footer a:link, #footer a:visited  {
	color: #4a6e9b;
	font-size:11px;
	text-decoration:none;
}

#footer a:hover  {
	text-decoration:underline;
}

.kat {
	color: #1e4771;
	font-size:13px;
	letter-spacing:1px;
	height:20px;
}

.dblue1 {
	color: #1e4771;
}

.dblue2 {
	color: #4a6e9b;
}

.oceanblue {
	color: #7296e6;
}

.oceanblue_big {
	color: #7296e6;
	font-size:14px;
}

.oceanblue_head {
	color: #7296e6;
	font-size:17px;
}

#anreiseCar {
	padding:60px 10px 10px 10px;
	background: url(../bitmaps/anreisecar.gif) top left no-repeat #d0dfff;
	color: #4a6e9b;
	width:180px;
	text-align:left;
	height:auto;
	display:block;
	border-bottom:1px solid #7296e6;
}

#anreisePlain {
	padding:60px 10px 10px 10px;
	background: url(../bitmaps/anreiseplain.gif) top left no-repeat #d0dfff;
	color: #4a6e9b;
	width:180px;
	text-align:left;
	height:auto;
	display:block;
	border-bottom:1px solid #7296e6;
}

#anreiseFerry {
	padding:60px 10px 10px 10px;
	background: url(../bitmaps/anreiseferry.gif) top left no-repeat #d0dfff;
	color: #4a6e9b;
	width:180px;
	text-align:left;
	height:auto;
	display:block;
	border-bottom:1px solid #7296e6;
}

.lmbox {
	float:none;
	padding:0px 2px 0px 2px;
	background: #fce5c0;
	color: #4a6e9b;
	margin-bottom:5px;
	width:100%;
	display:block;
	border-top:1px solid #FCBB58;
	border-bottom:1px solid #FCBB58;
}

.fbbox {
	float:none;
	padding:0px 2px 0px 2px;
	background: #d5fdd8;
	color: #4a6e9b;
	margin-bottom:5px;
	width:100%;
	display:block;
	border-top:1px solid #83d289;
	border-bottom:1px solid #83d289;
}


#content_input li {
	list-style-image:url(../bitmaps/list_arrow.gif);
	margin-bottom:10px;
}

#karte_home {
  width:240px;
	height:340px;;
	margin-right:35px;
	float:left;
}

#home {
  width:580px;
	height:370px;
	background:url(../bitmaps/bg_home.jpg) top left no-repeat #ffffff;
	padding-top:30px;
	padding-left:60px;
}

.randabstand {
  padding-left: 4px;
  padding-right: 4px;
}

/*********************************/
/*          Spezial-Links        */
/*********************************/


a.spezbig:link, a.spezbig:visited {
	background:url(../bitmaps/link_arrow1.gif) left no-repeat;
	color: #7296e6;
	font-size:14px;
	padding-left:30px;
	display:inline-block;
	text-decoration:none;
}

a.spezbig:hover {
	background:url(../bitmaps/link_arrow1_hover.gif) left no-repeat #d9eaff;
	color: #7296e6;
	font-size:14px;
	display:inline-block;
	padding-left:30px;
	text-decoration:none;
}

/******* Tell a friend-Link **********/

a.friend:link, a.friend:visited {
	text-align:center;
	letter-spacing:1px;
	padding:2px 2px 2px 28px;
	background: url(../bitmaps/friends.gif) left no-repeat #d5eeff;
	color: #4a6e9b;
	font-size:11px;
	width:200px;
	display:block;
	text-decoration:none;
	border-top:1px solid #9bd6ff;
	border-bottom:1px solid #9bd6ff;
}

a.friend:hover {
	border-top:1px solid #9bd6ff;
	border-bottom:1px solid #9bd6ff;
	background:url(../bitmaps/friends.gif) left no-repeat #c2e5fe;
	text-decoration:none;
}


/******* Last-Minute-Link **********/

a.lm:link, a.lm:visited {
	float:left;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	background: #f8d7a1;
	color: #4a6e9b;
	font-size:12px;
	width:164px;
	display:block;
	text-decoration:none;
	border-top:1px solid #FCBB58;
	border-bottom:1px solid #FCBB58;
	margin-right:2px;
}

a.lm:hover {
	border-top:1px solid #FCBB58;
	border-bottom:1px solid #FCBB58;
	margin-right:2px;
	background: #fdc973;
	text-decoration:none;
}

a.lmklein:link, a.lmklein:visited {
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	background: #f8d7a1;
	color: #4a6e9b;
	font-size:11px;
	width:120px;
	display:block;
	text-decoration:none;
	border-top:1px solid #FCBB58;
	border-bottom:1px solid #FCBB58;
	margin-bottom:3px;
}

a.lmklein:hover {
	border-top:1px solid #FCBB58;
	border-bottom:1px solid #FCBB58;
	margin-bottom:3px;
	background: #fdc973;
	text-decoration:none;
}


/******* Frühbucher-Link **********/

a.fb:link, a.fb:visited {
	float:left;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	background: #b6efba;
	color: #4a6e9b;
	font-size:12px;
	width:164px;
	display:inherit;
	text-decoration:none;
	border-top:1px solid #83d289;
	border-bottom:1px solid #83d289;
}

a.fb:hover {
	border-top:1px solid #83d289;
	border-bottom:1px solid #83d289;
	background: #9ae49f;
	text-decoration:none;
}

a.fbklein:link, a.fbklein:visited {
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	background: #b6efba;
	color: #4a6e9b;
	font-size:11px;
	width:120px;
	display:block;
	text-decoration:none;
	border-top:1px solid #83d289;
	border-bottom:1px solid #83d289;
}

a.fbklein:hover {
	border-top:1px solid #83d289;
	border-bottom:1px solid #83d289;
	background: #9ae49f;
	text-decoration:none;
}


/*****************************************************/
/*          spezielle Tabellenspaltenfarben          */
/*****************************************************/

td.preis100 {
	width:auto;
}

td.flag {
	background: url(../bitmaps/flagge_weich.jpg) bottom right no-repeat #ffffff;
}

td.blue {
	background:#d0e0ff;
}

td.hell, td.hell {
	background: #f1eadf;
}

tr.sand, td.sand {
	background: #e9e2d7;
}

td.mw {
	background: #ffffff;
	border:2px solid #f1eadf;
}

td.preis {
	height:40px;
	padding:6px;
	background:url(../bitmaps/price_sun2.gif) no-repeat left top #f8d7a1;
}

td.preis2 {
	height:40px;
	padding:6px;
	background:url(../bitmaps/price_sun3.gif) no-repeat left top #b6efba;
}

tr.anggre1, td.anggre1 {
	padding:4px;
	background:#b6efba;
}

td.anggre2 {
	padding:8px;
	background:#e2ffe4;
}

td.angor3 {
	background:#f8d7a1;
}

tr.angor1, td.angor1 {
	padding:4px;
	background:#f8d7a1;
}

td.angor2 {
	padding:8px;
	background:#f5dfbb;
}

td.hellpad8 {
	padding:8px;
	background: #f1eadf;
}  


/**************************************************/
/*        Bildcontainer- Ortsbeschreibung         */
/*************************************************/

#bildbox_orte {
	width:350px;
	height:auto;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}  


/***********************************/
/*           Objektsuche           */
/***********************************/


#searchbox {
	width:auto;
	height:20px;
	margin-top:10px;
	margin-bottom:15px;
}

input.objsearch {
  font-size:11px;
	margin-right:4px;
}


/**********************************************************/
/*         Formatierungen für Objektpräsentation          */
/**********************************************************/


/********* Objekt-Formatierungen *********/

td.objtop {
	height:11px;
	background: url(../bitmaps/edge_ol.jpg) top left no-repeat #e0d6c6;
}

td.objbot {
	height:12px;
	background: url(../bitmaps/edge_ur.jpg) bottom right no-repeat #e0d6c6;
}

td.objback {
	background: #e0d6c6;
}

td.objcolleft {
	background: #e9e2d7;
	width:270px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:4px;
	vertical-align:top;
}

td.objcolright {
	background: #f6f3ee;
	width:auto;
	padding:4px 8px 15px 15px;
}

#objcolleft_cont {
	width:100%;
	vertical-align:top;
}

#bildvorschau {
	width:270px;
	height:auto;
	vertical-align:top;
	display:block;
	float:left;
	margin-top:4px;
	margin-bottom:15px;
	clear:both;
}

#bildvorschau img {
	float:left;
	padding-right:4px;
	padding-bottom:4px;
}

.lage {
	line-height:14px;
	width:250px;
	padding:8px;
	height:auto;
	background-color:#E0D6C6;
	display:block;
	clear:both;
	font-size:11px;
	margin-bottom:8px;
}

.orte {
	line-height:14px;
	width:250px;
	padding:8px;
	height:auto;
	background-color:#E0D6C6;
	display:block;
	clear:both;
	font-size:11px;
}

span.brown {
	font-size:12px;
	color: #7f7568;
}

table.lage {
	width:250px;
}

table.obj a:link, table.obj a:visited {
	font-size:11px;
	color:#4a6e9b;
	text-decoration:none;	
}

table.obj a:hover  {
	text-decoration:underline;	
}

td.lagelink {
	background: #e9e2d7;
}

.infobox_obj {
	background: #e9e2d7;
	width:292px;
	padding: 8px;
	height:auto;
	display:block;
	clear:both;
	font-size:11px;
	margin-bottom:8px;
}


/*********************************************************************/
/*            Einheiten-Formatierungen (Objektpräsentation)          */
/*********************************************************************/

td.einhcolleft_1 {
	background: #e9e2d7;
	width:160px;
	padding: 8px 2px 8px 8px;
	vertical-align:top;
}

td.einhcolleft_2 {
	background: #e9e2d7;
	width:160px;
	padding:8px;
	vertical-align:top;
}

div.bildvorschau_einh {
	margin-top: 8px;
	width:168px;
	height:auto;
	vertical-align:top;
	display:block;
	float:left;
	clear:both;
}

div.bildvorschau_einh img {
	padding-right:6px;
	margin-bottom:4px;
	float:left;
}

td.einhcolright {
	background: #f6f3ee;
	width:auto;
	padding:8px 15px 8px 15px;
	vertical-align:top;
}

.dsand {
	width:100%;
	margin-top: 6px;
	height:auto;
	background-color:#E0D6C6;
	display:block;
	text-align:center;
}

.hsand {
	width:400px;
	margin-bottom: 8px;
	padding:6px;
	height:auto;
	background: #e9e2d7;
	display:block;
}


/******************************************************************/
/*            Preise-Formatierungen (Objektpräsentation)          */
/******************************************************************/


td.objinfo_top {
	height:11px;
	background: url(../bitmaps/edge2_ol.jpg) top left no-repeat #e9e2d7;
}

td.objinfo_bot {
	height:11px;
	background: url(../bitmaps/edge2_ur.jpg) bottom right no-repeat #e9e2d7;
}

.infobox {
	width:624px;
	padding:0px 8px 8px 8px;
	height:auto;
	background: #e9e2d7;
	display:block;
}



/**************************************/
/*              Hauptmenü             */
/**************************************/

/***** kat 1 *****/

#mainnav a.kat1:link, #mainnav a.kat1:visited { 
	margin-left:8px;
	border-right: #a0c1fe 2px solid;
	background: #e8e0d4;
	height:16px;
	width:170px;
	padding-left:5px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#4a6e9b;
	margin-top:2px;
	letter-spacing:0px;
}

#mainnav a.kat1:hover { 
	background: #e0d9cd;
	border-right: #a0c1fe 2px solid;
	text-decoration:none;
	color:#1e4771;
}


/***** kat 2 *****/

#mainnav a.kat2:link, #mainnav a.kat2:visited { 
	margin-left:8px;
	border-right: #fbf28c 2px solid;
	background: #e8e0d4;
	height:16px;
	width:170px;
	padding-left:5px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#4a6e9b;
	margin-top:2px;
	letter-spacing:0px;
}

#mainnav a.kat2:hover { 
	background: #e0d9cd;
	border-right: #fbf28c 2px solid;
	text-decoration:none;
	color:#1e4771;
}


/***** kat 3 *****/

#mainnav a.kat3:link, #mainnav a.kat3:visited { 
	margin-left:8px;
	border-right: #fdb491 2px solid;
	background: #e8e0d4;
	height:16px;
	width:170px;
	padding-left:5px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#4a6e9b;
	margin-top:2px;
	letter-spacing:0px;
}

#mainnav a.kat3:hover { 
	background: #e0d9cd;
	border-right: #fdb491 2px solid;
	text-decoration:none;
	color:#1e4771;
}


/***** kat 4 *****/

#mainnav a.kat4:link, #mainnav a.kat4:visited { 
	margin-left:8px;
	border-right: #bad9b1 2px solid;
	background: #e8e0d4;
	height:16px;
	width:170px;
	padding-left:5px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#4a6e9b;
	margin-top:2px;
	letter-spacing:0px;
}

#mainnav a.kat4:hover { 
	background: #e0d9cd;
	border-right: #bad9b1 2px solid;
	text-decoration:none;
	color:#1e4771;
}


/**************************************/
/*            Seitenlayout            */
/**************************************/

body {
  margin:0;
  background: url(../bitmaps/bg_wave.jpg) #d0e0ff;
  font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

#container {
  width: 960px;
  height: auto;
  background: #f3efe8;
}

#header {
  clear:both;
  width: 960px;
  height: 143px;
  display:block;
}

#logo {
  width: 253px;
  height: 143px;
	float:left;
  display:block;
}

#head {
  width: 707px;
  height: 143px;
	float:left;
  display:block;
}

#topnav {
	position:absolute;
	width:auto;
  height:auto;
	margin-top: 9px;
	margin-left:540px;
	display:block;
	color: #ffffff;
	font-size:10px;
}

#sidebar {
  width: 253px;
  height: auto;
  float:left;
	display:block;
}

#mainnav {
	margin-top:20px;
	padding-left:27px;
  width: auto;
  height: auto;
	display:block;
	margin-bottom:40px;
}

#content {
	padding-left:35px;
  width:672px;
  height:auto;
	padding-top:70px;
	height:auto;
  float:left;
  display:block;
}

*html #content {
	margin-top: -5px;
}

#content_input {
	/*** Haupttext-Formatierung ***/
	font-size: 12px;
  color: #444444;
	/************************/
	
	/*** Breite für Inhalt ***/
  width:640px;
	/************************/
	
  height:auto;
	margin-left:5px;
	min-height:530px;
	margin-bottom:40px;
	display:block;
}

*html #content_input {
  height:600px;
}

#footer {
  width: 960px;
  height: 19px;
  background: url(../bitmaps/footer_bg.jpg) repeat-x #ffffff;
  clear:both;
	padding-top:9px;
	color: #4a6e9b;
	font-size:11px;
}


/****************************************/
/*        Formularformatierungen        */
/****************************************/

submit, input, select, textarea, {
  font-size:12px;
}

.button {
  border:1px solid #7296e6;
	color: #1e4771;
}

/* Submit Button */
.sub {
  font-size: 13px;
  border-color: #7296e6;
  border-width: 1px;
  border-style: solid;
  margin-top: 2px;

}

.norm {
  font-size: 13px;
  border-color: #7296e6;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
}

input.req, textarea.req {
  font-size: 13px;
  border-color: #7296e6;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
  border-right-color: #FF9900;
  border-right-style: solid;
  border-right-width: 2px; 
}

select.req {
  font-size: 13px;
  border-color: #7296e6;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
  border-right-color: #FF9900;
  border-right-style: solid;
  border-right-width: 2px; 
}

/* Für Check und Optionsinput */

.checknorm {
  font-size: 13px;
  border-width: 0px;    
}

option.req {
  font-size:13px;
  border-width: 0px; 
  Background-color: #fed9a0;
}

option.norm {
  font-size:13px;
  border-width: 0px; 
  Background-color: #FFFFFF;
}

/**************************************/
/*           Fehlerklassen            */
/**************************************/


.fehler {
  text-decoration:none;
  font-weight:bold;
  font-style:italic;
  color: #d40027;
}

/**************************************/
/*     Captureklassen (verschl. Name) */
/**************************************/

input.input_top {
  font-size: 13px;
  border-color: #7296e6;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
  border-right-color: #FF9900;
  border-right-style: solid;
  border-right-width: 2px; 
	display: none;
}