/* CSS Styles All Browser  */
/*    EKD - 10Gebote.de Kinder-Style   */
/* (c) 2006 by Daniel König */

html, body {margin: 0; padding: 0; border: 0; font-size: 100%; }

body {
text-align:center;	/*** zentriert die Box horizontal für den IE ***/
margin-top: 30px;	/*** gibt der Box Luft nach oben ***/
margin-left: auto; 	/*** zentriert zusammen mit marginright die Box horizontal ***/
margin-right: auto;	/*** zentriert zusammen mit marginleft die Box horizontal ***/
margin-bottom: 30px;	/*** gibt der Box Luft nach unten, wenn die Box höhen ist als der Screen ***/
color: #000000; 
font-family: verdana,helvetica,arial,sans-serif; 
}

 
/*** Der Wrapper ist der zentrierte graue Kasten für alle Browser anders, aber für REdDot auch noch mal hierdrin***/
.wrapper {
position:relative;
width: 770px;		/*** Bei 770 px klappt es auch im Opera 7.x und IE 6.x nicht aber im Opera 6.x uns NS 7.x ***/
padding: 10px;		/*** Für die Rahmenstärke von 10 px ***/
background: #DDDDDD;
margin: auto;
}

/*** Der Wrapper ist der zentrierte graue Kasten für alle Browser anders, aber für REdDot auch noch mal hierdrin***/
.wrapper_start {
position:relative;
width: 770px;		/*** Bei 770 px klappt es auch im Opera 7.x und IE 6.x nicht aber im Opera 6.x uns NS 7.x ***/
padding: 80px 0px 0px 0px;		/*** Für die Rahmenstärke von 10 px ***/
background: #ffffff;
margin: auto;
}

