/* Professionelles Webdesign mit (X)HTML und CSS
 Start 09. September 2008
 
 */
/* Allgemein ->*/
html {
    height: 101%;
} * {
    margin: 0;
    padding: 0;
}

body {
    font: 95% Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
    text-align: center;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    font-weight: bold;
}

a img, img {
    border: 0 none;
}

.clear {
	clear: both !important; 
}

address {
    font-weight: normal;
    font-style: normal;
    margin: 0 0 0 0px;
    font-size: 1em;
    padding: 0 0 2em 0;
    color: #333;
} #container {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

h1 {
    width: 472px;
    display: block;
    font-size: 1.9em;
    font-weight: normal;
    padding: 28px 0 28px 0;
    color: #3F814D;
    border-bottom: 1px dotted #cccc99;
}

h1 span {
    font-size: 0.6em;
}

h3 {
    font-size: 0.8em;
    padding: 8px 0 5px 15px;
    color: #fff;
    font-weight: normal;
}

h2 {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 10px;
    color: #333;
}

p {
    padding-bottom: 15px;
}

p.border_unten {
    width: 472px;
    color: #3F814D;
    border-bottom: 1px dotted #cccc99;
    margin-bottom: 15px;
} .abstand_unten {
    width: 472px;
    color: #3F814D;
    border-bottom: 1px dotted #cccc99;
    margin-bottom: 25px;
} .abstand-gross {
    padding-bottom: 25px;
} .groesser {
    font-size: 1.5em;
    margin-bottom: 15px;
}

strong {
    font-size: 1em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #3F814D;
}

strong.schwarz {
    color: #333;
} .link {
    border-bottom: 1px dashed #000;
} .link:hover {
    border: none;
}

/* <-Allgemein */
/* fotos -> */
img.logo {
    width: 98px;
    float: left;
    padding-left: 25px;
    padding-top: 20px;
}

img.hand {
    width: 211px;
    float: right;
}

img.landrat {
    width: 150px;
    float: left;
	padding-right: 20px;
	padding-bottom: 15px;
	margin-top: 5px;
}
div.foto-beschreibung {
	width: 150px;
	float: left;
	padding-right: 20px;
	padding-bottom: 15px;
	}

/* <- fotos  */
/* header -> */ #header {
    width: 970px;
    height: 140px;
    float: left;
    background: url(../bilder/header_bg.jpg) no-repeat;
} #farbbalken {
    width: 970px;
    height: 11px;
    float: left;
    background-color: #D6D6AD;
    border-top: 1px solid #fff;
}

/* <- header  */
/* links -> */ #links {
    width: 221px;
    float: left;
    padding-right: 28px;
} #links #nav {
    width: 221px;
    padding-top: 109px;
    float: left;
} #links #nav ul {
    width: 221px;
    float: left;
    list-style-type: none;
    font-size: 0.75em;
    background-color: #CCCC99;
    padding-bottom: 5px;
    border-top: 5px solid #cccc99;
} #links #nav ul li {
    width: 221px;
    float: left;
    border-bottom: 1px solid #fff;
} #links #nav ul li a {
    width: 196px;
    display: block;
    padding-left: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #EBE8D6;
} #links #nav ul li a.erster {
    width: 196px;
    display: block;
    padding-left: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-top: 1px solid #fff;
} #links #nav ul li a:hover {
    background-color: #cccc99;
} #ueber-uns #links #nav li.ueber-uns a, #mitarbeiter #links #nav li.mitarbeiter a, #ehrenamt #links #nav li.ehrenamt a, #haeufig-gestellte-fragen #links #nav li.haeufig-gestellte-fragen a, #aktuelles #links #nav li.aktuelles a, #mitgliederbereich #links #nav li.mitgliederbereich a, #forum #links #nav li.mitgliederbereich a, #bildergalerie #links #nav li.mitgliederbereich a, #formulare-links #links #nav li.mitgliederbereich a, #forum-danke #links #nav li.mitgliederbereich a, #vereinssatzung #links #nav li.vereinssatzung a, #vorstand #links #nav li.vorstand a, #kontakt #links #nav li.kontakt a, #anfahrt #links #nav li.anfahrt a, #impressum #links #nav li.impressum a {
    width: 196px;
    display: block;
    padding-left: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #cccc99;
}

/* <- links  */
/* mitte -> */ #mitgliederbereich #mitglieder li.subnav_mitgliederbereich a, #forum #mitglieder li.subnav_forum a, #formulare-links #mitglieder li.subnav_formulare-links a, #bildergalerie #mitglieder li.subnav_bildergalerie a {
    font-weight: bold;
} #mitte {
    width: 500px;
    float: left;
} #mitte #inhalt {
    width: 472px;
    float: left;
    font-size: 0.75em;
} 

/*
#mitte #inhalt p {
    width: 450px;
} 
*/
.breiter {
	width: 495px;
	
}
#mitte #inhalt p.pdf {
		padding-bottom: 5px;
	
}
span.programm {
	width: 400px;
	
	}
	span.programm a {
		font-size: 1em;
		color: #333;
    border-bottom: 1px dashed #333;
	
	}
	span.programm a:hover {
		font-size: 1em;
		font-weight: normal;
		border: none;
	}
