@media all
{
/********** Allgemein alle Bildschirme *********/

* { margin:0; padding:0; font-size:100%; }
html { height:100%; }
body { position:relative; height:100%; text-align:center; font-family:Arial,Verdana,sans-serif; font-size:100%; line-height:1.2em; color:#000000; overflow: hidden; background:#debc6a;}
img { border:0; }
h1, h2 { margin:0 0 5px; font-size:1.2em; font-weight:400; }
a { text-decoration:none; color:#cd1914;}
a.logo { font-family:Arial,Verdana,sans-serif; text-decoration:none; color:#cd1914; font-size:2em; line-height:0.8em;}
a:hover { color:#0069cd; }

#outerbox { position:absolute; top:0; left:0; right:0; bottom:1em; width:100%; margin:0; overflow:auto; padding-bottom:10px;}
#innerbox { width:65em; margin:0 auto; padding-top:1em; text-align:left; background:#debc6a;}

/******** Fußzeile ***********/
#fusszeile { position:fixed; bottom:0; left:0; right:0; height:1.75em; margin:0; padding:10px 0 0 0; 
  background:#debc6a; overflow:hidden; text-align:center; font-family:Arial,Verdana,sans-serif; font-size:0.9em; color:#727272; font-weight:bold; display:block;}

  /******** 1. Spalte ***********/
#col1    { position:relative; float:left; width:11em; margin:0 0 0 0; padding:10px; display:inline; background:#e7b641; }

/******** 2. Spalte ***********/
#col2 { position:relative; float:left; width:15em; margin:0 0 0 0; padding: 0 0 0 10px; display:inline; }
#col2weit { position:relative; float:left; width:50em; margin:0 0 0 0; padding:10px 10px 10px 10px; display:inline;}
#col2auto { overflow:scroll; position:relative; float:left; width:40em; height:40em; margin:0 0 0 0; padding:0; display:inline; }
#foto { position:relative; float:right; margin:0 0 0 0; padding:0 0 10px 10px; display:inline; }
p.kleintext { float:left; margin:0; padding:10px 10px 0 0; font-family:Arial,sans-serif; font-size:0.9em; line-height:95%; }
p.grosstext { float:left; margin:0; padding:10px 10px 0 0; font-family:Arial,sans-serif; font-size:1.2em; line-height:110%; }
p.invers { font-family:Arial,Verdana,sans-serif; text-decoration:none; background:#cd1914; color:#cdbc88;}
a.fettlink { font-weight:bold; }

/******** 3. Spalte ***********/
#col3 { float:left; width:27em; margin:0; padding:0; display:inline; }
span.titel { float:none; margin:0; padding:0 0 0 0; font-family:Arial,sans-serif; font-size:2em; line-height:120%; display:block;}
span.untertitel { float:none; margin:10px 0 20px 0; padding:0 0 0 0; font-family:Arial,sans-serif; font-size:1.2em; line-height:110%; display:block;}
span.text { float:none; margin:0; padding:0 0 0 0; font-family:Arial,sans-serif; font-size:1em; line-height:105%; display:block;}
span.textxxl { float:none; margin:0; padding:0 0 0 0; font-family:Arial,sans-serif; font-size:1.2em; line-height:110%; display:block;}

/******** Navigation **********/
#navigation { min-width:10em; width:10em; margin:0 0 0 3px; list-style-type:none; }
#navigation a { text-decoration:none; }
#navigation a.aktiv { color:#cd1914; font-weight:bold; }
#navigation li { float:left; width:100%; margin:0; padding:0; display:inline; font-size:1.125em; line-height:120%; }
#navigation li.aktiv { float:left; width:100%; margin:0; padding:0; display:inline; font-size:1.125em; line-height:120%; color:#cd1914; font-weight:bold; }
#navigation li.show { float:left; width:100%; margin:0; padding:0; display:inline; font-size:1.1em; line-height:120%; color:#727272; }
#navigation li.none { display:none; }
#navigation li a { width:90%; color:#727272; }
#navigation li a:hover { color:#0069cd; }
#navigation li ul { margin:0; padding:2px 0 0; list-style-type:none; }
#navigation li ul li { float:left; margin:0; padding:3px 0 3px 10px; font-family:Arial,sans-serif; font-size:0.7em; line-height:90%; }
#navigation li.oben { margin-top:12px; }
#navigation li ul li a:hover { color:#0069cd; }
#navigation li.current { color:#cd1914; }
#navigation li ul li.current { width:90%; color:#cd1914; display:block; }
#navigation li ul li.show { width:90%; color:#727272; display:inline; }
#navigation li ul li.none { width:90%; color:#cd1914; display:none; }
}