@media all
{
/** Layout-Basis */

html,body,div,span,p,h1,h2,h3,a {margin:0; padding:0; border:0; }

body {
	font-size:100.01%;
	color:#000;
} html > body {font-size:100.01%} 

/** Box-Layout */

#page_margins { margin: 0; padding:0; }
#page{ margin: 0; padding:0; }
#header { margin: 0; padding: 0; }

#impressum {
	position:relative;
	margin: 0;
	top: 0em;
	right: 0em;
	padding-top:0;
	padding-right: 1em;
	color: #757569;
	font-size: 9px;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}

#impressum a { color: #000; text-decoration:none; }
#impressum a:hover{ text-decoration:underline; }

#nav { clear:both; margin: 0; padding: 0; width: 100%; }
#main {	clear:both; margin: 0; padding: 0; width: 100%; }


#col1 {
	position: relative;
	z-index: 3;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col1_content { position: relative; z-index: 4; padding:0; }

#col2
{
	z-index: 1;
	width:auto;
	padding: 0;
  	margin: 0;
   	margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
   	margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	float:none;
}

#col2_content
{
	padding-top: 0px; /* Hack! Notwendig damit Firefox und Opera den oberen Rand auf Null setzen */ 
	z-index: 2;
	margin:0;
	padding: 0;
}

/* Use of the Holly-Hack show these declaration to IE only. 
This is necessary to avoid the 'disappearing background bug' */

* html #col2, col2_content { position: relative; }

#col3 {
	float:right; 
	z-index: 4;
	padding: 0;
	margin: 0;
	width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col3_content { position: relative; z-index: 5; padding: 0; }

#footer { clear:both; width:auto; padding:0; margin:0; margin-top: 0em; }

/* CSS-Hacks */

/* Hold Floats-Hack: Sorgt im IE daf�r, dass Floats ihre Breite behalten und nicht unkontrolliert 
** seitlich ausbrechen.
*/   

/* Hides from IE-mac \*/
* html .hold_floats {height: 1%;}
/* End hide from IE-mac */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

/* Hides from IE-mac \*/
* html .floatbox {width:100%;}
/* End hide from IE-mac */

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	font-size: 0; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	margin-top: -2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/** Formatierung der Seite */

body {
	background: #FFEFCD;
	padding: 0em;	/* 0em f�r randabfallende Layouts */
}

#page{ border: 0px ; }

/* Formatierung der Kopfbereiches */
#header { background:#FFEFCD; color: #fff; padding-top: 0px; border-bottom: 1px #FFAE04 solid; height: 70px;}

.box1, .box2 {
    float: left;
  }


.box1 {
    position: absolute;
    left: 0px;
    top: 30px;
  }


.box2 {
    margin : 0 auto;
    right : 0px;
    position : absolute;
    top : 0px;
    z-index : 9999;
  }




/* linke Spalte */
#col1 {	width: 200px;
	border-right: 1px solid #FFAE04;
 }	
#col1_content {	padding-top:1.5em; margin-left: 1em; margin-right: 1em;	color: #444; }

/* Mittlere Spalte */
#col2
{
  	margin-left: 200px; 
   	margin-right: 15em; 
	border-left: 1px solid #FFAE04;
	border-right: 2px dotted #ddd;
}

#col2_content { padding-top:1.5em; margin-left: 1em; margin-right: 1em; }

.deko {display: inline; margin: 2.0em; float: left;}
.bild_rechts {display: inline; margin: 0 0 0 2.0em ; float: right;} 

/* Rechte Spalte */
#col3 {	width: 15em; }
#col3_content {	padding-top:1.5em; margin-left: 1em; margin-right: 1em; }

/* Formatierung der Footerbereiches */
#footer { padding-left: 1em; background:#FFEFCD url("../layout/lauftext.gif") no-repeat; color:#FFAE04; border-top: 1px #FFAE04 solid; line-height: 2em; height: 50px;}

/* Definition der Basiselemente des Inhalts */

/*

img.float_right {
	float: right;
	margin-left: 1em; 
	margin-bottom: 0.15em; 
	border:0;
}

*/
/* Positionierung der Sponsoren-Hinweise */
#dank {
    position: relative;
    bottom : -0px;
    left: 0px;
  }


