/* ######################################################## */
/* # Gleiche Vorraussetzungen für alle Browser schaffen   #  */
/* ######################################################## */

* {margin:0;padding:0;}
option {padding-left: 0.4em}
html {height:100%;}

/* ######################################################## */
/* # Vertikalen Scrollbalken im Netscape & Firefox        # */
/* # erzwingen.                                           # */
/* # Rundungsfehlers bei Schriftgroessen verhindern,      # */
/* # Standardfarben und Textausrichtung 			 # */
/* ######################################################## */

body {
margin:0;padding:0;
min-height: 101%;
font-size: 100.01%;
position: relative;
background-color: #80643f;
color: #000000;
text-align:center;
}

#main { background: #fffdea; padding:0 7px 0 9px;}


fieldset, img { border:0; }

select, input, textarea { font-size: 99%; border:0;background-color:#e5dbc2; }

/* ######################################################## */
/* # Seite zentrieren, Hintergrund Repeater für Raender   # */
/* # rechtsund links, Standardschrift  			  # */
/* ######################################################## */

#seite_margins {
border:none;
margin-right: auto;
margin-left:auto;
width: 902px;
}


#seite {
border:none;
margin-top:10px;
margin-bottom:0px;
text-align: left;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*--------------------------------------------------------*/

/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
** dem Spaltenhintergrund erscheinen. */
#left {z-index: 3;}
#right {z-index: 5;}
#middle {z-index: 1;}
#leftinhalt {z-index: 4;}
#rightinhalt {z-index: 6;}
#middleinhalt {z-index: 2;}
#leftinhalt #rightinhalt #middleinhalt { position:relative; }


/* ######################################################## */
/* # Impressumbereich formatieren 			  # */
/* ######################################################## */

#impressum {
text-align:right;
font-size: 11px;
color:#570c0d;
margin:0;
padding:100px 10px 0 0px;
height:16px;
}

/* ######################################################## */
/* # Header formatieren, Image positionieren 	          # */
/* ######################################################## */

#header { position:relative; background-image:url(../img/header_02.jpg); background-repeat:no-repeat; height:124px;}


#header_top { position:relative; height:119px;}
#header2 { position:relative; height:124px;}

.teepott {
background-image:url(../img/teepott_u.jpg); background-repeat:no-repeat;
}

.teehaus {
background-image:url(../img/teehaus_u.jpg); background-repeat:no-repeat;
}

.faq {
background-image:url(../img/faq_u.jpg); background-repeat:no-repeat;
}

.lexikon {
background-image:url(../img/lexikon_u.jpg); background-repeat:no-repeat;
}

.blog {
background-image:url(../img/blog_u.jpg); background-repeat:no-repeat;
}



/* ######################################################## */
/* # Linke Spalte, umfliesst die mittlere Spalte links	  # */
/* ######################################################## */

#left {
float: left;
width: 200px;
margin:0;
padding:0;

}

/* Inhaltscontainer links für clearfix  */
#leftinhalt{
padding:0;

}

/* ######################################################## */
/* # Rechte Spalte, umfliesst die mittlere Spalte rechts  # */
/* ######################################################## */



#right {
float: right;
width: 200px;
margin:0 0px 0 0px;
padding:0;

}
/* Inhaltscontainer rechts für clearfix  */

#rightinhalt {
padding:0;
margin:0 0px 0 20px;
}

/* Boxen fuer die rechte Spalte  */

#box {
background-color:#e5dbc2;
margin:0 0 6px 0;
padding:0;
}

#box ul {
display:block;
padding: 2px 0 0 0;
}

#box li {
display:block;
padding: 0px 0 2px 4px;
}

#box h1{
background-color:#680102;
text-transform:uppercase;
width:176px;
font-size:11px;
margin:0;
padding:4px 0px 4px 4px;
}

#box p {
color:#680102;
font-size:11px;
margin:0;
padding:6px;
}

#box1 {
background-color:#e5dbc2;
margin:0 0 6px 0;
padding:0;
}


#box1 h1{
background-image: url(../img/shoplink.gif);
background-repeat:no-repeat;
width:179px;
height:19px;
font-size:11px;
margin:0;
padding:2px 0px 0px 4px;
}

#box1 p {
color:#680102;
font-size:11px;
margin:0;
padding:6px;
}

#box a {
font-size:11px;
color:#000000;
text-decoration:none;
}

