/* -- Allgemeines -- */
body {
 background-color:#fffdc2;
 background-image:url(../images/deko/bodybg.jpg);
 color: #111;
 margin: auto;
 padding: 5px 0;
 min-width: 750px; /* Bei weniger als 700px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: arial, verdana, helvetica, sans-serif;
}
img { /* generell keinen Rahmen um Bilder */
 border: 0;
}
/* -- Generelle Textangaben-- */
a { 
 color: #111;
 text-decoration: none;
 padding: 0;
}
a:hover { 
 color: #933;
 text-decoration: none;
}
p, ul {
 font-size: 90%;
 line-height: 1.65em;
 }
p { 
 margin: 0.5em 10px 0.5em 1em;
 }
ul.absatz {
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
 list-style-type: disc;
} 
/*
ul.subtitle li:first-line {
 font-weight: bold;
 letter-spacing: 0.02em;
 margin-bottom: 0.5em;
 list-style-type: circle;
}
*/
h1, h2, h3, strong {
 font-family: "Century Gothic", tahoma, arial, verdana, helvetica, sans-serif; 
 letter-spacing: 0.02em;
}
h1 {
 font-size: 1.05em;
 line-height: 0.8em;
 padding: 1em 0 1em 0;
 margin: 0;
 text-align:left;
}
h2 {
 font-size: 1.0em;
 margin: 1em 0 0 5px;
}
h3, strong {
 font-size: 1.0em;
}
h3 {
 margin: 0.5em 0 0.5em 1em;
}
h2.color {
 width: 320px;
 margin: 0.5em 0 0.5em 1em;
 padding: 0 0 0 0.5em;
 background-image: url(../images/deko/h2bg.gif);
}
.footnote {
 font-size:0.8em;
 line-height:1.4em;
 color:#555;
}
.text {
 margin:0;
 padding: 0;
 font-size: 92%;
 text-align:justify;
}
.innertext {
 line-height: 1.5em;
 margin-right: 10px;
 margin-bottom: 15px;
 text-align:justify;
}
.inline {
 display:inline;
}
.fleft {
 float: left;
 margin: 0 1em 0.2em 0;
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}	
.bildlinks { 
 margin-top: 20px; 
 margin-bottom: 10px; 
 margin-left: 36px;
} 	
.bildrechts { 
 margin-top: -20px;
 margin-right: 10px;  
 margin-bottom: 5px; 
 margin-left: 20px;
} 	
/* Artikel-Tabellen & Bildanzeige */
.overview {
 width: 100%;
 margin: 0;
 padding: 0;
 font-size: 90%;
}
.viewrow {
 width: 100%;
 margin:0;
 padding: 1em 0 1em 0;
 text-align:justify;
}
.viewpic140 {
 width: 140px;
 border: 1px solid #C93;
}
.viewpic192 {
 width: 192px;
 height:192px;
 border: 1px solid #C93;  
}

.viewpicbig {
 width: 300px;
 height:200px; 
 border: 1px solid #C93;  
}
.deepborder {
 padding: 3px;
}
.cd140 {
 width: 140px;
 text-align:left;  
}
.detbox25 {
 width: 25%;
 margin: 0;
 padding: 0;
 text-align: left;   
}
.detbox33 {
 width: 33.2%;
 margin: 0;
 padding: 0;
 text-align: center;  
}
.detbox50 {
 width: 49.8%;
 margin: 0;
 padding: 0;
 text-align: center;  
}
.subtext {
 margin: 0  0  0 5px;
 line-height: 1.4em;
}
.rspace25 {
 margin-right: 25px;
}
.hintsClass1 {
  font-family: tahoma, verdana, arial;
  font-size: 0.9em;			
  background-color: #ffc;
  color: #000;
  padding: 5px;
}
.hintsClass2 {
 width: 300px;
 background-color: #fff;
 border: 1px solid #eae28f;
 padding: 5px;
 text-align: center;
 font-size:0.9em;
 line-height:1.4em;
}
.hintSource {
 cursor: pointer;
}
.hintText {
  font-family: tahoma, verdana, arial;
  font-size: 0.8em;
  background-color: #ffc;
  color: #000;
  padding: 5px;
}
hr {
 width: 100%;
 color:#eae28f;
 background-color: #eae28f;
 height: 1px;
 border:0;
}
.clearer {
 clear: both;
}
.right {
 text-align: right;
}
.left {
 text-align: left;
}
.mittig {
 text-align: center;
}
.fett {
 font-weight: bold;
}
.normal {
 font-weight: normal;
}
.impressum {
 font-size:0.9em;
 line-height:1.2em;
 text-align: justify;
}
/* -- GESAMT-Container -- */
#rahmen { 
 font-size: 90%;
 max-width: 1000px; /* maximale Breite 1000px.Für den IE in ielte.css einen Workaround. */
 margin: auto; /* Seite zentrieren*/
 background-image:url(../images/deko/main.png);
 background-position: 0 5px;
 background-repeat:no-repeat;
}

