/* Guten Tag allen, die der Stylesheet interessiert. */
/* (Das Ding ist noch nicht 100% optimiert.) */
*
 {border:0 none;margin:0;padding:0;behavior:url(iepngfix.htc);
 font-family:Tahoma,Verdana,sans-serif;Georgia,Arial,Helvetica,font-size:9px;color:#333333;}

/* Gegen das Verspringen der Elemente, wenn der Browser-Navbar rechts dazukommt. */
html {overflow-y:scroll;}

body {background-color:#EAE5E1;}

a:link   {color:#CD562E;font-weight:bold;text-decoration:none;}
a:visited{color:#CD562E;font-weight:bold;text-decoration:none;}
a:hover  {color:#CD0000;font-weight:bold;text-decoration:underline;}
a:active {color:#CD0000;font-weight:bold;text-decoration:none;}


/* Das FIXED- und MARGIN-Konstrukt dient dazu, nur den Inhalt zu scrollen, Logo und Navigation links und rechts bleiben vertikal stehen. */
/* Der grundlegende Mechanismus wurde im CSS Zen Garten gefunden und adaptiert. Fuer IE muss (ganz unten) abgefangen werden. */

/* Navigation */

/* Navigation links */

#navlbg
 {position:fixed;top:60px;width:178px;height:279px;left:50%;margin-left:-350px;
 background:url(images/navlbg.png) no-repeat top left;z-index:1;}

/* Logo */
#logoblase
 {position:fixed;top:102px;left:50%;margin-left:-335px;z-index:3;}
#logoanim1
 {position:fixed;top:192px;left:50%;margin-left:-285px;z-index:4;}
#logoanim2
 {position:fixed;top:192px;left:50%;margin-left:-255px;z-index:4;}
#logoanim3
 {position:fixed;top:192px;left:50%;margin-left:-225px;z-index:4;}


/* Navigation rechts */

/* Vorherige, naechste Seite */
#navrprev
 {position:fixed;top:20px;left:50%;margin-left:276px;z-index:2;}
#navrnext
 {position:fixed;top:20px;left:50%;margin-left:316px;z-index:2;}

/* Deko-Sternchen, um auf Textlinks hinzuweisen */
#navrstar
 {position:fixed;top:55px;left:50%;margin-left:345px;z-index:2;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#333333;z-index:2;}

/* Hintergrund */
#navrbg
 {position:fixed;top:60px;width:112px;height:379px;left:50%;margin-left:235px;
 background:url(images/navrbg.png) no-repeat top left;text-align:center;z-index:1;}

/* Bild-Elemente */
#navr
 {position:fixed;top:70px;width:102px;left:50%;margin-left:240px;z-index:2;}

.picnavr
 {border:0px;margin-top:7px;z-index:20;}

/* Text-Elemente */
#navrtext
 {position:fixed;top:440px;left:50%;margin-left:265px;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:10px;font-weight:bold;color:#666666;z-index:3;}


/* Inhalte Mitte */

/* Rahmen */
#content
 {position:absolute;width:396px;left:50%;margin-left:-190px;z-index:10;}

/* Was ist BG? */
#whatis
 {position:absolute;top:3px;text-align:left;width:442px;margin-left:10px;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:10px;font-weight:normal;color:#333333;z-index:12;}

/* Titel oben rechts */
#title
 {position:absolute;top:10px;text-align:right;width:435px;
 font-family:Courier new,Courier,Georgia,Times,Times New Roman;font-size:32px;font-weight:bold;color:#FFFFFF;z-index:12;}


/* Diverse Layouts */

/* Hintergrund fuer Grossbildanzeige oben */
#imagebg
 {position:absolute;top:46px;width:442px;height:442px;background:url(images/imagebg.png) no-repeat top left;z-index:11;}

/* Rahmen fuer weisses Panel oben */
#whitebg
 {position:absolute;top:46px;width:442px;z-index:11;}

/* Rahmen fuer Stories */
#storbg
 {position:absolute;top:46px;width:442px;z-index:11;}

/* Rahmen fuer Grossbildtext unten */
#imagetxtbg
 {position:absolute;top:489px;width:442px;z-index:11;}


/* Elemente */

/* 1oben, 2mitte, 3unten zusammengesetzte Stuecke fuer Textpositionierung */
#txtbg1
 {position:relative;width:442px;height:15px;background:url(images/txtbg1.png) no-repeat top left;z-index:12;}

#txtbg2
 {position:relative;width:442px;background:url(images/txtbg2.png) top left;background-repeat:repeat-y;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#333333;
 text-align:center;z-index:12;}

#txtbg3
 {position:relative;width:442px;height:17px;background:url(images/txtbg3.png) no-repeat top left;z-index:12;}

/* Textstil fuer Grossbildtext */
.imagetext
 {margin-left:15px;margin-right:15px;z-index:20;}

/* 1oben, 2mitte, 3unten zusammengesetzte Stuecke fuer Textpositionierung auf weissem Panel */
#whitebg1
 {position:relative;width:442px;height:15px;background:url(images/whitebg1.png) no-repeat top left;z-index:12;}

#whitebg2
 {position:relative;width:442px;background:url(images/whitebg2.png) top left;background-repeat:repeat-y;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#333333;z-index:12;
 text-align:center;}

#whitebg3
 {position:relative;width:442px;height:17px;background:url(images/whitebg3.png) no-repeat top left;z-index:12;}


/* Navigation Mitte */

/* 1oben, 2mitte, 3unten zusammengesetzte Stuecke fuer Link-Positionierung, Breite wie Content */
#navmbg1
 {position:relative;width:442px;height:15px;background:url(images/navmbg1.png) no-repeat top left;z-index:12;}

#navmbg2
 {position:relative;width:442px;background:url(images/navmbg2.png) top left;background-repeat:repeat-y;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#666666;
 text-align:center;line-height:16px;z-index:12;}

.navmtable
 {margin-left:18px;margin-right:19px;z-index:21;}

#navmbg3
 {position:relative;width:442px;height:17px;background:url(images/navmbg3.png) no-repeat top left;z-index:12;}

/* 1oben, 2mitte, 3unten zusammengesetzte Stuecke fuer Link-Positionierung, schmaler als Content */
#navmnbg1
 {position:relative;left:50px;top:-15px;width:343px;height:15px;background:url(images/navmnbg1.png) no-repeat top left;text-align:center;
 z-index:8;}

#navmnbg2
 {position:relative;left:50px;top:-15px;width:343px;background:url(images/navmnbg2.png) top left;background-repeat:repeat-y;
 font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#999999;text-align:center;line-height:16px;
 z-index:8;}

#navmnbg3
 {position:relative;left:50px;top:-15px;width:343px;height:17px;background:url(images/navmnbg3.png) no-repeat top left;text-align:center;
 z-index:8;}


/* Bildstile ausser Stories und Navrechts */
.picborder
 {border:1px solid #333333;z-index:20;}

.picnoborder
 {border:0px;z-index:20;}


/* Textstile fuer Stories */
.storlinkhead
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:bold;color:#546B7C;text-align:left;
 line-height:20px;margin-left:20px;margin-right:20px;text-transform:uppercase;z-index:20;}

.storlink
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#546B7C;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;z-index:20;}

.storlinkspace
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#FFFFFF;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;z-index:20;}

.storhead
 {font-family:Courier new;Courier;Tahoma,Verdana,sans-serif;Arial;font-size:16px;font-weight:bold;color:#333333;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;z-index:20;}

.storsubhead
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#CC3333;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;margin-top:16px;z-index:20;}

.stortext
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#333333;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;margin-top:16px;z-index:20;}

.storhigh
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#546B7C;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;margin-top:16px;background-color:#EFDBCA;border:1px solid #A9B2B9;padding:5px;z-index:20;}

.storhighhead
 {font-weight:bold;color:#546B7C;z-index:20;}

.stormarginal
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#999999;text-align:left;
 line-height:12px;margin-left:20px;margin-right:20px;margin-top:16px;z-index:20;}

.storimage200right
 {width:200px;font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#666666;text-align:left;
 line-height:12px;float:right;margin-left:10px;margin-right:20px;margin-top:16px;margin-bottom:10px;z-index:20;}

.storimage250right
 {width:250px;font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#666666;text-align:left;
 line-height:12px;float:right;margin-left:10px;margin-right:20px;margin-top:16px;margin-bottom:10px;z-index:20;}

.storimage200left
 {width:200px;font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#666666;text-align:left;
 line-height:12px;float:left;margin-left:20px;margin-right:10px;margin-top:16px;margin-bottom:10px;z-index:20;}

.storimage400center
 {width:400px;font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#666666;text-align:center;
 line-height:12px;margin-left:20px;margin-right:22px;margin-top:16px;z-index:20;}

.storpic
 {margin-bottom:5px;border:1px solid #666666;z-index:20;}


.newshead
 {font-family:Courier new;Courier;Tahoma,Verdana,sans-serif;Arial;font-size:16px;font-weight:bold;color:#333333;text-align:left;
 line-height:16px;margin-left:20px;margin-right:20px;z-index:20;}

.newssubhead
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#CC3333;text-align:left;
 line-height:14px;margin-left:20px;margin-right:20px;margin-top:16px;z-index:20;}

.newstext
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#333333;text-align:left;
 line-height:14px;margin-left:20px;margin-right:20px;margin-top:4px;z-index:20;}

.newsmarginal
 {font-family:Tahoma,Verdana,sans-serif;Arial;font-size:11px;font-weight:normal;color:#999999;text-align:left;
 line-height:14px;margin-left:20px;margin-right:20px;margin-top:4px;z-index:20;}


/* Startseite zusaetzliche Elemente */
#homemid
 {position:absolute;top:46px;width:300px;height:442px;z-index:1;}

#homebg
 {position:relative;top:0px;left:105px;z-index:15;}

#home1
 {position:absolute;left:10px;top:320px;z-index:15;}

#home2
 {position:absolute;left:320px;top:75px;z-index:15;}

#homeschr
 {position:fixed;top:355px;left:50%;margin-left:-330px;z-index:15;}


/* Diese HTML-Seite endet hier. */
#copyright
 {position:relative;width:442px;font-family:Tahoma,Verdana,sans-serif;Arial;font-size:9px;font-weight:normal;color:#666666;
 text-align:center;z-index:7;}


/* IE FIX */
/* faengt die FIXED-Konstruktion fuer den IE ab und laesst Links auf bg-images zu */

* html #content  {/*IE FIX*/margin-left:-190px;}
* html #logoblase{/*IE FIX*/position:absolute;}
* html #logoanim1{/*IE FIX*/position:absolute;}
* html #logoanim2{/*IE FIX*/position:absolute;}
* html #logoanim3{/*IE FIX*/position:absolute;}
* html #navrprev {/*IE FIX*/position:absolute;}
* html #navrnext {/*IE FIX*/position:absolute;}
* html #navrstar {/*IE FIX*/position:absolute;}
* html #navlbg   {/*IE FIX*/position:absolute;}
* html #navrbg   {/*IE FIX*/position:absolute;}
* html #navr     {/*IE FIX*/position:absolute;}
* html #navrtext {/*IE FIX*/position:absolute;}
* html #homeschr {/*IE FIX*/position:absolute;}
* html #navmbg1  {/*IE FIX*/background:url(images/navmbg1.gif) top left;background-repeat:repeat-y;}
* html #navmbg2  {/*IE FIX*/background:url(images/navmbg2.gif) top left;background-repeat:repeat-y;}
* html #navmbg3  {/*IE FIX*/background:url(images/navmbg3.gif) top left;background-repeat:repeat-y;}
* html #navmnbg1 {/*IE FIX*/background:url(images/navmnbg1.gif) top left;background-repeat:repeat-y;}
* html #navmnbg2 {/*IE FIX*/background:url(images/navmnbg2.gif) top left;background-repeat:repeat-y;}
* html #navmnbg3 {/*IE FIX*/background:url(images/navmnbg3.gif) top left;background-repeat:repeat-y;}
* html #txtbg1   {/*IE FIX*/background:url(images/whitebg1.gif) top left;background-repeat:repeat-y;}
* html #txtbg2   {/*IE FIX*/background:url(images/whitebg2.gif) top left;background-repeat:repeat-y;}
* html #txtbg3   {/*IE FIX*/background:url(images/whitebg3.gif) top left;background-repeat:repeat-y;}
* html #whitebg1 {/*IE FIX*/background:url(images/whitebg1.gif) top left;background-repeat:repeat-y;}
* html #whitebg2 {/*IE FIX*/background:url(images/whitebg2.gif) top left;background-repeat:repeat-y;}
* html #whitebg3 {/*IE FIX*/background:url(images/whitebg3.gif) top left;background-repeat:repeat-y;}