/*
 * CSS-Datei fuer die Bildschirmdarstellung
 * cron IT GmbH - Alle Rechte vorbehalten
 */

/*
 * dunkel orange = F7931D
 * rot = ED1C24
 * blau = 0A52A3 (business akademie)
 * schwarze raender = 231F20
 */

body { 
  background-color: #fff;
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

pre { font-family: Courier New, Courier, monospace; }
table, pre { font-size: 100%; }

table#layout { width: 100%; border-collapse: collapse; }
table#layout td.lt { margin: 0; padding: 0; }

/* allgemeine Link-Formatierung */
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }

/* Breiten etc. */
div#screen { width: 1002px; }
div#heading { width: 1002px; height: 100px; background: #fff url('stimmungsbild.jpg') no-repeat right 0; }
div#heading img { border: 0 none; }

/* Zitat der Woche */
#zitat { margin: 0 0 0 0; font-size: 0.85em; }
#zitat p,#zitat h1,#zitat h2 { margin: 0.5em 0 0.5em 0.5em; padding: 0; }
#zitat div.csc-textpic { margin: 0; padding: 0; }
#zitat div.csc-textpic-left div.csc-textpic-imagewrap { margin-bottom: 40px;}

img#logo { margin: 15px; }

/* 3-Spalten-Layout mit float's */

div.left { width: 157px; position: absolute; top: 100px; left: 0; }
div.middle { position: absolute; top: 100px; left: 166px; }
div.right { width: 235px; position: absolute; top: 100px; left: 767px; }

/* linke Spalte (NAVI) */
div.left { background: #fff url('verlauf-grau-ws.gif') repeat-y; }
div.left div#zitat { min-height: 80px; }

/* Servicenavi */
div#servicenavi { width: 620px; }
div#servicenavi ul { margin: 0; padding: 0; font-size: .9em; }
div#servicenavi ul li { list-style-type: none; float: left; margin-left: 1px; white-space: nowrap; width: 99px; text-align: center; }
div#servicenavi ul li a { background: #A7A9AC; color: #fff; padding: 6px 10px; display: block; }
div#servicenavi ul li a:hover,
div#servicenavi ul li.act a { text-decoration: none; background: #363636; }

/* Suchbox */
div#suchbox { background-color: #231F20; color: #fff; font-size: 11px; height: 26px; }
div#suchbox form { padding: 2px 0; margin: 0;  }
div#suchbox input { border: 0 none; font-size: 90%;vertical-align: middle; }
div#suchbox span.label { margin: 0 15px; vertical-align: middle; }
div#suchbox input.image { margin: 0 13px; }

/* Printlink */
div#druckansicht { background-color: #808285; padding: .5em 1.2em; color: #fff; margin-top: 1px; }
div#druckansicht a { text-decoration: none; color: #fff; background: url('drucken.gif') no-repeat right center; padding-right: 22px; }
div#druckansicht a:visited { text-decoration: none; color: #fff; }
div#druckansicht a:hover { text-decoration: underline; }

/* Newsletterlink */
div#druckansicht .newsletter { text-decoration: none; color: #fff; background: url('newsletter.gif') no-repeat right center; padding-right: 22px; margin: 0 13px; }
div#druckansicht .newsletter:visited { text-decoration: none; color: #fff; }
div#druckansicht .newsletter:hover { text-decoration: underline; }

/* Abstand zwischen Druckansicht und Infoblock */

div#druckansicht { margin-bottom: 28px; }

/* Infoblock rechts */
div#infoblock { font-size: 90%; }
div#infoblock div.csc-header h2 { font-size: 1.2em; color: #fff; background-color: #ED1C24; padding: .35em 1em; margin: 0; }
div#infoblock div.csc-frame-frame1 div.csc-header h2 { font-size: 1.2em; border-left: .5em solid #F7931D; background-color: #FFE5CA; color: #000; padding: .5em .8em; margin: 0; }
div#infoblock div.csc-frame-frame1 div.csc-header h2.csc-firstHeader { border-left: 1em solid #F7931D; background-color: #FDC689; color: #000; letter-spacing: 1px; }

div#infoblock div.csc-frame-frame1 { background-color: #FFEDDA; padding-bottom: 1em; min-height: 100px;  }



div#infoblock div.csc-frame-frame1 p,
div#infoblock div.csc-frame-frame1 h2 { margin: 0 1.5em;  }

div#infoblock div.csc-frame-frame1 p { padding: 1em 0; }
div#infoblock div.csc-frame-frame1 h2 { padding-top: 1em; }

div#infoblock div.csc-frame-frame1 h2 { font-size: 1em; color: #F7931D;}

div#infoblock div.csc-frame-frame1 div.csc-textpic-intext-right img { border: 1px solid black; position: relative; top: -12px; left: -17px; display: block;  margin:0px 0px -12px 6px}

/* Hauptnavi */
div.hauptnavi ul { background-color: #fff; }

div.hauptnavi a { text-decoration: none; color: #000; }
div.hauptnavi a:hover { text-decoration: none; }

div.hauptnavi ul { margin: 0; padding: 0; font-size: .9em; margin-bottom: 50px; border-bottom: 1px solid #ED1C24; }
div.hauptnavi ul ul { margin: 0; border: 0 none; margin-bottom: .25em; font-size: 1em;}
div.hauptnavi ul li { list-style-type: none; margin: 0; padding: 0; }

div.hauptnavi ul li a { display: block; border-top: 1px solid #ED1C24; background: url('verlauf-grau-ws.gif') repeat-y; padding: .35em 1em .35em 1em; }


*body div.hauptnavi ul li a { padding-bottom: .5em;  }

div.hauptnavi ul li.act a { background: url('verlauf-rot-ws.gif') repeat-y; border: 0 none; font-weight: bold; color: #fff; }
div.hauptnavi ul li a:hover { color: #ED1C24; }

div.hauptnavi ul li.act a:hover { color: white; }
div.hauptnavi ul li.act ul li a:hover { color: #ED1C24; }

div.hauptnavi.main ul li.act a {  }
div.hauptnavi ul li.act li a { background: #fff; font-weight: normal; color: #000; padding: .1em 1em; }

div.hauptnavi ul li.act li.act a { font-weight: bold; }

div.hauptnavi.service ul li a { border-top: 1px solid #231F20; }
div.hauptnavi.service ul li.act a { font-weight: bold; background: url('verlauf-grau-ws.gif') repeat-y; padding: .35em 1em; border-top: 1px solid #231F20; color: #000; }
div.hauptnavi.service ul { border-bottom: 1px solid #231F20; }

/* Banner unten links und rechts */
div.left div.banner {  }
div.right div.banner {  }

/* Content-Bereich */
div.middle div.content { padding-top: 28px; clear: both; margin-left: 2px; }
#content { width: 490px; }
#contentWide { width: 835px; }
#contentRight { width: 235px; position: absolute; top: 100px; left: 602px; }

div#rootline { clear: both; padding: 0.5em 0; margin-left: 2px; width:596px; }

.content a { color: #ED1C24; }

dfn, .hidden {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0px;
  height:0px;
  overflow:hidden;
  display:inline;
}

.accessKey {
  text-decoration: underline;
}

div.content {  }

.csc-mailform-radio fieldset {border:0px solid}
legend {display:none}
input.csc-mailform-radio {float:left;margin:0px 5px 0px 0px}
.csc-mailform-radio fieldset {border:0px solid}
.csc-mailform-radio label {margin:3px 0px 0px 0px}

