div > h1 {margin-top: 0px;}
body {
    background-color: #ffffff;
    padding: 0px;
    padding-left: 20px;
    margin: 10px 0px 0px 0px;
    background: url(images/body.bg.gif) top left repeat-x #ffffff;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
    text-align:left;
}
/**************************************************************
DIE BASICS
**************************************************************/
#stageholder {
    position:relative;
    width: 1020px;
    text-align:center;
    margin:0px auto;
}
#head {
    position:relative;
    width: 1020px;
    text-align:center;
    margin:0px auto;
    height: 150px;
}
#ctl00_logo {
    position: absolute;
    top: 10px;
    left: 0px;
}
#content {
    background-color: #e5ecf6;
    width: 800px;
    text-align:left;
    padding: 9px 10px;
    float:left;
    line-height: 140%;
    margin-bottom: 20px;
    min-height: 450px;
    position: relative;
}
/**************************************************************
/* STÜTZRÄDLE
**************************************************************/
#content {
    border: 1px solid #113388;
}
.cols3 {
    border: 0px solid #426bb3;
}
/**************************************************************
NAVIGATION LINKS
**************************************************************/
#navileft {
    position:relative;
    float:left;
    width: 170px;
    margin-right: 20px;
    background-color: #426bb3;
}
#navileft ul {
    list-style: none;
    padding:10px 10px 10px 13px;
    margin:0px;
    text-align:left;
    letter-spacing: 0.1em;
}
#navileft li {
    padding-bottom: 10px;
    display:block;
}
#navileft a {
    text-decoration:none;
    color: white;
}
#navileft a:hover {
    text-decoration:underline;
}
#navileft a.active {
/*    text-decoration:underline;    */
/* TESCHTE */
    background-color: #113388;
    color: white;
    display:block;
    margin:-5px -10px -5px -13px;
    padding:5px 10px 5px 13px;
    
}
/**************************************************************
NAVIGATION OBEN
**************************************************************/
#navi 
    {
    color: White;
    }
ul#navi {
    width: 950px;
    text-align:left;
    position:absolute;
    top:90px;
    left:0px;
/*    width: 799px;*/
    background: #426bb3;
    display:inline;
    height: 30px;
    border-left:1px solid white;
    overflow:hidden;
    z-index:100;
    list-style: none;
    margin:0px;
    padding: 0px;
    padding-top:9px; 
    padding-bottom: 1px;
    margin-left:-1px;
    height:20px;    
    letter-spacing: 1px;
    text-transform: uppercase;
}
ul#navi li, ul#perslinks li {
    display:inline;
}
ul#navi li a {
/*    padding: 9px 8px;*/
    padding: 9px 12px;
    color: white;
    margin-right:-5px;
    margin-left:1px;
    border-right: 1px solid white;
    text-decoration:none;
}
ul#navi li a:hover {
    background-color: #113388;
}
ul#navi li a.active {
/*    font-weight:bold;
    color:black;    */
    background-color: #113388;
}
ul#perslinks {
    position: absolute;
    top:50px;
    right: -10px;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;    
}
ul#perslinks li {
    background: url(images/perslinks.li.gif) no-repeat ;
/*    background-position: -10px 4px;*/
    padding-left: 8px;
}
ul#perslinks a {
    text-decoration: none;
    color: white;
    margin-right: 10px;
}
#breads {
    position:absolute;
    top: 128px;
    left: 0px;
    text-align:left;
    color: #113388;
    font-size: 10px;
    text-transform: uppercase;
}
#breads a {
    text-decoration:none;
    color: #113388;
}

#breads a:hover {
    color: #000000;
}
/**************************************************************
FOOTER
**************************************************************/
/* PERS-LAYER ------------------------------------------------- */
#footer {
    position:absolute;
    bottom:0px;
    width: 99.999%;
    height: 40px;
    background: url(images/footer.bg.gif) repeat-x;
    text-align:center;
    color: white;
    
}
#footer p {
/*    background-color: yellow;*/
    color: white;
    padding-top: 7px;
}
/* ------------------------------------------------- */
#foot {
    clear:left;
    text-align:center;
    margin:0px auto;
    margin-left: -20px;
    padding-left: 20px; 
    height: 30px;
    background-color: #113388;