/* - Kopfcontainer - */
#header {
 width: 100%;
 height: 100px; 
 padding: 0;
 margin: 0;
}

/* - Logos im Kopf - */
#top_left {
 float:left;
 min-width:200px;
 height:88px;
 margin: 7px 0 0 20px;
 padding: 0;
 text-align: left;
}
#top_right {
 float:right;
 margin: 10px 0 0 0;
 padding: 0;
 text-align: right;
}
#topmenu {
 height:15px;
 margin:0;
 padding:0;
 text-align:right;
}
#topmenu li {
 display:inline;
 list-style-type:none;
 padding:0pt 0px 0pt 6px;
}
#topmenu li a {
 font-weight:bold;
 font-size:85%;
 text-decoration:none;
 color:#333; 
}
#topmenu li a:hover, #topmenu li a.hit {
 color:#933; 
}

/* - Trennt Kopf von unterem Container - */
#clearer {
 clear: both;
 width: 100%;
 min-height:60px;
 padding: 0;
 margin: 0;
}
#mainmenu {
 width:360px;
 height:100%;
 margin: 0 0 0 255px;
 padding:0;
 }
.mmnav {
 padding:0 30px 0 0;
 display:inline;
}

/* - Gesamter unterer Container - */
#maincontainer {
 width:90%;
 min-width: 750px;
 padding:0;
 margin:0;
}
/* - Navigation, Linke Spalte - */
#left {
 float:left;
 width: 17%;
 min-width: 170px;
 padding: 0 0 200px 0;
 margin: 0;
}
#nav {
 width: 175px;
 padding: 0; 
 margin: 0;
}
#nav dt { /* Überschriften in der Navigation */ 
 font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
 font-size: 1em;
 font-weight:bold;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 color: #333;
 padding: 0 0 0 22px;
 margin: 1em 0 0 0;
}
#nav dd { /* Unterpunkte der Navigation. */
 font-size: 90%;
 padding: 0.2em 0 0 28px;
 margin: 0;
}
#nav a { 
 color: #111; 
 text-decoration: none;
}
#nav a:hover, #nav a.hit { 
 color: #900;
}

/* - Main-Content - */
#main {
 float: right; /* Inhalt rechts neben der Navigation vorbeifließend */
 width: 73%;
 height:100%;
 margin: 0;
 padding: 0;
 line-height: 1.5em;
 text-align: left;
}
#main a { 
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
#main a:hover { 
 color: #933;
}
#main dt { /* Überschriften in der Navigation */ 
 font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
 font-size: 1em;
 font-weight:bold;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 color: #333;
 padding: 0 0 0 26px;
 margin: 0.2em 0 0 0;
}
#main dd { /* Unterpunkte der Navigation. */
 font-size: 90%;
 padding: 0.1em 0 0 33px;
 margin: 0;
}

/* - Fußleiste - */
#footer {
 clear: both; 
 font-size: 95%;
 line-height:1.4em;
 padding: 20px 0 20px 0;
 text-align:center;
}
#footer a {
 color: #333; 
 text-decoration: none;
}
#footer a:hover {
 color: #933;
}
.copy {
}
/* - Aufklapp-TEXTE und ARTIKEL- */
div#text1_detail{
 position:relative; 
 top:0; 
 left:0;
 margin-bottom: 15px;
 padding: 0;
 font-size: 100%;
 text-align:justify;        
}
div#artikel1_detail, div#artikel2_detail, div#artikel3_detail, div#artikel4_detail, 
div#artikel5_detail, div#artikel6_detail, div#artikel7_detail, div#artikel8_detail,
div#artikel9_detail, div#artikel10_detail, div#artikel11_detail, div#artikel12_detail,
div#artikel13_detail, div#artikel14_detail, div#artikel15_detail, div#artikel16_detail,
div#artikel17_detail, div#artikel18_detail, div#artikel19_detail, div#artikel20_detail,
div#artikel21_detail, div#artikel22_detail, div#artikel23_detail, div#artikel24_detail,
div#artikel25_detail, div#artikel26_detail, div#artikel27_detail, div#artikel28_detail,
div#artikel29_detail, div#artikel30_detail { 
 position:relative; 
 top:0; 
 left:0;
 margin: 0;
 padding: 0;
 font-size: 100%;
 text-align:justify;        
}
div#disk1_detail, div#disk2_detail, div#disk3_detail, div#disk4_detail, div#disk5_detail,
div#disk6_detail, div#disk7_detail, div#disk8_detail, div#disk9_detail, div#disk10_detail,
div#disk11_detail, div#disk12_detail, div#disk13_detail, div#disk14_detail, div#disk15_detail,
div#disk16_detail, div#disk17_detail, div#disk18_detail, div#disk19_detail, div#disk20_detail,
div#disk21_detail, div#disk22_detail, div#disk23_detail, div#disk24_detail { 
 position:relative; 
 top:0; 
 left:0;
 margin-right: 15px;
 padding: 0;
 font-size: 100%;
 text-align:justify;        
}