@charset "UTF-8";
body  {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #e5b00d;
	background-image:url(komponenten/background_tile.gif);
	background-repeat:repeat-y;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
}
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
	padding:0;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:7px 0 0 0;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
}

#list ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	padding:0;
}

#list li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	padding:0;
}


a {
	text-decoration:none;
	color:#5D493E;
} 

img{
	border:0;
}

a:focus {
	outline: none
}





/* Tipps für absolut positionierte Randleisten:
    1. Für absolut positionierte (AP) Elemente müssen Sie einen oberen (top) und einen seitlichen (right oder left) Positionswert angeben. Wenn der Wert für top fehlt, beginnt das AP-Element standardmäßig direkt nach dem letzten Element in der Quellenabfolge der Seite. Wenn also die Randleisten in der Quellenabfolge des Dokuments die ersten Elemente im #container sind, erscheinen sie ganz oben im #container, auch wenn für sie kein top-Wert angegeben wurde. Falls sie aber später in der Quellenabfolge an eine andere Stelle verschoben werden sollten, benötigen sie einen top-Wert, damit sie an der gewünschten Position stehen.
    2. Absolut positionierte (AP) Elemente werden aus dem Dokumentfluss herausgenommen. Dies bedeutet, dass den benachbarten Elementen ihre Existenz unbekannt ist und dass sie nicht berücksichtigt werden, wenn diese Elemente den ihnen zugedachten Platz auf der Seite einnehmen. Ein AP-div sollte daher nur als Randspalte eingesetzt werden, wenn Sie sicher sind, dass das mittlere #mainContent-div immer die größte Inhaltsmenge hat. Sollte eine der Randleisten eine größere Inhaltsmenge aufweisen, würde diese Randleiste uneingeschränkt über das Ende des übergeordneten div hinauslaufen.
    3. Sofern die oben genannten Bedingungen erfüllt sind, können Sie mit absolut positionierten Randleisten die Quellenabfolge in Dokumenten auf einfache Weise steuern.
    */


.firstcol #container { 
    position: relative;
    width: 1030px;
	border:none;
    margin: 0;
    text-align: left;
    } 
    
    
.firstcol #sidebar1 {
	position: absolute;
	top: 0;
	left: 0px;
	width:210px;
	height:750px;
	background-image:url(komponenten/left_210x750.jpg);
	background-repeat:no-repeat;
	padding: 0;
    }
	
	
.firstcol #sidebar2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 230px;
	height:700px;
    background-image:url(komponenten/right_230x700.jpg);
	background-repeat:no-repeat;
    padding: 0;
    }
	

.firstcol #header {
	margin: 0 230px 0 210px;
	height:200px;
	padding: 0;
	background-image:url(komponenten/head1_590x200.jpg);
	background-repeat:no-repeat;
}


.firstcol #subhead {
	margin: 0 230px 0 210px;
	height:50px;
	background-image:url(komponenten/sub1_590x50.jpg);
	padding: 0;
    }

.firstcol #subhead p {
	color:#000000;
	font-size:8px;
	padding: 15px 230px 0 20px;
	}
	
.subhead_typo {
	margin: 19px 0 0 10px;
	}
	
		
.firstcol #mainContent {
	position:absolute;
	margin: 0 230px 0 210px;
	width:590px;
	background-image:url(komponenten/content_tile.gif);
	background-repeat:repeat-y;
	padding: 0;
    }
	
.firstcol #infobar {
	width:590px;
	min-height:113px;
  	height:auto !important;  /* für moderne Browser */
  	height:113px;  /*für den IE */
	background-image:url(komponenten/infobar_590x113.jpg);
	margin:0;
	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
			
    }

/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/	
	

.firstcol #leftcontent {
	float:left;
	width:340px;
	margin:0;
	padding:5px 20px 20px 20px;
}



.rightcontent {
	float:right;
	margin:0;
	width:190px;
	padding:0 10px 0 0;
}
	
