@media all
{

	* { margin:0; padding: 0; }
	option {padding-left: 0.4em}


	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% }
	body {
		min-height: 101%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		position: relative;

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #000;
		background: #fff;
		text-align: left;
	}

	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
	select, input, textarea { font-size: 99% }

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

	#header { position:relative }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}

	#nav { clear:both; width: auto; }
	#main {	clear:both; width: auto; }

	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col2 {
		float:right;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#footer { clear:both; }	/* Backup für IE-Clearing */

	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}

	#col1_content, #col2_content, #col3_content { position:relative; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }

	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* Formatierung der Seite */
body { background: url(/img/bg.gif) repeat top left; padding: 0px;	padding-top:0;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #000 solid; border-top:0; border-bottom:0; background: #fff; width:958px;}
#page_margins {border: 0px #889 solid; width:958px; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { height: 168px; color: #fff; background: #1f1e2e url(/img/header_01.jpg) no-repeat; }
#header img {margin-left:0px; font-size:208%;height:120px;width:393px; position:absolute; left:320px; margin-top:8px;}
#header_menu img { border:0; margin:0; padding:0; float:left; }
#titel {float:left; height: 45px; width: 296px; margin:0; padding:0; background: url(/img/kat_title.jpg); color:#FFFFFF; font-size:20px;line-height:43px;overflow:hidden;}
#titel h1 {width:400px;color:#FFFFFF; font-size:20px;font-weight:normal;overflow:hidden; }

/* Formatierung der Fu?zeile */
#footer { padding: 0; background:none; line-height: 2em; margin-top:20px; margin-left:10px; margin-right:10px;}


/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
*/
#main { background: #fff ; padding-top: 0px; border-bottom:0px #000 solid; border-top:1px #000 solid; background:url(/img/sand_bg.jpg) repeat-y top left; }

.headimg { margin: 5px 15px 5px 15px; }


/* linke Spalte */
#col1 {	width: 278px;   margin:0; padding:0; border-bottom:1px #000 solid; border-right:1px #000 solid; border-top:1px #000 solid; background:url(/img/blue_bg.gif) repeat top left; padding-top:0px;  margin-right:10px; margin-bottom:5px;}

.col1_content {color: #444; width:278px; margin:0; padding:0px; margin-bottom:0px; margin-top:0px; background:url(/img/lightblue_bg.gif); border-bottom:1px #000 solid; border-top:1px #000 solid; }

.main_menu_header { background:#C5E9D2 url(/img/darkblue_bg.gif) repeat top left; border-top: 1px #000 solid; border-bottom:1px #000 solid; margin:0; padding:5px; padding-top:3px;margin-top:5px; margin-bottom:0px; }
.main_menu p { margin-left:5px; }

.border_bottom_dark_left { width:278px; height:3px; margin:0; padding:0; margin-bottom:1px;  background: url(/img/dark_bg_shadow.gif) repeat-x top left; }
.border_bottom_light_left { width:278px; height:4px; margin:0; padding:0; margin-bottom:1px;  background: url(/img/lightblue_bg_shadow.gif) repeat-x top left; }

/* rechte Spalte */
#col2 {	width: 668px; background:none; border:1px solid #000000; border-right:0px; margin:0px; padding:0px; float:left; background:url(/img/blue_bg.gif) repeat top left;  padding-top:0px; margin-bottom:0px;}

#col2_content { color: #444; width:668px; margin:0; padding:0px; margin-bottom:0px; margin-top:0px; background:url(/img/lightblue_bg.gif); border-bottom:0px #000 solid; border-top:1px #000 solid; }

#col2_content2 { color: #444; width:668px; margin:0; padding:0px; margin-bottom:0px; margin-top:0px; background:url(/img/lightblue_bg.gif); border-bottom:0px #000 solid; border-top:0px #000 solid; }


#col2_content img.normal { float:left; margin-top:3px; margin-right:5px; margin-left:0px;  }

.border_bottom_dark { width:668px; height:3px; margin:0; padding:0; margin-bottom:5px;  background: url(/img/dark_bg_shadow.gif) repeat-x top left; }
.border_bottom_light { width:668px; height:4px; margin:0; padding:0; margin-bottom:15px;  background: url(/img/lightblue_bg_shadow.gif) repeat-x top left; }

/* rechte Seite - Angebots Überschrift */
.infobox { width: 658px; background:#C5E9D2 url(/img/darkblue_bg.gif) repeat top left; border-top: 1px #000 solid; border-bottom:1px #000 solid; margin:0; padding:5px; padding-top:3px; margin-top:5px; margin-bottom:0px;}
img.infobox { clear:both; position:relative; right:0px; bottom:0px; margin:0px; padding:0px; }

.preisbg { text-align:center;width:111px; height:61px; background:url(/img/preisbg.gif) no-repeat top left; float:right; margin:10px; padding:4px; padding-left:10px; padding-right:10px;}
.preisbg img { padding:0; margin:0; border:0; margin-right:1px; margin-top:3px;}


.infobox ul{ height: 20px; margin: 0; padding: 0; }

.infobox ul.kopfzeile{
background:#C5E9D2 url(/img/darkblue_bg.gif) repeat top left;
color: #FFF;
font-weight: bold;
}

.infobox ul.kopfzeile a {
color: #FFF;
font-weight: bold;
}

.infobox li{
float:  left;
width: 110px;
height: 20px;
text-align: right;
padding: 2px 0 0 0;
list-style-type:none;
}

.infobox li.regionen_reiseziel {
float: left;
width: 200px;
text-align: left;
padding: 2px 0 0 10px;
list-style-type:none;
}

.infobox li.regionen-name{
float: left;
width: 150px;
text-align: left;
padding: 2px 0 0 15px;
list-style-type:none;
}


#angebotsrahmen {
width: 660px;
}





#angebotsrahmen ul{
height: 20px;
margin: 0;
padding: 0;
}

#angebotsrahmen ul.kopfzeile{

color: #FFF;
font-weight: bold;
}

#angebotsrahmen ul.kopfzeile a {
color: #FFF;
font-weight: bold;
}