/*    width: 900px;*/
    margin-top: 20px;
}
#foot p {
    color: white;
    padding-top: 8px;
    font-size: 10px;
}
#foot p a {
    background: url(images/perslinks.li.gif) no-repeat ;
    text-decoration: none;
    color: white;
    padding-left: 8px;
    margin-right: 10px;
}
/**************************************************************
FONTS
**************************************************************/
h1, h2, h3, h4 { 
    color: #113388; 
    letter-spacing: 0.1em;
}
h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
p, body {
    letter-spacing: 0.1em;
}
br {
    letter-spacing: 0;
}
/**************************************************************
LINKS
**************************************************************/
#content a {
    color: #113388;
    text-decoration: underline;
}

#content a:hover {
    color: White;
    background-color: #113388;
}
/**************************************************************
COMMON
**************************************************************/
.clear {clear:both;}
.clearr {clear:right;}
.clearl {clear:left;}
.clear, .clearr, .clearl {
    height: -1px;
}
.break {
    clear:both;
    height: 10px;
}
/**************************************************************
ECKCHEN in Weiss
**************************************************************/
.ro {
    position:absolute;
    top: 0px;
    right: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.ro.gif) no-repeat;
    z-index: 100;    
/*    border: 1px solid red;*/
}
.lu {
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.lu.gif) bottom right no-repeat;
/*    border: 1px solid red;*/
    z-index: 100;
}
/**************************************************************
ECKCHEN für den Contentbereich
**************************************************************/
.contentru {
    position:absolute;
    bottom: -1px;
    right: -1px;
    width: 9px;
    height: 9px;
    background: url(images/main.ru.gif) no-repeat;
    z-index: 100;    
/*    border: 1px solid red;*/
}
.contentlo {
    position:absolute;
    top: -1px;
    left: -1px;
    width: 9px;
    height: 9px;
    background: url(images/main.lo.gif) bottom right no-repeat;
/*    border: 1px solid red;*/
    z-index: 100;
}
/**************************************************************
ECKCHEN in Hellblau (E5ECF6)
**************************************************************/
.BoxRNavi 
{
    position : relative;
    background-color: #bad2f4;
    padding: 5px;
    font-size: 9px;
    margin-bottom: 10px;
}
.rohellblau {
    position:absolute;
    top: 0px;
    right: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.ro.hellblau.gif) no-repeat;
    z-index: 100;    
/*    border: 1px solid red;*/
}
.lohellblau {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.lo.hellblau.gif) no-repeat;
    z-index: 100;    
/*    border: 1px solid red;*/
}
.luhellblau {
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.lu.hellblau.gif) bottom right no-repeat;
/*    border: 1px solid red;*/
    z-index: 100;
}
.ruhellblau {
    position:absolute;
    bottom: 0px;
    right: 0px;
    width: 9px;
    height: 9px;
    background: url(images/bg.ff.ru.hellblau.gif) bottom left no-repeat;
/*    border: 1px solid red;*/
    z-index: 100;
}
/**************************************************************
LISTEN ULLIS UND OLLIS
**************************************************************/
#content ul {
    padding-left: 10px;
    margin-left: 10px;
}
#content ul li {
    list-style-type: square;
    padding-left: 5px;
    padding-bottom: 5px;
}
#content ul ul li {
    list-style-type:circle ;
    padding-left: 5px;
    padding-bottom: 5px;
}
/**************************************************************
LISTEN ULLIS MIT LINKS
**************************************************************/
#content ul.links li {
    background-image:none!important;
    padding-left: 0px;
}
/**************************************************************
SINGLE-ANSICHT
**************************************************************/
.single #navileft {
    display:none;
}
.single #content {
    width: 880px;
    padding-left: 12px;
}
/**************************************************************
BOXES
**************************************************************/
.box {
    position:relative;
    background-color: #113388;
    padding:0px;
}
.box h1 {
    font-size: 11px;
    background-color: #113388;
    color: white;
    padding: 8px 12px; 
    margin-bottom: 0px;
    border-bottom: 3px solid white;
    text-transform: uppercase;
}
.box p {
    background-color: #426bb3;
    padding:8px 12px;
    margin:0px;
    color:white;
}
.col2_content{
    font-size: 11px;
    float:left;
    position:relative;
    background-color: #e5ecf6;
    padding-top: 1px;
    padding-left: 8px;
    color: Black;}