.boxtop {
	height: 23px;
	background: #fff url(komponenten/boxtop.gif) no-repeat;
	color: #000;
}

.boxtop h1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#E3D2AC;
	font-size:9px;
	margin:0;
	padding:6px 0 0 10px;
}

.box {
	background: url(komponenten/box.gif) no-repeat bottom left;
	color: #5b5b5b;
	padding: 5px 10px 15px 10px;
	margin: 0 0 10px 0;
}

.box p {
	padding: 0;
	margin: 0;
}

.image {
	float: left;
	margin: 3px 9px 3px 0;
}


.imageoverflow {
	float: left;
	margin: 3px 5px 3px -45px;
	padding:0;
}

/*	---------------------------------------------------------------------------------------
	Floats
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.fltrt { 
	float: right;
	margin-left: 8px;
    }
	
	
.fltlft {
	float: left;
	margin: 3px 8px 8px 0;
    }
	
.fltcontent {
	margin: 8px 220px 8px 0;
    }

 .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
      clear: both;
      height: 0;
      font-size: 1px;
      line-height: 0px;
    }
	
	.headerimage {
	float:right;
	margin-right:260px;
	
}
	

/*	---------------------------------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.firstcol #vertical-nav {
	
	width:120px;
	height:270px;
	margin-left:40px;
	margin-top:85px;
}

.firstcol #vertical-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:10px;
}

.firstcol #vertical-nav li {
	margin: 0 0 0 0;
}

.firstcol #vertical-nav a { /*Links erster Ordnung*/
	display: block;
	padding: 4px 10px;
	width: 100px;
	color: #000000;
	background-color: none;
	text-decoration: none;
}

.firstcol #vertical-nav a:hover {
	color:#E6C1A1;
	background-image:url(komponenten/navi_back.gif);
	background-repeat:repeat-y;
	background-color: #dedede;
}

.firstcol #vertical-nav ul ul li {
	margin: 0 0 0 0;
}

.firstcol #vertical-nav ul ul a { /*Links zweiter Ordnung*/
	display: block;
	padding: 10px 15px 10px 20px;
	width: 85px;
	color: #000000;
	background-color:#efefef;
	text-decoration: none;
}

.firstcol #vertical-nav ul ul a:hover {
	color: #000000;
	background-image:url(komponenten/navi_back.gif);
	background-repeat:repeat-y;
	background-color: #dedede;
}

.firstcol #vertical-nav ul li a.current:hover, #vertical-nav ul li a.current {
	color:#E3D2AC;
	background-image:url(komponenten/navi_back.gif);
	background-repeat:repeat-y;
	background-color: #dedede;
	}
	

	
.firstcol #vertical-nav ul li a.subcurrent {
	color: #ffffff;
	background-color:#999999;
	}

/*	---------------------------------------------------------------------------------------
	07 Footer/Impressum
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/	
	 
.firstcol #imprint {
	margin:0 0 0 0;
	height:25px;
    padding: 6px 0 0 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background-image:url(komponenten/footer_590x25.gif);
	
		
}

.firstcol #imprint p a {
	text-decoration:none;
		font-size:9px;
		color:#CCCCCC;
    	margin: 0 0 0 20px; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	

	
	
	/*	---------------------------------------------------------------------------------------
	Horizontale Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#horizont-nav{
	position:relative;
	width:350px;
	top:4px; /*Abstand nach oben*/
	left:15px; 
	height:20px;
	font-size:8px;
	color:#000000;
	text-transform:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:25px;
}

#horizont-nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
}

#horizont-nav ul li{
	display:block;
	float:left;
	margin:0; /*Abstand linkes Wort zu rechter Line */ 
}

#horizont-nav ul li a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	background-color:none;
	border-right:1px solid #c0c0c0;
	padding:0;
	height:20px;
	line-height:20px;
}