#angebotsrahmen ul.hell{
height:  22px;
margin: 0;
padding: 0;
}
#angebotsrahmen ul.dunkel{
height:  22px;
margin: 0;
padding: 0;
}

#angebotsrahmen li{
float:  left;
width: 110px;
height: 20px;
text-align: right;
padding: 2px 0 0 0;
list-style-type:none;
}

#angebotsrahmen li.dunkel {
float: left;
width: 215px;
text-align: left;
padding: 2px 0 0 0;
list-style-type:none;

}
#angebotsrahmen li.regionen_reiseziel {
float: left;
width: 200px;
text-align: left;
padding: 2px 0 0 5px;
list-style-type:none;
}

#angebotsrahmen li.regionen-name{
float: left;
width: 200px;
text-align: left;
padding: 2px 0 0 15px;
list-style-type:none;
}


#regionen, #angebote, #hotel{
width: 666px;
margin: 0;
}





#regionen p, #angebote p, #hotel p{
width: 666px;
border-top: 1px solid #000;
padding: 5px 5px 5px 5px;
margin: 0px;
}


#angebote p.center, #hotel p.center{
width: 668px;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0px 0px 15px 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

















/***********************************/

#beschreibung{
  width:          668px;
  padding:        0;
  margin:         0;
}

#beschreibung ul.ver{
  float:          left;
  width:          658px;
  padding:        0px 5px 0px 5px;
  margin:         0px 0px 0px 10px;
}

#beschreibung li.ver{
  float:          left;
  width:          166px;
  height:         60px;
  text-align:     center;
  padding:        0;
  margin:         0;
  list-style-type:none;
}


/*****Angebote********/



#angebote ul{
height: 75px;
margin: 0;
padding: 1px 0 1px 0;
}

#angebote li{
float: left;
width: 100px;
height: 50px;
text-align: left;
padding: 25px 2px 0 0;
list-style-type:none;
}

#angebote ul.sort{
height: 20px;
margin: 0 0 1px 0;
padding: 0;
}

#angebote ul.sort li, #angebote ul.sort li a {

