/* Normalizes margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0px; padding: 0px;} /* Normalizes font-size for headers */ h1, h2, h3, h4, h5, h6 {font-size: 100%;} /* Removes list-style from lists */ ol, ul {list-style: none;} /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;} /* Removes border from fieldset and img */ fieldset, img {border: 0px;} /* Left-aligns text in caption and th */ caption, th {text-align: left;} /* Removes quotation marks from q */ q:before, q:after {content: '';} /* CSS Document */ body {background:url(../pics/hg_start.png) repeat-x #fff; width:100%; text-align:center;} #bodyarea {text-align:left; margin:0px auto; width:877px; height:100%; border:0px solid red;} .bodyarea {margin:0px auto; width:877px; text-align:left;} #header {height:196px; border:0px solid blue;} #header img {margin-top:18px;} #nav {height:36px; width:877px; border:0px solid green; } #subnav {height:218px; width:877px; border:0px solid black; color:#3c3c3c;} #subnavSmall {height:38px; width:877px; border:0px solid black; color:#3c3c3c;} #content {height:700px; width:877px; border:0px solid orange;} #verlauf_bottom {left:0px; bottom:0px; width:100%; height:304px; background:url('../pics/verlauf_bottom.png') repeat-x; } #hauptNav {margin-left:190px;} .navHauptButton {float:left; margin-left:40px; list-style-type:none; display:inline; margin-left:15px;} #subnav a {text-decoration:none; color:#000000; font-size:12px; font-family:verdana,sans-serif; font-weight:bold; list-style-type:circle;} #subnav_liste {margin-left:70px; margin-top:-32px;} #subnav_liste li {list-style-type:disc;} #subnav img {margin-top:16px;} #verlauf_bottom {left:0px; bottom:0px; width:100%; height:304px; background-image:url('../pics/verlauf_bottom.png'); } /*startseite*/ #content_index {height:1000px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left; } #sub_start_text {margin-top:21px;} #rahmen_frosch {position:relative; margin-top:-130px; margin-left:140px;} .schrift {font-family:verdana,sans-serif; font-size:16px; font-weight:700;} .schrift2 {font-family:verdana,sans-serif; font-size:12px; font-weight:700;} .schrift3 {font-family:verdana,sans-serif; font-size:12px; font-weight:400;} .schrift4 {font-family:verdana,sans-serif; font-size:17px; font-weight:900;} #change_img {position:absolute; top:14px; left:25px;} #change_img_2 {position:absolute; top:0px; left:0px;} #kunden_portrait {position:relative; margin-top:-140px; margin-left:60px; width:717px; height:343px; background-image:url('../pics/ibs_portrait.png');} #headline {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:22px;} #sub {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat {margin-left:240px; padding-top:55px; width:450px;} #zitat {font-weight:900; color:#636363; font-family:verdana,sans-serif; font-size:14px;} #zitierter {font-family:verdana,sans-serif; font-size:10px; color:#f18e00; } #firmenlogo {margin-left:60px; margin-top: 20px;} #kundenstimme {float:right; margin-top:-75px; margin-right:100px;} #referenzmarketing {position:relative; margin-left:60px; margin-top:60px; width:717px; color:#3c3c3c; } .referenz_text {font-family:verdana,sans-serif; font-size:11px; padding-top:15px; padding-bottom:30px; text-align:justify;} /*ticker*/ #content_ticker {width:100%; font-family:verdana,sans-serif; color:#3c3c3c; font-size:12px;} #ticker_header {position:relative; margin-top:40px; margin-left:-10px; width:875px; height:80px;} #header_form {position:absolute; width:340px; height:80px; background:url('../pics/header_form.png'); } #ticker_headline {position:relative; float:right; width:521px; height:56px; background:url('../pics/ticker_headline.png');} #ticker_bar {position:absolute; margin-left:-10px; margin-top:0px; width:48px; height:418px; background:url('../pics/ticker_bar.png'); background-position:top left;} #ticker {position:relative; margin-top:-20px; margin-left:70px; width:712px; } #sub_text {position:relative; margin-left:0px; margin-top:0px;} #news_area {position:relative; margin-top:80px; padding-bottom: 0px;} #links {margin-top: 15px;} .inhaltsbereich {width: 500px; margin-left: 200px; margin-top:20px; text-align:justify; min-height:150px;} .ticker_image {width:180px; height:180px; margin-top:20px; margin-left:1px; padding-bottom:3px; float:left; padding-right: 15px; padding-bottom:3px;} .ticker_image img {width:180px; height:180px; } .underline {margin-left:-1px; margin-top:50px; margin-bottom: 16px; background-image:url('../pics/line.png'); width:712px; height:4px;} .total {position:relative; margin-top:30px; min-height: 180px;} .date {padding-bottom:10px; font-weight:bold;} .headline a {font-family:verdana, sans-serif; font-weight:bold; text-decoration:none; color:#3c3c3c; } /*leistungen*/ #frosch_hanteln {margin-left:150px; margin-top:10px;} #leistungen_text {margin-left:450px; margin-top:-180px; font-family:verdana,sans-serif; font-size:12px; font-weight:bold; } #leistungen_text li,ol {list-style-type:disc;} /*agentur*/ #agentur_text {margin-top:20px;} #agentur_text_2 {margin-top:20px; line-height:3;} #agentur_text input {margin-left:50px;} #agentur_text a {text-decoration:none; color:black;} #philosophie_bild {float:right; margin-top:-160px;} #kontakt {margin-left:440px; margin-top:-144px;} #kontakt_bild {margin-left:450px; margin-top:-530px;} #auszeichnungen_bild{position:relative; margin-left:150px; margin-top:20px;} #agentur_partner_frosch{margin-left:500px; margin-top:-650px;} #anfahrt_bild {margin-left:150px; margin-top:20px;} .feld {background-color:#f18e00; border-color:black;} .feld2 {background-color:#f18e00; border-color:black; font-familiy:verdana, sans-serif;} .feld3 {background-color:#f18e00;} textarea {overflow:auto;} .nachricht {margin-bottom:60px;} /*kundenstimmen */ #content1 {height:520px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left; } #content2 {height:520px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left;} #content3 {height:520px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left;} #content4 {height:520px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left;} #content5 {height:520px; width:100%; background:url('../pics/verlauf_bottom.png') repeat-x; background-position:bottom left;} .zitat {font-weight:900; color:#636363; font-family:verdana,sans-serif; font-size:14px;} .zitierter {font-family:verdana,sans-serif; font-size:10px; color:#f18e00; } /* kundenstimme 1 */ #kunden_portrait1 {position:relative; margin-top:-140px; margin-left:60px; width:717px; height:344px; background-image:url('../pics/ibs_portrait.png');} #headline1 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:22px;} #sub1 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat1 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo1 {margin-left:60px; margin-top: 20px;} /* kundenstimme 2 */ #kunden_portrait2 {position:relative; margin-top:30px; margin-left:60px; width:717px; height:322px; background-image:url('../pics/wwk_portrait.png');} #headline2 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:11px;} #sub2 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat2 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo2 {margin-left:60px; margin-top: 20px;} /* kundenstimme 3 */ #kunden_portrait3 {position:relative; margin-top:30px; margin-left:60px; width:717px; height:323px; background-image:url('../pics/aok_portrait.png');} #headline3 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:11px;} #sub3 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat3 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo3 {margin-left:60px; margin-top: 20px;} /* kundenstimme 4 */ #kunden_portrait4 {position:relative; margin-top:30px; margin-left:60px; width:717px; height:329px; background-image:url('../pics/evival_portrait.png');} #headline4 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:11px;} #sub4 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat4 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo4 {margin-left:60px; margin-top: 20px;} /* kundenstimme 5 */ #kunden_portrait5 {position:relative; margin-top:30px; margin-left:60px; width:717px; height:326px; background-image:url('../pics/cormeta_portrait.png');} #headline5 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:11px;} #sub5 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat5 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo5 {margin-left:60px; margin-top: 20px;} /* kundenstimme 6 */ #kunden_portrait6 {position:relative; margin-top:30px; margin-left:60px; width:717px; height:334px; background-image:url('../pics/setronic_portrait.png');} #headline6 {position:relative; text-align:right; color:#3c3c3c; margin-top:0px; padding-top:22px;} #sub6 {position:relative; text-align:right; color:#3c3c3c; margin-top:10px;} #kunden_zitat6 {margin-left:240px; padding-top:55px; width:450px;} #firmenlogo6 {margin-left:60px; margin-top: 20px;} h1 {text-align:center; left:-340px; color:#3c3c3c; font-family:verdana,sans-serif; font-weight:900; font-size:17px;} h2 {font-family:verdana,sans-serif; font-weight:900; font-size:17px;} h4 {font-weight:900; font-size:14px;} .leitbild {list-style-type:circle; margin-left:15px; padding-top:3px;} .leitbild li {padding-top:3px;} .spacer {padding-left:199px;} .spacer-top {padding-top:5px;} .spacer-top2 {padding-top:10px;} .spacer-top3 {padding-top:13px;} .floatRight {float:right;} .floatLeft {float:left;}