body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 10px;
   padding: 0px;
   color: #000000;
   background-color: #ffffff;
   font-size: 12px;
   text-align: center;
}

a:link        {color: #03C; text-decoration: none;}
a:visited     {color: #36F; text-decoration: none;}
a:hover       {color: #03C; text-decoration: underline;}
a:active      {color: #03C; text-decoration: none;}
a.nodecor     {text-decoration: none;}

.grey a,
.grey a:link,
.grey a:visited,
.grey a:hover {
    color: #888888;
    /*font-weight:normal;*/
}

.mark  {
    color: #FF0000;
}
.mark a,
.mark a:link,
.mark a:visited,
.mark a:hover {
    color: #FF0000;
    /*font-weight:normal;*/
}

#linkpool tbody th {font-family: Verdana, Arial, Helvetica; font-size: 12px;}

#linkpool tbody th a,
#linkpool tbody th a:link,
#linkpool tbody th a:visited,
#linkpool tbody th a:hover {
    color: #000000;
    /*font-weight:normal;*/
}

/* Link-Liste mit einzelen Themenchannels */
.linkList         { background:#F5F8FF; border:1px solid #E5ECF9; padding:5px 5px 0px 5px; margin:0px; margin-bottom:12px; }
.linkListChannel1 { float:left; margin-right:10px; width:112px; overflow:hidden; } 
.linkListChannel2 { float:left; margin-right:18px; width:112px; overflow:hidden; } 
.linkListChannel3 { float:left; margin-right:10px; width:115px; overflow:hidden; } 
.linkListChannel4 { float:left; margin-right:18px; width:114px; overflow:hidden; } 
.linkListChannel5 { float:left; margin-right:10px; width:102px; overflow:hidden; } 
.linkListChannel6 { float:left; margin-right:0px;  width:102px; overflow:hidden; } 
.linkList ul, .linkList li { margin:0px; padding:0px; list-style-type:none; }
.linkList li      { margin:0px; padding-bottom:4px; font-size:12px; height:16px; -height /**/:20px; vertical-align:bottom; overflow:hidden; white-space:nowrap; }
.linkList li.channelLast  { padding-bottom:3px; }
.linkList li.channelTitle { margin-bottom:4px; padding:0px; font-weight:bold; }
/* ENDE Link-Liste mit einzelen Themenchannels */

img {
   border: 0px;
}

.container {
    width: 735px;
    min-width: 735px;
    text-align: left;
    margin: 0px auto;
    /* skalierungs breiten hack firefox netscape 7 mozilla 1.4 */
    border: solid 1px #ffffff;
    border-top: solid 0px;
    /* skalierungs breiten hack firefox netscape 7 mozilla 1.4 */
    /* padding-bottom: 20px; geändert für Pormoboxen */
    padding-bottom: 15px;
}

img.header {
    margin-top: 1px; 
    margin-bottom: 8px; 
}

.clear {
    clear: both;
}

.searchBanner {
    display: block;
    width: 735px;
}

ul {
    list-style: none;
    display: block; 
    margin: 0px;
    padding: 0px;
}

/* css fuer den suchbereich */
form {
    margin: 4px 0px; 
    clear: both; 
}
div.searchBanner {
    position: relative;
    padding-bottom: 0px;
    border: solid 0px;
}

div.search {
   float:left;
   display:inline;
   white-space: nowrap;
   padding-left:0px;
   font-size: 12px;
   width: 497px;
   /*border: solid 0px;*/
   margin-left: 0px;
   margin-top: 41px; 
}
/* The Owen-Hack für opera6 */
head:first-child+body div.search { width: auto; }
.searchwhere .active a {
    font-weight: bold;
   cursor: default;
   text-decoration: none !important;
}
.searchwhere .active a:link, .searchwhere .active a:visited {
    color: #000000;
   }

#sWeb, #sPics, #sListing, #sNews, #sProds, #sMore, #sWiki, #sLocal  {
   display: inline;
   float: left;
   width: 100px;
   border: 0px solid;
}

#sWeb { 
    width: 43px;
    padding: 1px 0px;   
    text-align: center; 
}
#sPics { 
    width: 54px; 
    padding: 1px 0px;   
    text-align: center; 
    }
#sProds {
    width: 75px; 
    padding: 1px 0px;   
    text-align: center;     
}
#sListing { 
    width: 89px; 
    padding: 1px 0px;   
    text-align: center;     
    }   
#sNews { 
    width: 92px; 
    padding: 1px 0px;   
    text-align: center;     
    }
