/* Author: Felix Vogel */


/* Default-CSS angleichen ****************************************************/
*{
background-color:transparent;
margin:0;
padding:0;
font-family: Arial, sans-serif;
font-size:1em;
font-style:normal;
font-weight:normal;
text-decoration:none;
line-height:1em;
border:none;
}


/* Grundlegenes **************************************************************/

body {
background:#f8f8f8 url(bilder/header_bg.jpg) center top repeat-x;
text-align:center; /* IE center hack */
}

#startseite, #ueberUns, #leistungen, #verein, #kontakt, #impressum{
text-align:left; /* IE center hack */
margin:0 auto;
width:764px;
position:relative;
}

#skip {display:none;}


/* Inhalt ********************************************************************/

#inhalt {min-height:300px;position:relative;}
* html #inhalt {height:300px;} /* IE5-6 min-height */

#inhalt a:link    {color:#002d71; border-bottom:1px dotted #002d71;}
#inhalt a:visited {color:#002d71; border-bottom:1px dotted #002d71;}
#inhalt a:hover   {color:#002d71; border-bottom:1px solid #002d71;}
#inhalt a:active  {color:#002d71; }

#inhalt h2 {
color:#002d71;
font-size:20px;
margin-bottom:24px;
line-height:1em;
}

#inhalt h3 {
color:#333;
font-weight:bold;
}

#inhalt p {
font-size:16px;
line-height:1.5em;
margin:0.55em 0;
}

#inhalt ul, #inhalt ol {
font-size:16px;
padding-left:1.7em;
margin:0.55em 0;
}

#inhalt li {line-height:1.5em;}

#inhalt em{font-style:italic;}

#inhalt strong{font-weight:bold;font-size:.98em;color:#444;}

abbr, acronym{
cursor: help;
border-bottom: 1px dotted #bbb;
}

.info{
cursor:help;
padding-right:18px; /* geht nicht in IE 5.0 */
background:url(bilder/info.png) right center no-repeat;
position:relative;
}
.info span{display:none;}
.info:hover span{
display:block;
position:absolute;
left:0;
z-index:200;
width:20em;
background:white;
border:1px solid black;
padding:0.5em;
}

table {
border-collapse:collapse;
margin-bottom:0.6em;
text-align:center;
}

th {
background:#B7C4D0;
padding:0.2em 1em;
}

tfoot {height:0.3em;}

td {
font-family:"Times New Roman",Times,serif;
padding:0.05em 1em;
background:#F1F3F5;
}

table a {
font-family:"Times New Roman",Times,serif;
}

tr.even td {background:#E0E6EB;}

tbody tr:hover td, tbody tr.hover td {background:#B9D3F4; color:#000;}

dl.daten{background:transparent;}
dl.daten:after{content:'.';display:block;height:0;visibility:hidden;clear:both;} /* float clear*/
* html dl.daten{height:1em;} /* IE float clear */
dl.daten dt{clear:both;width:27.5%;}
* html dl.daten dt {width:29.5%; w\idth:27.5%;} /* IE5 box-model */
dl.daten dd{width:70%;}
dl.daten dt, dl.daten dd{float:left;padding:0.5em 0 1% 1%;}
.even {background:white;}


/* Logo **********************************************************************/

h1 {
background:url(bilder/logo.jpg) left top no-repeat;
position:absolute; 
top:52px;
left:-2px;/* Pixelkorrektur */
width:540px; height:60px;
}

h1 a:link, h1 a:visited, #navigation a:link, #navigation a:visited {border-bottom:none;}

h1 a {
display:block;
height:40px;

text-indent: -999em; /* Image Replacement */
}


/* Telefon-Nummern ***********************************************************/

#nummern {
position:absolute;
top:52px; right:-2px;
z-index:10000;
background:url(bilder/nummern.gif) left top no-repeat;
width:115px; height:42px;
text-indent: -999em; /* Image Replacement */
}


/* Navigation ****************************************************************/

#navigation {
margin-left:1px; /* Pixelkorrektur */
height:176px;
}

#navigation h2{display: none;}

#navigation ul{
list-style-type:none;
padding-top:137px;
}

#navigation li {
display:inline;
}

#navigation a {
background-image:url(bilder/navi.gif);
float:left; width:100px; height:39px;
text-indent: -999em; /* Image Replacement */
}