color: #FFF;
font-weight: bold;
}


#angebote li.sort_bild{
width: 135px;
height: 20px;
padding: 2px 2px 0 0;
}

#angebote li.sort_ort{
width: 192px;
height: 20px;
padding: 2px 2px 0 0;
}

#angebote li.sort_kat{
width: 130px;
height: 20px;
padding: 2px 2px 0 0;
}

#angebote li.sort_ver{
text-align: right;
height: 20px;
padding: 2px 2px 0 0;
}

#angebote li.sort_preis{
width: 85px;
text-align: right;
height: 20px;
padding: 2px 2px 0 0;
}





#angebote li.bild3{
width: 100px;
height: 75px;
padding:0 2px 0 0;
}

#angebote li.ort{
width: 245px;
padding: 25px 2px 0 0;
}

#angebote li.ver, #angebote li.preis, #angebote li.ver2, #angebote li.preis2{
text-align: right;
height: 45px;
padding: 30px 2px 0 0;
}

#angebote li.bild2{
width: 100px;
height: 75px;
padding: 0 2px 0 0;

}

#angebote li.ort2{
width: 245px;
padding: 25px 2px 0 0;
}

#angebote li.kat2, #angebote li.ver2, #angebote li.preis2{

}

#angebote ul.info, #hotel ul.info{
height: 20px;
margin: 0px;
padding:0px 5px 0px 0px;
}

#angebote li.info1,
#hotel li.info1{
  height: 20px;
  float:          left;
  width:          370px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  text-align:     left;
  font-weight:    bold;
  list-style-type:none;
}

#angebote li.info2,
#hotel li.info2{
  height: 20px;
  float:          left;
  width:          292px;
  margin:         0px;
  padding:        0px;
  text-align:     right;
  font-weight:    bold;
  list-style-type:none;
}



#angebote ul.legende{
width: 653px;
height: 75px;
padding: 5px 0px 0px 15px;
border-top: 1px solid #000;
}

#angebote li.legende{
float: left;
width: 162px;
height: 60px;
padding: 0;
list-style-type:none;

}


/***********************************/


#hotel ul{
margin: 0;
padding: 0 0 1px 0;
}

#hotel ul.head{
height: 115px;
}

#hotel li{
float: left;
width: 137px;
text-align: left;
padding:  1px 2px 0px 2px;
list-style-type: none;
}


#hotel li.sort{
width: 130px;
color: #FFF;
text-align: left;
}

#hotel li.sort_flug{
width: 165px;
text-align: left;
}

#hotel li.sort_reise{
width: 135px;
text-align: left;
}

#hotel li.sort_uebern{
width: 100px;
text-align: center;
}

#hotel li.sort_preis{
width: 105px;
text-align: right;
}





#hotel li.such{
width: 150px;
color: #FFF;
text-align: left;
}

#hotel li.flug{
width: 175px;
text-align: left;
}

#hotel li.reise{
width: 120px;
text-align: left;
}

#hotel li.uebern{
width: 90px;
text-align: center;
}

#hotel li.preis{
width: 100px;
text-align: right;
}



#hotel li.head1, #hotel li.head2, #hotel li.head3{
float: left;
width: 255px;
height: 92px;
text-align: left;
padding:  18px 2px 2px 6px;
list-style-type:none;
}

#hotel li.head3{
width: 120px;
height: 118px;
padding: 8px 2px 2px 2px;
text-align: center;
}

/***********************************/










.o_dunkel {
background:#C5E9D2 url(/img/darkblue_bg.gif) repeat top left;
  border:          1px solid #848692;
  padding:         3px;
margin: 0px;
  color: #FFFFFF;
}

.o_hell {
background:url(/img/blue_bg.gif) repeat top left;
  border:          1px solid #848692;
  padding:         3px;
margin: 0px;
}

.o_hell2 {
background:url(/img/blue_bg.gif) repeat top left;
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  border-bottom:          1px solid #848692;
  padding:         3px;
margin: 0px;
}

.rahmen_rl{
background:url(/img/lightblue_bg.gif);
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  padding:         3px;
margin: 0px;
}