#mitte #inhalt p.textbeginn, #mitte #inhalt h2.textbeginn {
    padding-top: 15px;
} #mitte #inhalt ul {
    width: 450px;
} #mitte #inhalt ul li {
    list-style-position: outside;
    list-style-type: none;
    background: url(../bilder/aufzaehlung_gruen.gif) no-repeat;
    background-position: 0 7px;
    padding: 5px 0 5px 18px;
} #mitte #inhalt ul li a, #mitte #inhalt p a {
    color: #333;
    border-bottom: 1px dashed #333;
} #mitte #inhalt ul li a:hover, #mitte #inhalt p a:hover {
    border: none;
} #mitte #inhalt a.keinrand {
    border: none;
} #mitte #inhalt ol li {
    list-style-type: decimal;
    margin-left: 25px;
    padding: 5px 0 5px 0;
} #mitglieder {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* <- mitte  */
/* rechts -> */ #rechts {
    width: 221px;
    float: left;
    padding-top: 109px;
} #aktuell_titel {
    width: 221px;
    height: 29px;
    background-color: #3F814D;
} #aktuell_inhalt {
    width: 221px;
    font-size: 0.75em;
    background-color: #F8F6EC;
    border-bottom: 1px solid #5ca8a8;
} #aktuell_inhalt p {
    padding-left: 15px;
    padding-top: 15px;
} #aktuell_inhalt ul {
    padding-left: 15px;
    padding-bottom: 40px;
} #aktuell_inhalt ul li {
    list-style-type: none;
    background: url(../bilder/aufzaehlung.gif) no-repeat;
    text-indent: 20px;
    background-position: 0 8px;
    padding: 5px 0 5px 0;
} #aktuell_inhalt ul li a {
    border-bottom: 1px dashed #cccc99;
} #aktuell_inhalt ul li a:hover {
    border: none;
} #schrift {
    width: 221px;
    font-size: 0.75em;
    border-bottom: 1px solid #5ca8a8;
} #schrift p {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background: url(../bilder/schrift.gif) no-repeat;
    background-position: 8px 8px;
} #schrift p a {
    text-decoration: none;
    border-bottom: 1px dashed #3F814D;
    color: #3F814D;
} #schrift p a:hover {
    border: none;
    font-weight: normal;
} #betreuungsverfuegung #rechts #aktuell_inhalt li.betreuungsverfuegung a, #vorsorge-vollmacht #rechts #aktuell_inhalt li.vorsorge-vollmacht a {
    font-weight: bold;
} #drucken {
    width: 221px;
    font-size: 0.75em;
    border-bottom: 1px solid #5ca8a8;
} #drucken p {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background: url(../bilder/drucker.gif) no-repeat;
    background-position: 5px 8px;
} #weiterempfehlen {
    width: 221px;
    font-size: 0.75em;
    border-bottom: 1px solid #5ca8a8;
} #weiterempfehlen p {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background: url(../bilder/empfehlen.gif) no-repeat;
    background-position: 6px 4px;
}

/* <- rechts  */
/* footer -> */ #footer {
    width: 970px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
} #footer p.footer_links {
    width: 221px;
    float: left;
    border-top: 1px dotted #cccc99;
    padding-top: 15px;
} #footer p.breite {
    width: 28px;
    float: left;
} #footer div.footer_mitte {
    width: 472px;
    float: left;
    border-top: 1px dotted #cccc99;
    padding-top: 15px;
} #footer div.footer_mitte p {
    width: 462px;
    font-size: 0.6em;
    background-color: #3F814D;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
} #footer div.footer_rechts {
    width: 221px;
    float: left;
    border-top: 1px dotted #cccc99;
    padding-top: 15px;
} #footer div.footer_rechts p {
    width: 211px;
    font-size: 0.6em;
    background-color: #3F814D;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
} #footer a {
    color: #fff;
    border-bottom: 1px dotted #fff;
} #footer a:hover {
    border: none;
}

/* <- footer  */
/* Formular -> */
form {
    width: 435px;
    padding-top: 10px;
}

form label {
    width: 150px;
    float: left;
}

form input, form textarea {
    width: 275px;
    border: 1px dotted #cccc99;
    color: #333;
} .senden {
    width: 123px;
    border: none;
}

/* <-Formular */
/* Formular Forum -> */
form.forum {
    width: 435px;
    padding-top: 10px;
}

form.forum label {
    width: 150px;
    font-size: 1.1em;
    padding-bottom: 15px;
}

form.forum textarea {
    width: 475px;
    border: 1px dotted #cccc99;
    color: #333;
    clear: left;
}

form.forum input {
    width: 475px;
    height: 25px;
    border: 1px dotted #cccc99;
    color: #333;
    clear: left;
}

form.forum input.senden {
    width: 123px;
    border: none;
}

/* <-Formular Forum */
/* Fotos und Tabelle-> */
table {
    width: 470px;
    margin-bottom: 40px;
}

table.termine {
    border-collapse: collapse;
}

table.termine td {
    padding: 10px 5px;
    border: 1px dotted #cccc99;
}

td {
    vertical-align: top;
}

td.spalte1 {
    width: 270px;
}

img.portrait {
    width: 200px;
    border: 1px dotted #cccc99;
    margin-bottom: 20px;
}

table.kontaktdaten {
    margin-top: 15px;
} #inhalt img.karte {
    width: 446px;
    padding: 5px;
    border: 1px dotted #cccc99;
    margin-bottom: 20px;
} #inhalt img.aktuelles {
    width: 200px;
    padding: 5px;
    border: 1px dotted #cccc99;
    margin-bottom: 10px;
    margin-right: 10px;
}

#inhalt img.fotolinks {
	width: 200px;
	padding: 5px;
	border: 1px dotted #cccc99;
	margin-bottom: 20px;
	margin-right: 10px;
	float: left;
}

/* <-Fotos und Tabelle*/