/* GENERAL */ * { font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 0; text-decoration: none; } /* CLASSES */ .img { letter-spacing: -1000em; text-indent : -999em; overflow: hidden; display: block; background-repeat: repeat; background-color: transparent; } html { min-height: 100%; } /* BODY */ #main { background-image:url('../images/design/wrap/repeater_main.jpg'); background-repeat:repeat;} /* DOTTEDLINES X-REPEAT */ #wrap-all { background-image:url('../images/design/wrap/wrap_all_repeater.png'); background-repeat:repeat; float:left; width:859px; } #wrap-all-test { margin:0 auto 0 auto; width:859px; } /* LIQUID-GOLD SPETEC VERSION #wrap-all { border: 1px solid #FFFFFF; margin: 17px auto; width: 907px; } */ #wrap_header { height:122px; background-image:url('../images/design/header/repeater_top.jpg'); background-repeat:repeat-x; position:absolute; left:0px; right:0px; } #header { background-image:url('../images/design/header/header_fox.png'); background-repeat:no-repeat; width:840px; height:282px; margin:0 auto 0 auto;} #headernavi { height:75px; width:460px; padding:47px 0 0 380px;} #headernavi a { color:#989898; text-decoration:none; margin-right:10px; } #headernavi a:hover { color:#989898; text-decoration:underline; } /* LIQUID-GOLD SPETEC VERSION #header { background-color: #E5E6E7; background-position: top left; background-repeat: no-repeat; height: 176px; } #header * { display: block; float: left; height: 176px; } #header #logo { background-image: url('../images/design/header/logo/bg.jpg'); width: 171px; } #header #picture { background-image: url('../images/design/header/home.jpg'); width: 546px; } #header #testimonials { background-image: url('../images/design/header/house/bg.jpg'); width: 190px; } #header #testimonials dl { background-color: #456; height: 170px; margin: 6px 6px 0 1px; width: 182px } #header #testimonials dl dt { background-image: url('../images/design/right/dt/bg.jpg'); background-repeat: no-repeat; background-color: #4f7cb3; border-top: 1px solid #89a; border-bottom: 1px solid #fff; color: #fff; float: none; font-size: 14px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 25px; } #header #testimonials dl dd { background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; background-color: #444; height: 138px; width: 182px; } #header #testimonials dl dd * { margin-left: 25px; margin-right: 5px; } #header #testimonials dl dd * * { margin-left: 0; margin-right: 0; } #header #testimonials dl dd h2 { color: #047EA3; font-size: 13px; height: 20px; margin-top: 15px; } #header #testimonials dl dd p { color: #686868; } #header #kurzinfo { background-image: url('../images/design/header/house/bg.jpg'); width: 190px; } #header #kurzinfo dl { background-color: #456; height: 170px; margin: 6px 6px 0 1px; width: 182px } #header #kurzinfo dl dt { background-image: url('../images/design/right/dt/bg.jpg'); background-repeat: no-repeat; background-color: #4f7cb3; border-top: 1px solid #89a; border-bottom: 1px solid #fff; color: #fff; float: none; font-size: 14px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 25px; } #header #kurzinfo dl dd { background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; background-color: #444; height: 138px; width: 182px; } #header #kurzinfo dl dd * { margin-left: 25px; margin-right: 5px; margin-top:2px; float:left; } #header #kurzinfo dl dd * * { margin-left: 0; margin-right: 0; float:left; } #header #kurzinfo dl dd h2 { color: #047EA3; font-size: 12px; height: 10px; float:left; } #header #kurzinfo dl dd p { color: #686868; margin-top:10px; height:10px;} #header #kurzinfo dl dd p a { color: #000000; display: block; float: right; font-size: 90%; font-weight: bold; text-decoration: none; text-align: right; margin-top:40px; height:10px; } #slogan { height:50px; float:left; } #slogan2 { height:50px; float:left !important; margin-top:15px !important; } */ /* WRAP */ #wrap { } /* LIQUID-GOLD SPETEC VERSION #wrap { background-color: #E5E6E7; background-image: url('../images/design/wrap/bg.jpg'); background-position: top left; background-repeat: repeat-y; min-height: 450px;} */ /* NAVIGATION */ #wrap_navi { background-color:#FFFFFF; width:170px; float:left; margin:282px 0 0 10px; min-height:600px;} #navitop { padding:18px 0 0 0; } #navibottom { background-image:url('../images/design/navigation/logo.jpg'); background-repeat:no-repeat; width:170px; height:70px; float:left; margin-top:100px; } /* HAUPTNAVIGATION */ #navigation { list-style: none; width:170px; background-color:#FFFFFF; padding-bottom:1px;} #navigation * { color:#0072bc; } #navigation > li { background-image: url('../images/design/navigation/naviback.jpg'); background-repeat:no-repeat; height:32px; width:170px; vertical-align:middle;} #navigation > li > a { padding-left:21px; display:block; height:29px; padding-top:7px; font-size:14px; font-weight:bold; } #navigation > li:hover { width:170px; } #navigation > li:hover > a { color:#ffffff; display:block; background-image: url('../images/design/navigation/navihover.jpg'); background-repeat:no-repeat; height:31px;} #navigation > li.active a { color:#ffffff; display:block; background-image: url('../images/design/navigation/navihover.jpg'); background-repeat:no-repeat; height:31px;} /* SUBNAVIGATION */ #navigation li.subnavigation { height:auto; margin:0px 0 5px 0px; background-image:none; width:170px; } #navigation li.subnavigation ul { list-style-position:inside; list-style-type:none; line-height:1.5em; margin:5px 0 10px 0; } #navigation li.subnavigation ul li:first-child { background-image:none; background-repeat:no-repeat; height:24px; padding:5px 0 0 20px; } #navigation li.subnavigation ul li { background-image:url('../images/design/navigation/subnaviback.jpg'); background-repeat:no-repeat; height:24px; padding:5px 0 0 20px; } #navigation li.subnavigation ul li a {color:#0072bc; font-size:12px; font-weight:bold; } #navigation li.subnavigation ul li a:hover { background-image:none; color:#294f79; } #navigation li.subnavigation ul li.active a { background-image:none; color:#294f79;} /*#navigation li.subnavigation ul li a:hover {color:#294f79; background-image:url('../images/design/navigation/arrow.jpg'); background-repeat:no-repeat; } #navigation li.subnavigation ul li.active a {color:#294f79; background-image:url('../images/design/navigation/arrow.jpg'); background-repeat:no-repeat; }*/ #navigation li.subnavigation ul li.subsubnavigation { display:block;} #navigation li.subnavigation ul li.subsubnavigation a { color:#8893b8; margin-left:12px; display:block;} #navigation li.subnavigation ul li.subsubnavigation a:hover { color:#515f8e;} #navigation li.subnavigation ul li.subsubnavigation ul li.active a{color:#515f8e;} /*#wrap_navi { background-color:#eaedf5; width:200px; min-heigt:600px; position:absolute; bottom:0px; top:191px; float:left;} #wrap_navi #navitop { background-image: url('../images/design/navigation/navitop.jpg'); background-repeat:no-repeat; height:23px; width:201px; } #wrap_navi #navibottom { background-image: url('../images/design/navigation/navibottom.jpg'); background-repeat:no-repeat; width:201px; height:208px; float:left; } #wrap_navi #navispacer { background-image: url('../images/design/navigation/navispacer.jpg'); background-repeat:no-repeat; height:30px; width:201px; } /* DROP DOWN MENU - PRODUKTESCHNELLWAHL #schnellwahl .dropdown {float:left; padding-right:5px;} #schnellwahl .dropdown dt {width:201px; height:20px; padding:8px 0 0 34px; cursor:pointer; background-image: url('../images/design/navigation/schnellwahlback.jpg'); background-repeat:no-repeat; color: #515f8e; } #schnellwahl .dropdown dt:hover {} #schnellwahl .dropdown dd {position:static; overflow:hidden; width:200px; display:none; background:#fff; z-index:200; opacity:0; } #schnellwahl .dropdown ul {width:200px; list-style:none; border-top:none; } #schnellwahl .dropdown li {display:block;} #schnellwahl .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; margin:5px 0 0 34px; color:#6b8e9f; padding-left:6px; text-decoration:none;} #schnellwahl .dropdown a:hover { background-image:url('../images/design/navigation/arrow.jpg'); background-repeat:no-repeat;} /* HAUPTNAVIGATION #navigation { list-style: none; width:200px; background-color:#FFFFFF; padding-bottom:1px;} #navigation * { color: #515f8e; } #navigation > li { background-image: url('../images/design/navigation/naviback.jpg'); background-repeat:no-repeat; height:29px; width:201px; vertical-align:middle;} #navigation > li > a { padding-left:32px; display:block; height:29px; padding-top:7px; } #navigation > li:hover { width:201px; } #navigation > li:hover > a { color:#ffffff; display:block; background-image: url('../images/design/navigation/naviover.jpg'); background-repeat:no-repeat; height:29px;} #navigation > li.active a { color:#ffffff; display:block; background-image: url('../images/design/navigation/naviover.jpg'); background-repeat:no-repeat; height:29px;} /* SUBNAVIGATION #navigation li.subnavigation { height:auto; margin:0px 0 5px 34px; background-image:none; width:170px; } #navigation li.subnavigation ul { list-style-position:inside; list-style-type:none; line-height:1.5em; margin:5px 0 10px 0; } #navigation li.subnavigation ul li a {color:#6b8e9f; padding-left:8px; } #navigation li.subnavigation ul li a:hover {color:#294f79; background-image:url('../images/design/navigation/arrow.jpg'); background-repeat:no-repeat; } #navigation li.subnavigation ul li.active a {color:#294f79; background-image:url('../images/design/navigation/arrow.jpg'); background-repeat:no-repeat; } #navigation li.subnavigation ul li.subsubnavigation { display:block;} #navigation li.subnavigation ul li.subsubnavigation a { color:#8893b8; margin-left:12px; display:block;} #navigation li.subnavigation ul li.subsubnavigation a:hover { color:#515f8e;} #navigation li.subnavigation ul li.subsubnavigation ul li.active a{color:#515f8e;} */ /* LIQUID-GOLD SPETEC VERSION #navigation { float: left; margin: 30px 1px 10px 6px; list-style: none; } #navigation * { color: #03306B; } #navigation > li { border: 1px solid #FFFFFF; margin: 0 0 10px; width: 162px; } #navigation > li > a { background-color: #B7DBF3; background-repeat: no-repeat; background-position: bottom right; display: block; font-size: 14px; padding: 5px 0; text-indent: 15px; } #navigation > li > a:hover { background-color: #4F7CB3; color: #FFFFFF; } #navigation > li.home > a { background-image: url('../images/design/navigation/home.png'); } #navigation > li.team > a { background-image: url('../images/design/navigation/team.png'); } #navigation > li.news > a { background-image: url('../images/design/navigation/news.png'); } #navigation > li.sintony > a { background-image: url('../images/design/navigation/sintony.png'); } #navigation > li.privatkunden > a { background-image: url('../images/design/navigation/privatkunden.png'); } #navigation > li.firmenkunden > a { background-image: url('../images/design/navigation/firmenkunden.png'); } #navigation > li.kundendienst > a { background-image: url('../images/design/navigation/kundendienst.png'); } #navigation > li.kontakt a { background-image: url('../images/design/navigation/kontakt.png'); } #navigation li.subnavigation { border: none; } #navigation li.subnavigation ul { list-style-position: inside; list-style-type: disc; } #navigation li.subnavigation ul li { border: none; line-height: 20px; margin: 0; text-indent: 10px; } #navigation li.subnavigation ul li a { background-color: transparent; font-size: 12px; } #navigation li.subnavigation ul li a:hover { color: #4F7CB3; } #navigation li.subnavigation ul {list-style:none; } #navigation li.subnavigation ul li.subsubnavigation { display:block; } #navigation li.subnavigation ul li.subsubnavigation ul { line-height:1.2em; margin-top:5px; margin-bottom:10px; } #navigation li.subnavigation ul li.subsubnavigation a { color:#03306B; margin-left:12px; display:block; font-size:11px; } #navigation li.subnavigation ul li.subsubnavigation a:hover { color:#4F7CB3; text-decoration:none; } #navigation li.subnavigation ul li.subsubnavigation ul li.active a { color:#4F7CB3; text-decoration:none; } /* /* CONTENT */ #wrap_content { width:457px; min-height:600px; float:left; background-image:url('../images/design/content/content_repeater.jpg'); background-repeat:repeat-y; margin-top:282px; } strong { font-weight:bold; } #content { padding:15px 26px 10px 22px; float:left; min-heigt:600px; } #content h1 { color:#0072bc; font-size:15px; font-weight:bold; line-height:15px; margin:10px 0 10px 0; } #content h2 { color:#0072bc; font-size:13px; font-weight:bold; height:25px; } #content { line-height:1.5em; color:#646464; } #content a { color:#777777; } #content a:hover { color:#1e368b;} #content #bild { background-image:url('../images/design/content/test.jpg'); background-repeat:no-repeat; height:251px; width:374px; float:left; margin-right:20px; } #content .titleicon { float:left; margin-right:10px; margin-bottom:30px; } #content img.h-line { margin-bottom:10px; } /* BOXES */ #boxes { width:210px; height:559px; float:left; padding:3px 0 0 2px; min-height:600px; background-color:#FFFFFF; margin-top:282px; } #box_top { background-image:url('../images/design/boxes/box_top_back.jpg'); background-repeat:no-repeat; height:187px; width:210px; float:left; } #box_top h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 40px; } #box_top h2 { color:#0072bc; font-size:10px; font-weight:bold; margin:20px 0 0 15px } #box_top p { color:#646464; font-size:10px; font-weight:bold; padding:10px 10px 3px 15px; } #box_top li { list-style:none; } #box_top a { color:#0072bc; text-decoration:none; font-weight:bold; font-size:10px; padding-left:15px; } #box_top a:hover { color:#0072bc; text-decoration:underline; font-weight:bold; font-size:10px; } #box_middle { background-image:url('../images/design/boxes/box_middle_back.jpg'); background-repeat:no-repeat; height:187px; width:210px; float:left; } #box_middle h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 40px; } #box_middle h2 { color:#0072bc; font-size:10px; font-weight:bold; margin:0 0 0 15px } #box_middle p { color:#646464; font-size:10px; font-weight:bold; margin:10px 0 0 0; padding:10px 10px 3px 15px; } #box_bottom { background-image:url('../images/design/boxes/box_bottom_back.jpg'); background-repeat:no-repeat; height:187px; width:210px; float:left; } #box_bottom h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 40px; } #box_bottom span { color:#0072bc; font-size:10px; font-weight:bold; } #box_bottom p { color:#646464; font-size:10px; font-weight:bold; margin:10px 0 0 0; padding:10px 10px 3px 15px; } #box_bottom li { list-style:none; } #box_bottom a { color:#0072bc; text-decoration:none; font-weight:bold; font-size:10px; padding-left:15px; } #box_bottom a:hover { color:#0072bc; text-decoration:underline; font-weight:bold; font-size:10px; } #top { width:850px; height:160px; margin-left:9px; } #topright { width:211px; height:160px; float:right; } #slogan { font-weight:bold; color:#000000; padding:10px 10px 10px 10px; } /* GLOBALNAVI - LOCATION #globalnavi { font-size:8px; margin:7px 0 0 10px;} #globalnavi a { color:#777777; font-size:10px; } #globalnavi a:hover {color:#1e368b; } /* SUCHFUNKTION #suche .field {border:1px solid #a6a8a9; margin-bottom:150px;} #suche .button {border:1px solid #a6a8a9; margin-bottom:150px; cursor:pointer;} /* BILDER img.picture_main { float:left; margin:0 15px 10px 0;} /* PARTNERLOGIN #content form.partnerlogin { margin-left:10px; margin-top:20px; font-size:12px; height:50px; } #content label { width:150px; float:left; } #content input.partnerlogin { border:1px solid grey; margin-top:5px; margin-bottom:10px; width:200px; height:18px; vertical-align:middle; } #content input.login { border:1px solid grey; width:60px; margin-top:10px; cursor:pointer; } /* LISTEN #content ul li { list-style:outside; margin-left:20px; }*/ /* LIQUID-GOLD SPETEC VERSION #content { background-color: #fff; margin: 0 182px 0 171px; min-height: 430px; padding: 10px 0; width: 547px; } #content * { color: #444; font-size: 12px; margin: 0 20px 0 35px; } #content * * { margin: 0; } #content h1 { background-repeat: no-repeat; background-position: top right; border: 1px solid #99D6EB; border-style: none none solid; color: #1376AF; font-size: 18px; height: 40px; letter-spacing: 0; line-height: 40px; margin: 0 0 30px; text-indent: 35px; vertical-align: bottom; } #content h2 { color: #1F75A8; font-size: 16px; margin-bottom: 5px; } #content h2 * { color: #1F75A8; font-size: 16px; } #content h3 { color: #1F75A8; font-size: 14px; } #content ul, #content ol { margin-bottom: 10px; } #content p { line-height: 18px; margin-bottom: 10px; margin-top: 5px; } #content strong { font-weight: bold; } #content img { margin-bottom: 10px; margin-top: 5px; } #content img.picture { float: right; margin-left: 15px; } #content a { color: #1F75A8 !important; text-decoration: none !important; } #content ul li, #content ol li { margin-bottom: 5px; } #content br.clear { clear: both; height: 10px; } #content .teaser a { cursor:pointer;} #content img {} #content div.gallery { float:left; } #content div.gallery a { background-image:none; text-decoration:none; } #content div.gallery a img.galleryThumbs { border: 1px solid #4f7cb3; margin:0 10px 10px 0; float:left; } #content div.gallery a img.galleryThumbs:hover { border: 1px dashed #4f7cb3 ; margin:0 10px 10px 0; float:left; }*/ /*#footer { background-image:url('../images/design/footer/footerback.jpg'); height:28px; width:674px; margin:20px 0 0 1px; float:left;} #footer .footerlink_contact a{ text-decoration:none; font-size:10px; color:#777777; margin:9px 0 0 332px; float:left;} #footer .footerlink_impressum a{ text-decoration:none; font-size:10px; color:#777777; margin:9px 0 0 27px; float:left;} #footer .footerlink_contact a:hover { color:#1e368b; } #footer .footerlink_impressum a:hover { color:#1e368b; } */ /* LIQUID-GOLD SPETEC VERSION #footer { background-color: #E5E6E7; background-image: url('../images/design/footer/bg.jpg'); background-position: top left; background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: solid none none; clear: both; height: 26px; } #footer * { color: #F5F6F7; } #footer div { float: left; } #footer div.center { margin: 7px 0 7px 11px; font-family: Arial, Verdana, sans-serif; width: 546px;} #footer div.centerright { width:160px; margin-top:7px; height:26px;} #footer div.right { font-family: "Courier New", Verdana, Arial, sans-serif; margin: 8px 7px 0 19px; text-align: center; width: 160px; } #footer div.right * { font-size: 8px; } */ /* TOP */ /* LIQUID-GOLD SPETEC VERSION #top { background-color: #E5E6E7; background-image: url('../images/design/top/bg.jpg'); background-position: top left; background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: solid none; height: 8px; } */ /** General Settings */ /** Classes */ /** HTML */ /** Body */ /** Wrap-all */ /** Header */ /** Wrap */ /** Navigation */ /** Content */ /** Footer */ /** Boxenright */ /** top */