/* ******************************************** */
/* * Website :: http://www.freundesdienst.org * */
/* * CMS     :: voiTEC.WEB 2.0                * */
/* ******************************************** */

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,helvetica,tahoma,sans-serif; color: #000000; background: #F6F1EC; }
img { border: 0; }
form { display: inline; }

.bgv { background-image: url(../ru,fd20,images/bgv.png); }
.bgh { background-image: url(../ru,fd20,images/bgh.gif); }
.dot { background-image: url(../ru,fd20,images/dot.png); }

.schattenlinks { position: absolute; left: -11px; width: 11px; height: 100%; background-position: 0px 0px; background-repeat: repeat-y; }
.schattenrechts { position: absolute; right: -12px; width: 12px; height: 100%; background-position: -11px 0px; background-repeat: repeat-y; }
.kopfzeile { background-image: url(../ru,fd20,images/kopf-ru.png); }

/* Layoutbox */
.box { z-index: 2; position: relative; left: 220px; width: 41em; min-width: 768px; max-width: 1000px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFCFB; }
.boxie { min-height: 100%; height: auto !important; height: 100%; }

/* Kopfzeile */
.kopf { position: relative; height: 140px; background-color: #FFFCFB; background-position: 0px 0px; background-repeat: repeat-x; }
.kopf p.schriftzug { margin-left: 15px; background-position: -135px -37px; background-repeat: no-repeat; }
.kopf p.kopfbild { position: absolute; right: 0px; }
.kopf p.streifen { height: 6px; background-color: #E2AAAA; border-top: 1px solid #6C81A5; border-bottom: 1px solid #6C81A5; }

/* Inhalt... */
.pfad { height: 20px; padding: 10px 15px 20px 0px; color: #004F8B; font-size: 0.75em; text-align: right; background-position: 0px -182px; background-repeat: repeat-x; }
.pfad span { display: block; color: #80A2BA; font-size: 0.85em; text-align: right; }
.inhalt { position: relative; padding: 15px 15px 45px 15px; background-color: #FFFCFB; }
.inhalt h1 { margin-bottom: 5px; padding: 0px 0px 2px 0px; font-size: 1.2em; border-bottom: 2px dotted #E7301F; }
.inhalt h2 { padding: 7px 0px 2px 0px; font-size: 1em; font-weight: bold; color: #E83020; }
.inhalt h3 { padding: 7px 0px 2px 0px; font-size: 0.9em; font-weight: bold; font-variant: uppercase; color: #25457C; letter-spacing: 0.1em; }
.inhalt p { padding: 5px 0px; font-size: 0.9em; line-height: 1.3em; }
.inhalt p.einleitung { padding: 20px 20px 20px 20px; font-weight: bold; font-style: italic; color: #999999; background: inherit; }
.inhalt ul { padding: 5px 5px 5px 15px; }
.inhalt ul li { padding: 3px; font-size: 0.9em; line-height: 1.3em; }
.inhalt dl dt { font-size: 1em; font-weight: normal; font-style: italic; }
.inhalt dl dd { font-size: 1em; padding: 5px 0px 10px 30px; font-weight: bold; }
.inhalt fieldset { padding: 20px; }
.inhalt fieldset legend { padding: 3px 3px 4px 0px; }
.inhalt label { font-size: 0.8em; display: block; }
.inhalt a { color: #E7301F; text-decoration: none; border-bottom: 1px dotted #E7301F; }
.inhalt blockquote { padding: 5px 5px 5px 17px; }

.inhalt table { border: 0px; }
.inhalt table tr { }
.inhalt table td { padding: 3px; font-size: 0.9em; line-height: 1.3em; border-width: thin; }

/* ...Newsbox */
.inhalt .box-news { float: right; width: 200px; margin: 10px 0px 5px 10px; padding: 8px; font-size: 0.8em; color: #004F8B; background: #F6F1EC; border: 1px solid #004F8B; }
.inhalt .box-news h4 { padding-bottom: 10px; font-weight: bold; color: #E73020; background: inherit; }
.inhalt .box-news dl { color: #004F8B; background: inherit; }
.inhalt .box-news dl dt { padding: 3px; font-weight: bold; }
.inhalt .box-news dl dd { padding: 3px; font-weight: normal; }
.inhalt .box-news a { color: #004F8B; }

/* ...Subnavigation zum Umblättern */
.blaettern { margin: 20px 0px 20px 0px; padding: 7px; color: #333333; background: inherit; text-align: center; border-top: 1px dotted #CCCCCC; }
.blaettern p.weiter { float: right; }
.blaettern p.zurueck { float: left; }
.blaettern ul { list-style: none; margin: 0px auto; padding-top: 4px; font-size: 0.8em; }
.blaettern ul li { display: inline; padding-right: 5px; }
.blaettern .link-aktiv { border: 1px dotted #E7301F; }

/* ...Formatierung der Suchergebnisliste */
.inhalt dl.suche { margin: 10px 0px 15px 0px; padding-bottom: 7px; border-bottom: 1px dotted #25457C; }
.inhalt dl.suche dt { font-style: normal; }
.inhalt dl.suche dd.pfad { color: #666666; font-weight: normal; font-size: 0.8em; }
.inhalt dl.suche dd.anreisser { padding-left: 32px; font-weight: normal; font-size: 0.9em; font-style: italic; }

/* Navigation */
.nav { z-index: 1; position: absolute; top: 0px; left: 0px; width: 230px; padding: 20px; }
.nav p.logo { width: 135px; height: 170px; margin: 0px 0px 20px 15px; }
.nav h1 { width: 230px; margin: 3px 0px; padding: 7px 5px 5px 30px; font-size: 0.9em; color: #999999; background-color: #F6FAFD; background-position: 0px 0px; background-repeat: no-repeat; border: 1px solid #99B9D0; }
.nav ul { list-style: none; }
.nav ul li { padding: 0px; }
.nav ul li a { width: 100%; display: block; margin-bottom: 5px; padding: 7px 5px 5px 30px; font-weight: bold; color: #222222; background-color: #F6FAFD; background-position: 10px -88px; background-repeat: no-repeat; text-decoration: none; border: 1px solid #99B9D0; }
.nav ul li a:hover { color: #000000; background-color: #F9EDED; background-position: 10px 12px; background-repeat: no-repeat; border-color: #E7301F; }
.nav .ebene1 { margin: -4px 0px 0px 0px; padding: 10px 0px; border-left: 1px dotted blue; }
.nav .ebene1 li a { margin-bottom: 4px; padding: 4px 4px 4px 30px; font-size: 0.8em; background-color: #DFE4E8; background-position: 10px -290px; background-repeat: no-repeat; border: 0px; }
.nav .ebene1 li a:hover { background-color: #FFFCFB; background-position: 10px -190px; background-repeat: no-repeat; }
.nav .ebene2 { margin: 0px; padding: 0px; border: 0px; }
.nav .ebene2 li a { margin-bottom: 2px; padding: 4px 4px 4px 40px; font-size: 0.8em; background-color: #DFE4E8; background-image: none; border: 0px; }
.nav .ebene2 li a:hover { background-color: #FFFCFB; background-image: none; }
.nav .ebene3 { margin: 0px; padding: 0px; border: 0px; }
.nav .ebene3 li a { margin-bottom: 2px; padding: 4px 4px 4px 50px; font-size: 0.8em; background-color: #DFE4E8; background-image: none; border: 0px; }
.nav .ebene3 li a:hover { background-color: #FFFCFB; background-image: none; }
.nav .aktiv { background-color: #F9EDED; background-position: 10px 12px; background-repeat: no-repeat; border-color: #E7301F; }
.nav .ebene1 .aktiv { background-color: #F9EDED; background-position: 10px -190px; background-repeat: no-repeat; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }
.nav .ebene2 .aktiv { background-color: #F9EDED; background-image: none; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }
.nav .ebene3 .aktiv { background-color: #F9EDED; background-image: none; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }

/* Suchfeld */
#sufu { width: 100%; display: block; padding: 7px 5px 5px 30px; font-weight: bold; color: #222222; background-color: #FBF8F6; background-position: 10px -88px; background-repeat: no-repeat; text-decoration: none; border: 1px solid #ECE5DD; }
#sufu label { display: block; font-size: 0.8em; font-weight: normal; }
#sufu #search { width: 185px; height: 1.2em; font-size: 1em; border: 1px solid #DBD3CC; }

/* Fuss */
.box-fuss { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #FFFCFB; background-position: 0px -132px; background-repeat: repeat-x; }
.fuss { position: relative; top: 45px; font-size: 0.7em; }
.fuss ul.sprachwahl { position: absolute; left: 15px; bottom: 10px; list-style: none; }
.fuss ul.sprachwahl li { display: inline; }
.fuss ul.sprachwahl li a { padding-right: 5px; }
.fuss ul.nav-fuss { position: absolute; right: 15px; bottom: 10px; }
.fuss ul.nav-fuss li { display: inline; padding-left: 5px; }
.fuss p.streifen { height: 3px; background-color: #E2AAAA; border-top: 1px solid #6C81A5; border-bottom: 1px solid #6C81A5; }

p.speedy { display: none; position: relative; left: 15px; font-size: 0.7em; color: #cccccc; }