.cols3 .box {width: 216px;}
.cols3 .col3 .box {    margin-left: 76px;}
.cols3 .col2 .box {    margin-left: 39px;}

.single .cols3 .box { width: 280px;}
.single .cols3 .col3 .box {    margin-left: 10px;}
.single .cols3 .col2 .box {    margin-left: 5px;}

.green .box h1 {background-color: #64A800;}
.green .box p {background-color: #85DF00;}

/**************************************************************
LINKS HREF IN BOXES
**************************************************************/
.box a, .box h1 a, .box p a {
    color: white!important;
    background-image:none;
    padding-left: 0px!important;
}
.box p a {
    text-transform: none!important;
}

/**************************************************************
LOGIN HEAD
**************************************************************/
#login {
    position:absolute;
    top: 30px;
    left: 200px;
    text-align:left;
    font-size: 10px;
}
#login form { 
    margin:0px; 
    margin-bottom: 2px;
    padding-left: 2px;
    padding-right: 1px;
    padding-bottom: 1px;
    background-color: #426bb3;
}
#login a {
/*    color: #CCE9F5;*/
    color: #7FC8E7;
    text-decoration:none;
    letter-spacing: 0px;
    padding-left: 6px;
}
#login a:hover {color:#AEDAEC;}

#login #loginfield, #login #passfield {
    font-size: 9px;
    font-family: verdana;
    padding: 1px;
    padding-left:3px;
    height: 13px;
    margin:0px;
    width: 80px;
    border: 0px solid black;
    background-color: #E5F4FA;
/*    border-bottom: 1px solid black;
    border-right: 1px solid black;*/
}

#login #passfield {
/*    padding-top: 2px;
    padding-bottom: 0px;*/
}

#login #submitbtn {
    font-family: verdana;
    font-size: 9px;
}

/**************************************************************
TABELLEN IM CONTENT
**************************************************************/
#content table td h1{
    margin-bottom: 20px;
    margin-top:0px;
    padding-top:0px;
}
#content table td h2{
    margin-bottom: 10px;
    margin-top:20px;
    padding-top:0px;
}
#content table table {
    border: 1px solid #e5ecf6;
    background-color: #e5ecf6;
    margin-bottom: 20px;
    /* hides cellpadding n spacing but also the table border*/
    border-spacing: 0px;
    border-collapse:collapse;
/*    border-collapse:separate;*/
}
#content table table td {
    border: 1px solid #e5ecf6;
    margin:0px!important;
    color: Black;
}
#content table td.fontTitel1 {
    font-size: 160%;
    color: #113388; 
    letter-spacing: 0.1em;    
    font-family: arial, helvetica, verdana, sans-serif;    
    font-weight: bold;
    padding-bottom: 20px;
}
#content table .fontFett {
    font-weight: bold;
    letter-spacing: normal;
    background: none;
    /* wie h3 */
    font-size: 100%;
    color: #113388;     
}
#content table table .fontFett {
    background: none;
    font-size: 100%;
    color: black;
}
/* Rahmen für den Bereich Presse */
#content table.PresseRahmen {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
    border-spacing: 0px;
    border-collapse:collapse;
}
#content td.PresseRahmen {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
}
/* Rahmen für den Bereich askumastory */
#content table.askumastory 
{
    border: 0px solid #426bb3;
    margin: 0px;
    padding: 0px;
}
#content table.askumastory td
{
    border-bottom: 1px solid #426bb3;
    padding: 5px;
    vertical-align:top;
}
/* Rahmen für den Bereich Registrierungsformular */
#content table.RegistrierungRahmen {
    border: 1px solid #426bb3;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-spacing: 0px;
    border-collapse:collapse;
}
#content table.RegistrierungRahmen td {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
}
/* Rahmen für den Bereich Bearbeitungszeiten */
#content table.BearbeitungszeitenTabelle {
    border: 1px solid #426bb3;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    border-spacing: 0px;
    border-collapse:collapse;
}
#content td.BearbeitungszeitenTitel {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
    background-color: #D3DEEF;
}
#content td.BearbeitungszeitenZelle, td.AngebotRahmen {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
}
/* Rahmen für den Bereich Termine */
#content table.TerminTabelle {
    border: 1px solid #426bb3;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    border-spacing: 0px;
    border-collapse:collapse;
}
#content td.TerminTitel {
    font-weight: bold; 
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
    background-color: #D3DEEF;
    vertical-align: middle;
    text-align: center;
}
#content td.TerminZelleGerade {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    text-align: left;
}
#content td.TerminZelleUngerade {
    border: 1px dashed #426bb3;
    padding: 5px 5px 5px 5px;
    background-color: #D3DEEF;
    vertical-align: top;
    text-align: left;
}
/* Rahmen für den Bereich Vergleich von Produkten */
#content table.VergleichTabelle {
    border: 1px solid #426bb3;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse:collapse;
}
#content td.VergleichTitel {
    border: 1px dashed #426bb3;
    padding: 1px 1px 1px 1px;
    background-color: #D3DEEF;
    font-size: 9px;
}
#content td.VergleichZelle {
    border: 1px dashed #426bb3;
    padding: 1px 1px 1px 1px;
    font-size: 9px;
}
/**************************************************************
ERGÄNZUNGEN VON OLIVER REINKING
**************************************************************/
#LoginStartseite h1
    {
    padding-top: 2px;
    color: White;
    }
