/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* ENDE RESET */
/* Globale anweisungen */
body { margin: 0px; padding: 0px; font-size: .7em; color: #ffffff; background-color: #c21f1f;}
div, p, h1, h2, h3, span, a, form, img, li, hr, body {
margin: 0px;
padding: 0px;
font-family: verdana,tahoma,arial,sans-serif; vertical-align: top; }
/* Ende Globale anweisungen */
/* :::::::::: Navigation :::::::::: */
/* Listenformatierung */
ul { list-style: url(/images/cm/pfeil.gif); margin: 2px; padding-left: 1.5em;}
ol { padding : 0; margin : 0 0 0 20px; }
li { margin-bottom: 4px; padding : 0; }
#sidebar { float: left; width: 210px; padding:0; margin: 0; }
.ignore, span.hier, dfn { position:absolute; width:0px; height: 0px; overflow:hidden; display:inline; }
#sidebar ul { list-style: none; }
#sidebar li { list-style: none; display: inline; }
#sidebar a { display: block; color: #4f0000; margin: 0px 0px 0px 2px; padding: 2px 0 2px 18px; }
#sidebar ul ul { margin: 0px 0px 0px 0px; }
#sidebar a:visited { color: #8e0000; }
#sidebar a.butpfad,
#sidebar a:visited.butpfad { font-weight: bold;}
#sidebar a:hover, #sidebar a:hover.butpfad { text-decoration:none; background-color: #c11f1a; color: #ffffff;}
font { font-size: 1em; }
.navi1 { }
.navi2 { }
/* Klasse für die aktive Seite in der Navigation*/
#sidebar .butakt { display : block; font-weight:bold; margin:5px 0 0; padding: 0 0 0 20px; background: url(/images/framework/butakt.gif) no-repeat; }
/* :::::::::: Navigation-Ende :::::::::: */
/* :::::::::: Sitemap :::::::::: */
.navinhalt_sitemap { background: #e4e4e4; padding: 1px; border-bottom: 1px solid #f4f4f4; border-top: 2px solid #ffffff;}
.navinhalt_sitemap2 { padding: 2px; margin-left: 7px; }
/* :::::::::: Sitemap Ende :::::::::: */
/* :::::::::: Design :::::::::: */
#nav { position:absolute; width:210px; margin: 0; padding: 0; top:150px; z-index: 40; margin-left: -20px; }
.suche {position: absolute; top: 4px; right: 200px; }
.language {position: absolute; top:5px; right: 10px; }
.wrapper {position: absolute; top:120px; width: 100%; z-index: 3;}
.header {position: absolute; width: 100%; height: 80px; top: 0px; margin-bottom: 20px; background: #EEE;}
.right {position: absolute; width: 229px; height: 160px; right: 0px; top: 0px; margin-top: 0px; background: url(/images/framework/right.gif) no-repeat; z-index: 2;}
.right_headtext {position: absolute; width: 280px; height: 77px; right: 229px; top: 0px; margin-top: 0px; background: url(/images/framework/headtext.gif) no-repeat; z-index: 2;}
#content { padding: 0px 240px 0px 250px; }
.freemenu {position: absolute; width: 200px; top: 50px; right: 15px;}
.footer {clear: left; width: 100%; background: #333; color: #FFF;}
.info { background-color: #f4f4f4; padding: 10px 4px 5px 4px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.white { color: #ffffff;}
.red { color: #e74a29;}
.float { float:left; margin-right: 5px; padding-right: 5px; padding-bottom: 5px; background-color: #fff;}
.floatright { float: right; margin-left: 5px; padding-left: 5px; padding-bottom: 5px; background-color: #fff;}
.float_start { float: right; margin-left: 5px; padding-left: 5px; padding-bottom: 20px; }
.rightalign { text-align:right; }
h1 { font-size: 1.5em; color: #ffffff; border-bottom: 1px dashed #ffffff; margin-right:150px;}
h2 { font-size: 1.2em; color: #ffffff; border-bottom: 1px dashed #ffffff; margin-right:0px; }
h3 { font-size: 1.2em; color: #ffffff; margin-right:0px;}
p { margin: 0px; line-height: 1.6em; }
p.small { font-size:.7em; }
.nomargin { margin-bottom: 2px ;}
/* Zeile der Funktionen unter dem Inhalt */
.contentfunctions { width: auto; font-size:1em; margin:20px 0px 0px -8px; font-size:.95em; }
.contentfunctionsitem { float:left; padding:0px 8px; }
.contentfunctionsitemborder { float:left; padding:0px 8px; border-right:1px solid #e1e1e1; }
/* Tabellen */
table { font-size: 1em; margin: 0px; line-height: 1.6em; }
td { padding:2px; font-size: 1em; vertical-align: top; }
/* ENDE Tabellen */
/* Adresszeile */
.addbox { position: absolute; margin-left: 34px; top: 10px; color: #ffffff; }
/* ENDE Adresszeile */
.bildunterschrift { margin-top: 5px; }
.back1 { background-color: #ebebeb; }
.back2 { }
p.back2 { background-color: #f4f4f4; padding: 2px 4px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.legende { background-color: #fbfbfb; padding: 4px; border: 1px solid #a4a7b0; }
.galerie { float: left; margin: 0px 5px 5px 0px; }
.clear { clear:both; }
/* :::::::::: Design-Ende :::::::::: */
.mo { background-color: #a2cfec; }
.sa { background-color: #e62828; }
.so { background-color: #2ad14d; }
/* :::::::::: Flaggen-Ende :::::::::: */
.sp { border: 1px solid #c0c0c0; filter:alpha(opacity=35); -moz-opacity:0.5; }
.spaktiv { border: 1px solid #c0c0c0; }
/* :::::::::: Flaggen-Ende :::::::::: */
/* :::::::::: Link Styles :::::::::: */
a:link { color: #ffffff; text-decoration: underline; }
a:visited { color: #ffffff; text-decoration: underline; }
a:hover { color: #ffffff; background: #860705; }
a.start:link, a.start:visited, a.start:active { text-decoration: none; color: #ffffff; }
a.start:hover { text-decoration: none; background: #000000; color: #ffffff; }
a.white:link, a.white:visited, a.white:active { text-decoration: none; color: #ffffff; }
a.white:hover { text-decoration: none; background: #666666; color: #ffffff; padding: 1px 0px 1px 0px; }
a.menu:link, a.menu:active, a.menu:visited { text-decoration: none; color: #000000; }
a.menu:hover { text-decoration: underline; color: #efefef; }
a.blank:link, a.blank:visited, a.blank:active { text-decoration: none; color: #ffc7c7; }
a.blank:hover { text-decoration: underline; background: none; color: #ffa8a9; }
a.blanklittle:link, a.blanklittle:visited, a.blanklittle:active { text-decoration: none; color: #ffffff; }
a.blanklittle:hover { color: #efefef; }
a.blankdark:link, a.blankdark:visited, a.blankdark:active { text-decoration: none; color: #343434; }
a.blankdark:hover { text-decoration: none; background: #676767; color: #676767 }
a.blanklight:link, a.blanklight:visited, a.blanklight:active { text-decoration: none; color: #343434; }
a.blanklight:hover { text-decoration: none; background: #676767; color: #efefef; }
a.blankdarklittle:link, a.blankdarklittle:visited { text-decoration: none; color: #ffffff; }
a.blankdarklittle:hover { text-decoration: none; color: #ffffff; }
a.blankdarklittle:active { background: #a1100d; text-decoration: none; color: #ffffff; }
a.navdark:link, a.navdark:visited { text-decoration: none; color: #121212; }
a.navdark:hover, a.navdark:active { text-decoration: none; background: #666666; color: #ffffff; }
a.navactivedark:link, a.navactivedark:visited { text-decoration: none; color: #043464; }
a.navactivedark:hover, a.navactivedark:active { text-decoration: none; background: #666666; color: #ffffff; }
a.navlight:link, a.navlight:visited { text-decoration: none; font-weight: bold; color: #121212; }
a.navlight:hover, a.navlight:active { text-decoration: none; font-weight: bold; background: #676767; color: #ffffff; }
a.navactivelight:link, a.navactivelight:visited { text-decoration: none; font-weight: bold; color: #043464; }
a.navactivelight:hover, a.navactivelight:active { text-decoration: none; font-weight: bold; background: #676767; color: #ffffff; }
/* :::::::::: Link Styles Ende :::::::::: */
/* :::::::::: Logininfo :::::::::: */
.logininfo { margin-left:20px; width: 180px; font-size: .85em; }
.loginname { float:left; margin-right:10px; font-size:1.2em; }
.logintime { float:left; font-size:1.2em; }
.loginlogout { font-size:1.2em; clear:both; }
/* Login Formular */
.loginusername { float:left; margin-right: 10px;vertical-align: bottom; color:#000; }
.loginusernamefield { float:left; margin-right: 10px; }
.loginpassword { float:left; margin-right: 10px; clear:left; color:#000; }
.loginpasswordfield { float:left; clear:left; }
.loginsmartlogin { clear:both; color:#000; }
.loginbtnfield { }
.loginuser { width: 100px; border: 1px inset #e1e1e1; background-color: #fff; color: #676767; }
.loginpw { width: 100px; border: 1px inset #e1e1e1; background-color: #fff; color: #676767; }
.loginbtn { border: 1px outset #e1e1e1; background-color: #ffffff; color: #676767; }
/* :::::::::: ENDE Logininfo :::::::::: */
/* :::::::::: Form Styles :::::::::: */
.frmnomargin { margin: 0px; }
input { font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; }
textarea { font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; border: 1px inset; }
.inputborder1 { border: 1px inset; }
.input20 { width: 20px; background-color: #f3f3f3;}
.input30 { width: 30px; background-color: #f3f3f3;}
.input50 { width: 50px; background-color: #f3f3f3;}
.input100 { width: 100px; background-color: #f3f3f3;}
.input200 { width: 200px; background-color: #f3f3f3;}
.input300 { width: 300px; background-color: #f3f3f3;}
.submit { text-align: center; margin: 0px; }
.button { border: 1px outset; background: #f4f4f4; }
.select { font-size: .8em; }
.fieldset { padding: 6px; border: 1px solid #fff; }
.feldname { width: 100%; margin-top: 5px; font-weight: bold; }
.feld { width: 100%; }
.feldnamefl { float: left; width: 20%; margin-top: 5px; font-weight: bold; clear:left;}
.feldfl { float: left; width: 80%; clear:right;}
.formspan { padding: 6px; margin: auto; }
.fieldspan { clear: both; }
/* :::::::::: Form Styles Ende :::::::::: */
/* :::::::::: Weiterempfehlung :::::::::: */
.empmain { width: 350px; padding: 6px; background: #c21f1f; margin: auto; }
.empfieldset { padding: 6px; border: 1px solid #fff; }
.empfeldname { width: 100%; margin-top: 5px; font-weight: bold; }
.empfeld { width: 100%; }
/* :::::::::: Weiterempfehlung Ende :::::::::: */
/* :::::::::: News :::::::::: */
h1.newshead { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #ffffff; border-bottom: 1px solid #898989; padding-bottom: 2px; }
h1.quicklink { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #ffffff; padding-bottom: 0px; }
.nonews { padding: 6px; margin-top: 10px; border: 1px solid #898989; background: #efefef; }
.newsthema { text-align: right; margin-bottom: 15px; }
.newsspan { border: 1px solid #898989; padding: 4px; margin-top: 10px; position:relative; }
.newsimage { float: left; width: 20%; padding: 4px; height: 100%; }
.newscontent { padding: 0px 0px 4px 4px; line-height: 1.6em; text-align: left; }
.newsgallery { clear: both; padding: 6px; }
.newsfunctions { clear: both; margin: 0px; padding: 2px; text-align: center; }
.newsdetail { padding: 0px 0px 4px 4px; line-height: 1.6em; }
/* :::::::::: ENDE News :::::::::: */
/* :::::::::: Statischer Newsticker :::::::::: */
.ntickerspan { padding: 0px; }
.ntickerhead { padding: 4px; padding-left: 10px; width: auto; margin: 0px; margin-bottom: 1px; background:#31398e; color:#fff; font-size: .85em; font-weight:bold; }
.ntickercontent { padding: 4px; margin: 0px; padding-left: 13px; font-size: .85em; }
.ntickerdate { border-bottom: 1px dashed #ababab; }
.ntickertitle { }
/* :::::::::: ENDE Statischer Newsticker :::::::::: */
/* :::::::::: Newsletter :::::::::: */
.nlmain { background: #f4f4f4; padding: 6px; }
.nlfieldset { padding: 6px; border: 1px solid #fff; }
.nlfeldname { float: left; width: 30%; margin-right: 5px; font-weight: bold; }
.nlfeld { float: left; width: 68%; }
.nlthema { width: 50%; }
.nlcheck { float: left; width: 10%; }
.nlthemalabel { float: left; width: 90%; }
/* :::::::::: ENDE Newsletter :::::::::: */
/* :::::::::: Extranet :::::::::: */
h1.loginhead { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #e74a29; }
.loginleft { float: left; width: 47%; height: 300px; font-size:.9em; padding: 6px; background: #f4f4f4; border: 1px solid #898989; border-right: 0px; }
.loginright { float: left; width: 47%; height: 300px; padding: 6px; background: #dedede; border: 1px solid #898989; }
.sheetspan { padding: 4px; }
.sheettitle { float: left; width: 75%; font-weight: bold; background: #dedede; margin-top: 2px; padding:4px; }
.sheetdesc { margin-bottom: 2px; padding:0px 4px; }
.sheetfileinfo { float: left; width: 25%; background: #dedede; margin-top: 6px; margin-top: 2px; padding:4px; }
a.sheetlink:link,
a.sheetlink:active,
a.sheetlink:visited { text-decoration: none; color: #000000; }
a.sheetlink:hover { color: #efefef; text-decoration: underline; background-color: #31398e; padding: 1px; }
/* :::::::::: Extranet :::::::::: */
/* :::::::::: Gästebuch :::::::::: */
.gbhead { margin-bottom: 6px; }
.gbmainspan { margin: 6px 0px; border: 1px solid #cecece; }
.gbentryhead { background: url(/images/framework/date.gif) no-repeat; background-color: #efefef; padding: 0px 18px 2px 18px; vertical-align: top; border-bottom: 1px solid #cecece; }
.gbentryhead2 { background-color: #f5f5f5; padding: 0px 2px 2px 18px; vertical-align: top; border-bottom: 1px solid #cecece; }
.gbentrycontent { padding: 2px 18px 2px 18px; vertical-align: top; }
.gbstatus { padding: 4px; border: 1px solid #a4a7b0; margin: 8px 0px; background-color: #efefef; }
/* Links */
a.gb:link, a.gb:active, a.gb:visited { text-decoration: none; color: #000000; }
a.gb:hover { color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
/* :::::::::: ENDE Gästebuch :::::::::: */
/* Editor Styles */
.bggraydark { background: #999; color: white; }
.bggraymiddle { background: #e8e8e8; }
.bggraylight { background: #f4f4f4; }
.colorblack { color: #000000; }
.red { color: red; }
.green { color: green; }
/* ENDE Editor Styles */px;
/* :::::::::: Kalender :::::::::: */
.kalmaintable { margin-bottom: 50px; font-size: 1em; padding: 0px; }
.kallefttable { width:100%; padding: 0px; background: ; border-collapse: separate; }
.kalrighttable { width:100%; padding: 0px; background: ; border-collapse: separate; }
/* .kaleventdiv { overflow: auto; height: 600px; width: 100%; } */
.kaltdleft { width: 10%; padding: 0px; border: 0px; }
.kaltdright { width: 90%; padding: 0px; }
.kalh1 { padding: 2px; font-size: 1.2em; color: #ffffff; }
.kalh1blank { padding: 2px; font-size: 1.2em; color: #ffffff; }
.kallegenditem { padding: 2px 0px 2px 4px; border-bottom: 1px dashed #fff; color:#ffffff;}
.kallegenditemsel { padding: 2px 0px 2px 4px; border-bottom: 1px dashed #a75907; font-weight: bold; }
.kalheadmonat { width: 70%; text-align: left; }
.kalheaddatum { font-weight: bold; font-size: 1.2em; color: #ffffff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #990000;}
.kalheadva { width: 85%; font-weight: bold; font-size: 1.2em; color: #ffffff; border: 1px solid #fff; border-right: 1px solid #fff; background-color: #990000; }
.kaleventcolumn { padding: 0px; border-bottom: 1px solid #fff;}
.kaldaycolumn { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #fff;}
.kalevent { padding: 0px; width: 100% }
.kaluhrzeit { float: left; width: 15%; padding-left: 2px; }
.kaltitel { float: left; width: 80%; }
.eventdetails { }
.detailheaddate { }
.detailheadprint { float: left; width: 40%; background-color: #ffffff; padding: 1px; }
.detailanmeldung { margin-top: 1px; width: 100%; background-color: #ffffff; padding: 1px; }
/* Legende und Orte Link */
a.kallegendlink:link, a.kallegendlink:active, a.kallegendlink:visited { text-decoration: none; color: #ffffff; }
a.kallegendlink:hover { color: #990000; text-decoration: none; font-weight: bold; background-color: #ffffff; }
/* Event Links */
a.kal:link, a.kal:active, a.kal:visited { text-decoration: none; color: #ffffff; font-weight:bold;}
a.kal:hover { color: #efefef; text-decoration: none; background-color: #990000; }
a.kalanm:link, a.kalanm:active, a.kalanm:visited { text-decoration: none; color: green; }
a.kalanm:hover { color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; font-weight: bold; }
.kalsubmit { border: 1px outset; padding: 0px 1px 1px 2px; }
/* Kurzanzeige */
h1.kalKurzHead { background-color: #a75907; color: #ffffff; padding: 1px 5px; }
.kalKurzInfo { padding: 4px; vertical-align: top; margin-bottom: 10px; }
.kalKurzEvent { padding: 0px 0px 2px 18px; border-bottom: 1px dashed #a75907; background: url(/images/framework/date.gif) no-repeat; vertical-align: top; }
/* :::::::::: ENDE Kalender :::::::::: */