/* ----Achtung  dies ist der css fuer die chronik css */


a.anzeige:link { color:#fdfdfd; font-size:11px; font-weight:lighter;  text-decoration:none; }
a.anzeige:visited {color:#aaa; font-size:11px;font-weight:lighter;  text-decoration:none; }
a.anzeige:focus {color:#d7d; font-size:11px;font-weight:lighter;  text-decoration:none; }
a.anzeige:hover {color:#f0f;font-size:11px;font-weight:lighter;  text-decoration:none; }
a.anzeige:active {color:#6406bb; font-size:11px; font-weight:lighter; text-decoration:none; }

a.fuss:link { color:#B97DF0;font-size:10px; text-decoration:underline; }
a.fuss:visited {color:#A18EBB; font-size:10px;text-decoration:underline; }
a.fuss:focus {color:#6406bb; font-size:10px;text-decoration:underline; }
a.fuss:hover {color:#E617E6; font-size:10px; text-decoration:underline; }
a.fuss:active {color:#B97DF0;font-size:10px; text-decoration:underline; }

.chronik_Kind{
width: 60px;
height:auto;
background:transparent;
display:block;
float:left;
position: fixed;
border:0px solid #0f0;
margin:340px 0px 0px 145px;
padding:0px 10px 0px 0px;
z-index:180;
}
.chronik_frau{
width: 100px;
height:auto;
background:transparent;
display:block;
float:left;
position: fixed;
border:0px solid #0f0;
margin:190px 0px 0px 5px;
padding:0px 10px 0px 0px;
z-index:200;
}

.chronik_mann{
width: 150px;
height:auto;
background:transparent;
float:left;
position: fixed;
border:0px solid #0f0; 
margin:160px 00px 0px 760px;
padding:0px;
z-index:200;
}
.titel_rahmen_chronik {
width:540px;
height:195px;
background:transparent;
display:block;
position:relative;
float:left;
border:0px solid #f00;
margin:0px 0px 0px 40px;
padding:0px 0px 0px 0px;
text-align:right;
z-index:199;
}
.titel_rahmen_chronik_ende {
width:300px;
height:195px;
background:transparent;
display:block;
position:relative;
float:left;
border:0px solid #f00;
margin:30px 0px 0px -160px;
padding:0px 0px 0px 0px;
text-align:right;
z-index:199;
}
.titel_mitte_chronik {
width:130px;
height:27px;
background:#65547d;
display:block;
position:relative;
float:left;
border:2px solid #333;
margin:-180px 0px 0px 305px;
padding:3px 0px 0px 0px;
text-align:center;
z-index:200;
}
.titel_mitte_fi_s {
margin:5px 0px 0px -40px;
z-index:300;
}
.titel_sprung{
width:940px;
height:10.1px;
background:transparent;
display:block;
position:relative;
float:left;
border:0px solid #ff0;
margin:-36px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 0.01em;
text-align:left;
z-index:1200;
}
.titel_sprung_li {
width:10px;
height:0.1px;
background:transparent;
display:block;
position:relative;
float:left;
border:0px solid #f0f;
margin:0px 0px 0px 80px;
padding:0px 0px 0px 0px;
font-size: 0.01em;
text-align:right;
z-index:5;
}

.titel_sprung_re {
width:10px;
height:0.1px;
background:transparent;
display:block;
position:relative;
float:right;
border:0px solid #0ff;
margin:0px 60px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 0.01em;
text-align:right;
z-index:5;
}
.Titelleiste_chronik {
background:#000 url(./images/Marx_Titelleiste.jpg) no-repeat;
width:940px;
height:36px;
display:block;
position:relative;
border:0px solid #f44;
margin:-5px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 12px;
line-height: 44px;
text-align:center;
color:#fefefe;
z-index:998;
}

/*  Leiste--------------------- */
.Fussleiste_design_firma{
height:12px;
width:90%;
background-color:transparent;
position:fixed;
color:#B97DF0;
border:0px solid #ff4;
bottom:5px;
margin:0px 0px 10px 40px;
padding:0px 0px 10px 0px;
text-align:right;
font-size:10px;
z-index:1380;
}
/* design Leiste----------------
.Fussleiste_Chronik{
height:25%;
width: 100%;
background-color:transparent;
display:block;
position:fixed;
border:0px solid #00f;
bottom:20px;
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
text-align:left;
font-size:10px;
z-index:390;
}
----- */

/* Inhalt ---------------- */
.chronik_content-breit{
width:10700px;
background-color:#000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 5;
}
/* Seite1 */
.chronik-wrapper_S1{
width:940px;
height:616px;
background:#000 url(./images/Marx_Chronik_Hintergrund_S1.jpg) ;
display:block;
float:left;
border:0px solid #0ff;
margin:0px 0px 0px 0px;
padding:0px;
z-index:20;
}
/* Hintergrund mit Tuer */
.chronik-wrapper_T1{
width:940px;
height:616px;
background:#000 url(./images/Marx_Chronik_Hintergrund_T1.jpg) ;
display:block;
float:left;
position:relative;
border:0px solid #f00;
margin:0px 0px 20px -78px;
padding:0px;
z-index:20;
}
/* Tuer bogen*/
.chronik-wrapper_T2{
width:80px;
height:616px;
background:transparent;
display:block;
float:left;
position:relative;
border:0px solid #0ff;
margin:1px 0px 0px -2px;
padding:0px;
z-index: 999;
}
/* Hintergrund Ende */
.chronik-wrapper_Ende{
width:350px;
height:616px;
background:#000 url(./images/Marx_Chronik_Hintergrund_Ende.jpg) ;
display:block;
float:left;
position:relative;
border:0px solid #f00;
margin:0px 0px 0px -78px;
padding:0px;
z-index:20;
}
/* ---616px --*/
.chronik-wrapper_rahmen{
width:590px;
height:616px;
background-color:#faf9fa;
display:block;
float:left;
position:relative;
border:3px solid #333;
margin:2px 0px 0px -920px;
padding:3px 3px 3px 3px;
color:#111;
z-index: 240;
}
.chronik-wrapper_Text{
width:590px;
height:586px;
background-color:transparent;
display:block;
float:left;
position:relative;
border:0px solid #f33;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#111;
overflow:auto;
z-index: 241;
}
.chronik-wrapper_schliessen{
width:590px;
height:30px;
background-color:#EFEFEF;
display:block;
float:left;
position:relative;
border:0px solid #33f;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#111;
z-index: 241;
}
.chronik-Text_zu{
width:90px;
height:20px;
background-color:#000;
display:block;
float:right;
position:relative;
border:0px solid #f3f;
margin:5px 240px 5px 0px;
padding:5px 0px 0px 0px;
text-align:center;
color:#111;
overflow:auto;
z-index: 260;
}
/* alt kann dann weg, wenn umgestellt 
.chronik-wrapper{
width:940px;
height:620px;
background:#000 url(./images/Marx_Chronik_Hintergrund.jpg) ;
display:block;
position: relative;
float:left;
border:0px solid #f0f;
margin:0px 0px 20px 0px;
padding:0px;
z-index: 20;
}
*/
/* chronik wand */
.chronik_content{
width:935px;
height:450px;
background:transparent;
display:block;
position: relative;
float:left;
border:0px solid #ff0;
margin:-180px 0px 0px 0px;
padding:0px;
z-index: 25;
}
.chronik_Knopf{
width:100px;
height:250px;
background-color:transparent;
display:block;
float:left;
border:0px solid #5f0;
margin:160px 0px 0px 180px;
padding:0px;
color:#222;
z-index: 30;
}

.chronik_Knopf a {
background-color:transparent;
display:block;
text-decoration: none;
color: #880088;
z-index:993;
}

.chronik_Knopf a .box_k{
display: none;
z-index:994;
}

.chronik_Knopf a:hover .box_k{
width:360px;
height:300px;
background-color:#faf9fa;
display: block;
position: relative;
float:left;
overflow:auto;
border:2px solid #000;
margin: -220px 0px 0px 10px;
padding:10px;
font-weight:normal;
font-size:0.8em;
text-align:left;
color:#222;
z-index:995;
}
.chronik_Tuer{
width:265px;
height:350px;
background-color:transparent;
display:block;
float:left;
border:0px solid #ff0;
margin:60px 0px 0px 20px;
padding:0px;
color:#222;
z-index: 30;
}
.chronik_Tuer_oeffnen{
width:55px;
height:20px;
background-color:#65547d;
display:block;
float:left;
border:0px solid #f0f;
margin:155px 0px 0px 85px;
padding:0px;
font-weight:normal;
font-size:0.8em;
text-align:center;
color:#000;
z-index: 35;
}

.chronik_Bilderrahmen_Hinweis{
width:120px;
height:68px;
background:#65547d ;
display:block;
position:relative;
float:right;
border:3px solid #333;
margin:60px 0px 0px 0px;
padding:20px 0px 0px 0px;
text-align:center;
z-index:220;
}

.chronik-Bilderrahmen{
width:375px;
height:250px;
background:url(./images/Bilderrahmen.gif);
display:block;
float:left;
border:0px solid #ff0; 
margin:60px 0px 0px 300px;
padding:0px;
color:#222;
z-index: 30;
}

.chronik-Bilderrahmen_inText{
width:335px;
height:210px;
background:transparent;
display:block;
float:left;
overflow:auto;
border:0px solid #f40;
margin:20px 20px 20px 20px;
padding:0px;
text-align:center;
color:#222;
z-index: 31;
}
.chronik-Bildrahmen_p{
margin-bottom: 20px;
font-size: 13px;
line-height: 14px;
text-align:left;
color:#5e5e5e;  
}

.chronik-Bilderrahmen_inBild{
width:335px;
height:215px;
background:#000;
display:block;
float:left;
border:0px solid #f40;
margin:19px 20px 20px 20px;
padding:0px 0px 0px 0px;
text-align:center;
color:#222;
z-index: 32;
}

.chronik_hinweis_farbe{
color: #880088;  
}

.chronik-Anzeigetafel_rechts{
width:165px;
height:400px;
background:url(./images/Anzeigetafel.jpg) no-repeat ;
display:block;
float:left;
border:0px solid #ff0;
margin:20px 0px 0px 35px;
padding:0px;
color:#222;
z-index: 600;
}
.chronik-Anzeigetafel_ende{
width:165px;
height:270px;
background:url(./images/page_lang.jpg) no-repeat ;
display:block;
float:left;
border:0px solid #ff0;
margin:-150px 0px 0px 190px;
padding:0px;
color:#222;
z-index: 600;
}
.chronik-Anzeigetafel_innen_1{
width:124px;
height:240px;
background:transparent ;
display:block;
position: relative;
float:left;
overflow:auto;
border:0px solid #ff0;
margin:20px 5px 0px 15px;
padding:4px 2px 0px 3px;
color:#222;
z-index: 601;
}
.chronik-Anzeigetafel_innen_2{
width:124px;
height:140px;
background:transparent ;
display:block;
position: relative;
float:left;
overflow:auto;
border:0px solid #ff0;
margin:5px 5px 20px 15px;
padding:4px 2px 0px 3px;
color:#222;
z-index: 601;
}

.chronik-Anzeigetafel_liste{
width:122px;
height:280px;
background:transparent ;
display:block;
position: relative;
float:left;
border:0px solid #0ff;
margin:20px 5px 20px 15px;
padding:4px 2px 0px 3px;
color:#222;
z-index: 602;
} 

.li_chronik_container{
 list-style-image:url(./images/li_schwarz.gif);
}
.chronik_container {
width: 116px;
height:35px;
background-color:transparent;
display:block;
position: relative;
float:left;
border: 0px solid #919;
margin:20px 0px 0px -20px;
font: 14px Verdana, Arial, Helvetica, sans-serif, lighter ;
color:#000; 
z-index:603;
}

.chronik_container a {
background-color:transparent;
display:block;
text-decoration: none;
color: #000;
z-index:604;
}

.chronik_container a .box {
display: none;
z-index:606;
}

.chronik_container a:hover .box{
width: 200px;
height:300px;
background-color:#c2bfc3;
background-image:url(./images/Hintergrund_Anzeige.jpg);
background-repeat:repeat-y;
display: block;
position:relative;
float:left;
border:0px solid #f00;
margin: 0px 0px 0px -220px;
padding:4px;
font-weight:normal;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#f00;
z-index:607;
}