#navigation .startseite a { width:108px; background-position:   0px 0;}
#navigation .ueberUns   a { width:107px; background-position:-108px 0;}
#navigation .leistungen a { width:119px; background-position:-215px 0;}
#navigation .verein     a { width:118px; background-position:-334px 0;}
#navigation .kontakt    a { width:95px;  background-position:-452px 0;}
#navigation .impressung a { width:125px; background-position:-547px 0;}

#navigation .startseite a:hover { background-position:   0px -39px;}
#navigation .ueberUns   a:hover { background-position:-108px -39px;}
#navigation .leistungen a:hover { background-position:-215px -39px;}
#navigation .verein     a:hover { background-position:-334px -39px;}
#navigation .kontakt    a:hover { background-position:-452px -39px;}
#navigation .impressung a:hover { background-position:-547px -39px;}

#startseite #navigation .startseite a, .startseite #navigation .startseite a:hover { background-position:0 -78px; }
#ueberUns   #navigation .ueberUns   a, #ueberUns #navigation .ueberUns a:hover { background-position:-108px -78px; }
#leistungen #navigation .leistungen a, #leistungen #navigation .leistungen a:hover { background-position:-215px -78px; }
#verein     #navigation .verein a,     #verein #navigation .verein a:hover { background-position:-334px -78px; }
#kontakt    #navigation .kontakt a,    #kontakt #navigation .kontakt a:hover { background-position:-452px -78px; }
#impressum  #navigation .impressung a, #impressum #navigation .impressung a:hover { background-position:-547px -78px; }


/* Subnavi *******************************************************************/

#navigation ul ul {
position:absolute;
top:210px;left:1px;
height:300px; width:230px;
padding-top:42px;
background:url(bilder/trennung.gif) right top no-repeat;
}

#navigation ul ul li {
display:block;
float:left;width:100%; /* IE5 */
height:36px;
}

#navigation ul ul li.aktiv {background:url(bilder/subaktiv.gif) right top no-repeat;}

* html #navigation ul ul a {margin-top:-1px;} /* IE5-6 */

#navigation ul ul a {
display:block;
text-indent: 0; /* Kein Image Replacement */
padding-left:21px;
font-size:16px;
line-height:36px;height:35px;
}

#ueberUns #navigation ul ul a:link, #ueberUns #navigation ul ul a:visited
,#leistungen #navigation ul ul a:link, #leistungen #navigation ul ul a:visited
,#verein #navigation ul ul a:link, #verein #navigation ul ul a:visited
,#kontakt #navigation ul ul a:link, #kontakt #navigation ul ul a:visited {
border-top:1px solid #748da6;
border-bottom:1px solid #748da6;
width:201px; w\idth:183px; /* IE5 Boxmodel */
background:url(bilder/subnavi.gif) left center no-repeat;
color:black;
}

#ueberUns #navigation ul .ueberUns ul a:hover, #ueberUns #navigation ul .ueberUns ul .aktiv a
,#leistungen #navigation ul .leistungen ul a:hover, #leistungen #navigation ul .leistungen ul .aktiv a
,#verein #navigation ul .verein ul a:hover, #verein #navigation ul .verein ul .aktiv a
,#kontakt #navigation ul .kontakt ul a:hover, #kontakt #navigation ul .kontakt ul .aktiv a
{background:url(bilder/subnavi2.gif) left center no-repeat;}
 
#ueberUns #navigation ul .ueberUns ul .aktiv a,
#leistungen #navigation ul .leistungen ul .aktiv a,
#verein #navigation ul .verein ul .aktiv a,
#kontakt #navigation ul .kontakt ul .aktiv a,
{color:#002459;}



/* Footer ********************************************************************/

#fusszeile{display:none;}

/* Startseite ****************************************************************/

#startseite #inhalt {
margin:40px 0 2.5em 2px;
width:564px;

}

* html #startseite #inhalt {padding-top:41px;} /* IE5-6 */
*+html #startseite #inhalt {padding-top:41px;} /* IE7 */

#startseite .termin a{background:url(bilder/termin.gif) left center no-repeat;}
#startseite .weg a{background:url(bilder/weg.gif) left center no-repeat;}
#startseite .ablauf a{background:url(bilder/beratung.gif) left center no-repeat;}
#startseite .beitrag a{background:url(bilder/beitrag.gif) left center no-repeat;}
#startseite .regeln{background:url(bilder/satzung.gif) left center no-repeat;}