#box a.ordner {
text-transform:uppercase;
color:#000000;
font-weight:bold;
padding:4px 0 0 4px;
}

#box li a.ordnerakt {
text-transform:uppercase;
color:#570c0d;
padding:4px 0 0 4px;
font-weight:bold;
}

#box li a.seiteakt {
color:#570c0d;
padding:0;
}

#box li a.seite {
color:#000;
padding: 0 0 0 10px;
}


#box a:visited {
font-size:11px;
color:#000000;
text-decoration:none;
}

#box a:hover {
font-size:11px;
color:#570c0d;

text-decoration:none;
}

#box a:active {
font-size:11px;
color:#000000;

text-decoration:none;
}

#box1 a:link {
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

#box1 a:visited {
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

#box1 a:hover {
font-size:11px;
color:#570c0d;
font-weight:bold;
text-decoration:none;
}

#box1 a:active {
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.img_box  {
margin:0 8px 4px 0;
padding:0;
float:left;
}

.right {
text-align:right;
}

/* ######################################################## */
/* # Mittlere Spalte fuer den Content, wird von rechter   # */
/* # und linker Spalte umflossen                          # */
/* ######################################################## */


#middle {
width:auto;
padding:0 10px 18px 10px;
margin: 0px 200px 0px 200px;
}

/* Inhaltscontainer mitte für clearfix  */
#middleinhalt {
margin:0;
padding:0;
font-size:11px;
line-height:16px;
}

#middleinhalt p {
 font-size:11px;   
color:#000000;
margin:0;
padding:0 0 10px 0;
}

#midbox {
margin:0 0 6px 0;
padding:0;
}

#headline {
padding:0 0 20px 0;
margin:0}

#middleinhalt h1{
text-transform:uppercase;
font-size: 13px; 
color: #680102; 
margin: 0 0 0.30em 0; 
padding-top: 1em; 
font-weight:bold;
}

#middleinhalt h4 {
text-transform:uppercase;
font-size: 13px; 
color: #680102; 
margin: 0 0 0.30em 0; 
padding-top: 1em; 
font-weight:bold;
}



/* ######################################################## */
/* # Listen - Navigation rechts				  # */
/* ######################################################## */

#navigation {

text-transform:uppercase;
font-size:11px;
font-weight:bold;
padding:0 0 0 0px;
margin:0 0 10px  0;
}

#navigation ul {

margin:0;
padding:0;
}

#navigation li {
line-height:22px;
list-style-type:none;
margin:0;
border-top:1px solid #fffdea;
}

#navigation li a {
padding:4px 0px 4px 16px;
}

.nav3 {
background-image: url(../img/nav6.gif);
background-repeat:repeat-y;
}
.nav3akt {
color:#fff;
background-image: url(../img/nav6akt.gif);
background-repeat:repeat-y;
}

.nav4 {
background-image: url(../img/nav1.gif);
background-repeat:repeat-y;
}
.nav4akt {
color:#fff;
background-image: url(../img/nav1akt.gif);
background-repeat:repeat-y;
}

.nav5 {
background-image: url(../img/nav3.gif);
background-repeat:repeat-y;
}
.nav5akt {
color:#fff;
background-image: url(../img/nav3akt.gif);
background-repeat:repeat-y;
}

.nav6 {
background-image: url(../img/nav4.gif);
background-repeat:repeat-y;
}
.nav6akt {
color:#fff;
background-image: url(../img/nav4akt.gif);
background-repeat:repeat-y;
}

.nav7 {
background-image: url(../img/nav5.gif);
background-repeat:repeat-y;
}
.nav7akt {
color:#fff;
background-image: url(../img/nav5akt.gif);
background-repeat:repeat-y;
}


.nav8 {
background-image: url(../img/nav2.gif);
background-repeat:repeat-y;
}
.nav8akt {
color:#fff;
background-image: url(../img/nav2akt.gif);
background-repeat:repeat-y;
}

.nav9 {
background-image: url(../img/nav7.gif);
background-repeat:repeat-y;
}
.nav9akt {
color:#fff;
background-image: url(../img/nav7akt.gif);
background-repeat:repeat-y;
}

.nav38 {
background-image: url(../img/nav8.gif);
background-repeat:repeat-y;
}
.nav38akt {
color:#fff;
background-image: url(../img/nav8akt.gif);
background-repeat:repeat-y;
}

