/* Farben */
/*
hellgrau	#ececec
*/
body {
margin:0;
padding:0;
background-color:#ffffff;
font-family:Helvetica, Arial, sans-serif;
font-size:77%;
color:#333333;
font-weight:normal;
}
html, body
{
height:100%;
}

/* Formate für Div-Container (Layout) */
#wrapper
{
width:1000px;
background-color:#ffffff;
margin:auto;
}
#header
{
width:1000px;;
height:50px;
margin:auto;
clear:both;
}
#logo
{
width:100%;
font-size:100%;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.1em;
padding-top:10px;
clear:both;
}
#navi_oben
{
text-align:right;
float:right;
}

/* horizontale Navigation oben */

#navi_oben ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
#navi_oben ul li
{
display:inline;
}
#navi_oben ul li a
{
font-size:90%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:5px;
padding-right:5px;
padding-top:10px;
display:block;
float:left;
color:#666666;
}
#navi_oben ul li a:hover
{
padding-left:5px;
padding-right:5px;
color:#999999;
}
#navi_oben .over
{
color:#999999;
}

#themenbild
{
width:1000px;
height:200px;
background-color:#ececec;
margin:auto;
clear:both;
}

#navi_mitte
{
width:1000px;
height:22px;
background-color:#ffffff;
margin:auto;
clear:both;
}

#inhalt
{
width:1000px;
line-height:1.5em;
background-image:url(../bilder/hg_inhalt.gif);
background-repeat:repeat-y;
margin-top:20px;
clear:both;
}

#links
{
width:390px;
padding-bottom:20px;
background-color:#ececec;
float:left;
}

#veranstaltungskalender
{
font-family:'Times New Roman', Times, serif;
font-size:100%;
color:#333333;
font-weight:normal;
width:390px;
}
#veranstaltungskalender .tag
{
font-size:300%;
line-height:1.0em;
color:#ffffff;
font-weight:normal;
text-align:center;
letter-spacing:0.1em;
background-color:#614c53;
}
#veranstaltungskalender .monatjahr
{
font-size:150%;
line-height:1.0em;
color:#ffffff;
font-weight:normal;
text-align:center;
letter-spacing:0.1em;
background-color:#241b1e;
}
#veranstaltungskalender .heute
{
font-size:175%;
line-height:1.0em;
color:#7A244A;
font-weight:normal;
letter-spacing:0.3em;
text-align:left;
padding-left:15px;
}
#veranstaltungskalender .linie
{
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
}

#veranstaltungskalender ul
{
margin:0;
margin-left:60px;
margin-top:10px;
padding:0;
list-style:none;
list-style-image:none;
}
#veranstaltungskalender ul li
{
margin:0;
padding:0;
padding-bottom:2px;
list-style-type:none;
list-style-image:none;
display:block;
border-bottom:dashed 1px #999999;
padding-left:15px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
letter-spacing:0.1em;
}

#veranstaltungskalender_navigation
{
clear:both;
}

#veranstaltungskalender_navigation a
{
color:#7A244A;
text-decoration:none;
display:block;
float:left;
padding-right:5px;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
}
#veranstaltungskalender_navigation a:hover
{
color:#7A244A;
text-decoration:none;
border:solid 1px #7A244A;
padding-right:4px;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
}
#veranstaltungskalender_navigation .aktueller_monat
{
border:solid 1px #7A244A;
padding-right:4px;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
}


#tageslosung
{

font-family:'Times New Roman', Times, serif;
font-size:100%;
color:#333333;
font-weight:normal;
background-color:#ffffff;
width:360px;
margin:auto;
margin-top:70px;
}
#tageslosung .tageslosung_header
{
font-size:175%;
line-height:1.0em;
color:#7A244A;
font-weight:normal;
letter-spacing:0.3em;
text-align:left;
border-top:dashed 1px #7A244A;
border-bottom:dashed 1px #7A244A;
padding-left:15px;
}
#tageslosung .tageslosung_content
{
letter-spacing:0.1em;
padding-top:15px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;
}
#tageslosung .tageslosung_footer
{
font-size:90%;
letter-spacing:0.1em;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;
}

#navi_links
{
width:195px;
float:left;
padding-bottom:20px;
}
#subnavi_links
{
width:195px;
float:left;
padding-bottom:20px;
}

#navi_links ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
#navi_links ul li
{
margin:0;
padding:0;
padding-bottom:2px;
list-style-image:none;
display:block;
}
#navi_links ul li a
{
font-size:90%;
line-height:90%;
text-decoration:none;
letter-spacing:0.1em;
color:#666666;
padding-left:0px;
height:18px;
padding-top:3px;
border-bottom:solid 1px #999999;
display:block;
}
#navi_links ul li a:hover
{
text-decoration:none;
color:#999999;
}
#navi_links .over
{
text-decoration:none;
color:#999999;
}

#grafikelement
{
margin-top:30px;
text-align:center;
}

