/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /*default werte von tags setzen*/ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ * { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, caption, form, fieldset, label, select, input, textarea, address, blockquote, nobr { font-family: Arial, Verdana, Helvetica, sans-serif; } img { border: none; } h1 { font-size: 220%; } h2 { font-size: 200%; } h3 { font-size: 180%; } h4 { font-size: 160%; } h5 { font-size: 140%; } h6 { font-size: 120%; } span { font-weight: bold; } .floatleft { float: left; } .floatright { float: right; } .clearboth { clear: both; } .clearer { clear: both; display:block; height:15px; } html { height: 100%; } body { background: #EBDFFF; font-size: 100%; text-align: center; height: 100%; width:100%; color: #333333; } table { font-size: large; } #html>body {width:99.2%; /**/} #wrapper { background: #EBDFFF; text-align: left; margin: 0px auto; width:99%; } #zaehler { padding-top: 200px; padding-left: 25px;} /* ================================================== 5. Das Kontaktformular =================================================== */ form { background-color: #dedec3; width: 370px; /* Breite des Formulars */ padding: 20px; border: 3px solid #0000ff; } label { /* Beschriftung auf eigener Zeile */ display: block; cursor: pointer; /* Mauszeiger wird zur Hand */ } input#name, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } input#name:focus, textarea:focus { background-color: #d9d9d9; } input#strasse, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#strasse:focus, textarea:focus { background-color: #d9d9d9; } input#ort, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#ort:focus, textarea:focus { background-color: #d9d9d9; } input#kdnr, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#kdnr:focus, textarea:focus { background-color: #d9d9d9; } input#email, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#email:focus, textarea:focus { background-color: #d9d9d9; } input#telefon, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#telefon:focus, textarea:focus { background-color: #d9d9d9; } input#fax, textarea { width: 300px; border: 1px solid #0000ff; margin-bottom: 1em; } textarea { height: 7em; } input#fax:focus, textarea:focus { background-color: #d9d9d9; } form { margin-left: 100px; /*margin-right: auto;*/ } #kontakt { color: #000000; background-color: #E6EDFF; /* hellblau */ width: 90%; padding: 30px; border: 0; margin: 20px; padding-top: 20px; padding-right: auto; padding-bottom: 20px; padding-left: auto; } .boxa { color: #ff0000; background-color: #8c8c8c; border: 3px solid #ecf7dd; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* mother´s little helpers */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .hidden, dfn, .searchbox label { position: absolute; left: -1000px; top:-1000px; width:0px; height: 0px; overflow:hidden; display:inline; } #skipnav { position: absolute; left: -2000px; } #skipnav li a:focus, #skipnav li a:active { display: block; position: absolute; z-index: 10; top: 5px; left: 2200px; font-size: 1.5em; background: #fff; color: #333333; border: solid 2px #C3C3C3; padding: 10px; width: 15em; height: 2em; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* header */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header { height: 135px; background: #AB78FF; width:100%; } #header-backgroundimage { height: 135px; background: transparent no-repeat top left; } #logo { color: #000033; font-weight: bold; font-size: 175%; width: 300px; height: 135px; padding-top: 50px; padding-left: 50px; padding-left: 50px; } #logo img { display: inline; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* main navigation */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #mainnavi { background: #FFFFFF; padding-top: 5px; } #mainnavi ul { list-style-type: none; font-size: 0.8em; font-weight: bold; background: url(bilder/mainnavibg.gif) repeat-x left bottom; height: 2.1em; } #mainnavi li { float: left; line-height: 1.5em; height: 2.1em; margin-right:0.7em; } #mainnavi li a { text-decoration: none; color: #00589C; padding: 0px 0px 0.6em 25px; display: block; } #mainnavi li a:hover, #mainnavi li a:active, #mainnavi li a:focus, #mainnavi li a.active:hover { color: #333333; background: url(bilder/Navipfeilrechtsgraumain.gif) no-repeat left bottom; } #mainnavi li a.active { color: #333333; padding: 0px 0px 0.6em 25px; display: block; background: url(bilder/Navipfeilpfadschraegmain.gif) no-repeat left bottom; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* main with 3 columns */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #mainWrapper { clear:both; display:block; } #leftColumn { float: left; width:18%; padding-left: 0px; padding-bottom: 1px; padding-top: 10px; } #leftColumn ul { list-style-type: none; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:2px; } #leftColumn ul li { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:1px; } #subnavi { background: #FFFFFF; } #subnavi a { color: #333333; font-weight:normal; } #subnavi ul.n1 { background: transparent url(bilder/navline1.gif) no-repeat left bottom; font-size: 0.9em; padding-bottom: 1px; margin:0; padding:0; } #subnavi ul.n1 li { font-weight: bold; padding-top: 1px; background: transparent url(bilder/navline1.gif) no-repeat left top; margin:0; } #subnavi ul.n1 li a { display: block; text-decoration: none; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; color: #00589C; margin:0; font-weight:bold; } #subnavi ul.n1 li a:hover, #subnavi ul.n1 li a.active:hover { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 7px 7px; } #subnavi ul.n1 li a.active { color: #00589C; background: #FFFFFF url(bilder/Navi_pfeil_pfad_schraeg.gif) no-repeat 7px 7px; font-weight: bold; } #subnavi ul.n1 li a.current { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 7px 7px; font-weight:bold; } #subnavi ul.n2 li a { color: #505050; background: transparent; padding-left: 20px; margin:0; font-weight:normal; } #subnavi ul.n2 li a:hover, #subnavi ul.n2 li a.active:hover { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 7px 7px; } #subnavi ul.n2 li a.active { color: #333333; background: #FFFFFF url(bilder/Navi_pfeil_pfad_schraeg.gif) no-repeat 7px 7px; font-weight:bold; } #subnavi ul.n2 li a.current { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 7px 7px; font-weight:bold; } #subnavi ul.n3 li a { color: #000099; font-style: italic; background: transparent; padding-left: 30px; margin:0; font-weight:normal; } #subnavi ul.n3 li a:hover, #subnavi ul.n3 li a.active:hover { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 17px 7px; } #subnavi ul.n3 li a.active { color: #000099; background: #FFFFFF url(bilder/Navi_pfeil_pfad_schraeg.gif) no-repeat 17px 7px; font-weight:bold; } #subnavi ul.n3 li a.current { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 17px 7px; font-weight:bold; } #subnavi ul.n4 li a { color: #000000; font-style: normal; background: transparent; padding-left: 40px; font-weight: normal; } #subnavi ul.n4 li a:hover, #subnavi ul.n4 li a.active:hover { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 27px 7px; } #subnavi ul.n4 li a.active { color: #333333; background: #FFFFFF url(bilder/Navi_pfeil_pfad_schraeg.gif) no-repeat 27px 7px; font-weight:bold; } #subnavi ul.n4 li a.current { background: #FFFFFF url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 27px 7px; font-weight:bold; } #subnavi ul.n5 li { background: transparent; } #subnavi ul.n5 li a { padding-left: 48px; color: #00589C; font-size:0.9em; } #subnavi ul.n5 li a:hover, #subnavi ul.n5 li a.active:hover { background: url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 37px 7px; } #subnavi ul.n5 li a.active { color: #333333; background: url(bilder/Navi_pfeil_pfad_schraeg.gif) no-repeat 37px 7px; font-weight:bold; } #subnavi ul.n5 li a.current { background: url(bilder/Navi_pfeil_rechts_blau.gif) no-repeat 37px 7px; font-weight:bold; } /*end left nav*/ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* main content */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #contentWrapper { width:75%; float:left; margin:0 0 0 2%; /*was 0 1% 0 1%*/ } #content { width: 100%; } #breadcrumb { background: #AB78FF; margin-bottom: 10px; padding-top: 15px; } #breadcrumb p { font-size: 0.7em; color: #000033; line-height: 1.3em; } #breadcrumb a { color: #000033; text-decoration: none; border-bottom: 1px dotted #000033; } #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus { border-bottom: 1px solid #000033; } #breadcrumb strong { font-weight: normal; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* footer */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #footer { background: #AB78FF; clear: both; border-top: 1px solid #000033; margin-top: 30px; padding-bottom: 30px; } #footer ul { list-style-type: none; height: 1em; text-align: center; } #footer li { line-height: 1.5em; display: inline; color: #000033; font-size: 0.7em; } #footer a { text-decoration: none; color: #000033; border-bottom: 1px dotted #000033; } #footer a:hover, #footer a:active, #footer a:focus { border-bottom: 1px solid #000033; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ----------------------IT STYLES------------------------------------------------------------------------------------------- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .nachunten { font-weight: bold; background: url(bilder/nach_unten.gif) no-repeat left; color: #00589C text-decoration: none; padding-left: 20px; } .nachoben { font-weight: bold; background: url(bilder/nach_oben.gif) no-repeat left top; color: #333333; text-decoration: none; border-bottom: 1px dotted #C3C3C3; padding-left: 20px; } #linkaktive { color: #333333; padding: 0px 0px 0.6em 25px; display: block; background: url(bilder/Navipfeilrechtsgraumain.gif) no-repeat left bottom; } /* farbliche Unterstreichung von Textpassagen*/ .Betonung { background: #d7ee8f; } /* helles knalliges gelbgrün*/ .Wichtig { background: #fccbc8; font-weight: bold; } .Hinweis, .Besonderer_Hinweis { padding: 8px 10px; margin-bottom: 1.3em; color: #000; } .Hinweis { background: #d7ee8f; border: 1px solid #91b81d; } /* hellrot */ .Besonderer_Hinweis { background: #fccbc8; border: 1px solid #ff958d; } /* hellrot mit roter Umrandung*/ .TextGrau { color: #8c8c8c; } .Code { font-family: "Courier New", Courier, monospace; } /* Formatierung von Listen */ ol, ul, li { font-size: small;} #none { list-style-type:none; } /* Linkfarben Standard */ a, a:link, a:active { color: #002d73; text-decoration: none; } a:visited { color: #35638e; text-decoration: none; } a:hover { color: #002d73; text-decoration: underline; } a:visited:hover { color: #002d73; text-decoration: underline; } /* Linklisten auf Verteilerseiten auf IT-Startseite */ ul.Linkliste { list-style-type:none; margin: 0px 0px 25px 0px !important; padding: 0px !important; } ul.Linkliste li { background: none !important; padding: 0px !important; margin: 0px !important; border-top: 1px solid #fff; } ul.Linkliste li a, ul.Linkliste li a:link, ul.Linkliste li a:active, ul.Linkliste li a:visited { line-height: 120%; display: block; padding: 3px 5px 3px 15px; } a#sprung { font-weight: bold; background: url(bilder/nach_unten.gif) no-repeat left; color: #000033 text-decoration: none; padding-left: 20px; } a#sprung:hover , a#sprung:visited:hover { font-weight: bold; color: #000033; text-decoration: underline; border-bottom: 1px #000033; padding-left: 20px; } a#email { font-weight: bold; background: url(bilder/e_mail.gif) no-repeat left; color: #000033; text-decoration: none; border-bottom: 1px dotted #C3C3C3; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#email:hover, a#email:visited:hover { color: #000033; text-decoration: underline; border-bottom: 1px #000033; margin-left: 15px; margin-right: 15px; padding-left: 25px; } #telefon { font-weight: bold; background: url(bilder/telefon.gif) no-repeat left; color: #000033; text-decoration: none; border-bottom: 1px dotted #C3C3C3; margin-left: 15px; margin-right: 15px; padding-left: 25px; } #fax { font-weight: bold; background: url(bilder/fax.gif) no-repeat left; color: #000033; text-decoration: none; border-bottom: 1px dotted #C3C3C3; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link { font-weight: bold; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link:hover , a#link:visited:hover { font-weight: bold; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link2 { font-weight: bold; display: block; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link2:hover , a#link2:visited:hover { color: #000033; text-decoration: underline; border-bottom: 1px #000033; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link-it { background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; border-bottom: 1px dotted #C3C3C3; margin-left: 15px; padding-left: 25px; } a#link-it1 { font-weight: bold; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link-it1:hover , a#link-it1:visited:hover { font-weight: bold; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link-it2 { font-weight: bold; display: block; background: url(bilder/link_intern.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#link-it2:hover , a#link-it2:visited:hover { color: #000033; text-decoration: underline; border-bottom: 1px #000033; margin-left: 15px; margin-right: 15px; padding-left: 25px; } a#zurueck { font-weight: bold; background: url(bilder/link_back.gif) no-repeat left; color: #000033; text-decoration: none; margin-left: 10px; margin-right: 15px; padding-left: 25px; } h1#Linkliste a, h1#Linkliste a:link, h1#Linkliste a:active, h1#Linkliste a:visited { line-height: 120%; display: block; padding: 3px 3px 3px 7px; } h4#Linkliste, h6#Linkliste { font-size: medium; line-height: 120%; display: block; padding: 3px 3px 3px 7px; color: #000000;} h6 { font-size: medium; color: #000000; } .orange h1, .orange h4, .orange h6 { background-color: #fcb630; color: #000000; } .orange ul { background-color: #e8e8e8; border-bottom: 1px solid #fcb630; } .orange a:hover, .orange a:visited:hover { background-color: #ffda94 !important; color: #333333; } .gelb h1, .gelb h4, .gelb h6 { background-color: #ffee3d; color: #000000; } .gelb ul { background-color: #e8e8e8; border-bottom: 1px solid #ffee3d; } .gelb a:hover, .gelb a:visited:hover { background-color: #fff696 !important; color: #333333; } .gruen h1, .gruen h4, .gruen h6 { background-color: #add437; color: #000000; } .gruen ul { background-color: #e8e8e8; border-bottom: 1px solid #add437; } .gruen a:hover, .gruen a:visited:hover { background-color: #d7ee8f !important; color: #333333; } .mint h1, .mint h4, .mint h6 { background-color: #4DDF8E; color: #000000; } .mint ul { background-color: #e8e8e8; border-bottom: 1px solid #4DDF8E; } .mint a:hover, .mint a:visited:hover { background-color: #A4EEC5 !important; color: #333333; } .cyan h1, .cyan h4, .cyan h6 { background-color: #6bd6de; color: #000000; } .cyan ul { background-color: #e8e8e8; border-bottom: 1px solid #6bd6de; } .cyan a:hover, .cyan a:visited:hover { background-color: #b8ecf0 !important; color: #333333; } .blau h1, .blau h4, .blau h6 { background-color: #4a9ad8; color: #000000; } .blau ul { background-color: #e8e8e8; border-bottom: 1px solid #4a9ad8; } .blau a:hover, .blau a:visited:hover { background-color: #a8cce8 !important; color: #333333; } .violett h1, .violett h4, .violett h6 { background-color: #a183e8; color: #000000; } .violett ul { background-color: #e8e8e8; border-bottom: 1px solid #a183e8; } .violett a:hover, .violett a:visited:hover { background-color: #cabcea !important; color: #333333; } .lila h1, .lila h4, .lila h6 { background-color: #d35ec0; color: #000000; } .lila ul { background-color: #e8e8e8; border-bottom: 1px solid #d35ec0; } .lila a:hover, .lila a:visited:hover { background-color: #f0b8e7 !important; color: #333333; } .rot h1, .rot h4, .rot h6 { background-color: #ff6e67; color: #000000; } .rot ul { background-color: #e8e8e8; border-bottom: 1px solid #ff6e67; } .rot a:hover, .rot a:visited:hover { background-color: #ffbdba !important; color: #333333; } .grau h1, .grau h4, .grau h6 { background-color: #b5b5b5; color: #000000; } .grau ul { background-color: #e8e8e8; border-bottom: 1px solid #b5b5b5; } .grau a:hover, .grau a:visited:hover { background-color: #dddddd !important; color: #333333; } /* Zweispaltiger Inhalt */ div.InhaltSpalte { width: 47%; } /* Teaser */ div.Teaser { clear: left; width: 100%; } div.TeaserBox { font-size: 85%; line-height: 140%; margin-bottom: 0em; padding-bottom: 1em; } div.Teaser div.TeaserBox { width: 47%; } .Links { float: left; margin-right: 10px; clear: right; } .Rechts { float: right; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --------------------IT STYLES ENDE----------------------------------------------------------------------------------------- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* headers, bodytext, lists */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content .contentWrap { display:block; clear: both; margin-bottom: 15px; /*we made this 15 in general*/ } #content h1 { font-size: 160%; color: #000000; text-decoration: underline;} #content h2 { font-size: 140%; color: #000000; margin-bottom: 0.5em; margin-top: 1.5em; } #content h3 { font-size: 120%; color: #636363; margin:-0.1em 0 0.6em 0; } /*#content .csc-textpic-text h3 { margin: 0 0 0.5em; }*/ #content h4 { font-size: 100%; margin: 23px 0 0.5em; } #content h5 { font-size: 90%; margin: 23px 0 0.5em; font-weight:normal; } #content .bodytext, .error_message { font-size: 0.8em; color: #333333; line-height: 135%; } .contentWrap .bodytext, .contentWrap ul { margin-bottom: 0.5em; } .contentWrap ul, .contentWrap ol { font-size: 0.8em; color: #333333; line-height: 125%; margin-left:20px; } .contentWrap li { margin-bottom: 0.3em; } /*teaser 2 col design*/ div.teaserImg { width:110px; float:left; } div.teaserText { width:80%; float:left; }