/* Global Definitions */ #body{ top:-1px; left:0; width:100%; height:100%; overflow:auto; background-color:#FFFFFF; } a:link { /* color: #dc852a; */ color: #000000; /* text-decoration:underline; */ text-decoration:none; } a:visited { /* color: #dc852a; */ color: #000000; /* text-decoration:underline; */ text-decoration:none; } a:hover { color: #dc852a; /* text-decoration:underline; */ text-decoration:none; } a:active { color: #dc852a; /* text-decoration:underline; */ text-decoration:none; } /* Main Container to Center the Content*/ div.BodyContainer{ text-align:left; width:1224px; height:100%; position:relative; margin: auto auto; font-family: Helvetica,sans-serif; font-size: 14px; /* border: 1px dashed; */ } /* HEADER Definitions */ div.HeaderContainer { margin:0px auto; position: relative; width:1224px; height:200px; /* border: 1px dashed; */ } div.HeaderLogoContainer { width:255px; height:200px; float:left; position: absolute; top:0px; left: 900px; /* border: 1px dashed; */ } div.HeaderRohrTop { width:45px; height:10px; position: absolute; top:40px; left: 1179px; background-image:url(../images/rohr_top.png); background-repeat:no-repeat; /* border: 1px dashed; */ } img.HeaderBanner { float:left; /* width:960px; */ width:880px; height:200px; } h1.Logo { color: #04a7f1; letter-spacing:-1px; font-size: 35px; font-style: italic; font-weight: bold; font-family: 'Candal', sans-serif; border-bottom: 2px #04a7f1 solid; margin: 20px 0px 5px 0px; } p.LogoFunktion { margin: 0px; font-size: 15px; float: right; } p.LogoAdresseHuppi { margin: 0px; font-size: 14px; padding-left: 5px; float: left; text-align: left; line-height:16px; /* color: #85c8d2; */ color: #000000; } p.LogoAdresse { margin: 0px; font-size: 14px; font-weight: bold; float: right; text-align: right; line-height:14px; } /* ROHR Definitions */ div.HeaderRohrVertikalTop { width:45px; height:230px; position: absolute; top:50px; left: 1179px; background-image:url(../images/rohr_vertikal.png); background-repeat:repeat-y; /* border: 1px dashed; */ } div.HeaderRohrEckenRechts { width:45px; height:45px; position: absolute; top:280px; left: 1179px; background-image:url(../images/ecken_rechts.png); background-repeat:no-repeat; /* border: 1px dashed; */ } div.HeaderRohrHorizontal { width:1144px; height:45px; position: absolute; top:280px; left: 40px; background-image:url(../images/rohr_horizontal.png); background-repeat:repeat-x; /* border: 1px dashed; */ } div.HeaderRohrEckenLinks { width:45px; height:45px; position: absolute; top:280px; /* left: 970px; */ left: 0px; background-image:url(../images/ecken_links.png); background-repeat:no-repeat; /* border: 1px dashed; */ } div.HeaderRohrVertikalLeft { width:45px; /* height:503px; */ height:100%; position: absolute; top: 320px; left: 0px; background-image:url(../images/rohr_vertikal.png); background-repeat:repeat-y; /* border: 1px dashed; */ } /* MENU Definitions */ div.MainMenuContainer { width:1222px; height:60px; margin: 0px; } div.MainMenuItemBox { /* width:304px; */ width:144px; height:50px; float:left; /* font-family: 'Nunito', sans-serif; */ margin: 0px 75px 0px 75px; /* border-bottom: 2px #04a7f1 solid; */ border-bottom: 2px #000000 solid; } div.MainMenuItemBox:hover { /* width:304px; */ width:144px; height:50px; float:left; /* font-family: 'Nunito', sans-serif; */ margin: 0px 75px 0px 75px; border-bottom: 2px #dc852a solid; } div.SecondMenuBodyContainer{ width:300px; height:460px; padding-left: 20px; margin: 20px 0px 0px 0px; /* border: 1px dashed; */ } p.centerMenu { text-align:center; margin: 0px; line-height:60px; /* font-size: 25px; */ /* color: #04a7f1; */ color: #0000000; font-size: 25px; font-family: 'Candal', sans-serif; } p.centerMenu:hover { text-align:center; margin: 0px; line-height:60px; /* font-size: 25px; */ color: #dc852a; font-size: 25px; font-family: 'Candal', sans-serif; } li.SecondMenu { list-style-image:url(../images/waterblob.png); padding-left: 5px; margin-bottom: 10px; color: #04a7f1; } /* CONTENT Definitions */ div.ContentBodyContainer { width:1122px; /* width:882px; */ height:420px; position: absolute; top: 345px; /* left: 340px; */ left: 0px; margin-left: 100px; /* border: 2px #dc852a solid; */ } div.kontakt{ font-size: 14px; } div.smallImage{ float:left; width: 300px; margin: 25px 35px 25px 0px; } img.smallImage { width: 300px; } img.startseite { width: 450px; } td.description{ width: 200px; } td.value{ width: 400px; } td.text{ width: 400px; height: 300px; } input.value { width: 400px; } textarea.text { width: 400px; height: 300px; } input.submit { border: 1px solid #006; background: #9cf; } h1.Main { color: #dc852a; font-size: 25px; font-family: 'Candal', sans-serif; margin: 20px 0px 20px 0px; } p.Main { line-height: 20px; margin: 20px 0px 20px 0px; } p.red { line-height: 20px; color: red; } li.Tipps { list-style-image:url(../images/waterblob.png); padding-left: 5px; margin-bottom: 10px; color: #000000; } li.Heizung { /* list-style-image:url(../images/waterblob.png); */ padding-left: 5px; margin-bottom: 10px; color: #000000; }