#horizont-nav ul li a span{
	display:block;
	float:left;
	padding:0 5px 0 5px;
	height:20px;
	width:auto;
}

#horizont-nav ul li a:hover {
	color:#ffffff;
	background-color:#E29000;
	height:20px;
	
}

#horizont-nav ul li span.current{
	color:#ffffff;
	background-color:#222222;
	height:20px;
}


#horizont-nav ul li span.daytime{
	color:#ffffff;
	background-color:#900;
	height:20px;
}

#horizont-nav ul li a:hover span.montag{
	color:#ffffff;
	background-color:#8BE9DF;
	height:20px;
}

#horizont-nav ul li a:hover span.dienstag{
	color:#ffffff;
	background-color:#009ee0;
	height:20px;
}

#horizont-nav ul li a:hover span.mittwoch{
	color:#ffffff;
	background-color:#009795;
	height:20px;
}

#horizont-nav ul li a:hover span.donnerstag{
	color:#ffffff;
	background-color:#a3c308;
	height:20px;
}

#horizont-nav ul li a:hover span.freitag{
	color:#ffffff;
	background-color:#fdc700;
	height:20px;
}

#horizont-nav ul li a:hover span.samstag{
	color:#ffffff;
	background-color:#f4a100;
	height:20px;
}

#horizont-nav ul li a:hover span.sonntag{
	color:#ffffff;
	background-color:#8f0f1e;
	height:20px;
}

#horizont-nav ul li a:hover span{
	display:block;
	cursor:pointer;
}

#horizont-nav ul li a.current,#time4bed-nav ul li a.current:hover{
	color:#ffffff;
	background-color:#E29000;

}

#horizont-nav ul li a.current span{
}


	/*	---------------------------------------------------------------------------------------
	Bottom Thirds
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.cl {
	clear: both;
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.ir , .ir a {
	position: relative;
	display: block;
}

.ir a , .ir span , .plus .ir {
	width: 100%;
	height:100%;
}

.ir a span {
	cursor: pointer;
}

/*	---------------------------------------------------------------------------------------
	Offer Columns
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.ac { position: absolute; left: -9999px; z-index: -1; }
#main .left { float: left; }
#main .right { float: right; }
.ir , .ir a { position: relative; display: block; }
.ir a , .ir span , .plus .ir { width: 100%; height: 100%; }
.ir span { position: absolute; left: 0; top: 0; }
.ir a span { cursor: pointer; }

#offer { clear: both; padding: 1px 0 10px 0;}
#offer li { float: left; display: block; list-style: none; width: 140px; padding: 0 15px 0 15px; border-right: 1px solid #808080;}
#offer li.last { border: none; }
#offer li h2 { width: 140px;  height: 20px; margin: 0 0 0 0px; line-height: 9px; }/* Überschrift Rahmen	*/
#offer li p { font-size:9px; color:#CCCCCC; clear: both; padding: 5px 0 0 0; } /* Content Text	*/


#offer h2 { font-size: 11px;}
#offer li a span.col1 { background: url(komponenten/infobox/col1.gif) left top no-repeat;}
#offer li a span.col2 { background: url(komponenten/navi_back.gif) left top no-repeat;}
#offer li a span.col3 { background: url(komponenten/navi_back.gif) left top no-repeat;}
#offer li a span.col4 { background: url(komponenten/navi_back.gif) left top no-repeat;}
#offer li a {
	color:#E3D2AC;
}


/*	---------------------------------------------------------------------------------------
	Form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 0; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
margin-left: 0; /*width of left column*/
width: 290px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*	---------------------------------------------------------------------------------------
	Buttons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.buttons {

padding: 4px 3px 0 0;
}

.left_articles .buttons {

height: 20px;
}

.brownbtn {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #a08b6d;
border-bottom:1px dotted;
}

.greybtn {
margin-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #74634E;
border-bottom:1px dotted;
}

.brownbtn:hover, .greybtn:hover {
	color: #35251A;
}