body {font: 62.5%/1.6 Arial, Helvetica, Verdana, sans-serif;}
/* Keine margins, kein padding */
* { margin: 0; padding: 0 }
html { zoom: 1; } /*for IE*/
body { text-align: center } /*fuer IE, undone im wrapper*/
body { background-color: #ddd;min-width: 990px}
.editmode {font-size:62.5%}

/* Basic layout
=================================================================================================== */
#wrapper  { background-color: #fff; text-align: left; margin: 0 auto; width: 990px}
#branding   { background-color: #fff; background-image: url("images/dbc_logo.gif"); background-repeat: no-repeat; background-position: 0 20px; padding: 20px; height: 80px }
#mainNav  {  list-style: none; width: 215px; float: left;border-top: 2px solid #afddf4;border-bottom: 2px solid #afddf4; }
#content  { width: 760px; float: right }
#mainContent  { background-color: #dee2b2; margin: 0; width: 530px; float: left }
#secondaryContent  { background-color: #c3a399; display: inline; width: 215px; float: right; }
#footer  { background-color: #fff; padding: 0; clear: both; height:15px }

a:link {outline: none;}
a:visited {outline: none;}
a:hover {outline: none;}
a:active {outline: none;}

#subheader {background-color: #fff;font-size:1.3em;line-height: 30px}
#subheader #home  { width: 230px; float: left }
#subheader #home a { text-decoration: none; color:#000; display:block}
#subheader #home a:hover { color:#1389d1; }
#subheader #home p  { background-image: url("images/bg_blau.gif"); background-repeat: no-repeat; height: 20px;width:215px }
#subheader #welcome {width:545px;float:left}
#subheader #welcome p  { background-image: url("images/bg_gruen.gif"); background-repeat: no-repeat; height: 20px }
#subheader #news {width: 215px;float:left; }
#subheader #news p  { background-image: url("images/bg_braun.gif"); background-repeat: no-repeat; height: 20px }
#subheader h6 {font-size:1em; color:#000; margin-left:10px;font-weight:normal}


/* ============== Main Navigation Start ==============  */
/* --------- Level 1 ----------- */
#mainNav ul {list-style: none; font-size: 1em; padding-right: 0px; padding-left: 0px;padding-top: 0px;}
/* Hilite current level 1 */
#mainNav ul li a {margin-bottom:2px;background-color: #afddf4;color: #000; text-decoration: none; display: block; padding-left: 10px; padding-top: 15px;padding-bottom: 3px;font-size: 1.3em; line-height: 1.4em}
#mainNav ul li a:hover { color: #000; background-color: #C2E8F8;}
#mainNav ul li a.current { color: #000; background-color: #fff;border-bottom: none;}

/* --------- Level 2 ----------- */
#mainNav ul ul {  background-color: #DAF0FA;padding-top: 3px;border-bottom: 2px solid #fff;padding-bottom:10px}
#mainNav ul ul li {border-bottom: none;}
/* Hilite current level 2 */
#mainNav ul ul li a {color: #000; background-color: transparent;font-weight: normal; margin-bottom: 0px; border-bottom: none; padding-top: 5px;padding-left: 20px;}
#mainNav ul ul li a:hover { color: #1389d1; background: none;}
#mainNav ul ul li a.current { color: #1389d1; background:none; font-weight: bold}

/* --------- Level 3 ----------- */
#mainNav ul ul ul { border-bottom: none; padding-top: 0; padding-bottom:0}

/* Hilite current level 3 */
#mainNav ul ul ul li a {color: #000; background-color: transparent;font-weight: normal; margin-bottom: 0px; border-bottom: none; padding-top: 0;margin-left:20px; padding-left: 10px;background-image: url("images/minipfeil_black.gif"); background-repeat: no-repeat; background-position: left 4px;}
#mainNav ul ul ul li a:hover { color: #1389d1; background-image: url("images/minipfeil_blau.gif"); background-repeat: no-repeat; background-position: left 4px;}
#mainNav ul ul ul li a.current { color: #1389d1; background:none; font-weight: bold; padding-left: 12px; background-image: url("images/raute_blau.gif"); background-repeat: no-repeat; background-position: left 4px;}
/* ============== Main Navigation End ==============  */
/* Fix IE. Hide from IE Mac \*/
* html #mainNav ul li  { width: 100%; height: 1% }
* html #mainNav ul li a  { height: 1% }
* html #mainNav li  { margin-top: 0 }
* html #mainNav ul  { padding-top: -1px }
/* End */

#mainNav .navibtm  { height:35px }



/* ============== Main Content ==============  */
.text  { background-color: #dee2b2; padding: 15px }
.text_bg  { background-color: #c8cf7f; padding: 15px }
.text .containertable, .text_bg .containertable { margin-bottom: 20px; }
.text .cont_table_profil, .text_bg .cont_table_profil { margin-bottom: -10px; }
#content .text .shortinfo, #content .text_bg .shortinfo { vertical-align: top; }
.text .containerlink, .text_bg .containerlink { vertical-align: bottom;border-bottom: 1px solid #000;}
#content .text .containerlink a, #content .text_bg .containerlink a  { color: #000; font-size: 1.2em; font-weight: normal; text-decoration: none; background-image: url("images/pfeil.gif"); background-repeat: no-repeat; padding-left: 15px }
.text .containertable .zitat, .text_bg .containertable .zitat { vertical-align: top }
.text .cont_table_profil .zitat, .text_bg .cont_table_profil .zitat { vertical-align: top }
#content .text .containertable .zitat  a, #content .text_bg .containertable .zitat  a { color: #000; }
#content .text .pfeillink, #content .text_bg .pfeillink { color: #000; text-decoration: none; background-image: url("images/pfeil.gif"); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 15px; border-bottom: 1px solid #000 }
#content .text .linkpfeil, #content .text_bg .linkpfeil { color: #000; text-align: right;text-decoration: none; background-image: url("images/pfeil.gif"); background-repeat: no-repeat; background-position: right 3px; display: block; padding-right: 15px; border-bottom: 1px solid #000 }
#content .text .linkpfeil_back, #content .text_bg .linkpfeil_back { color: #000; text-decoration: none; background-image: url("images/pfeil_back.gif"); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 15px; border-bottom: 1px solid #000 }
#content .text .linkpfeil_top, #content .text_bg .linkpfeil_top { color: #000; text-decoration: none; display:block;background-image: url("images/pfeil_top.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 15px; border-bottom: 1px solid #000 }


#content, .editmode { color: #000; }
#content h1, .editmode h1   { font-size: 1.5em; font-weight: normal; line-height: 1.3em; text-transform: uppercase; margin-bottom: 1em }
#content h2, .editmode h2  { font-size: 1.4em; line-height: 1.3em; margin-bottom: 0.3em }
#content h3, .editmode h3 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em}
/* ============== Zwischenüberschriften h4 im Text hinterlegt ============== */
#content h4, .editmode h4  { font-size: 1.5em; font-weight: normal; line-height: 1.3em; background-color: #c8cf7f; text-transform: uppercase; margin: 1.3em -15px 0.5em; padding: 10px 15px }
#content h5, .editmode h5 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em}
#content h6, .editmode h6 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em; margin-top: 0.5em; line-height: 1em}

.explain {color: #000;font-size: 1em;}

.break { line-height: 0; clear: both }
#mainContent .hr_1px  { margin-bottom: 10px; margin-top: 10px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #959799}
#content br, .editmode br { line-height: 0.6em }

#content p, .editmode p { font-size: 1.3em; line-height: 1.6em; margin-bottom: 0.5em;}
#content ul, .editmode ul { margin-bottom: 1em; padding: 0; list-style-type: none}
#content ul li, .editmode ul li { font-size: 1.3em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#content li li, .editmode li li { font-size: 0.9em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#content a, .editmode a { color:#000; font-weight: bold;  }
#content a:hover, .editmode a:hover { color: #000;}

/* ============== Secondary Content (rechte Spalte) ==============  */
#secondaryContent {color: #000;}
#secondaryContent p { margin-bottom: 0.5em;}
#secondaryContent .text_rc { background-color: #c3a399; padding: 10px }
#secondaryContent .text_rc_bg  { background-color: #a27066; padding: 10px }
#secondaryContent .text_rc .pfeillink, #content .text_rc_bg .pfeillink { color: #000; text-decoration: none;background-image: url("images/pfeil.gif"); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 15px; border-bottom: 1px solid #000 }
#secondaryContent .text_rc .linkpfeil, #content .text_rc_bg .linkpfeil { color: #000; text-align: right;text-decoration: none; background-image: url("images/pfeil.gif"); background-repeat: no-repeat; background-position: right 3px; display: block; padding-right: 15px; border-bottom: 1px solid #000 }
#secondaryContent .hr_1px  { margin-bottom: 10px; margin-top: 10px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #000}

/* Bilder 
---------------------------------------------------------------- */

#mainContent .floatleft { margin: 5px 15px 1.3em 0; float: left; }
#mainContent .floatright { margin: 5px 0 1.3em 15px; float: right; }
#mainContent .pic_fullwidth { margin: 5px 0 10px 0; float: right; }
#mainContent .divblock { margin-bottom: 10px; }
#mainContent .divblock img {float:none }

/* ============== Bilder im Textfeld ==============  */
#mainContent .bildreihe, .editmode .bildreihe {margin-top:10px; margin-bottom:10px; margin-right:15px }
#mainContent .breitbild, .editmode .breitbild {margin-top:10px; margin-bottom:10px;}

/* Datei-Links 
---------------------------------------------------------------- */
.pdf, .editmode .pdf, #secondaryContent .pdf{ text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/pdficon_small.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.doc, .editmode .doc, #secondaryContent .doc { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/wordicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.xls, .editmode .xls, #secondaryContent .xls { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/excelicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.ppt, .editmode .ppt, #secondaryContent .ppt { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/ppticon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.zip, .editmode .zip, #secondaryContent .zip { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/zipicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.fla, .editmode .fla, #secondaryContent .fla { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/flashicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}