#subnavi_links ul
{
margin:0;
margin-top:5px;
margin-left:15px;
padding:0;
list-style:none;
list-style-image:none;
}
#subnavi_links ul li
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
display:block;
padding-bottom:3px;
}
#subnavi_links ul li a
{
font-size:90%;
line-height:90%;
text-decoration:none;
letter-spacing:0.1em;
color:#000000;
padding-left:10px;
height:18px;
padding-top:2px;
/*display:block;*/
background-image:url(../bilder/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
}
#subnavi_links ul li a:hover
{
text-decoration:none;
color:#333333;
}
#subnavi_links .over
{
text-decoration:none;
color:#333333;
}

#rechts
{
font-size:90%;
width:595px;
float:right;
}

.box_50_li
{
width:280px;
float:left;
background-color:#ffffff;
padding:0;
margin-bottom:15px;
clear:left;
overflow:hidden;
}
.box_50_re
{
width:280px;
float:right;
background-color:#ffffff;
padding:0;
margin-bottom:15px;
clear:right;
overflow:hidden;
}
.box_100
{
width:595px;
background-color:#ffffff;
padding:0;
margin-bottom:15px;
clear:both;
overflow:hidden;
}
.clear
{
clear:both;
}


#umbruch
{
clear:both;
}
#footer
{
width:985px;
height:20px;
background-color:#ececec;
font-size:90%;
text-align:left;
padding-left:15px;
padding-top:5px;
margin-top:20px;
clear:both;
}
#footer a
{
font-size:90%;
text-decoration:none;
color:#333333;
letter-spacing:0.1em;
}

#hauptbereich
{
font-size:100%;
color:#333333;
font-weight:bold;
letter-spacing:0.1em;
padding-right:10px;
text-align:right;
margin-top:5px;
margin-bottom:20px;
text-transform:uppercase;
}
#inhalt h1
{
font-size:100%;
color:#666666;
font-weight:bold;
letter-spacing:0.1em;
padding-right:10px;
text-align:right;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
margin-top:0;
}
#inhalt h2
{
font-size:110%;
color:#666666;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:0;
}
#inhalt h3
{
font-size:120%;
color:#666666;
font-weight:bold;
letter-spacing:0.1em;
margin-top:5px;
margin-bottom:5px;
}
#inhalt h4,h5,h6
{
font-size:130%;
color:#666666;
font-weight:bold;
letter-spacing:0.06em;
margin-bottom:0;
}
#inhalt a
{
color:#7A244A;
text-decoration:none;
}
#inhalt a:hover
{
color:#7A244A;
text-decoration:none;
}
#inhalt ul
{
list-style-position:outside;
list-style-type:square;
}
#inhalt li
{
margin-bottom:5px;
}
#inhalt .header
{
font-size:100%;
color:#666666;
font-weight:bold;
letter-spacing:0.1em;
padding-right:10px;
text-align:left;
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
}
#inhalt a.artikellink
{
color:#666666;
text-decoration:underline;
text-align:right;
display:block;
margin-top:0px;
}
#inhalt a.artikellink:hover
{
color:#999999;
text-decoration:underline;
}

/* allgemeine Formate */

.item
{
font-size:100%;
color:#7A244A;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.item2
{
font-size:100%;
color:#7A244A;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.small
{
font-size:10px;
font-weight:normal;
letter-spacing:0.1em;
}
.bildrand
{
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}

/* Formate für Login (Mitgliederbereich) */

#login
{
width:170px;
margin:auto;
background-color:#ececec;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:5px;
text-align:left;
}
#login .header_login
{
font-weight:bold;
}

/* Formate für das Forum */

#forum
{

}
#forum ul
{
margin:0;
margin-left:60px;
margin-top:10px;
padding:0;
list-style:none;
list-style-image:none;
}
#forum ul li
{
margin:0;
padding:0;
padding-bottom:2px;
list-style-type:none;
list-style-image:none;
display:block;
border-bottom:dashed 1px #999999;
padding-left:15px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
letter-spacing:0.1em;
}
#forum .navi
{
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
margin-top:5px;
margin-bottom:5px;
background-color:#ececec;
}
#forum .navi a
{
padding-right:15px;
}
#forum .linien
{
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
}
#forum .zitat
{
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
background-color:#ececec;
margin-bottom:15px;

}
#forum .zitat2
{
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
color:#7A244A;
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
padding:5px;
background-color:#ffffff;
font-style:italic;
}

#forum th
{
text-align:left;
}

/* Formate für Aktuelles */

#aktuelles
{
margin-bottom:10px;
}

/* Formate für Formularelemente */

select, textarea, input
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:100%;
font-weight:normal;
background-color:#f1f1f1;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
.button
{
font-size:100%;
color:#333333;
font-weight:normal;
letter-spacing:0.1em;
background-color:#bababa;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
cursor:pointer;
}
}
.textarea
{
overflow:auto;
}
.randlos
{
border:none;
background-color:transparent;
}
