/*
Dieses CSS wurde auf folgenden Browsern getestet: 
MAC Safari, Opera6.3 Opera8.5, Mozilla, Firefox, IE 
PC: IE 6, Firefox 
Linux: Konqueror, Firefox
*/

/*
Der inner div ist die EXTRA Schlaufe für den IE PC. 
Alle anderen Browser würden diese nicht brauchen. 
Im inner div befindet sich der left und der content div. 
Der left div wird links auf eine negative position gesetzt, 
so dass er rechts bündig mit dem Border des outer div zusammenkommt.
*/


body {
/*background-color: #f1ebe5;*/
background-color: #ffffff;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #353132;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}

/* ----------bold-------------- */
strong {
color:#484848;
}

/* ----------externe links-------------- */
/*.extern{padding-right:15px;background:url('../img/extern.gif') no-repeat right center;}*/

/* ----------Link-------------- */
a {
text-decoration:none;
font-weight:normal;
font-size:12px;
color:#693235;
}

a:hover {
text-decoration:underline;
font-weight:normal;
font-size:12px;
color:#693235;
}

/* ----------Detaillink-------------- */
#right .detaillink a {
text-decoration:none;
font-weight:normal;
font-size:12px;
color:#693235;
display: block;
padding: 5px 3px 5px 3px;
margin: 0px 0px 0px 0px;
}

#right .detaillink a:hover {
text-decoration:underline;
font-weight:normal;
font-size:12px;
color:#693235;
background-color:#ffffff;
display: block;
padding: 5px 3px 5px 3px;
margin: 0px 0px 0px 0px;
}

#right img {
border: 2px solid #ecdab6;
}

/* ----------Überschirften Content-------------- */
h1 {
text-decoration:none;
font-weight:bold;
font-size:14px;
color:#693235;
background-color:#ffffff;
display: block;
border-bottom: 1px dotted #666257;
padding: 0px 10px 5px 10px;
margin: 0px -10px 10px -10px;
width:auto;
}

/* ----------Unterüberschriften Content-------------- */
h2 {
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#693235;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/* ----------Detailüberschriften-------------- */
h3 {
text-decoration:none;
font-weight:normal;
font-size:12px;
color:#353132;
background-color:#ecdab6;
display: block;
padding: 5px 3px 6px 10px;
margin: 0px 0px 0px 0px;
width: 157px;
}

/* ----------Container zentriert das layout-------------- */
#container {
width: 980px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 20px;
/*margin-left: 20px;*/
/*margin-right: auto;*/
} 


/* ----------Header-------------- */
#header {
background-color:#ffffff;
height: 275px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/* ----------Logo-------------- */
#logo {
background-color:#ffffff;
height: 200px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:url(logo.jpg);
}

/* ----------Hauptnavigation-------------- */
#mainnavi {
height: 75px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color:#ffffff;
}

/* ----------Outer und Inner----------------- */

#outer{ 
border-left: solid 190px #ecdab6; /* linke Menue Spalten Farbe  */ 
border-right: solid 210px #ffffff; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0px 0px 0px 0px; width:100%; }

/* --------------Left und Right Navigavtion------------- */
#left {
 width: 190px; 
 float: left; 
 position: relative; 
 margin-left: -190px; 
 margin-right: 0px;
 padding: 0px 0px 0px 0px;
 }
 
 #right {
 width: 170px; 
 float: right; 
 position: relative; 
 margin-right: -210px; 
 margin-left: 40px;
 padding: 0px 0px 0px 0px;
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative; 
padding: 20px 20px 20px 60px;
margin: 0px 0px 0px 0px;
min-height: 420px;
}

p {
padding: 5px 10px 10px 3px;
margin: 0px 0px 0px 0px;
}

.extlink_link {
padding: 5px 10px 10px 3px;
margin: 0px 0px 0px 0px;
}

pre{
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*  ----------------Footer---------------------- */ 
#footer {
font-size: 10px;
text-decoration:none;
color:#666257;
border-top: 1px dotted #666257;
display: block;
padding: 3px 3px 20px 230px;
margin: 10px 0px 0px 0px;
width: 528px;
} 

/*  ----------------Navi Main---------------------- */ 
#mainnavi ul{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#mainnavi li{
float:left;
padding: 0px 2px 0px 0px;
}

#mainnavi a{
text-decoration:none;
color:#693235;
background-color:#ffffff;
border-bottom:1px solid #693235;
border-left:1px solid #693235;
border-right:1px solid #693235;
display: block;
padding: 5px 10px 5px 10px;
}

#mainnavi a:hover{
text-decoration:none;
background-color:#ecdab6;
border-bottom:1px solid #693235;
border-left:1px solid #693235;
border-right:1px solid #693235;
color:#693235;
}

#mainnavi .rex-current a, #mainnavi .rex-active a {
text-decoration:none;
background-color:#693235;
border-bottom:1px solid #693235;
border-left:1px solid #693235;
border-right:1px solid #693235;
color:#ecdab6;
}

/*  ----------------Navi Links Alle---------------------- */ 
#left img a{
background-color:#ff0000;
}

#left ul{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#left li{
margin: 0px 0px 0px 0px;
}

/*  ----------------Navi Links1---------------------- */
#left .rex-navi1 a{
text-decoration:none;
color:#683235;
background-color:#ffffff;
border-bottom: 1px solid #ecdab6;
display: block;
padding: 5px 3px 5px 10px;
width: 177px;
}

/*  ----------------Navi Links2---------------------- */ 
#left .rex-navi2 a{
text-decoration:none;
color:#683235;
background-color:#ffffff;
border-bottom: 1px solid #ecdab6;
display: block;
padding: 5px 3px 5px 20px;
margin: 0px 0px 0px 0px;
width: 167px;
}


/*  ----------------Navi Links3---------------------- */ 
#left .rex-navi3 a{
text-decoration:none;
color:#693235;
background-color:#ffffff;
border-bottom: 1px solid #ecdab6;
display: block;
padding: 5px 3px 5px 30px;
margin: 0px 0px 0px 0px;
width: 157px;
}

/*  ----------------Navi Zustände---------------------- */ 
#left a:hover{
text-decoration:none;
background-color:#ecdab6;
color:#693235;
}

#left a.rex-current, #left a.rex-active{
text-decoration:none;
background-color:#693235;
color:#ecd9b6;
}