#LoginStartseite a
    {
    font-size: 9px;
    padding-top: 2px;
    color: White;
    }
#LoginStartseite #Zugangskennung, #Kennwort {
    font-size: 10px;
    font-family: verdana;
    padding: 1px;
    padding-left:1px;
    height: 13px;
    margin:0px;
    width: 110px;
    border: 1px solid #000000;
}
#LoginStartseite #ctl00_ButtonAnmeldung {
    font-family: verdana;
    font-size: 10px;
    width: 110px;
    height: 20px;
    border: 1px solid #c2c2c2;
}
.fontFehler         { background-color: #bad2f4; }
.fontHinweis        { background-color: #00B512; }
.Rgebucht           { background-color: #ff6666;}
.Roffen             { background-color: #99ff99;}
.ProduktRahmen 
{
    border-color: #000000; 
    border-style: solid; 
    border-top-width: 1px; 
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-collapse: collapse;
    padding: 5px;
    margin: 2px;
}
.ProduktRahmenFarbig
{
    border-color: #000000; 
    border-style: solid; 
    border-top-width: 1px; 
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-collapse: collapse;
    padding: 5px;
    margin: 2px;
    color: White;
    background-color: #426bb3;
}
/*.fontMarquee,*/
marquee {
    font-size: 13px; 
    color: White; 
    font-weight: bold; 
/*    text-align: center;  
    margin:0px auto;*/
    position:absolute;
    top:30px;
    left: 200px;
    height: 20px;
    letter-spacing: 0em;
/*    margin-top: 3px;*/
    padding-top: 3px;
    width: 650px!important;
}
marquee a,
marquee a:visited,
marquee a:visited .fontMarquee {
    color: white;
    text-decoration: none;
}
marquee a:hover {
    text-decoration:underline;
}
.fontUnsichtbar     { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #ffffff; }
/* Styles für das Accordion */
.AccordionTitel 
{
    background-color: #426bb3;
    color: White;
    border: 1px solid #113388;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.AccordionSelectedTitel 
{
    background-color: #113388;
    color: White;
    border: 1px solid #113388;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.AccordionContent 
{
    background-color: #e5ecf6;
    color: Black;
    border: 1px dashed #113388;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
#Accordion .AccordionLink {
    color: White;
    text-decoration:none;
}
#Accordion .AccordionLink:hover {
    color: #D3DEEF;
    background:none;
}
/**************************************************************
/* li-Elemente für Vorteile in R2AskNutzen
/**************************************************************/
.Vorteile
{
    list-style-image:url(images/ja.gif);
}
.Vorteile li
{
    margin-top: 12px;
    margin-bottom: 12px;
}
/**************************************************************
Klasse ob_str
**************************************************************/
.ob_str
{
    border-top: 1px dashed black;
}
/**************************************************************
Folgende Elemente nicht anzeigen, nur im Print
**************************************************************/
#printstageholder, #printfoot
{
    display: none;
}