#trenner {
    color:#FFAE04;
    margin: 0;
    margin-top: -10px;
    padding:0;
    border:none;
    border-top:1px solid #FFAE04;
    width: 100px;
  }

#trenner-werwo {
    color:#FFAE04;
    padding:0;
    border:none;
    border-top:1px solid #FFAE04;
    width: 300px;
    text-align: left;
  }

#trenner-hist {
    color:#FFAE04;
    margin: 0;
    padding:0;
    border:none;
    border-top:1px solid #FFAE04;
    width: 100px;
  }

#col2 ul {
  white-space: nowrap;
  line-height: 1.5em;
  margin-top: -1.0em;
  margin-bottom: -0.1em;
  padding:0 0 0 0;
  list-style:none;  
}
  
#col2 li {
  /*float:left;*/
  padding:0 0 5px 10px;
  margin: 0;
}


.listen-margin {
    list-style-position : inside;
    list-style-type : circle;
    margin-right : 300px;
    white-space : normal;
  }

/*
#header{padding-top: 0px;}
*/

#col3 {width: 15em;}
#col2 {margin-right: 15em;}

/* 2-Spaltenlayout mit linkem Float und Hauptteil */
#col3 {display:none;}
#col3_content {display:none;}
/* Die bl�de Kollegin m�chte gerne einen breiten rechten Rand, deshalb auf 200px gegangen
/*#col2 {margin-right: 50px; border-right:0;}*/
#col2 {margin-right: 150px; border-right:0;}


.marker {
	padding-top: 0.0em;
}


/** Schriften */

body { font-family: Verdana, Helvetica, Arial, sans-serif;}

h1,h2,h3 {display:block;}
h1 {font-size: 1.2em; color: #757569; font-weight:bold; margin:0.4em 0 0.5em 0;}
h2 {font-size: 1.0em; color: #a3a392; font-weight:bold; margin:0.4em 0 0.3em 0; padding: 0.2em; background:#eee; border: 1px #ccc solid;}
h3 {font-size: 1.0em; font-weight:bold; margin:0.4em 0 0.3em 0;}



#col2_content h1 {display: inline; font-size: 1.0em; color: #000; font-weight:bold; margin:0.4em 0 0.5em 0;}


#col1 h1, #col3 h1 {font-size: 0.8em; margin:0.4em 0 0.0em 0;}
#col1 h2, #col3 h2 {font-size: 0.8em;}
#col1_content, #col3_content {padding-top: 1.8em;}

#col1_content h1 {color: #222; border-bottom: 1px #FFAE04 solid;}
#col3_content h1 {border-bottom: 2px #668 solid;}
#col1_content h2 {color: #444; background:#aac; border: 1px #88a solid;}

#col1 p, #col2 p, #col2 td, #col2 ul, #col3 p, #col1 ul, #col3 ul, #footer {font-size: 0.8em; color: #757569;}

#col1 a, #col2 a {color: #FFAE04;}

#footer a {color: #FFAE04;}

p,ul {line-height: 1.5em;}

ul {margin-top: 0.0em; list-style: none; padding-top: 0.0em; padding-left: 0.5em}

#col2_content ul {
    list-style-type: none;
    font-size: 0.8em;
  }

p {line-height: 1.5em; margin: 0 0 1em 0;}

#footer {padding-right: 50%; padding-left: 50%; white-space: nowrap; text-align: left;}


img {border: none;}


.index {
	/*text-align: left;
	margin-left: 350px;*/
	text-indent:1em;
}


.home {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}


.imgrahmen {
	border: 2px solid #FFAE04;
} 

.imgcontainer {
	display: block;
	float: left;
	margin-bottom: 1.0em;
	margin-left: 6.0em;
}

.markt {
	display: inline;
	/*width: 30em;*/
	margin-right: 3.0em;
}


}



/** Print-Layout */
/*
@media print 
{

body {margin: 0; padding: 0;}
#page {border:0; border-top: 1px #aaa solid; }
#page_margins {margin:0; padding: 0;}
#col2 {border-left: 2px #ddd dotted;}
#nav_main {border-top: 1px #aaa solid; border-bottom: 1px #aaa solid;}
}
*/