/* Blau: #002F67 Blau 20%: #CCD5E1 Orange-visi: #F99D1C Orange-visi: 20%: #FEEBD2 Rot-power: #D2232A Rot-power: 20%: #F6D3D4 Trkis-premium: #68C4C3 Trkis-premium 20%: #E1F3F3 Grn-premiumnet: #8CC63F Grn-premiumnet 20%: #E8F4D9 Gelb-Strer: #FFF200 Rot-Strer-Schrift: #ED1C24 */ /* ################################################################# STANDARD HTML REDEFINITIONEN BEGIN */ html { margin: 0px; padding:0px; overflow-y: scroll; } body { font-family: Verdana; font-size:11px; background: #FFFFFF; margin: 0px 0px; padding: 0px; } ol,ul,div,td,body,p{ font-family: Verdana; font-size:11px; } p { margin: 0px; margin-bottom: 8px; margin-top: 4px; font-size:11px; line-height: 16px; } P.stern { color:#9A9A9A; /*color: gray;*/ color:#9A9A9A; font-family:Arial,Helvetica,sans-serif; font-size:9px; line-height: 12px; } /*li{ list-style-image:url(/imperia/md/images/strato_de/basics/arrow_list.gif); margin-left:-16px; margin-top:0px; margin-bottom:0px; } li.neu { margin-left: 12px; margin-top: 5px; list-style-image:url(/images/listen/neu_bullet.gif); } ul{ margin-top:2px; margin-bottom:2px; font-size:11px; /*line-height: 14px; }*/ TABLE a:link{ color:#002F67; font-weight:bold; text-decoration:none; } TABLE a:visited{ color:#002F67; font-weight:bold; text-decoration:none; } TABLE a:hover{ color:#002F67; font-weight:bold; text-decoration:none; } TABLE a:active{ color:#002F67; font-weight:bold; text-decoration:none; } /* ################################################################# */ /* ################################################################# FARBENDEFINITION / BEREICHSFARBEN FR HINTERGRUND UND SCHRIFT BEGIN */ /* Diese ndern sich nach Bereichen*/ .farbeschriftrot { /*color: #D2232A;*/ color: #ED1C24; } .farbeschriftorange { background-color: #CCD5E1; } .farbeschriftblau { background-color: #002F67; } .stern { color:#9A9A9A; /*color: gray;*/ color:#9A9A9A; font-family:Arial,Helvetica,sans-serif; font-size:9px; line-height: 12px; /* color: gray; font-size: 10px; */ } /* Die nachfolgenden ndern sich nicht, sind generell*/ .farbeschrift1 { color: #002F67; } .farbehintergrund1 { background-color: #002F67; } .farbeschrift2 { color: #CCD5E1; } .farbehintergrund2 { background-color: #CCD5E1; } /* ################################################################# */ /* ################################################################# SCHRIFTGRSSENDEFINITIONEN / GENERELL */ .size_m { font-size: 14px; } /* ################################################################# SEITENDEFINITION / LAYOUTCONTAINER BEGIN */ #contenttabelle { border: 1px solid #002F67; } #contenttabelle_nohead { border: 1px solid #002F67; border-top: 0px; } .dslpadding{ padding: 6px; } .padding-links { padding-left: 6px; } #contenttabelle TH{ padding: 4px; height: 20px; text-align:left; color: #FFFFFF; /*background-image:url(/imperia/md/images/strato_de/basics/blau_verlauf.jpg);*/ /*background-repeat:repeat-y;*/ background-color: #002F67; } #contenttabelle TD.padding{ padding: 6px; } #contenttabelle_holding { border: 1px solid #002F67; } #contenttabelle_holding TH{ padding: 2px; height: 20px; text-align:left; color: #FFFFFF; background-color: #002F67; } #contenttabelle_holding P{ padding: 6px; } #contenttabelle_nohead_sky { border: 1px solid #002F67; padding: 6px; } #contenttabelle_nohead_sky TH{ padding: 4px; height: 30px; text-align:left; color: #FFFFFF; font-size: 12px; background-color: #002F67; } /* ################################################################# */ /* ################################################################# SEITENELEMENTE / CONTENTMODULE BEGIN */ /* berblick Link in Tabelle */ #ueberblick a:link, #ueberblick a:active, #ueberblick a:visited { background-color: #ED1C24; color:#FFFFFF; } #ueberblick a:hover { background-color: #ED1C24; color:#FFFFFF; } /* Linkrot berall */ #linkrot a:link, #linkrot a:active, #linkrot a:visited { background-color: #FFFFFF; color:#ED1C24; } #linkrot a:hover { background-color: #ED1C24 ; color:#FFFFFF; } /* LISTE */ #liste { position:relative; float: none; padding:0px; margin: 0px 4px 14px 0px; text-align:left; vertical-align:middle; } #liste a:link{ color:#D2232A; font-weight:normal; text-decoration:underline; } #liste a:visited{ color:#D2232A; font-weight:normal; text-decoration:underline; } #liste a:hover{ background-color:#D2232A; color:#FFFFFF; font-weight:normal; text-decoration:none; } #liste a:active{ color:#D2232A; font-weight:normal; text-decoration:underline; } #listenkopf { position:relative; float:none; background-color:#002F67; color:white; font-size:12px; font-weight:bold; padding:4px; left: -1px; } #listenkopf.generell { position:relative; float:none; background-color:#002F67; color:white; font-size:12px; font-weight:bold; padding:4px; left: -1px; } ul#list { list-style-type: none; margin-top: 0px; margin-left:0px; } ul#list li { background: transparent url(/imperia/md/images/strato_de/basics/colorthemes/pfeilrechts/einsteiger/visi_pfeil.gif) left top no-repeat; padding-left: 12px; text-align: left; line-height: 22px; margin: 0px; } ul#list.generell li { background: transparent url(/imperia/md/images/strato_de/basics/colorthemes/pfeilrechts/einsteiger/visi_pfeil.gif) left top no-repeat; padding-left: 12px; text-align: left; line-height: 22px; margin: 0px; } /* ################################################################# */ #fliesstext { font-size: 11px; margin-bottom: 8px; padding: 4px; } #headline { font-size: 14px; font-weight: bold; color: #002F67; margin-top: 5px; margin-bottom: 8px; } #headline.subhead { font-size: 12px; font-weight: bold; color: #002F67; margin: 0px; } /* ################################################################# FEATURETABELLE GROSS */ #featuretabelle { } #featuretabelle TD.tabkopftitel { padding-left: 5px; height: 30px; } #featuretabelle TD.waehlensie { font-size: 14px; height: 60px; /*vertical-align: absmiddle;*/ } #featuretabelle TD.tabkopfprodukt { text-align: center; width: 40px; border-right: 1px solid #FFFFFF; } #featuretabelle TD.tabkopfproduktselected_lr { text-align: center; width: 40px; border-left: 2px solid #FFF200; border-right: 2px solid #FFF200; } #featuretabelle TD.tabkopfproduktselected_l{ text-align: center; width: 40px; border-left: 2px solid #FFF200; } #featuretabelle TD.tabkopfproduktselected_r { text-align: center; width: 40px; border-right: 2px solid #FFF200; } #featuretabelle TD.tabkopfpfeilbg_lr { text-align: center; vertical-align:bottom; /*border-left: 2px solid #FFF200; border-right: 2px solid #FFF200;*/ } #featuretabelle TD.spalte1 { text-align:right; padding: 3px; padding-right: 6px; border-top: 1px solid #FFFFFF; } #featuretabelle TD.spalte1ende { height: 2px; } #featuretabelle TD.spaltex { width: 40px; padding-left: 10px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #featuretabelle TD.spaltexende { height: 2px; background-color: #FFF200; } #featuretabelle TD.spalteselected { width: 2px; padding-left: 0px; background-color:#FFF200; border:0px; } #featuretabelle TD.spaltexselected_lr { width: 40px; border-left: 2px solid #FFF200; border-right: 2px solid #FFF200; padding-left: 10px; } #featuretabelle TD.spaltexselected_l { width: 40px; border-left: 2px solid #FFF200; padding-left: 10px; } #featuretabelle TD.spaltexselected_r { width: 40px; border-right: 2px solid #FFF200; padding-left: 10px; } /* ################################################################# */ /* ################################################################# FEATUREKASTEN NEUE FEATURES MIT RUNDEN ECKEN BEGIN */ #rundeecke { width: 100%; /*height: 100px;*/ } #rundeecke.eindrittel { width: 170px; } #rundeecke.zweidrittel { width: 360px; } #rundeecke.dreidrittel { width: 540px; } #rundeecke_headline { font-size: 12px; font-weight: bold; /*color: #A6201F;*/ color: #ED1C24; margin-top: 0px; } /*#rundeecke_headline IMG{ text-align: middle; vertical-align: middle; margin-right: 5px; }*/ #uedge { width: 100%; /*background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/back.gif);*/ margin-bottom: 4px; /*height: 100%;*/ /*background-color: #f9cc72;*/ } #redge { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/re.gif); background-position: top right; background-repeat: repeat-y; height: 100%; } #bedge { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/un.gif); background-position: bottom left; background-repeat: repeat-x; height: 100%; } #ledge { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/li.gif); background-position: top left; background-repeat: repeat-y; height: 100%; } #ulcorner { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/liob.gif); background-position: top left; background-repeat: no-repeat; height: 100%; } #urcorner { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/reob.gif); background-position: top right; background-repeat: no-repeat; height: 100%; } #blcorner { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/liun.gif); background-position: bottom left; background-repeat: no-repeat; height: 100%; } #brcorner { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/reun.gif); background-position: bottom right; background-repeat: no-repeat; padding: 1px 5px 0px 5px; height: 100px; } #innercontent { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/back.gif); width: 100%; height: 100%; padding-top: 1px; margin-bottom: 4px; } #middle { width: 272px; background-image: url(middle.gif); background-repeat: repeat-y; } #top { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/ob.gif); background-position: top left; background-repeat: repeat-x; } /* Die Variante ohne Runde Ecken, aber mit selbem Abstand, etc.*/ #uedgenix { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/weissdelete.gif); width: 100%; margin-bottom: 4px; } #brcornernix { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/weissdelete.gif); padding: 2px 5px 0px 5px; } #innercontentnix { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/weissdelete.gif); width: 100%; } #bottomnix { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/weissdelete.gif); padding: 15px 30px 30px 15px; } /* LINKS INNERHALB DER FEATUREBOX */ #innercontent A, #innercontent A:link, #innercontent A:visited, #innercontent A:active { color: #ED1C24; text-decoration: underline; /*background-color: #CCD5E1;*/ } #innercontent A:hover { color: #FFFFFF; text-decoration: underline; background-color: #ED1C24; } /* ################################################################# UPDATE DER FEATUREBOX */ #td_innercontent { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/back.gif); height: 100%; } #innercontent { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/back.gif); width: 100%; height: 100%; padding-top: 1px; margin-bottom: 4px; } #ecke_lo { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/liob.gif); background-repeat: no-repeat; padding: 0px; height: 7px; } #ecke_ro { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/reob.gif); background-repeat: no-repeat; padding: 0px; height: 7px; } #ecke_lu { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/liun.gif); background-repeat: no-repeat; padding: 0px; height: 7px; } #ecke_ru { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/reun.gif); background-repeat: no-repeat; padding: 0px; height: 7px; } #outline_top { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/ob.gif); background-repeat:repeat-x; padding: 0px; height: 7px; } #outline_left { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/li.gif); background-repeat:repeat-y; padding: 0px; width: 7px; height: 100%; } #outline_right { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/re.gif); background-repeat:repeat-y; padding: 0px; width: 7px; height: 100%; } #outline_bottom { background-image: url(/imperia/md/images/strato_de/basics/colorthemes/roundcorner/servershops/un.gif); background-repeat:repeat-x; padding: 0px; height: 7px; } /* ################################################################# */ .software{ background-color:#F99D1C; font-weight:bold; color:#002F67; } .fragen{ background-color:#002F67; color:white; font-weight:bold } ul{ list-style-image:url(/imperia/md/images/strato_de/basics/arrow_list.gif); } .spalte_bold_right{ font-weight:bold; text-align:right; padding:2px; } .spalte_bold_center{ font-weight:bold; text-align:center; padding:2px; } /********************bersichtstabelle***********************/ .visi{ background-color:#F5FBFF; text-align:center; } .power{ background-color:#D0EEFE; text-align:center; } .dynamix{ background-color:#B6E4FD; text-align:center; } .premium{ background-color:#A1DCFD; text-align:center; } .premiumnet{ background-color:#8FD7FE; text-align:center; } #rahmen{ border-top:2px solid #D61905; border-bottom:2px solid #D61905; } .preise{ color:white; background-color:#ED1C24; font-weight:bold; text-align:center; } .input{ border-bottom: black 1px solid; border-left: #297394 1px solid; border-right: black 1px solid; border-top: #297394 1px solid; font-family:Verdana; font-size: 8pt; padding-left:5px; padding-top:2px; padding-bottom:2px; font-weight: bolder; color:white; background-color:#7594B1; cursor:pointer; margin-top:4px; } .bestell_rot, .bestell_rot A:link, .bestell_rot A:visited, .bestell_rot A:active { color: #CC0000; font-weight: bold; } /*######### "WIR BER UNS" #########*/ .wuublau16 { font-family: Arial; font-size:16px; color:#0F3774; } .wuublau16bold { font-family: Arial; font-size:16px; color:#0F3774; font-weight: bold; } .wuu16 { font-family: Arial; font-size:16px; color:#000000; } .wuu16bold { font-family: Arial; font-size:16px; color:#000000; font-weight: bold; } /* .pfeilrechts { text-decoration: none; white-space: nowrap; padding-bottom: 4px; background-image: url(/imperia/md/images/strato_de/holding/pfeilleer_r.gif); background-position: 100% 100%; background-repeat: no-repeat; } .pfeilrechts A:link, .pfeilrechts A:visited, .pfeilrechts A:active { background: url(/imperia/md/images/strato_de/holding/pfeilrechts.gif) no-repeat 100% 100%; } .pfeilrechts A:hover{ background: url(/imperia/md/images/strato_de/holding/pfeilrechts2.gif) no-repeat 100% 100%; } .pfeillinks { text-decoration: none; white-space: nowrap; padding-bottom: 4px; background: url(/imperia/md/images/strato_de/holding/pfeilleer_l.gif); background-position: 100% 100%; background-repeat: no-repeat; } .pfeillinks A:link, .pfeillinks A:visited, .pfeillinks A:active { background: url(/imperia/md/images/strato_de/holding/pfeillinks.gif) no-repeat 100% 100%; } .pfeillinks A:hover{ background: url(/imperia/md/images/strato_de/holding/pfeillinks2.gif) no-repeat 100% 100%; } */ /*######### ######## ####### ####### ####### ###### #########*/ /***************Navigation links******************/ td.high{ font-weight:bold; height:15px; padding-left:1px; } td.bild { background-image: url(/imperia/md/images/strato_de/basics/arrow.gif); background-repeat: no-repeat; width:11px; background-color:white; height:15px; padding-left:1px; } td.sub2{ background-color:#F1F3F2; height:15px; padding-left:1px; } td.sub3{ font-family:Verdana; font-size:11px; background-color:gray; color:white; font-weight:lighter; padding-bottom:3px; height:15px; padding-left:1px; } a:link.s { font-family:Verdana; font-weight:normal; color:white; text-decoration:none; font-size:11px; } a:visited.s{ font-family:Verdana; font-weight:normal; color:white; text-decoration:none; font-size:11px; } a:hover.s { font-family:Verdana; font-weight:normal; color:white; background-color:#073260; text-decoration:none; font-size:11px; } a:link.n{ font-weight:normal } a:visited.n{ font-weight:normal } a:hover.n{ font-weight:normal } ul{ list-style-image:url(/imperia/md/images/strato_de/basics/arrow_list.gif); } /*************** MASTER TEMPLATE ******************/ #content_leftmargin { padding-left: 10px; } #content_leftmargin_inner { padding-left: 0px; } #content_margin_lr { padding-left: 10px; padding-right: 10px; } /*************** MASTER TEMPLATE ******************/ /*************** NAVIGATION LINKE SEITE ******************/ #logo_navigation { vertical-align:top; text-align: left; /*background-color: #CCCCCC;*/ height: 30px; display:block; } #nav_level0 { font-family:Verdana; font-weight:normal; font-size:11px; color:#000000; width: 100%; background-image: url(/imperia/md/images/strato_de/basics/arrow.gif); background-repeat: no-repeat; padding: 2px; padding-left: 12px; } /*************** NAVIGATION LINKE SEITE ******************/ /*************** CSS FR DEN JS-NEWSTICKER ******************/ td.ticker { background-image: url(/imgs/bg_orange_verlauf.jpg); background-repeat:repeat-y; } #ticker_cont { position:absolute; top:-100px; left:0px; width:100%; height:30px; overflow:hidden; visibility:hidden; z-index:1; padding-top: 8; } p.noscript { color:#000099; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; height:30px; overflow:hidden; } p.noscript a { color:#000099; font-size:12px; font-weight:bold; text-decoration:none; } p.noscript a:hover{ color:#0000CC; font-size:12px; font-weight:bold; text-decoration:underline; } #ticker_text { position:relative; left:0px; height:18px; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; } #ticker_text a { color:#000099; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; } #ticker_text a:hover{ color:#0000CC; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; background: transparent; } /*************** CSS FR DEN JS-NEWSTICKER ******************/ /*************** form-buttons ******************/ .input_100{ border-top: #C3C5C8 1px solid; border-right: #003070 1px solid; border-left: #C3C5C8 1px solid; border-bottom: #003070 1px solid; font-family:Verdana; font-size: 8pt; width:auto; text-align:center; padding-top:2px; padding-bottom:2px; font-weight: bolder; color:white; background-image:url(http://www.strato.de/dsl/images/orange_100.gif); cursor:pointer; } .input_200{ border-top: #C3C5C8 1px solid; border-right: #003070 1px solid; border-left: #C3C5C8 1px solid; border-bottom: #003070 1px solid; font-family:Verdana; font-size: 8pt; width:auto; text-align:center; padding-top:2px; padding-bottom:2px; font-weight: bolder; color:white; background-image:url(http://www.strato.de/dsl/images/orange_200.gif); cursor:pointer; } /*************** form-buttons-ende ******************/ /*************** Begin Text rechte Spalte ******************/ span,p.rechts { font-size:10px; line-height:130%; } a:link.re{ font-size:10px; text-decoration:underline; font-weight:normal; } a:visited.re{ font-size:10px; text-decoration:underline; font-weight:normal; } a:hover.re{ font-size:10px; text-decoration:underline; font-weight:normal; } a:active.re{ font-size:10px; text-decoration:underline; font-weight:normal; } /*************** End Text rechte Spalte ******************/ #cRight {display:inline;float:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:9px;margin:0px 0 0 10px;width:170px;} /*#cRight*/ .teaserBlock {border-bottom:#D1D1D1 1px solid;margin:0 0 8px 0;padding:0 0 3px 0;} .teaserBlock p {font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:11px;margin:7px 10px 3px 0;} .teaserBlock .hl {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:15px;margin:0 0 8px 0;} .teaserBlock .hlForm {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin:0 0 3px 0;} .teaserBlock .link {margin:0;} .teaserBlock a {color:#073B77;font-weight:normal;text-decoration:underline;} .teaserBlock form {margin:0;padding:0;} .teaserBlock form fieldset {border:none;margin:0;padding:0;} .teaserBlock form .inputDC {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:10px;} .teaserBlock form .inputField {width:101px;} .teaserBlock form .inputButton {margin:3px 0 0 0;} .teaserBlock a:hover {background:transparent;} .teaserBlock A:hover {color:#073B77; background:none; } .teaserBlock2 {border-bottom:#D1D1D1 1px solid;display:inline;float:left;margin:0 0 15px 0;padding:0 0 15px 0;} .teaserBlock2 .tb2L {display:inline;float:left;margin:0 1px 0 0;} .teaserBlock2 .tb2R {float:left;} .teaserBlock2 .tb2L p {font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:11px;margin:7px 10px 3px 0;} .teaserBlock2 .tb2L .hl {font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:bold;line-height:15px;margin:0 0 12px 0;} .teaserBlock2 .tb2L .link {margin:0;} .teaserBlock2 .tb2L a {color:#073B77;font-weight:normal;text-decoration:underline;} .teaserBlock2 .tb2L a:hover {background:transparent;} .lastTB {border-bottom:none;} /*BODY {overflow-x:hidden;}*/ /* ##################################################################################################################### */ /* HEADBLOCK: SERVER */ /* ##################################################################################################################### */ #headblock {display:block;float:left;width:618px;height:373px;} #headblock .row1 {display:inline;float:left;width:618px;height:211px;} #headblock .row2 {display:inline;float:left;width:618px;height:162px;} #headblock .row2 {background-image:url(/imperia/md/images/strato_de/server/server_business_start_row_bgcol.gif);} #headblock .row2 .left {display:inline;float:left;width:287px;height:162px;} #headblock .row2 .right {display:inline;float:left;width:331px;height:162px;} #headblock .row2 .right p {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;padding:4px;} #headblock .row2 .right a:link,#headblock .row2 .right a:visited,#headblock .row2 .right a:hover,#headblock .row2 .right a:active {text-decoration:none;font-weight:bold;color:#003366;} #headblock .row2 .right a:hover{color:#FFFFFF;} /* ##################################################################################################################### */ /* Title: STRATO Elements 3spalten Author: Ren Er / er@strato.de Description: 3 Spaltige Produktstartseiten */ /* =====================================================================================*/ /* Element: 3 spaltiger Content-Abschnitt (#cols3) */ /* =====================================================================================*/ .cLeft #cols3 { /* #cols3: Die gesamte Box erstmal beschreiben */ background:transparent url("/imperia/md/images/strato_de/basics/backgrounds/bg_cols3.gif") repeat-y top left; /* background image */ display:inline; /* other elements around may influence this one */ float:left; /* make it left-oriented*/ margin:0 2px 0 7px; /* Aussenabstand im Uhrzeigersinn: Oben, Rechts, Unten, Links */ width:621px; /* overall width of 621px*/ } /* Sub-Element: Spalte*/ .cLeft #cols3 .col { /* #cols3 .col: Allgemeine Beschreibung einer einzigen Spalte */ display:inline; /* other elements around may influence this one */ float:left; /* make it left-oriented*/ margin:0 2px 0 0; /* Aussenabstand im Uhrzeigersinn: Oben, Rechts, Unten, Links */ width:206px; /* overall width of 154px*/ } /* Sub-Element: Mgliche Spalten-Variationen*/ .cLeft #cols3 #middleCol { /* Mittlere Spalte */ width:205px; /* Besondere Breite, 1px weniger damit's insgesamt passt*/ } .cLeft #cols3 #lastCol { /* Letzte Spalte (ganz rechts) */ margin:0; /* Kein Aussenrand */ } /* Sub-Element: Spaltenkopf*/ .cLeft #cols3 .col .head { /* #cols3 .col .head: Kopfzeile innerhalb einer einzigen Spalte */ border-bottom:#FFF 1px solid; /* Weisser Rand 1px unten */ color:#11020A; /* Schriftfarbe */ font-family:Arial,Helvetica,sans-serif; /* Schriftart */ font-size:13px; /* Schriftgrsse */ font-weight:bold; /* Textauszeichnung fett*/ height:38px; /* Standard-Hhe der Kopfzeile */ padding:3px 0 2px 0; /* Innenabstand im Uhrzeigersinn: Oben, Rechts, Unten, Links */ text-align:center; /* Textausrichtung: Zentriert */ } /* Bereichsspezifische Frbung des Tabellenkopfes */ .cLeft #cols3 .col #server1 { background:transparent url("/imperia/md/images/strato_de/basics/backgrounds/bg_header_cols3_server1.jpg") no-repeat top left; } .cLeft #cols3 .col #server2 { background:transparent url("/imperia/md/images/strato_de/basics/backgrounds/bg_header_cols3_server2.jpg") no-repeat top left; } .cLeft #cols3 .col #server3 { background:transparent url("/imperia/md/images/strato_de/basics/backgrounds/bg_header_cols3_server3.jpg") no-repeat top left; } /* Sub-Element: Spaltenkrper*/ .cLeft #cols3 .col .body { /* #cols3 .col .body: Den gesamten Body erstmal beschreiben */ background:#DDF4FE; /*Hintergrundfarbe */ color:#2C3133; /*Schriftfarbe */ font-family:Arial,Helvetica,sans-serif; /* Schriftart */ font-size:10px; /* Schriftgrsse */ padding:17px 5px 18px 8px; /* Innenabstand im Uhrzeigersinn: Oben, Rechts, Unten, Links */ } /* Sub-Element: Elemente die innerhalb von Spaltenkrper vorkommen knnen*/ .cLeft #cols3 .col .body div {margin:0 0 10px 0;text-align:center;} .cLeft #cols3 .col .body ul {list-style:none;margin:0;padding:0;} .cLeft #cols3 .col .body li {font-family:Arial,Helvetica,sans-serif;font-size:10px;list-style-image:none;margin:0 0 7px 0;} .cLeft #cols3 .col .body li.first {font-size:11px;font-weight:bold;} .cLeft #cols3 .col .body a {color:#2C3133;font-size:11px;font-weight:bold;text-decoration:underline;} .cLeft #cols3 .col .body a:hover {background:transparent;} /* Suchmasch.Bildbeschreibung unsichtbar */ #seo_imagetext { display:none; } /* =====================================================================================*/ /* FACELIFT BREITE CHECKEN*/ .faceliftsizeOn { background-image:url(/bg_facelift_size.gif); background-repeat:repeat-y; background-position:center top; } .faceliftsizeOff { background: none; } /* =====================================================================================*/ /* FACELIFT EVIL NAVI IDEA EINBLENDEN*/ #evilidea { display:none; }