#direktlinks {position:absolute; right:0px;top:252px;width:150px;}

#direktlinks h2 {
color:#002d71;
font-size:1em;
font-weight:bold;
margin-bottom:10px;
}

#direktlinks ul{
font-size:1em;
list-style:none;
padding-left:0;
margin-top:-0.2em; /* line-height kompensieren */
}

#direktlinks a {
padding-left:26px;
height:1.7em;
line-height:1.7em;
display:block;
border-bottom:none;
}

html + body #direktlinks a {height:1.5em;line-height:1.5em; } /* IE5.0 margin-fix */

#direktlinks a:link {text-decoration:none; color:black;}
#direktlinks a:visited {text-decoration:none; color:black;}
#direktlinks a:hover   {text-decoration:underline;}
#direktlinks a:active  {text-decoration:none; color:red;}


/* �ber uns ******************************************************************/

#ueberUns #inhalt {margin:40px 0 2.5em 250px; width:514px;}
#foto_leiter {width:100px;height:132px;float:right;border:1px solid #ccc; padding:3px;background:#f0f0f0;margin:0 0 1em 2em;}


/* Leistungen ****************************************************************/

#leistungen #inhalt {margin:40px 0 2.5em 250px; width:514px;}


/* Verein ********************************************************************/

#verein #inhalt {margin:40px 0 2.5em 250px; width:514px;}
#verein #inhaltsverzeichnis {margin:40px 0 2.5em 250px; width:514px;}

#verein table {width:99%;}



/* Kontakt *******************************************************************/

#kontakt #inhalt {margin:40px 0 2.5em 250px; width:514px;}

label{width:12em;float:left;margin:0.3em 0;padding:0.2em 0;clear:both;}

* html label{width:11em;padding-top:0em;padding-bottom:0.4em;}

textarea{overflow:auto;}

input, textarea{
border-top:1px solid #949697;
border-left:1px solid #babbbd;
border-right:1px solid #ebedef;
border-bottom:1px solid #e4e6e7;
background:#F9FAFB;
margin:0.3em 0;
padding:0.2em 0;color:#555;
width:19em;float:right;
}

#kontakt fieldset{
width:32em;
margin-top:0.7em;
float:left; /* Opera */
}

legend {color:white; font-size:0;}

input:focus, textarea:focus, input.focus, textarea.focus{color:#113D73;background:#E8F1FD;}

.times{font-family:"Times New Roman",Times,serif; letter-spacing:0.03em;}

#sendeTermin, #sendeNachricht{
border-top:1px solid #e4e6e7;
border-left:1px solid #ebedef;
border-right:1px solid #babbbd;
border-bottom:1px solid #949697;
background:#f4f6f8;
margin-top:0.4em;
width:11em;
color:black;
clear:both;
line-height:1.1em;
}

* html #sendeTermin, * html #sendeNachricht{padding-bottom:0.1em;}

#sendeNachricht{width:9em;}

#mail_OK{clear:both;padding-top:1.5em;color:#00750F;}
#mail_NO{clear:both;padding-top:1.5em;color:#AE0000;}

#kontakt #landkarte{margin-top:2em;}
#kontakt #beschreibung{display:none;font-size:0.9em;margin-top:-1.2em;}

#stadtkarte img{display:none;}
#kontakt #details{
border-bottom:1px solid #949697;
border-top:1px solid #e4e6e7;
border-left:1px solid #ebedef;
border-right:1px solid #babbbd;
background:#F1F7FE;
padding:5px;
font-size:0.9em;display:block;line-height:1em;float:left;
}
#kontakt #stadtkarte {
position:absolute;
z-index:110;
top:42px;
border-bottom:none;
background:white;
text-align:left;
height:1em;
}

#kontakt #stadtkarte:hover {
position:absolute;left:0;
background:white;
padding:0.5em;padding-top:0;
border:1px solid black;
width:420px;height:auto;
}

#stadtkarte:hover #details{display:none;}

#stadtkarte:hover img, #stadtkarte:hover #beschreibung{display:block;}


/* Impressum *****************************************************************/

#impressum #inhalt {margin:40px 0 2.5em 0; width:764px;}

#impressum h4 {
color:#0e3170;
font-size:0.75em;
margin-top:2.6em;margin-bottom:0;
}

#impressum .klein {color:#444;font-size:0.6em;}

.small {font-size: 13px !important;}