#sWiki { 
    width: 79px; 
    padding: 1px 0px;    
    text-align: center;
}
#sLocal { 
    width: 65px; 
    padding: 1px 0px;   
    text-align: center;
}


#sMore { 
    width: 43px; 
    padding: 1px 6px 1px 6px;   
    text-align: left;
}

#sNew {
   display: inline;
   float: left;
   width: 30px;
   font-weight: bold;
   padding: 1px 1px 1px 5px;
   margin: 0 0 0 0px;
   color: #ff0000;
}

#sWeb.active        { background-color: #E5ECF9; }
#sPics.active       { background-color: #EEEEEE; }
#sNews.active       { background-color: #CCE7E7; }
#sListing.active    { background-color: #FFEDAB; }
#sProds.active      { background-color: #C8F69C; }
#sWiki.active       { background-color: #FFCC66; }
#sLocal.active     { background-color: #FCEE78; }

.searchwhere #inpRadiomargin {
    display: block;
   }
/* Radiobuttons unter Suchfeld */
#inpRadiomargin {
    float: left;
   line-height:24px;
   padding-top:2px;
    border: solid 0px;
    width: 372px;
}

#inpRadiomargin input {
   vertical-align: middle;
   padding-right: 0px;
   margin-top: 2px;
}

#inpRadiomargin label {
    line-height:24px;
    padding-right: 5px;
    padding-left: 1px;
    border: solid 0px;
    cursor: pointer;
}

/* Eigenschaften nur für den IE: */
* html #inpRadiomargin label {
    padding-right: 10px;
    padding-left: 0px;
    cursor: pointer;
    border: solid 0px;
}

#subPics {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 372px;
    height: 26px;
    -height: 24px;
}

#subProds {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 372px;
    height: 26px;
    -height: 24px;
}
#subListing {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 372px;
    height: 26px;
    -height: 24px;
}
#subNews {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 372px;
    height: 26px;
    -height: 24px;
}

#subWiki {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 372px;
    height: 26px;
    -height: 24px;
}

#subLocal {
    display: none;
    float: left;
    line-height: 24px;
    padding-top: 0px;
    font-size: 11px;
    width: 419px;
    height: 26px;
    -height: 24px;
}

div.search ul.searchwhere {
   margin: 0;
   padding: 0;
}

div.search ul.searchwhere li {
   display: inline;
   padding: 0 0px 0 0;
}

.container .question {
    position: absolute;
    top:113px; 
    left:0px; 
    width:500px; 
    height:20px; 
    font-size: 11px;
    text-align: center;
    color: #888888;
}

.fieldSubmit {
    display: block;
    width: 497px;
    padding-top: 4px;
    -padding-top: 0px; 
    border: solid 0px;
}

#oneField { display: block; }
#twoField { display: none; }

#inpSearchfield {
    float: left;
    width: 405px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
/* andere Breitenangaben fuer: IE7.0 beta 2 */
#inpSearchfield { *width:413px; }
/* andere Breitenangaben fuer: IE5.x(1.Wert) und IE6.0(2.Wert) */
* html #inpSearchfield { width:419px; width/**/: /**/413px; }

/* Werte oben für Opera gesetzt; hier für Mozilla wieder korrigiert */
:root #inpSearchfield { width: 415px; }

/* Lokale Suche */
/* ------------ */
#inpSearchfield1, #inpSearchfield2 { float: left; width: 193px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.betweenInput { float: left; margin-top:3px; text-align:center; width:19px; }

/* andere Breitenangaben fuer: IE7.0 beta 2 */
#inpSearchfield1, #inpSearchfield2 {*width:194px; }
/* andere Breitenangaben fuer: IE5.x(1.Wert) und IE6.0(2.Wert) */
* html #inpSearchfield1, * html #inpSearchfield2 { width:200px; width/**/: /**/194px; }

/* Werte oben für Opera gesetzt; hier für Mozilla wieder korrigiert */
:root #inpSearchfield1 { width: 196px; }
:root #inpSearchfield2 { width: 196px; }

.sublineWhat  { float:left; font-size:11px; width:219px; }
.sublineWhere { float:left; font-size:11px; width:200px; }
/* ENDE Lokale Suche */

.suchenbutton {
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 68px;
   margin-left:10px;
   margin-top:-1px;
}

.erweitert {
    position: absolute;
    top: 85px;
    left: 437px;
    font-size: 11px;
    border: solid 0px;
}
/* css fuer den suchbereich ENDE */

.banner {
    width: 220px;
    float: right;
}