.nav39 {
background-image: url(../img/nav1.gif);
background-repeat:repeat-y;
}
.nav39akt {
color:#fff;
background-image: url(../img/nav1akt.gif);
background-repeat:repeat-y;
}

.nav40 {
background-image: url(../img/nav2.gif);
background-repeat:repeat-y;
}
.nav40akt {
color:#fff;
background-image: url(../img/nav2akt.gif);
background-repeat:repeat-y;
}

.nav41 {
background-image: url(../img/nav6.gif);
background-repeat:repeat-y;
}
.nav41akt {
color:#fff;
background-image: url(../img/nav6akt.gif);
background-repeat:repeat-y;
}

.nav42 {
background-image: url(../img/nav1.gif);
background-repeat:repeat-y;
}
.nav42akt {
color:#fff;
background-image: url(../img/nav1akt.gif);
background-repeat:repeat-y;
}

.nav43 {
background-image: url(../img/nav3.gif);
background-repeat:repeat-y;
}
.nav43akt {
color:#fff;
background-image: url(../img/nav3akt.gif);
background-repeat:repeat-y;
}

.nav44 {
background-image: url(../img/nav4.gif);
background-repeat:repeat-y;
}
.nav44akt {
color:#fff;
background-image: url(../img/nav4akt.gif);
background-repeat:repeat-y;
}

.nav45 {
background-image: url(../img/nav5.gif);
background-repeat:repeat-y;
}
.nav45akt {
color:#fff;
background-image: url(../img/nav5akt.gif);
background-repeat:repeat-y;
}


.nav46 {
background-image: url(../img/nav2.gif);
background-repeat:repeat-y;
}
.nav46akt {
color:#fff;
background-image: url(../img/nav2akt.gif);
background-repeat:repeat-y;
}

.nav47 {
background-image: url(../img/nav7.gif);
background-repeat:repeat-y;
}
.nav47akt {
color:#fff;
background-image: url(../img/nav7akt.gif);
background-repeat:repeat-y;
}

.nav48 {
background-image: url(../img/nav8.gif);
background-repeat:repeat-y;
}
.nav48akt {
color:#fff;
background-image: url(../img/nav8akt.gif);
background-repeat:repeat-y;
}

.nav49 {
background-image: url(../img/nav1.gif);
background-repeat:repeat-y;
}
.nav49akt {
color:#fff;
background-image: url(../img/nav1akt.gif);
background-repeat:repeat-y;
}

.nav50 {
background-image: url(../img/nav2.gif);
background-repeat:repeat-y;
}
.nav50akt {
color:#fff;
background-image: url(../img/nav2akt.gif);
background-repeat:repeat-y;
}



#navigation li a:link {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#navigation li a:link.akt {
color:#fff;
font-weight:bold;
text-decoration:none;
}

#navigation li a:visited {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#navigation li a:visited.akt {
color:#fff;
font-weight:bold;
text-decoration:none;
}

#navigation li a:active {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#navigation li a:hover {
display:block;
background-image: url(../img/nav1akt.gif);
background-repeat:repeat-y;

padding:0 0 0 16px;
color:#fff;

}

/* ######################################################## */
/* # FAQ 			  # */
/* ######################################################## */

#faq_nav li {
list-style-type:none;
}

#midbox h1 {
color:#000;
text-transform:none;

}

/* ######################################################## */
/* # LEXIKON			  # */
/* ######################################################## */
#glossar {
margin:10px 0 10px 0;
}

#glossar li {
display: inline;
list-style-type: none;
padding-right:4px;
}

#glossar li a {
font-size:14px;
}

#glossar li a.akt {
font-weight:bold;
}

#lexikon_nav li {
display: inline;
list-style-type:none;
padding-right:2px;
}



/* ######################################################## */
/* # Formatierung: Schriften, Ueberschriften,             # */
/* # Links, Trenner, etc..  				  # */
/* ######################################################## */



/* Float Klasse für Bilder im Text */
.img_left  {
margin:0 10px 10px 0;
padding:0;
float:left;
}

.img_right  {
margin:0 0 10px 10px;
padding:0;
float:right;
}

h1 {
color:#ffffff;
font-size:14px;
font-weight:bold;
padding:0;
margin: 0;
}

h2 {
font-size:13px;
color:#000000;
margin:0;
padding:0 0 18px 0;
}

h4 {
font-size:13px;
color:#000000;
margin:0;
padding:12px 0 8px 0;
}

