body { background-image: url(../images/bgFM.gif); background-repeat:repeat-x; font-family: Arial, Tahoma; font-size: 12px; color: #3e3e3e; margin:0px; text-align: center; } #aussen {width:960px;margin:0 auto;height:100%;} #logo {position:absolute;float:left;left:inherit;width:200px;height:137px;background-color:#ffffff;z-index:1000;border-left:1px solid #feeaaf;} #top {padding:0px 4px;float:right;text-align:right;} /*10px 10px 2px 50px;*/ #top-neu {padding:0px 4px;float:right;text-align:right; } td.rahmen-top-li-re {border-left:1px solid #fad877;background-color: #ffb700;} /* ======================================================================================= ===== HP STYLES ======================================================================================= */ #newsall {position:absolute;left:inherit;top:385px;width:515px;margin-left:229px;z-index:1000;} #newsall_after {position:absolute;left:inherit;top:369px;width:545px;margin-left:214px;z-index:1000;} .newsmeldung {font-size:12px;color:#183455;} #partnerall {position:absolute;left:inherit;top:385px;width:160px;height:90px;margin-left:808px;z-index:2000;} #hinweisall {position:absolute;left:inherit;top:369px;width:160px;height:90px;z-index:1000;margin-left:10px;} #partner {position:absolute;left:inherit;top:390px;width:160px;height:100px;background-color:#FFFFFF;margin-left:792px;border:5px solid #e6e6e6;} /*#partner-sub {width:160px;height:100px;background-color:#FFFFFF;border:5px solid #e6e6e6;} #partnerX {position:absolute;left:inherit;top:390px;width:160px;height:100px;background-color:#FFFFFF;margin-left:792px;border:5px solid #e6e6e6;} #partner-subX {width:160px;height:100px;background-color:#FFFFFF;border:5px solid #e6e6e6;} #newsletter {font-size:11px;color:#FFFFFF;padding:28px 4px 10px 22px;}*/ /* ===== ENDE HP STYLES ================================================================== */ .colLeft { border-left:1px solid #feeaaf;background-color:#fff1ce;} #mainmenu {position:absolute;z-index: 20;left:inherit;top:150px;width:194px;height:auto;background-color:#ffb700;border-bottom:1px solid #fad877;border-right:1px solid #fad877;} /* .navigation {margin-left:20px;padding:10px 4px 10px 0px;border-bottom:1px solid #fad877;} .navigation-last {margin-left:20px;padding:10px 4px 10px 0px;} */ /* ===== INLINE FRAMES ================================================================ */ div.ff {height:100%;position:relative;width:743px;} div.content {overflow:auto;overflow-y:auto;overflow-x:hidden;height:100%;width:743px;position:absolute;font-size:12px;font-family:Arial,Verdana,Helvetica;font-weight:300;word-wrap:break-word;padding-right:0;margin-right:0;} /* == FARBDEFINITIONEN ================================================================== */ .hellgelb {background-color: #fff1ce;} td { font-family:Arial,Tahoma; font-size:12px; color: #3e3e3e; line-height:18px; } /*td.inhalt { diesen Style bei umstellung löschen font-family:Arial,Tahoma; background-color:#FFFFFF; } td.main { background-repeat:no-repeat; font-size:12px; width:960px; height:570px; } td.rand {background-color: #ffffff; border:1px solid #ffb700;} .fliesstext { font-family:Arial,Tahoma; font-size:12px; color: #3e3e3e; line-height:16px; } */ .photo {background-color:#ffffff;height:147px;border:1px solid #ffb700;} .img-rahmen {border:1px solid #0078aa;} td.topmenu {padding:10px 10px 2px 50px;} /* LINKS ============================================================================================ a { color: #0078aa; font-family: Arial,sans-serif; font-size: 12px; text-decoration: none; }*/ a:link {font-family:Arial,Verdana,Helvetica;font-size:12px;color:#0078aa;text-decoration:none;} a:active {font-family:Arial,Verdana,Helvetica;font-size:12px;color:#e41f1f;text-decoration:none;} a:visited {font-family:Arial,Verdana,Helvetica;font-size:12px;color:#0078aa;text-decoration:none;} a:hover {font-family:Arial,Verdana,Helvetica;font-size:12px;color:#e41f1f;text-decoration:none;} a.topmenu:link, a.topmenu:visited { font-size: 12px; color: #183455; font-weight:300; text-decoration: none;padding-right:16px;} a.topmenu:hover, a.topmenu:active { color: #e41f1f; padding-right:16px; text-decoration: none;} a.topmenu-small:link, a.topmenu-small:visited { font-size: 10px; color: #183455; font-weight:300; text-decoration: none;padding-left:10px;} a.topmenu-small:hover, a.topmenu-small:active { color: #e41f1f; padding-left:10px; text-decoration: none;} a.menu:link, a.menu:visited { font-size: 10pt; color: #0078aa; font-weight:900; text-decoration: none;} a.menu:hover, a.menu:active { color: #e41f1f; text-decoration: none;} a.topmenu-anm:link, a.topmenu-anm:visited { font-size: 12px; color: #0078aa; font-weight:600; text-decoration: none;padding-right:25px;} a.topmenu-anm:hover, a.topmenu-anm:active { color: #fffff; padding-left:25px; text-decoration: none;} /* NEWS ============================================================================================== */ .bildunterschrift {font-size:11px;color: #183455;} a.news:link, a.news:visited { font-size: 12px; color: #183455; font-weight:bold; text-decoration: none;} a.news:hover, a.news:active { color: #e41f1f; text-decoration: none;} /* CONTENT ========================================================================================= */ h1 {font-size:16px;color:#0078aa;margin-top:15px;} h2 {font-size:14px;margin-top:4px;margin-bottom:4px;color: #183455;} h3 {font-size:14px;margin-top:15px;margin-bottom:20px;color: #183455;font-weight:300;} /*Trainingsseiten*/ h4 {font-size:14px;margin-top:8px;margin-bottom:8px;color: #183455;font-weight:300;border-top:1px dotted #0078aa;border-bottom:1px dotted #0078aa;padding:10px 0px;} /*Trainingsseiten profitipps*/ .hinweis {color: #e12129;font-weight:bold;} .klein {font-size:10px;} .ganzklein {font-size:9px;} .zeile {line-height:20px;} .imageborderHP {border:5px solid #fad877;} /* Rahmen Image Hellgelb */ .imageborderGrau {border:5px solid #e3e3e3;} /* Rahmen Image Grau */ .imagepartner {border:5px solid #e3e3e3;} /* Rahmen Image Grau */ .imageall {border:1px solid #e3e3e3;} /* Rahmen Image Grau Allgemein */ .partnerHL {background-color:#fad877;color:#ffffff;border:1px solid #0078aa;width:200px;padding-top:2px;padding-bottom:2px;} div.plakat {background-image: url(../images/plakat_gross.jpg);background-repeat:none;} div.plakat1 {background-image: url(../images/plakat_gross1.jpg);background-repeat:none;} /* Buttons ======================================================================================== */ .button-aussen {border-bottom:1px solid #e1a100;border-right:1px solid #e1a100;border-top:1px solid #fad877;border-left:1px solid #fad877;} .button-blau {background-color:#0078aa;border:3px solid #ffb700;padding:6px;} a.btn:link, a.btn:visited { font-size: 11px; color: #ffffff; font-weight:900; text-decoration: none;} a.btn:hover, a.btn:active { color: #ffb700; text-decoration: none;} .button-stylish {border-bottom:1px solid #0078aa;border-right:1px solid #0078aa;border-top:1px solid #0078aa;border-left:1px solid #0078aa;padding:4px;margin-top:10px;} a.btn-stylish:link, a.btn-stylish:visited {font-size:13px;margin-top:10px;margin-bottom:10px;color: #183455;font-weight:300;text-decoration: none;} a.btn-stylish:hover, a.btn-stylish:active { color: #ffb700; text-decoration: none;} a.btn-stylish-text:link, a.btn-stylish-text:visited {font-size:13px;color: #183455;font-weight:300;text-decoration: none;line-height:28px;} a.btn-stylish-text:hover, a.btn-stylish-text:active { color: #ffb700; text-decoration: none;line-height:28px;} a.btn12:link, a.btn12:visited { font-size: 12px; color: #e12129; font-weight:600; text-decoration: none;} a.btn12:hover, a.btn12:active { color: #ffffff; text-decoration: none;} /* Formular ======================================================================================= */ form {padding:0px;margin:0px;} input.blue-box {font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #183455;width:150px;height:21px;background-color:#ffffff;margin-bottom:4px;margin-top:2px;} input.blue-box-button {font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #183455;width:150px;height:19px;background-color:#ffffff;margin-bottom:4px;margin-top:2px;} input.button {font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;width:140px;height:21px;background-color:#ececec;margin-bottom:4px;margin-top:2px;} input.radio {border-style:none;width:20px;background:transparent;} .textfieldsmall {font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;width:40px;height:17px;background-color:#ffffff;} .textfeld {font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;width:300px;background:#ffffff;} input {font-family:Arial,sans-serif;font-size:8pt;color:#183455;border:1px solid #0078aa;background:#ffffff;} input.checkbox {background:transparent;width:20px;border-style:none;} input.image { border: none; } select {font-family:Arial,sans-serif;font-size:8pt;background:#ffffff;} .optioncolor {color:#183455;} .textfieldfull {width:470px;height:19px;font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;} .textfieldhalf {width:300px;height:19px;font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;} .textfield250 {width:250px;height:19px;font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;} .textfield510 {width:510px;height:50px;font-family:Arial,Verdana,Helvetica;font-size:11px;color:#3e3e3e;border:1px solid #0078aa;} option { background-color:#ebebeb;color:#000000;line-height:20px;} .randimgwhite {position:relative;height:60px;width:165px;background-color:#FFFFFF;} #fm_kontakt1 { display:none;} #fm_kontakt2 { display:none;} #fm_kontakt3 { display:none;} #fm_kontakt4 { display:none;} #fm_kontakt5 { display:none;} #fm_kontakt6 { display:none;} /* TESTZWECKE ÄNDERUNG STARTSEITE #newsallNEW {position:absolute;left:inherit;top:385px;width:515px;padding-left:-250px;z-index:1000;} #partnerallNEW {position:absolute;left:inherit;top:385px;width:160px;height:90px;padding-left:310px;z-index:2000;} #mainmenuNEW {position:absolute;left:inherit;top:150px;padding-left:-480px;width:194px;height:auto;background-color:#650037;border-top:1px solid #8b004f;border-bottom:1px solid #8b004f;border-right:1px solid #8b004f;}*/ /* Menu Vertikal ======================================================================================= */ table.menu {border-bottom:1px solid #fad877;} .menu_main {line-height:26px;padding:3px 3px 3px 10px;background-color:#ffb700;} .menu_sub {line-height:20px;padding-left:10px;padding-top:2px;background-color:#fad877;} .menu_subsub {line-height:11px;padding-left:19px;background-color:#fad877;} .menu_subsubsub {font-size:11px;line-height:11px;padding-left:30px;padding-top:2px;background-color:#fad877;} a.menu_main:link {color:#183455;font-size:12px;text-decoration:none;font-weight:bold;font-family: Arial, Verdana, sans-serif;} a.menu_main:visited {color:#183455;font-size:12px;text-decoration:none;font-weight:bold;font-family: Arial, Verdana, sans-serif;} a.menu_main:hover {color:#e12129;font-size:12px;text-decoration:none;font-weight:bold;font-family: Arial, Verdana, sans-serif;} a.menu_main:active {color:#e12129;font-size:12px;text-decoration:none;font-weight:bold;font-family: Arial, Verdana, sans-serif;} a.menu_sub:link {color:#183455;font-size:11px;text-decoration:none;font-family: Arial, Verdana, sans-serif;} a.menu_sub:visited {color:#183455;font-size:11px;text-decoration:none;font-family: Arial, Verdana, sans-serif;} a.menu_sub:hover {color:#e12129;font-size:11px;text-decoration:none;font-family: Arial, Verdana, sans-serif;} a.menu_sub:active {color:#e12129;font-size:11px;text-decoration:none;font-family: Arial, Verdana, sans-serif;} a.menu_subsub:link {color:#183455;font-size:11px;text-decoration:none;} a.menu_subsub:visited {color:#183455;font-size:11px;text-decoration:none;} a.menu_subsub:hover {color:#e12129;font-size:11px;text-decoration:none;} a.menu_subsub:active {color:#e12129;font-size:11px;text-decoration:none;} a.menu_subsubsub:link {color:#183455;font-size:11px;text-decoration:none;} a.menu_subsubsub:visited {color:#183455;font-size:11px;text-decoration:none;} a.menu_subsubsub:hover {color:#e12129;font-size:11px;text-decoration:none;} a.menu_subsubsub:active {color:#e12129;font-size:11px;text-decoration:none;} /* Scroller ============================================================================================= */ body {scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#0078aa; scrollbar-base-color:#f0d200; scrollbar-darkshadow-color:#F9F5F1; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#e6e6e6; scrollbar-shadow-color:#9da7ad; } /* BG IMAGES ROTATION ==================================================================================== */ #boxContent.home { background: 0; padding: 0;margin:0; height:570px; } #boxContent.home #boxMiddleColumn { width: 960px; margin: 0; border-top:1px solid #fad877; border-right:1px solid #fad877; border-left:1px solid #fad877; border-bottom:1px solid #ffffff; height:570px; } #boxContent.home #boxMiddleColumn #keyvisual { position:absolute; z-index: 10; width: 960px; height: 570px; } .homeWelcomeBox { position: absolute; overflow: hidden; z-index: 20; margin-left: 550px; padding: 0 20px 20px 20px; width: 360px; background-color: #e8e8e8; height:400px; } /* clearing */ .clear { position: relative; clear: both; line-height: 0; font-size: 1px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block;} /* End hide from IE-mac */