.reiterNeuDSL {
    position: absolute;
    top: 136px;
    left: 48px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuShopping {
    position: absolute;
    top: 136px;
    left: 242px;
    font-size: 11px;
    border: solid 0px;
}

/* dreiSpalten */
.dreiSpalten {
    width: 735px;
    margin-top: 15px;
    border: solid 0px;
    padding-bottom: 15px; 
}
/* dreiSpalten ENDE */

/* schlagzeilen */
.schlagzeilen {
    float: left;
    display: inline;
    width:221px;
    padding-right: 18px;
}

.dummy1 {
margin: 0; /* Dummy-Angabe */
}

.schlagzeilen h1 {
    float: left;
    font-size: 12px;
    line-height: 20px;
    width: 220px;
    margin-bottom: 13px;
    margin-top: 0px; 
    border: solid 0px;
    background-color: #E5ECF9;
}

.schlagzeilen h1 .title {
    margin-left: 5px;
    float: left;
}

.schlagzeilen h1 .day {
    float: right;
    margin-right: 5px;
    font-weight: normal; 
}

dl {
    margin: 0px;
    padding: 0px;
}

.schlagzeilen .news {
    position: relative;
    float: left;
    height: 40px;
    width: 220px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    -margin-bottom: 18px;
    border: solid 0px;
}

.schlagzeilen .news img {
    position: relative;
    top: 2px;
    float: left;
    width: 60px;
    margin: 0px;
    padding: 0px;
	-margin-left /**/:-3px;  
}

.schlagzeilen .text {
    display: block;
    position: relative;
    margin-left: 70px;
}

.schlagzeilen .promo {
    position: relative;
    float: left;
    height: 30px;
    width: 220px;
    padding: 0px;
    margin: 0px;
	margin-top: -5px;
    margin-bottom: 0px;
    -margin-bottom: 0px;
    border: solid 0px;
}

.schlagzeilen .promo img {
    position: relative;
    top: 1px;
    float: left;
    width: 60px;
    margin: 0px;
    padding: 0px;
	-margin-left /**/:-3px;  
}

.schlagzeilen .promo .text {
    position: relative;
	top: 4px;
	display: block;
    position: relative;
    margin-left: 70px;
}

.weatherrotate {
    float: left;
    display: inline;
    width: 150px;
    margin-left: 70px;
}

.weatherlink {
    float: left;
}

.weatherimg {
    float: left;
    margin-left: 5px;
}
/* schlagzeilen ENDE */

/* dienste */
.dienste {
    float: left;
    display: inline;
    width:220px; 
    padding-left: 18px;
    padding-right: 18px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

li.headline {
    width: 220px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
	margin-bottom: 0px;
}

li.headline .regular {font-weight: normal;}

li.subline {
    width: 220px;
    margin-top: 0px;
	-margin-top /**/: /**/-2px;
    margin-bottom: 16px;
	-margin-bottom /**/: /**/14px;
}


.dummy1 {
margin: 0; /* Dummy-Angabe */
}

li.subline.last {
    margin-bottom: 0px;
}

li.headline.lone {
    margin-top: 16px;
	-margin-top /**/: /**/14px;
    margin-bottom: 0px;
}
/* dienste ENDE */

/* ------  kommunikation --------- */
.kommunikation {
    float: right;
    display: inline;
    width:220px;
    padding-left: 18px;
    border-right: solid 0px;
}

div .kommunikation .produkte {
    margin: 0px 0px 0px 0px;
}

/* loginbox */
.login220hl {
    width:            220px;
    margin:           0px;
    background-color: #FFFFFF;
    color:            #000000;
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        12px;
    text-decoration:  none;
}

.login220hl .innerBox {  margin: 0px; background-color: #F5F8FF; border: solid #E5ECF9; border-width: 0px 1px 1px 1px;}
.login220hl .innerBox h1 {
    display:          block;
    margin:           0px;
    padding:          0px 0px 0px 4px;
    line-height:      20px;
    background-color: #E5ECF9;
    font-size:        12px;
    font-weight:      bold;
}

.login220hl .innerBox form { background-color: #F5F8FF; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 5px; }

.login220hl .innerBox form .labelUsername {
    display: block;
    width:  128px;
    margin: 0px 0px 2px 0px;
    -margin: 0px 0px 1px 0px;	
    padding-top: 7px;
}

.login220hl .innerBox form .labelPassword {
    display:    block;
    width:  154px;
    margin: 2px 0px 2px 0px;
    -margin: 3px 0px 1px 0px;
}

#inpLoginUsername, #inpLoginPassword { width: 154px; margin-left: 0px; margin-bottom: 2px; -margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }


.login220hl .innerBox form .submitLine { margin: 0px 0px 0px 0px; min-height: 19px; }
.login220hl .innerBox .submitLine .submitButton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 45px;}

.login220hl .innerBox .fragen 	{ font-size: 11px; color: #888888; margin-top:2px; -margin-top:0px;}
.login220hl .innerBox .ohne 	{ font-size: 11px; color: #888888; margin-left: 22px; }



/* folgende Klassen scheinen obsolet zu sein

.login220hl .subLink { display: block; text-decoration: none; text-align: center; margin: 6px 0px; }

.login220hl .innerBox form .lowerContentLink {
    display:          block;
    text-decoration:  none;
    text-align:       center;
    margin:           5px 0px 5px 5px;
}
*/

/* loginbox ENDE */

dl { margin: 0px; padding: 0px;}

.login220hl .innerBox dl { width: 208px;}

.login220hl .innerBox dt {
    float: left;
    width: 66px;
    margin-right: 10px;
    padding-top: 2px;
    margin-bottom: 5px;
    clear: left; 
}

.login220hl .innerBox img {
   margin-bottom: -2px;
}



/* Three Pixel Text Jog */
* html .login220hl .innerBox dt {
    margin-right: 7px;
}
/* Three Pixel Text Jog ENDE */

.login220hl .innerBox dd {
    margin-bottom: 5px;
	-margin-bottom /**/: 2px;
}


.login220hl .innerBox dd a,
.login220hl .innerBox dd a:link,
.login220hl .innerBox dd a:visited,
.login220hl .innerBox dd a:hover {
    color: #000000;
}

.login220hl .innerBox .registrieren {
    padding: 7px 0px 5px 5px;
    border: solid 0px;  
}

/* Promo unterhalb der LoginBox */
.login220hl .iframeBox { margin: 0px; border: 0px; background-color:#FFFFFF;}

.login220hl .innerBox .testsieger {
    margin: 8px 0px 0px 5px;
}
/* Promo ENDE  */

/* Promoboxen oberhalb Linkliste */
.promoBoxes { margin-bottom: 15px; height: 91px; -width /**/: 735px; }
.promoBoxes .promoLeft      { float: left; border: 1px solid #CCCCCC; height: 89px; -height /**/: 91px; width: 218px; -width /**/: 220px; margin-right: 38px; }
.promoBoxes .promoMiddle    { float: left; border: 1px solid #CCCCCC; height: 89px; -height /**/: 91px; width: 218px; -width /**/: 220px; margin-right: 37px; }
.promoBoxes .promoRight     { float: left; border: 1px solid #CCCCCC; height: 89px; -height /**/: 91px; width: 218px; -width /**/: 220px; }
.promoBoxes .promoHead      { font-weight: bold; padding: 3px 5px 5px 5px; }
.promoBoxes .promoContentBig img    { position: relative; top: 2px; margin-left: 5px; margin-right: 5px; } 
.promoBoxes .promoContentSmall img  { position: relative; top: 2px; margin-left: 5px; margin-right: 10px; float: left; }
.promoBoxes .promoText   { display: block; position: relative; margin-left: 70px; margin-right: 5px;}
.promoBoxes .promoText a { display: block; padding-top: 6px; } 
/* ENDE Promoboxen oberhalb Linkliste */

/* ------  kommunikation ----- ENDE ---- */

/* table */
#linkpool {
    clear: both;
}

#linkpool tbody th {
    text-align: left;
    padding-right: 10px;
    line-height: 20px;
    font-size: 12px;
}

#linkpool tbody td {
    font-size: 12px;
}

#linkpool thead,
#linkpool tfoot {
    display: none;
}
/* table ENDE */

/* meldung */
.meldung {
    font-size: 11px;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: solid 1px #CCCCCC;
    margin: 0px 0px 8px 0px;
}
/* meldung ENDE */

.footer {
    float: left;
    font-size: 11px;
	margin-bottom: 19px;
	-margin-bottom: 13px;
}

.alsStartseite {
    float: right;
    font-size: 11px;
}

/************* Reiternavi HTML ***************/

.b {font-family: Verdana, Arial, Helvetica; font-size: 12px;}

.bNoHover A:hover {
    TEXT-DECORATION: none;
}

.bNoHover {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 12px;
}
/* Tell NS4 to ignore these styles.... */
/*/*/
.bNoHover a {
    display: block;
    height: 19px;
    line-height: 18px;
}
/* Okay, we can let NS4 see the rest.... */


A.nav7 {
    COLOR: #000000; TEXT-DECORATION: none;
}
/* Tell NS4 to ignore these styles.... */
/*/*/
A.nav7 {
    display: block;
    height: 19px;
    line-height: 18px;
}
/* Okay, we can let NS4 see the rest.... */
A.nav7:visited {
    COLOR: #000000;
}
A.nav7 a {
    display: block;
    height: 18px;
    line-height: 18px;
}
A.nav7:hover {
    TEXT-DECORATION: none;
}
/************* Ende Reiternavi HTML ***************/


/* ******************* Reiternavigation in CSS ********************** */

.b {font-family: Verdana, Arial, Helvetica; font-size: 12px;}

#reiternavi { width: 735px;} /* neu: ohne float: left; */
#reiternavi ul { margin:0px; width: 735px; padding:0px; list-style:none; }
#reiternavi li { display: inline; margin:0px; padding:0px;}
#reiternavi a { float: left; background: url("http://img.web.de/v/homepage/reiternavi/home_left_all.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 4px; text-decoration: none; }
#reiternavi a span { float: left; display: block; background: url("http://img.web.de/v/homepage/reiternavi/home_right_all.gif") no-repeat right top; padding: 3px 12px 3px 3px; font-weight: normal; cursor: hand;}
/**/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#reiternavi a span { float:none; }

#reiternavi a:hover      { background-position:0% -25px; }
#reiternavi a:hover span { background-position:100% -25px; }
    
/* Start */
.startLine { border-bottom: 2px solid #0075E3; }
.startReiter span { width: 51px; width: /**/36px; text-align: center; }
#reiternavi.startLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_start.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.startLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_start.gif") no-repeat right top; font-weight: bold; color: #000000; }

/* DSL */
.dslLine { border-bottom: 2px solid #0370BE; }
.dslReiter span { width: 111px; width: /**/95px; text-align: center;}
#reiternavi.dslLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_dsl.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.dslLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_dsl.gif") no-repeat right top;  font-weight: bold; color: #000000; }

/* Produkte */
.produkteLine { border-bottom: 2px solid #FFC800; }
.produkteReiter span { width: 79px; width: /**/64px; text-align: center;}
#reiternavi.produkteLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_produkte.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.produkteLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_produkte.gif") no-repeat right top; font-weight: bold; color: #000000; }

/* Shopping */
.shoppingLine { border-bottom: 2px solid #5ABE00; }
.shoppingReiter span { width: 79px; width: /**/64px; text-align: center;}
#reiternavi.shoppingLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_shopping.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.shoppingLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_shopping.gif") no-repeat right top;  font-weight: bold; color: #000000; }

/* Spielen */
.spielenLine { border-bottom: 2px solid #6177B2; }
.spielenReiter span { width: 62px; width: /**/47px; text-align: center;}
#reiternavi.spielenLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_games.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.spielenLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_games.gif") no-repeat right top; font-weight: bold; color: #000000; }

/* Dienste */
.diensteLine { border-bottom: 2px solid #FFC800; }
.diensteReiter span { width: 96px; width: /**/81px; text-align: center;}
#reiternavi.diensteLine #reiterCurrent a { background: url("http://img.web.de/v/homepage/reiternavi/home_left_dienste.gif") no-repeat left top; border-width: 0; font-weight: bold; }
#reiternavi.diensteLine #reiterCurrent a span { background: url("http://img.web.de/v/homepage/reiternavi/home_right_dienste.gif") no-repeat right top; font-weight: bold; color: #000000; }


/* ******************* Ende Reiternavigation in CSS ********************** */


.reiterNeuStart {
    position: absolute;
    top: 136px;
    left: -8px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuDSL {
    position: absolute;
    top: 136px;
    left: 47px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuProdukte {
    position: absolute;
    top: 136px;
    left: 160px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuShopping {
    position: absolute;
    top: 136px;
    left: 242px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuSpielen {
    position: absolute;
    top: 136px;
    left: 324px;
    font-size: 11px;
    border: solid 0px;
}
.reiterNeuDienste {
    position: absolute;
    top: 136px;
    left: 394px;
    font-size: 11px;
    border: solid 0px;
}
/********** klassen für die reiternavi ENDE *************/



#mainIntro {
    margin: 0px 0px 15px 0px; 
}
#mainContent {
margin: 0px 0px 0px 0px; 
}

/* Containing Floats */
/*************************************************************/
.clearfix:after, #settings div:after {
    content: "."; /* This dot is the actual appended content */
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
    }
.clearfix, #settings div {display: inline-block;} /* Fixes MacIE */
/* Hides from MacIE \*/
* html .clearfix, * html #settings div {height: 1%;}
.clearfix, #settings div {display: block;}
/* End hide */
/*************************************************************/