h6 {
font-size:13px;
padding:0;
color:#680102;
}

h3 {
font-size:11px;
margin:0;
padding:0 0 4px 0;
}

#trenner {
border-bottom:1px solid;
border-color: #808080;
padding:0;
margin:0px 0 20px 0;
height: 1px;
}

a:link {
color:#680102;
font-weight:normal;
text-decoration:none;
}

a:visited {
color:#680102;
font-weight:normal;
text-decoration:none;
}

a:hover {
color:#680102;
font-weight:normal;
text-decoration:underline;
}

a:active {
color:#680102;
font-weight:normal;
text-decoration:none;
}

.index {
font-size:13px;
}

.indexakt {
font-size:13px;
}

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

.flex2_edit {width: 100%; display: block; background-color: #efefef;}

/* ######################################################## */
/* # Formular				 # */
/* ######################################################## */

.feld {
border: 1px solid #BFAA77; 
width:180px;
height:16px; 
padding:0; 
margin:0px 0px 6px 0px;
 }

.feldarea {
border: 1px solid #BFAA77; 
width:180px;

padding:0; 
margin:0px 0px 6px 0px;
 }

/* ######################################################## */
/* # Kommentar				 # */
/* ######################################################## */

.gb {
display:block;
border:1px solid #680102;
padding:4px;
margin-bottom:5px;
}


/* ######################################################## */
/* # Footer positionieren				 # */
/* ######################################################## */

#footer {
border-top:1px solid #80643f;
color:#e5dbc2;
clear: both;
text-align:center;
 line-height: 1.2;
background-color:#80643f;
width:882px;
height:60px;
margin:0;
padding:4px 0 0 0;
}

/* ### Formatierung "benötigte Felder"-Anzeige ### */
.inputRequirement { font-size: 11px; color: #ff0000; }
/* ### Copyright-Vermerk von xt:C #### */
.copyright {
font-family: Arial, Helvetica, Georgia;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}

A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}


/* ######################################################## */
/* # Clearfix-Methode für sauberes Clearing               # */
/* #               Safari Browser anpassen                # */
/* ######################################################## */


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

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

/* ######################################################## */
/* # Overflow-Methode für sauberes Clearing, Klasse fuer  # */
/* # Floats innerhalb des Textblocks			 # */
/* ######################################################## */

         /* Clearen per Overflow */
.floatbox { overflow:hidden; }


/* ######################################################## */
/* #          INTERNET EXPLORER HACKS                     # */
/* #                                      		 # */
/* ######################################################## */

.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
/* End hide from IE-mac */


/* Workaround Anpassung der .floatbox-Klasse für IE */
/* Hides from IE-mac \*/
* html .floatbox { width:100%; }
/* End hide from IE-mac */


/* Bug Unvollstaendige Darstellung der Spalteninhalte / Spaltentrenner beseitigen */
* html #left { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
* html #right { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
#middle { position:relative; }


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


/* Disappearing List-Background Bug beseitigen */
* html ul { position: relative }
* html ol { position: relative }
* html dl { position: relative }


/* Bug Disappearing Backgrounds in various HTML-Elements beseitigen */
* html blockquote { zoom:1 }


/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewaehrleisten und die Robustheit der     */
/* DIV-Container für beliebige Inhalte zu erhoehen. Die Eigenschaft "zoom" erzwingt "hasLayout" im IE.   */
#seite_margins, #seite, #header, #main, #footer { zoom: 1; }


/* Bug Doubled Float Margins beseitigen */
* html #left { display: inline; }
* html #right { display: inline; }


/* Bug kollabierender Margin an #middle beim Clearing der Spalten */
#ie_clearing {
display:block;       /* DIV sichtbar machen */
\clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */
margin-bottom:-1em;

width: 102%;          /* IE-Clearing mit 102%-DIV für IE7 */
font-size:0;         /* reduziert zusammen mit dem negativen Margin die Hoehe des DIVs auf 2 Pixel */
}

* html #ie_clearing { width: 100%; } /* IE-Clearing mit 100%-DIV für IE 6 */

#middleinhalt {margin-bottom:-2px; } /* Beseitigt auch die letzten 2 Pixel des IE-Clearings */



/* Bug Expanding Box Problem beseitigen */
* html #leftinhalt { word-wrap: break-word; }
* html #rightinhalt { word-wrap: break-word; }
* html #middleinhalt { word-wrap: break-word; }