/* 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,
caption { 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: separate; vertical-align: top; font-size: 100%; }
tr, td { vertical-align: top; font-size: 100%; }
/* ENDE RESET */
/* :::::::::: Globale Anweisungen :::::::::: */
html,body { font-family:arial; color:#000; }
body { font-size: .80em; }
.csesmall { background:url(/content/images/framework/13042010-cse-banner-website-small.jpg) no-repeat; width: 150px; height: 62px; color: #000;}
.cse { background:url(/content/images/framework/13042010-cse-banner-website.jpg) no-repeat; width: 200px; height: 83px; color: #000; }
/* :::::::::: ENDE Globale Anweisungen :::::::::: */
/* :::::::::: Vertikale Navigation :::::::::: */
#sidebar { padding:0; margin: 0px; width:220px; display: block; border-bottom: 1px solid #e3e4e5; }
#sidebar ul { list-style: none; background-color: none; padding: 0px; margin: 0px; }
#sidebar li { list-style: none; display: inline; margin: 0px; padding: 0px; }
#sidebar a { display:block; text-transform: uppercase; color: #000; margin: 0px; padding: 7px 0px 7px 20px; border-top: 1px solid #e3e4e5; font-weight: normal; }
#sidebar ul ul { margin: 0px 0px 0px 20px; padding:0px; }
#sidebar a:visited { }
#sidebar a.butpfad,
a:visited.butpfad { text-decoration:none; color: #a36e2f; background-color: #ffffff; }
#sidebar a:hover,
a:hover.butpfad { text-decoration:none; background-color: #ffffff; color: #d3a23c; }
#sidebar .butakt { display : block; margin:5px 0 0; padding: 0 0 0 18px; }
.navi1 { }
.navi2 { font-size: .9em; }
/* :::::::::: ENDE Vertikale Navigation :::::::::: */
/* :::::::::: Horizontale Navigation :::::::::: */
#hnavspan { font-size: .9em; list-style:none; margin-left: 2px; }
.hnavlist { display:inline; margin: 0px; padding: 0px; list-style: none; }
ul.hnavlist a { display: block; margin-top: 0px; list-style: none; }
ul.hnavlist { list-style: none; }
.hnavlistitem { float: left; width: 121px; height: 40px; text-align: center; border-right: 1px solid #fff; text-transform: uppercase; }
a.hnavnosel:link,
a.hnavnosel:visited { font-weight: normal; padding: 12px 0px 34px 0px; text-decoration: none; background: url(/content/images/bg/bg-nav.jpg) repeat-x; color: #fff; }
a.hnavnosel:hover,
a.hnavnosel:active { font-weight: normal; padding: 12px 0px 34px 0px; text-decoration: none; background: url(/content/images/bg/bg-nav-hover.jpg) repeat-x; color: #fff; }
a.hnavsel:link,
a.hnavsel:visited { font-weight: normal; padding: 12px 0px 34px 0px; text-decoration: none; background: url(/content/images/bg/bg-nav-hover.jpg) repeat-x; color: #fff; }
a.hnavsel:hover,
a.hnavsel:active { font-weight: normal; padding: 12px 0px 34px 0px; text-decoration: none; background: url(/content/images/bg/bg-nav-hover.jpg) repeat-x; color: #fff; }
.hnavsublist { display:none; position:absolute; text-transform: none; font-size: .85em; }
.hnavsublistitem { margin: 0px 20px 0px 0px; }
.hnavsublist li { display: inline; list-style: none; margin: 0px; padding: 0px; padding-right: 20px;}
.hnavsublist ul { margin: 0px; padding: 0px; }
a.hnavsubnosel:link,
a.hnavsubnosel:visited { text-decoration: none; font-weight: bold; color: #ffffff; }
a.hnavsubnosel:hover,
a.hnavsubnosel:active { text-decoration: none; font-weight: bold; color: #12734a; }
a.hnavsubsel:link,
a.hnavsubsel:visited { text-decoration: none; font-weight: bold; color: #12734a; }
a.hnavsubsel:hover,
a.hnavsubsel:active { text-decoration: none; font-weight: bold; background: #a26683; color: #a36e2f; }
#hnavcontrols { position:absolute; margin-top:-15px; left: 0px; text-align: left; }
/* :::::::::: Horizontale Navigation :::::::::: */
/* :::::::::: Designrichtlinien :::::::::: */
div#container { position:relative; margin: 0 auto; width:980px; }
div#header { height: 400px; }
.header { position:absolute; width: 980px; height: 32px; background: url(/content/images/bg/top.png) no-repeat; }
div#nav { float:left; width:240px; display:block; margin-right: 15px; margin-top: 7px; }
div#navHorizontal { position:absolute; top: 336px; width: 980px; height:43px; }
div#content { padding-top:20px; }
.contentwrapper { background: #fff; }
.content { float:left; width: 720px; }
.contenteinzug { float:left; width: 485px; margin-right:15px; }
.infotop { position: absolute; height: 113px; width: 980px; }
.logo { position:absolute; right: 0px; margin-top: 32px; z-index:100; }
.borderp { border-top: 1px solid #921a28; line-height: 1.5em; }
.borderpend { border-top: 1px solid #921a28; border-bottom: 1px solid #921a28; line-height: 1.5em; }
.borderpwhite { border-top: 1px solid #ffed00; padding: 10px 0px 10px 0px; }
.borderpendwhite { border-top: 1px solid #ffed00; border-bottom: 1px solid #ffed00; padding: 10px 0px 10px 0px; }
.footerwrapper { background: url(/content/images/bg/bg-footer.jpg) repeat-x; width; 960px; padding: 10px; color: white; font-size: .95em; }
.footerlogo { position: absolute; margin-top: 20px; right: 0px; width:128px; height:55px; background: url(/content/images/bg/footer-logo.png) no-repeat; z-index: 100; }
.headerslogan { position: absolute; margin-left: 675px; width: 305px; height: 70px; background: url(/content/images/bg/bg-headerslogan.png); text-align: center; z-index:100; }
.headerslogancontent { padding-top: 22px; color: #ededed; font-size: 1.6em; }
fadein { position:relative; height:296px; width:980px; }
.fadein img { position:absolute; height:296px; width:980px; }
div#footer { margin:0px; margin-top: 20px; width: 980px; }
div#footercontent { padding: 0px; }
.suche { position: absolute; top: 4px; right: 200px; }
.language { position: absolute; top:5px; right: 10px; }
div#infolinks { margin:0px; padding:0px; }
div#infostart { position:absolute; margin-top: 32px; width: 980px; }
div#inforechts { float:left; margin-bottom: 4em; margin-left: 1px; width: 220px; }
#cu3er-background { }
#cu3er-container { width:539px; height: 242px; outline:0; margin: -10px; margin-bottom:1px; }
/* 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; }
ol { padding : 0; margin : 0 0 0 20px; }
li { margin-bottom: 8px; line-height: 1.4em;}
ul { list-style: url(/images/cm/pfeil.gif); margin: 0px; margin-left: 20px; padding-left: 1.4em; }
hr { background:#c0c0c0 none repeat scroll 0%; border:0pt none; height:1px; }
h1 { font-size: 1.8em; color: #a36e2f; padding: 0px; margin: 0px; line-height: 1.4em; text-transform:uppercase; font-weight: normal; }
h2 { font-size: 1.4em; color: #a36e2f; padding: 0px; margin: 0px; line-height: 1.4em; }
h3 { font-size: 1.2em; color: #a36e2f; padding: 0px; margin: 0px; line-height: 1.4em; }
p { padding:0px; margin:0px; line-height: 1.4em; }
.small { font-size: .95em; }
.legende { background-color: #fbfbfb; padding: 4px; border: 1px solid #a4a7b0; }
.galerie { float: left; margin: 0px 5px 5px 0px; font-size: .9em; }
.clear { clear:both; }
/* :::::::::: ENDE Designrichtlinien :::::::::: */
/* :::::::::: Tabellen :::::::::: */
table { }
td { font-family: arial; }
th { font-size: 1em; }
/* :::::::::: Tabellen :::::::::: */
/* :::::::::: Flaggen :::::::::: */
.sp { border: 1px solid #c0c0c0; }
.spaktiv { border: 1px solid #c0c0c0; }
/* :::::::::: Flaggen-Ende :::::::::: */
/* :::::::::: Link Styles :::::::::: */
a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #999999; text-decoration: none; }
a.start:link,
a.start:visited,
a.start:active { text-decoration: none; color: #000; }
a.start:hover { text-decoration: none; background: #efefef; color: #ffffff; }
a.white:link,
a.white:visited,
a.white:active { text-decoration: none; color: #ffffff; }
a.white:hover { text-decoration: none; background: #feed00; color: #000; 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: #383838; }
a.blank:hover { text-decoration: underline; background: none; color: #727272; }
a.blanklittle:link,
a.blanklittle:visited,
a.blanklittle:active { text-decoration: none; color: #000; }
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: #fff; color: #666 }
a.blanklight:link,
a.blanklight:visited,
a.blanklight:active { text-decoration: none; color: #343434; }
a.blanklight:hover { text-decoration: none; background: #fff; color: #666; }
a.blankdarklittle:link,
a.blankdarklittle:visited { text-decoration: none; color: #000; }
a.blankdarklittle:hover { text-decoration: none; color: #000; background: #f4f4f4;}
a.blankdarklittle:active { background: #f4f4f4; text-decoration: none; color: #000; }
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: #fff; color: #666; }
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 { color: #001000; font-size: 1em; }
.textarea { background: #e3e4e5 repeat-x; width: 486px; border: none; height: 100px; }
.inputborder1 { border: none; }
.input20 { height:26px; width: 20px; background: #e3e4e5 repeat-x; }
.input30 { height:26px; width: 30px; background: #e3e4e5 repeat-x; }
.input50 { height:26px; width: 50px; background: #e3e4e5 repeat-x; }
.input100 { height:26px; width: 100px; background: #e3e4e5 repeat-x; }
.input200 { height:26px; width: 200px; background: #e3e4e5 repeat-x; }
.input300 { height:26px; width: 486px; background: #e3e4e5 repeat-x;}
.submit { text-align:left; margin: 0px; padding: 0px; }
#suche { position: absolute; margin: 0px; padding: 0px; margin-top: 78px; right: 20px; height: 20px; z-index: 10; }
.sucheinput { width: 155px; height: 20px; border: 0px; background: url(/images/cm/sucheback.gif) no-repeat; padding-left: 26px; }
.suchego { width: 16px; height: 20px; border: 0px; background: url(/images/cm/go.gif) no-repeat; color: #ffffff; }
.button { border: 1px outset; background: #dfdbd3; }
.select { font-size: .9em; }
.fieldset { padding: 6px; border: 1px solid #474747; }
.feldname { width: 100%; margin-top: 5px; font-weight: bold; }
.feld { width: 100%; }
.feldnamefl { float: left; width: 100px; margin-top: 5px; font-weight: bold; clear: left;}
.feldfl { float: left; width: 300px; clear: right; margin-bottom: 4px; }
.formspan { padding: 0px; width: 500px; margin-left: 0px; }
.fieldspan { clear: both; }
.hp_phone { display: none !important; } /* Honeypot Container hidden */
/* :::::::::: Form Styles Ende :::::::::: */
/* :::::::::: News :::::::::: */
h1.newshead { font-size: 1em; margin-top: 0px; margin-bottom: 1px; color: #000; padding: 4px; background:#e3e3e3; color:#666666; }
h1.quicklink { font-size: 1em; margin-top: 0px; margin-bottom: 4px; background-color: #fff; color: #000; padding: 0px; }
.nonews { padding: 4px; margin-top: 10px; background: #efefef; }
.newsthema { text-align: right; margin-bottom: 5px; padding-bottom: 2px; font-size: .9em; border-bottom: 1px solid #e3e3e3; background:#f4f4f4;}
.newsspan { padding: 0px; margin: 0px; font-size: .9em; }
.newsselect { padding: 0px; margin: 0px; margin-bottom: 5px; font-size: .9em; }
.newsimage { float: left; margin-right: 10px; }
.newscontent { padding: 0px 0px 4px 0px; text-align: left; }
.newsgallery { padding: 0px; padding-top: 10px; }
.newsfunctions { margin: 0px; font-size: .9em; padding-top: 4px; margin-bottom: 15px; }
.newsdetail { padding: 0px 0px 4px 0px; line-height: 1.4em; border-bottom: 1px solid #e3e3e3;}
/* :::::::::: 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; }
.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 :::::::::: */
/* :::::::::: Kalender :::::::::: */
.kalmaintable { width: 100%; margin-bottom: 50px; border: 1px solid #999999; border-collapse: collapse; font-size: .85em; padding: 0px; }
.kallefttable { width: 100%; padding: 0px; background: #ffffff; border-collapse: separate; }
.kalrighttable { width: 100%; padding: 0px; background: #ffffff; border-collapse: separate; }
/* .kaleventdiv { overflow: auto; height: 600px; width: 100%; } */
.kaltdleft { width: 30%; padding: 0px; background-color: #f4f4f4; border: 0px; border-right: 1px solid #c0c0c0; }
.kaltdright { width: 70%; padding: 0px; border: 0px; }
.kalh1 { padding: 2px; padding-left: 20px; margin-left:0px; font-size: 1.2em; background-color: #e6e6e6; color: #666666; border-right: 1px solid #e6e6e6; }
.kalh1blank { padding: 2px; font-size: 1.2em; color: #ffffff; background-color: #999999; }
.kallegenditem { padding: 2px 0px 2px 4px; border-bottom: 1px dashed #999999; }
.kallegenditemsel { padding: 2px 0px 2px 4px; border-bottom: 1px dashed #999999; font-weight: bold; }
.kalheadmonat { width: 70%; background-color: #999999; padding-left: 20px; }
.kalheaddatum { width: 20%; color: #999999; background-color: #e6e6e6; padding: 2px; }
.kalheadva { width: 85%; color: #999999; background-color: #e6e6e6; padding: 2px; }
.kaleventcolumn { padding: 2px; margin: 0px; }
.kaldaycolumn { padding: 2px; width: 30%; border-right: 1px solid #999999; }
.kalevent { padding: 0px; width: 100%; }
.kaluhrzeit { float: left; width: 20%; padding-left: 2px; }
.kaltitel { float: left; width: 70%; }
.eventdetails { padding: 0px; padding-top:10px; border-top: 1px solid #999999; }
.detailheaddate { background-color: #ffffff; padding: 0px; padding-bottom: 10px; }
.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: #121212; }
a.kallegendlink:hover { color: #898989; text-decoration: none; font-weight: bold; background-color: #ffffff; }
/* Event Links */
a.kal:link, a.kal:active, a.kal:visited { text-decoration: none; color: #000000; }
a.kal:hover { color: #efefef; text-decoration: none; background-color: #31398e; padding: 1px; }
a.kalanm:link, a.kalanm:active, a.kalanm:visited { text-decoration: none; color: green; }
a.kalanm:hover { color: #efefef; text-decoration: none; background-color: #31398e; padding: 1px; font-weight: bold; }
.kalsubmit { border: 1px outset; padding: 0px 1px 1px 2px; }
/* Kurzanzeige */
.kalKurzHead { padding: 4px; width: auto; margin: 0px; margin-bottom: 1px; background:#31398e; color:#fff; font-size: .85em; padding-left: 10px; font-weight:bold; }
.kalKurzInfo { padding: 4px; border-top: 1px solid #ffffff; vertical-align: top; margin-bottom: 10px; font-size: .85em; }
.kalKurzEvent { padding: 0px 0px 2px 13px; border-bottom: 1px dashed #999999; background: url(/images/framework/date.gif) no-repeat; vertical-align: top; }
/* :::::::::: ENDE Kalender :::::::::: */
/* :::::::::: Extranet :::::::::: */
.sheetspan { padding: 0px; }
.sheettitle { float: left; width: 70%; font-weight: bold; background: #dedede; margin-top: 10px; padding: 4px; }
.sheetfileinfo { float: left;width: 20%; background: #dedede; margin-top: 10px; padding: 4px; }
.sheettitle p,
.sheetfileinfo p { padding:4px; }
.sheetdesc { margin-bottom: 1px; clear:both; }
a.sheetlink:link,
a.sheetlink:active,
a.sheetlink:visited { text-decoration: none; color: #000000; }
a.sheetlink:hover { color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
/* :::::::::: ENDE Extranet :::::::::: */
/* :::::::::: Sitemap :::::::::: */
.navinhalt_sitemap { background: #e4e4e4; padding: 1px; border-bottom: 1px solid #f4f4f4; border-top: 2px solid #ffffff;}
.navinhalt_sitemap2 { padding: 2px; margin-left: 7px; }
/* :::::::::: ENDE Sitemap :::::::::: */
/* :::::::::: Editorstyles :::::::::: */
.bggraydark { background: #999; color: white; }
.bggraymiddle { background: #e8e8e8; }
.bggraylight { background: #f4f4f4; }
.colorblack { color: #000000; }
.redwhite { color: white; background:red; padding:2px; }
.green { color: green; }
/* :::::::::: ENDE Editorstyles :::::::::: */