.inner {
width: 750px;
background: url(http://www.ekd.de/gebote/10gebote_img/mainback_ki.gif) repeat-y;
}

/*** Beinhaltet Tree und zweifarbigen Hintergrund ***/
.headlinewrap {
position:relative;
width: 750px;
background: url(http://www.ekd.de/gebote/10gebote_img/headstuffback_ki.gif) repeat-y;
height:24px;
font-size: 75%;
}

.header {
position:relative;
width: 750px;
height: 81px;
background: #D4D9EA;
vertical-align: bottom;
background: url(http://www.ekd.de/gebote/10gebote_img/back_head_ki.gif);
background-repeat: no-repeat;
}

.headwrap {
left:0px;
width:750px;
position:absolute;
top:5px;
}

.headcontentleft {
position:absolute;
left:0px;
width:750px;
height:24px;
text-align:center;
}

.headcontentlefttext {
font-size:75%; 
color:#666666;
padding: 0px 0px 0px 0px;
width: 500px;
text-align:center;
}

.headcontentright {
position:absolute;
left:585px;
width:150px;
text-align:right;
padding: 0px 0px 0px 0px;
}

.headcontentright_bottom {
position:absolute;
top: 57px;
left:520px;
text-align:right;
padding: 0px 0px 0px 0px;
}

.headcontentrighttext {
font-size:80%; 
color:#990000;
padding: 0px 0px 0px 0px;
width: 300px;
text-align:right;
}

.headerdruck {
position:absolute;
right:1px;
width:30px;
height:1px;
}

.footer {
position:relative;
width: 750px;
height: 20px;
background: #DDDDDD;
text-align:left;
}

.footerwrap {
left:0px;
width:750px;
position:absolute;
top:10px;
}

.footercontentleft {
position:absolute;
left:230px;
width:520px;
height:15px;
text-align:left;
}

.footercontentlefttext {
font-size:70%; 
color:#666666;
padding: 0px 0px 0px 0px;
width: 520px;
text-align:left;
}

.naviheader {
position:relative;
float:left;
width: 210px;
padding: 5px;
text-align:left;
}

.contentheader {
position:relative;
float:right;
width: 519px;
padding: 5px;
text-align:left;
}

.contentheadertext{
font-size: 100%;
color: #FFFFFF;
font-weight:bold;
}


/* Damit die Navi nicht unten das Logo überrollt, bekommt es ein Padding nach unten
was etwa die Groesse vom Logo hat */
.navi {
float:left;
width: 219px;
text-align:left;
padding-bottom: 80px;
/** background-image:url(http://www.ekd.de/gebote/10gebote_img/back_navi_ki.gif); **/
background-repeat: no-repeat;
background-position: bottom;
font-size: 75%;

}

.navi_home {
float:left;
width: 219px;
text-align:left;
padding-bottom: 139px; /** war 150 jetzt 139 damit Logo auf gleicher höhe liegt wie das bild**/
/** background-image:url(http://www.ekd.de/gebote/10gebote_img/back_navi_ki.gif);  **/
background-repeat: no-repeat;
background-position: bottom;
font-size: 75%;

}

#content h2 a {text-decoration: none; color: #ffffff; background: #364169;}

#content h2 a:hover {color: #ffffff; background: #364169;}

a.naviheader_link{font-size: 100%; color: #666666; text-decoration: none;}
a.naviheader_link:hover{color: #666666; background: #ffffff; text-decoration: none;}

a.senden{font-size: 75%; color: #676767; text-decoration: none;}
a.senden:hover{color: #000000; background: #ffffff; text-decoration: none;}

a.content_navi{font-size: 75%; color: #980201; text-decoration: none;}
a.content_navi:hover{color: #ffffff; background: #980201; text-decoration: none;}

a.navi_top{font-size: 100%; color: #666666; text-decoration: none;}
a.navi_top:hover{color: #ffffff; background: #980201; text-decoration: none;}}

a.footer_link{font-size: 100%; color: #666666; text-decoration: none;}
a.footer_link:hover{color: #666666; background: #ffffff; text-decoration: none;}

/** a {color: #364169; text-decoration: underline;} **/
/**a:hover {color: #dbdbdb; background: #980201; text-decoration: none;}**/

a.no_link {font-style:normal; text-decoration: none;}
a.no_link:hover {font-style:normal; text-decoration:none; background: #61A3EF;}

a.no_link2 {font-style:normal; text-decoration: none; color: #ffffff;}
a.no_link2:hover {font-style:normal; text-decoration:none; background:#364169;}

/* Hier faengt der Content Kroem an */
#content {
float:right;
width: 530px;
text-align:left;
}

#content a {color: #364169; text-decoration: underline;}
#content a:hover {color: #dbdbdb; background: #980201; text-decoration: none;}

/* text braucht Padding, daher gibt's ne eigene Layer*/
.contenttext {
padding: 10px 0px 60px 10px; /* text braucht Padding-bottom damit der Text nicht hinter dem Versendenkram verschwindet 60px für Artikel - 0px für Startseite*/
width: 515px;
text-align:left;
font-size: 75%;
line-height: 160%;
}

.contenttext_home {
padding: 20px 0px 0px 10px; /* text braucht Padding-bottom damit der Text nicht hinter dem Versendenkram verschwindet 60px für Artikel - 0px für Startseite*/
width: 515px;
text-align:left;
font-size: 75%;
line-height: 160%;
}

/* Das Logo soll auf dem Footer sitzen, daher wird um seine eigene Groesse nach oben bewegt
und absolut positioniert */
.logowrap {
float:left;
position:absolute;
background: #61A3EF;
top:-58px;
}

.logowrap_home {
float:left;
position:absolute;
background: #61A3EF;
top:-131px; /** -142 **/
}

/* Alles für die Ankerleiste */
.ankerwrap {
left:230px;
width:505px;
position:absolute;
border-top:1px solid black; 
top:-60px;
}

.ankercontentleft {
position:absolute;
left:1px;
width:205px;
height:24px;
}

.ankercontentlefttext {
color:#990000;
padding: 0px 0px 0px 0px;
width: 205px;
text-align:left;
}

.ankercontentright {
position:absolute;
left:206px;
width:300px;
height:24px;
text-align:right;
}

.ankercontentrighttext {
color:#990000;
padding: 0px 0px 0px 0px;
width: 300px;
text-align:right;
}

/* Alles für die Versendeleiste */
.sendenwrap {
left:220px;
position:absolute;
top:-26px;
}

.sendencontentleft {
position:absolute;
left:1px;
width:170px;
height:24px;
background:#EEEEEE;
}

.sendencontentlefttext { 
color:#666666;
padding: 0px 0px 7px 14px;
width: 170px;
text-align:left;
}

.sendencontentcenter {
position:absolute;
left:171px;
width:170px;
height:24px;
background:#EEEEEE;
}

.sendencontentcentertext { 
color:#666666;
padding: 0px 0px 7px 29px;
width: 170px;
text-align:left;
}

.sendencontentright {
position:absolute;
left:341px;
width:188px;
height:24px;
background:#EEEEEE;
}

.sendencontentrighttext {
color:#666666;
padding: 0px 0px 7px 103px;
width: 190px;
text-align:left;
}

.clear { clear: both; }

h1 {font-family:verdana,helvetica,sans-serif;font-size:120%; color:#000000; font-weight:bold;}

h2 {font-family:verdana,helvetica,sans-serif;font-size:100%; color:#ffffff; background:#364169; font-weight:bold; padding: 2px; pause-after:5000ms;}

h3 {font-family:verdana,helvetica,sans-serif;font-size:90%; color:#000000; font-weight:bold;}

h4 {font-family:verdana,helvetica,sans-serif;font-size:90%; color:#000000; font-weight:bold;}

/** .text {font-family:verdana,helvetica,sans-serif;font-size:100%; color:#000000; font-weight:normal;} **/


.invisible { 
	display:none;
}

.orange{
color: #364169;
font-weight:bold;
}

.navitems{
color: #000000;
}

.text{
position: absolute;
padding-top: 40px;
padding-left: 10px;
margin-top: 0px;
}

/*.text{
position: relative;
padding-top: 40px;
padding-left: 10px;
}*/

/* definiert Listenkram */
.navigation {
list-style-type: none;
line-height: 140%;
background-color: transparent;
margin:  20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.eb_eins a {
color: #FFFFFF;
display: block; 
text-decoration: none; 
/** border-bottom: 1px dashed #666666; **/
font-weight: bold;  
width: 219px; 
line-height: 24px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 24px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 

.eb_eins a:hover	{
color: #980201;
background: #ffffff;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 


.eb_eins_active a {
color: #980201;
background: #ffffff;
display: block; 
text-decoration: none; 
/** border-bottom: 1px dashed #666666; **/
font-weight: bold;  
width: 219px; 
line-height: 24px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 24px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 

.eb_eins_active a:hover	{
color: #ffffff;
background: #980201;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 

.eb_drei a {
color: #980201;
background: #DFEDFC;
display: block; 
text-decoration: none; 
font-weight: bold;  
width: 219px; 
line-height: 18px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 2px 2px 5px 28px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_3.gif); 
background-repeat: no-repeat;
} 

.eb_drei a:hover	{
color: #980201;
background: #ffffff;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_3.gif); 
background-repeat: no-repeat;
} 


.eb_drei_active a {
color: #980201;
background: #ffffff;
display: block; 
text-decoration: none; 
font-weight: bold;  
width: 219px; 
line-height: 18px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 2px 2px 5px 28px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_3.gif); 
background-repeat: no-repeat;
} 

.eb_drei_active a:hover	{
color: #ffffff;
background: #980201;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_3.gif); 
background-repeat: no-repeat;
} 

.eb_vier a {
font-size: 90%;
color: #980201;
background: #DFEDFC;
display: block; 
text-decoration: none; 
font-weight: normal;  
width: 219px; 
line-height: 18px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 2px 2px 0px 45px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_4.gif); 
background-repeat: no-repeat;
} 

.eb_vier a:hover	{
color: #980201;
background: #ffffff;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_4.gif); 
background-repeat: no-repeat;
} 

.eb_eins_a a {
color: #980201;
display: block; 
text-decoration: none; 
/** border-bottom: 1px dashed #666666; **/
font-weight: bold;  
width: 219px; 
line-height: 24px;
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 24px; 
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 

.eb_eins_a a:hover	{
color: #980201;
background: #ffffff;
background-image:url(http://www.ekd.de/gebote/10gebote_img/navi_back_1.gif); 
background-repeat: no-repeat;
} 

.fontsizer{
font-family:verdana,helvetica,sans-serif;font-size:90%; color:#000000; font-weight:normal;
background: black;
}

/***** TEST ****/



.contentleft {
position:relative;
left:0px;
width:60px;
background: green;
}

.contentcenter {
position:relative;
left:61px;
width:330px;
margin-top: -180px;
background: blue;
}

.contentright {
position:relative;
left:382px;
width:150px;
margin-top: -14px;
background: red;
}



.suche{
position: relative;
top: 15px;
width:209px; 
height: 20px;
font-family:verdana,helvetica; 
font-size:10px;
color: #4F2778;
/** margin-top: 33px; **/
margin-left: 8px;
margin-bottom: 0px;
margin-right: 0px;
}

.form_suche{
width:125px; 
height: 20px;
font-family:verdana,helvetica; 
font-size:10px;
color: #4F2778;
/** margin-top: 33px; **/
margin-left: 8px;
margin-bottom: 0px;
margin-right: 0px;
border: 1px solid #333;
}

.button_suche{
width:50px; 
background:#B3CCE6; 
color:#000000; 
font-family:verdana,helvetica; 
font-size:12px;
border-width:0pt;
background-image:url(http://www.ekd.de/gebote/10gebote_img/pfeil_navi.gif);
}

.list_content {
list-style-type: none;
line-height: 160%;
background-color: none;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.li_content {
line-height: 180%;
background-color: none;
margin:  0px 0px 0px 0px;
padding: 5px 5px 10px 5px;
border-bottom: 1px dashed #e9e9e9;
}

.erfolg {
width:450px;
height:52px;
padding-top: 15px;
padding-left: 35px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 25px;
border:1px;
border-style:solid;
border-color:#028F1C;
font-weight:bold;
color:#028F1C;
text-align:left;
background: #CCE9D2;	
}

.error2 {
width:450px;
height:52px;
padding-top: 15px;
padding-left: 35px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 25px;
border:1px;
border-style:solid;
border-color:#890000;
font-weight:bold;
color:#890000;
text-align:left;
background: #FFB99E;	
}

.input_text{
width:250px;
}

.input_plz{
width:50px;
}

.input_smal{
width:30px;
}

.input_ankunft{
width:80px;
}

.input_gemeinde{
width:150px;
}

.input_textarea{
width:250px;
}

.li_kasten {
background-color: none;
margin:  0px 0px 0px 0px;
padding: 5px 5px 5px 50px;
border-top:1px solid #980201; 
border-left:1px solid #980201; 
border-right:1px solid #980201; 
border-bottom:1px solid #980201; 
}

.xmltext {
padding: 0px 0px 0px 0px; /* text braucht Padding-bottom damit der Text nicht hinter dem Versendenkram verschwindet 60px für Artikel - 0px für Startseite*/
width: 515px;
text-align:left;
}

.blue{color:#193564;}

#wetter{
position:relative;
float:right;
width: 150px;
padding: 5px;
text-align:left;
background:#6E9FBF;
border: 1px solid #DDDDDD;

}




/** Zweispaltige Startseite **/
.content_wrap {
width: 515px;
margin: 0px 0px 0px 0px;
text-align:left;
}

.content_wrap_left {
position: relative;
float:left;
width: 350px;
text-align:left; 
}

.content_wrap_right {
position: relative;
float:right;
margin-left: 15px;
width: 150px;
text-align:left;
}

#quiz  { font-size: 100%;}
#quiz td { font-size: 75%; }
#quiz caption { font-size: 75%; margin-top: 10px;}
#quiz .spielerinfo { background:#E9F3F9; padding:0.5em; }
#quiz .spielerinfo .spielername { float:left; }
#quiz .spielerinfo .kontostand { text-align:right; }
#quiz .frage { background:#B7D1E0; padding:0.5em; }
#quiz .fragestellung { font-size:100%; font-weight:bold; }
#quiz .fragefuss { background:#fff; }
#quiz .antworten { padding:0.5em; background:#ff; float:right; width:290px; }
#quiz .antwort {}
#quiz .antwort div { padding:0.2em; }
#quiz .antwortmarkiert { background:#EFDDE9; }
#quiz .antwortbutton { padding-top:1em; }
#quiz .gewinnsummen { float:left; }
#quiz .gewinnsummen td { width:60px; }
#quiz tr.gewinnsummemarkiert { background:#EFDDE9; }
#quiz .antwortkommentar { margin-top:2em; font-weight:bold; }
#quiz p { padding-bottom:1em; }

/** Tabellen im Contentbereich **/
#content td {
font-size: 75%;
border: 1px solid #cccccc;
}