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;
}

.inner {
width: 750px;
background: url(../oekumene3_images/mainback.gif) repeat-y;
}

/*** Beinhaltet Tree und zweifarbigen Hintergrund ***/
.headlinewrap {
position:relative;
width: 750px;
background: url(../oekumene3_images/headstuffback.gif) repeat-y;
height:25px;
font-size: 75%;
}

.header {
position:relative;
width: 750px;
height: 80px;
vertical-align: bottom;
background:#999999;
}

.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:665px;
width:81px;
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: 25px;
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: 20px;
padding: 5px;
text-align:left;
}

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

.contentheadertext{
font-size: 100%;
color: #000;
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; /* war vorher 80px */
}

.navi_home {
float:left;
width: 219px;
/*min-height: 550px;*/
text-align: left;
padding-bottom: 139px; /** war 150 jetzt 139 damit Logo auf gleicher höhe liegt wie das bild**/
}



a.naviheader_link{font-size: 100%; color: #ffffff; text-decoration: none;}
a.naviheader_link:hover{color: #666666; background: #fff; 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: #003F5E; text-decoration: none;}
a.content_navi:hover{color: #000; background: #FEEC98; text-decoration: none;}

a.navi_top{font-size: 100%; color: #fff; text-decoration: none;}
a.navi_top:hover{color: #000; background: #FEEC98; text-decoration: none;}

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

a {color: #003F5E; text-decoration: underline;}
a:hover {color: #000; background: #FEEC98;}

a.sitemap {color: #000; text-decoration: none;}
a.sitemap:hover {color: #000; text-decoration: none;}

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

/* 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%;
}

.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:1.4em;
}

.contenttext_home a { color:#000;}

.service_navi a {display:block; background-image:url(../oekumene3_images/navi_back.gif); color:#fff; text-decoration: none; font-size:75%; font-weight: bold;  width: 100%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px;}

/* 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: #ffffff; **/
top:-230px;
}
.logowrap a:hover { background:inherit; }
.logowrap_home {
float:left;
position:absolute;
/** background: #ffffff; **/
top:-131px; /** -142 **/
}
.logowrap_home a:hover { background:inherit; }

/* 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:110%; color:#000000; font-weight:bold;}

h2 {font-family:verdana,helvetica,sans-serif;font-size:100%; color:#ffffff; background:#FF3300; 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: #000;
font-weight:bold;
}

.navitems{
color: #000000;
}

.text{
position: relative;
padding-top: 40px;
padding-left: 10px;
font-family:verdana,helvetica,sans-serif;
font-size:100%; 
color:#000000; 
font-weight:normal;
}

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

#navigation {
padding-top:20px;
}


.eb_eins_1 a {font-variant:small-caps;display: block; text-decoration: none; border-bottom: 1px dashed #fff;font-weight: bold;  width: 100%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; background-image:url(../oekumene3_images/navi_back.gif);} 
.eb_eins_1 a:link {font-variant:small-caps;font-size: 75%; color: #000000; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff;color:#fff; background-image:url(../oekumene3_images/navi_back.gif);}
.eb_eins_1 a:visited {font-variant:small-caps; font-size: 75%; color: #000000; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff;color:#fff;  background-image:url(../oekumene3_images/navi_back.gif);}  
.eb_eins_1 a:hover {font-variant:small-caps; color:#003F5E; border-bottom: 1px dashed #fff; background: #FEEC98; background-image:url(../oekumene3_images/navi_back_act.gif);}
.eb_eins_1 a:focus {font-variant:small-caps;color: #003F5E; text-decoration: none; font-weight:bold;  color: #fff; border-bottom: 1px dashed #fff; background: #FEEC98; background-image:url(../oekumene3_images/navi_back_act.gif);}
.eb_eins_1 a:active {font-variant:small-caps;color: #003F5E; text-decoration: none; font-weight:bold; color: #fff; border-bottom: 1px dashed #fff; background: #FEEC98; background-image:url(../oekumene3_images/navi_back_act.gif);}


.eb_eins_top a {display: block; text-decoration: none; border-bottom: 1px dashed #fff;font-weight: bold; border-top: 1px dashed #fff; width: 195px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; background-image:url(http://www.ekd.de/trauspruch/trauspruch_img/navi_back_1.gif);} 
.eb_eins_top a:link {font-size: 75%; color: #000000; text-decoration: none; font-weight:bold; border-top: 1px dashed #fff; border-bottom: 1px dashed #666666;color:#000000; background-image:url(http://www.ekd.de/trauspruch/trauspruch_img/navi_back_1.gif);}
.eb_eins_top a:visited { font-size: 75%; color: #000000; text-decoration: none; font-weight:bold; border-top: 1px dashed #fff; border-bottom: 1px dashed #666666;color:#000000;  background-image:url(http://www.ekd.de/trauspruch/trauspruch_img/navi_back_1.gif);}  
.eb_eins_top a:hover {color:#ffffff; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; background: #FEEC98;}
.eb_eins_top a:focus {color: #000000; text-decoration: none; font-weight:bold;  color: #ffffff; border-top: 1px dashed #fff; border-bottom: 1px dashed #666666;background-image:url(http://www.ekd.de/trauspruch/trauspruch_img/navi_back_1.gif);} 
.eb_eins_top a:active {color: #000000; text-decoration: none; font-weight:bold; color: #000000; border-top: 1px dashed #fff; border-bottom: 1px dashed #666666;background-image:url(http://www.ekd.de/trauspruch/trauspruch_img/navi_back_1.gif);} 

.eb_eins_1_active a {font-variant:small-caps; color:#003F5E; display: block; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold;  width: 100%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; background-image:url(../oekumene3_images/navi_back_1.gif);} 
.eb_eins_1_active a:link {font-variant:small-caps; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff; background: #94acd0; background-image:url(../oekumene3_images/navi_back_1.gif);}
.eb_eins_1_active a:visited {font-variant:small-caps; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff;  background: #94acd0; background-image:url(../oekumene3_images/navi_back_1.gif);}  
.eb_eins_1_active a:hover {font-variant:small-caps; color:#003F5E; border-bottom: 1px dashed #fff; background: #FEEC98; background-image:url(../oekumene3_images/navi_back_1.gif);}
.eb_eins_1_active a:focus {font-variant:small-caps;font-size: 75%; color: #003F5E; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff; background-image:url(../oekumene3_images/navi_back_1.gif);} 
.eb_eins_1_active a:active {font-variant:small-caps; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:bold; border-bottom: 1px dashed #fff; background-image:url(../oekumene3_images/navi_back_1.gif);} 

.eb_eins_2_active a {font-variant:normal; background:#c8e1fa; color:#003F5E; display: block; text-decoration: none; font-weight: normal;  width: 100%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; border-bottom:none;} 
.eb_eins_2_active a:link {font-variant:normal;  font-size: 75%;  background:#c8e1fa; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;}
.eb_eins_2_active a:visited {font-variant:normal; background:#94acd0; font-size: 75%;color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;}  
.eb_eins_2_active a:hover {font-variant:normal;  color:#003F5E; border-bottom: 1px dashed #fff; background: #FEEC98; border-bottom:none;}
.eb_eins_2_active a:focus {font-variant:normal; background:#c8e1fa; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;} 
.eb_eins_2_active a:active {font-variant:normal;  background:#c8e1fa font-size: 75%; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;} 

.eb_eins_2 a, .eb_eins_2 a:link, .eb_eins_2 a:visited, .eb_eins_2 a:focus, .eb_eins_2 a:active, .eb_eins_2 a:hover{font-variant:normal; font-weight: normal; background:#c8e1fa; color:#003F5E !important; border-bottom:none;} 
.eb_eins_2 a:hover {background:#FEEC98;}

.eb_eins_3_active a {padding-left:40px;font-variant:normal; background:#c8e1fa; color:#003F5E; display: block; text-decoration: none; font-weight: normal;  width: 100%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; border-bottom:none;} 
.eb_eins_3_active a:link {padding-left:40px;font-variant:normal;  font-size: 75%;  background:#c8e1fa; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;}
.eb_eins_3_active a:visited {padding-left:40px;font-variant:normal; background:#94acd0; font-size: 75%;color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;}  
.eb_eins_3_active a:hover {padding-left:40px;font-variant:normal;  color:#003F5E; border-bottom: 1px dashed #fff; background: #FEEC98; border-bottom:none;}
.eb_eins_3_active a:focus {padding-left:40px;font-variant:normal; background:#FEEC98; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;} 
.eb_eins_3_active a:active {padding-left:40px;font-variant:normal;  background:#FEEC98; font-size: 75%; color: #003F5E; text-decoration: none; font-weight:normal; border-bottom:none;} 

.eb_eins_3 a, .eb_eins_3 a:link, .eb_eins_3 a:visited, .eb_eins_3 a:focus, .eb_eins_3 a:active {font-weight: normal; padding-left:40px; border-bottom:none; color:#003F5E; background:#c8e1fa;} 

.eb_eins_3 a:hover {background:#FEEC98 !important;}

.eb_leer { display: block; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold;  width: 190px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; } 



.back_eb_drei{
margin: 0px 0px 0px -16px;
list-style-type: none;
height:20px;
background: #B2B891;
}

.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;
font-weight: bold;
color: #fff;
/** margin-top: 33px; **/
margin-left: 8px;
margin-bottom: 0px;
margin-right: 0px;
}

.form_suche{
width:130px; 
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; 
color:#fff; 
font-family:verdana,helvetica; 
font-size:12px;
font-weight:bold;
font-variant:small-caps;
border-width:0px;
background:#006699;
}

.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: 30px;
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: 30px;
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_textarea{
width:250px;
}

/* fuer Forum */
td { font-size:0.8em; }
.bgblau1 { background:#fff; }
.bgblau2 { background:#f0f0f0; }

dt { font-weight:bold; padding-bottom:1em; }
dd { margin:0; padding-bottom:1em; }