.rahmen_rlu{
background:url(/img/lightblue_bg.gif);
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  border-bottom:          1px solid #848692;
  padding:         3px;
margin: 0px;
}

.rahmen_rlu2{
 background:url(/img/lightblue_bg.gif);
  border-right:          1px solid #C9DFF6;
  border-left:          1px solid #C9DFF6;
  border-bottom:          1px solid #C9DFF6;
margin: 0px;
}

.underline {
margin: 0px;
   border-top: 1px solid #848692;
}

.bild {
     border:          1px solid #D6D5CB;
}

.selectbox200 { width: 200px; font-size: 12px; }
.selectbox130 { width: 130px; font-size: 10px; }
.selectbox50 { width: 50px; font-size: 10px; } 




.textrot,.textrot2 { text-decoration: none; font-size: 13px; font-weight: bold; }
.textrot2 { font-size: 11px; color: #ff0000;}










/* Suchformulare */

/*  Ausgelagert in suchmaske.css */

/* ### ?berschriften, Flie?texte ###################################################################### */

body { color: #fff; font-size:11px; font-family: Verdana, Arial, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.3em; font-weight:bold; color: #fff; margin: 0; margin-left:11px; padding:0; padding-top: 2px; }
h2 {font-size: 1.1em; font-weight:bold; color: #fff; margin: 3px;  padding:0; padding-top:0.5em;  }

h3 {font-size: 1em; font-weight:bold; color: #fff; margin: 0; margin-left:10px; margin-right:10px;  padding-top: 2px; }
h4 {font-size: 1em; color: #000; margin: 0 0 5px 0; padding-top: 5px; font-weight:bold; }
h5 {font-size: 1em; color: #000; margin: 0 0 5px 0; padding-top: 5px; font-weight:bold;}
h6 {font-size: 1.0em; color: #000; margin: 0 0 5px 0; padding-top: 5px; font-weight:bold; }

.infobox h1 { font-size: 1.3em; font-weight:bold; color: #fff; margin: 0; margin-left:11px; padding:0; padding-top: 0.2em;}
.infobox h3 { font-size:1em; color:#fff; font-weight:normal; padding-bottom:5px;  margin-left:11px;}

.main_menu_header h1 { font-size: 1.3em; font-weight:bold; color: #fff; margin: 0; margin-left:11px; padding:0; padding-top: 0.2em; }
.main_menu_header h3 { font-size: 1em; font-weight:normal; color: #fff; margin: 0; margin-left:12px; margin-right:12px;  padding-bottom: 5px;}
.infobox img { position:absolute; right:15px; top:5px; border:0px; margin-left:5px; }

p,ul,dd,dt { font-size:1em; color:#000;}
ul { padding:4px; padding-left:0px; padding-right:0; margin:0px; }
ul li { list-style-type:none; color:#fff; margin:0; padding:0;}
// ul li { list-style-type:none; border-top:1px #000 solid; border-bottom:1px #000 solid; color:#fff; margin:0; padding:0; margin-top:1px; padding-top:2px; padding-bottom:2px; background:url(../../img/darkblue_bg.gif) repeat top left; }
ul li a { margin-left:15px; }
a.link1 { margin-left:0; }

#col2_content p {margin: 15px; }
.main_menu p {
padding:12px;}
strong,b { font-weight: bold; }
em,i { font-style:italic; }


hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {font-size:12px; color:#fff; text-decoration:none; font-weight: bold;}
a:hover { text-decoration:underline; font-weight: bold; }
a:focus { text-decoration:underline; font-weight: bold; }

#footer a {color:#fff; text-decoration:none; font-weight: bold; }
#footer a:hover {; text-decoration:underline; font-weight: bold; }
#footer a:focus { text-decoration:underline; font-weight: bold; }

#col2_content a, #col3_content a {color:#fff; text-decoration:none; font-weight: bold; }
#col2_content a:hover, #col3_content a:hover { text-decoration:underline; font-weight: bold; }
#col2_content a:focus, #col3_content a:focus { text-decoration:underline; font-weight: bold; }

}