/* STYLE SHEET FOR XXX --- Last updated 18.10.2007 --- Tested in IE7, Firefox 1.5, Opera 9.21, IE6, Firefox 2 CI - COLOURs Text Orange (Link) #ffb401 Text Green #009570 Text Grey Dark #646464 Text Grey Light #b3b3c1 INDEX 1.0 GEN 2.0 HEAD 3.0 CONTENT 4.0 FOOTER 5.0 FORM #Kopfzeile {border:1px solid red;} #Inhalt {border:1px solid red;} #Hauptinhalt {border:1px solid blue;} #Nebeninhalt {border:1px solid yellow;} #Fusszeile {border:1px solid red;} */ /* ---------- 1.0 GEN ---------- html {background: transparent url(../img/base/lay_columns.gif) repeat-y;} */ * {margin:0; padding:0;} /* img, div, input, ul {behavior: url("iepngfix.htc");} */ body {width:100%; height:100%; background: transparent url(../img/base/bg_body.gif) repeat-x;} div, span, p {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#646464; line-height:20px;} ul, ol, dl {list-style:none;} a {color:#009570;} a:hover {color:#ffb401; font-weight:bold;} a:visited {} img {border:none;} abbr {} /* bzg. d.h. */ acronym {} /* NATO, LKW */ blockquote {} q {} /* mit cite-attribute */ /* ---------- 2.0 HEAD ---------- */ #Site {} #Kopfzeile {width:100%; height:110px; background: transparent url(../img/base/bg_kopfzeile.gif) no-repeat; display:block; clear:both; position:relative;} #Logo, #Navigation, #Sprache {position:absolute;} #Logo {top:26px; left:24px; width: 372px; height:68px;} #Navigation {top:94px; left: 0px; width:600px;} #Sprache {top:63px; left:854px;} /* left:804px; */ #Sprache ul {} #Sprache ul li {float:left; margin-left:10px; font-size:10px; font-weight:bold;} #Sprache ul li a {color:white; text-transform:uppercase; text-decoration:none;} #Sprache ul li a:hover {color:#ffb401;} #Sprache ul li a.Aktiv {color:#ffb401;} .MeOut {height:24px !important; overflow:hidden;} .MeIn {height:132px !important; overflow:visible;} #MP1, #MP2, #MP3, #MP4, #MP5 {width:140px !important; float:left; margin-right:20px; padding:0 0 0 6px; background-color:white; position:absolute; top:0px;} #MP1 h2, #MP2 h2, #MP3 h2, #MP4 h2, #MP5 h2 {height:26px; font-size:12px; font-weight:bold; padding:3px 0 1px 0;} #MP1 h2 a, #MP2 h2 a, #MP3 h2 a, #MP4 h2 a, #MP5 h2 a {color:#009570; text-decoration:none; text-transform:uppercase;} #MP1 h2 a.Aktiv, #MP2 h2 a.Aktiv, #MP3 h2 a.Aktiv, #MP4 h2 a.Aktiv, #MP5 h2 a.Aktiv, #MP1 h2 a:hover, #MP2 h2 a:hover, #MP3 h2 a:hover, #MP4 h2 a:hover, #MP5 h2 a:hover {color:#ffb401;} #MP1 ul, #MP2 ul, #MP3 ul, #MP4 ul, #MP5 ul {background: transparent url(../img/base/bg_sh_greenlight.png) repeat left top; behavior: url("iepngfix.htc"); width:322px; position:absolute; top:21px; left:0; border-top:6px solid white; border-bottom:2px solid #f0faf7; z-index:100;} #MP1 ul li, #MP2 ul li, #MP3 ul li, #MP4 ul li, #MP5 ul li {padding:0 0 0 4px; height:22px; *line-height:22px; vertical-align:top;} #MP1 ul li a , #MP2 ul li a , #MP3 ul li a , #MP4 ul li a , #MP5 ul li a {background: transparent url(../img/base/ic_arrow_greenlight2.gif) no-repeat; padding-left:13px; color:#3ab194; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:bold;} /* #009570 */ #MP1 ul li a:hover, #MP2 ul li a:hover, #MP3 ul li a:hover, #MP4 ul li a:hover, #MP5 ul li a:hover {background: transparent url(../img/base/ic_arrow_orange2.gif) no-repeat; color:#ffb401;} #MP1 {left: 20px;} #MP2 {left:145px;} #MP3 {left:245px;} #MP4 {left:340px;} #MP5 {left:435px;} .MP1, .MP2, .MP3, .MP4, .MP5 {height:24px !important; overflow:hidden;} .MP1-2 {height: 96px !important; overflow:visible;} .MP2-2 {height:136px !important; overflow:visible;} .MP3-2 {height: 24px !important; overflow:visible;} .MP4-2 {height: 24px !important; overflow:visible;} .MP5-2 {height: 60px !important; overflow:visible;} /* ---------- 3.0 CONTENT ---------- */ /* --- CONTENT generic --- border:1px solid red; */ #Inhalt {width:100%; height:auto; display:block; clear:both; margin:0; padding:0; vertical-align:top;} #Kategoriebild, #Hauptinhalt, #Hauptinhalt2, #Nebeninhalt {float:left; background-color:transparent; padding:0 0 24px 0;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#009570; font-weight:normal;} h3, h4, h5 {margin:30px 0 10px 0;} h5, h6 {font-weight:bold; color:#646464;} h1 {font-size:17px;} h2 {font-size:17px;} h3 {font-size:14px;} h4 {font-size:12px;} h5 {font-size:12px;} h6 {font-size:10px;} /* --- CONTENT main --- */ #Kategoriebild {width:400px; height:100%;} #Hauptinhalt {width:420px; padding:48px 60px 36px 0; position:relative;} #Hauptinhalt2 {width:630px; padding:48px 0 36px 0;} /* width:850px; */ #Hauptinhalt h1, #Hauptinhalt2 h1 {margin:0 0 12px 0px; padding:0 0 0 0px; /* background: transparent url(../img/base/bg_h1.gif) no-repeat; */ font-weight:bold; text-transform:uppercase;} #Hauptinhalt h3, #Hauptinhalt2 h3 {font-weight:bold; text-transform:uppercase; font-size:12px;} #Hauptinhalt h2, #Hauptinhalt2 h2 {margin:36px 0 6px 0; padding:0; font-size:12px; font-weight:bold; text-transform:uppercase;} #Hauptinhalt h2 h2.FX, #Hauptinhalt2 h2.FX {*margin:96px 0 6px 0;} #Hauptinhalt h1, #Hauptinhalt h2, #Hauptinhalt h3, #Hauptinhalt h4, #Hauptinhalt h5 {} #Hauptinhalt h1 a, #Hauptinhalt h2 a, #Hauptinhalt h3 a, #Hauptinhalt h4 a, #Hauptinhalt h5 a {} #Hauptinhalt h1 a:hover, #Hauptinhalt h2 a:hover, #Hauptinhalt h3 a:hover, #Hauptinhalt h4 a:hover, #Hauptinhalt h5 a:hover {} #Hauptinhalt h1 span, #Hauptinhalt h2 span, #Hauptinhalt h3 span, #Hauptinhalt h4 span, #Hauptinhalt h5 span {} #Hauptinhalt h1 span a, #Hauptinhalt h2 span a, #Hauptinhalt h3 span a, #Hauptinhalt h4 span a, #Hauptinhalt h5 span a {} #Hauptinhalt h1 span a:hover, #Hauptinhalt h2 span a:hover, #Hauptinhalt h3 span a:hover, #Hauptinhalt h4 span a:hover, #Hauptinhalt h5 span a:hover {} #Hauptinhalt p, #Hauptinhalt2 p {margin:0 0 12px 0; padding:0;} #Hauptinhalt p img, #Hauptinhalt2 p img {} #Hauptinhalt p em, #Hauptinhalt2 p em {font-style:normal;} #Hauptinhalt p a, #Hauptinhalt2 p a {background: transparent url(../img/base/ic_arrow_green.gif) no-repeat; padding-left:20px; font-size:14px; font-weight:normal; text-decoration:none;} #Hauptinhalt p a:hover, #Hauptinhalt2 p a:hover {background: transparent url(../img/base/ic_arrow_orange.gif) no-repeat; color:#ffb401; text-decoration:underline;} #Hauptinhalt ul, #Hauptinhalt ol, #Hauptinhalt dl {width:420px;} #Hauptinhalt2 ul, #Hauptinhalt2 ol, #Hauptinhalt2 dl {width:630px;} /* width:850px; */ #Hauptinhalt ul li, #Hauptinhalt ol li, #Hauptinhalt dl dt, #Hauptinhalt dl dd, #Hauptinhalt2 ul li, #Hauptinhalt2 ol li, #Hauptinhalt2 dl dt, #Hauptinhalt2 dl dd {background: transparent url(../img/base/ic_arrow_green.gif) no-repeat; margin:0 0 12px 0; padding:0 0 0 22px;} #Hauptinhalt ul li em, #Hauptinhalt ol li em, #Hauptinhalt dl dt em, #Hauptinhalt dl dd em, #Hauptinhalt2 ul li em, #Hauptinhalt2 ol li em, #Hauptinhalt2 dl dt em, #Hauptinhalt2 dl dd em {font-style:normal;} #Hauptinhalt ul li a, #Hauptinhalt ol li a, #Hauptinhalt dl dt a, #Hauptinhalt dl dd a, #Hauptinhalt2 ul li a, #Hauptinhalt2 ol li a, #Hauptinhalt2 dl dt a, #Hauptinhalt2 dl dd a {color:#323232; text-decoration:none;} #Hauptinhalt ul li a:hover, #Hauptinhalt ol li a:hover, #Hauptinhalt dl dt a:hover, #Hauptinhalt dl dd a:hover, #Hauptinhalt2 ul li a:hover, #Hauptinhalt2 ol li a:hover, #Hauptinhalt2 dl dt a:hover, #Hauptinhalt2 dl dd a:hover {color:#009570; text-decoration:underline;} #Hauptinhalt2 ul.AGB li {background:none !important; margin:0 0 12px 0; padding:0;} #Hauptinhalt2 ul.AGB li b {} #Impressumliste {position:relative; width:630px; height:550px;} #Impressumliste dt {background:none !important; margin:0 !important; padding:0 !important; font-size:10px; font-weight:bold; color:#009570; height:20px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif;} #Impressumliste dd {background:none !important; margin:0 0 30px 0 !important; padding:0 !important;} dt.IMP1, dd.IMP1, dt.IMP2, dd.IMP2, dt.IMP3, dd.IMP3, dt.IMP4, dd.IMP4, dt.IMP5, dd.IMP5, dt.IMP6, dd.IMP6, dt.IMP7, dd.IMP7, dt.IMP8, dd.IMP8, dt.IMP9, dd.IMP9 {position:absolute;} dt.IMP1, dd.IMP1, dt.IMP5, dd.IMP5, dt.IMP6, dd.IMP6, dt.IMP7, dd.IMP7, dt.IMP8, dd.IMP8, dt.IMP9, dd.IMP9 {left:0px;} dt.IMP1 {top: 0px;} dd.IMP1 {top: 20px;} dt.IMP5 {top:200px;} dd.IMP5 {top:220px;} dt.IMP6 {top:270px;} dd.IMP6 {top:290px;} dt.IMP7 {top:340px;} dd.IMP7 {top:360px;} dt.IMP8 {top:410px;} dd.IMP8 {top:430px;} dt.IMP9 {top:480px;} dd.IMP9 {top:500px;} dt.IMP2, dd.IMP2, dt.IMP3, dd.IMP3, dt.IMP4, dd.IMP4 {left:300px;} dt.IMP2 {top: 0px;} dd.IMP2 {top: 20px;} dt.IMP3 {top: 90px;} dd.IMP3 {top:110px;} dt.IMP4 {top:200px;} dd.IMP4 {top:220px;} #hcard-Edora .tags {visibility:hidden; height:0;} .vcard {margin-bottom:96px; *margin-bottom:30px; padding:0;} div.name {font-weight:bold;} .org a {color:#646464 !important; text-decoration:none; cursor:text; font-weight:bold;} .email a {color:#009570; text-decoration:none;} .email a:hover {color:#ffb401; text-decoration:underline;} div.tel, div.email {width:300px; display:block; clear:both;} div.type, div.value {float:left;} div.value {display:block; clear:right;} div.value a {color:#009570 !important;} div.value a:hover {color:#ffb401 !important; font-weight:normal;} div.type {width:60px; text-transform:uppercase; font-size:10px;} div.adr {margin-bottom:10px;} ul.Firma-Details {width:200px;} ul.Firma-Details li.Person, ul.Firma-Details li.Firma, ul.Firma-Details li.Firma2, ul.Firma-Details li.Website {background:none !important; margin:0 !important; padding:0 !important; height:20px;} ul.Firma-Details li.Person {height:15px; *height:12px;} ul.Firma-Details li.Firma {font-size:10px;} ul.Firma-Details li.Website {} ul.Firma-Details li.Website a {background: transparent url(../img/base/ic_arrow_green.gif) no-repeat; padding-left:20px; color:#009570 !important; text-decoration:none;} ul.Firma-Details li.Website a:hover {background: transparent url(../img/base/ic_arrow_orange.gif) no-repeat; color:#ffb401 !important; text-decoration:underline; font-weight:normal;} #Company-Location {width:630px; height:400px; border:1px solid #323232; margin-top:24px;} #Company-Location2 {position:absolute; top:155px; left:600px; width:430px; height:300px; border:1px solid #323232; z-index:-1;} /* --- CONTENT sub --- */ #Nebeninhalt {width:210px; padding:24px 0 36px 0;} #Nebeninhalt h3 {margin:0 0 12px -40px;} #Nebeninhalt h3, #Nebeninhalt h4, #Nebeninhalt h5 {} #Nebeninhalt h3 a, #Nebeninhalt h4 a, #Nebeninhalt h5 a {} #Nebeninhalt h3 a:hover, #Nebeninhalt h4 a:hover, #Nebeninhalt h5 a:hover {} #Nebeninhalt h3 span, #Nebeninhalt h4 span, #Nebeninhalt h5 span {} #Nebeninhalt h3 span a, #Nebeninhalt h4 span a, #Nebeninhalt h5 span a {} #Nebeninhalt h3 span a:hover, #Nebeninhalt h4 span a:hover, #Nebeninhalt h5 span a:hover {} #Nebeninhalt p {} #Nebeninhalt p img {} #Nebeninhalt p a {} #Nebeninhalt p a:hover {} #Nebeninhalt ul, #Nebeninhalt ol, #Nebeninhalt dl {} #Nebeninhalt ul li, #Nebeninhalt ol li, #Nebeninhalt dl dt, #Nebeninhalt dl dd {} #Nebeninhalt ul li a, #Nebeninhalt ol li a, #Nebeninhalt dl dt a, #Nebeninhalt dl dd a {} #Nebeninhalt ul li a:hover, #Nebeninhalt ol li a:hover, #Nebeninhalt dl dt a:hover, #Nebeninhalt dl dd a:hover {} /* ---------- 4.0 FOOTER ---------- */ #Fusszeile, #Fusszeile2 {display:block; clear:both;} #Fusszeile {width:100%; height:67px; background: white url(../img/base/bg_footer.gif) no-repeat; margin:0; padding:0; font-size:10px; font-weight:bold; text-transform:uppercase; z-index:0; position:relative;} #Fusszeile2 {width:100% !important; height:auto; background: #e6e5ed url(../img/base/bg_footer2.gif) repeat-y top left; padding:0 0 400px 0 !important; margin:0; z-index:1;} #Fusszeile #Linkliste-TopKategorien {margin-left:400px;} #Fusszeile #Linkliste-TopKategorien li {float:left; padding-right:20px;} #Fusszeile #Linkliste-TopKategorien li a {color:#b3b3c1; text-transform:uppercase; text-decoration:none;} #Fusszeile #Linkliste-TopKategorien li a:hover {color:#ffb401;} #Fusszeile #CopyRights {display:block; clear:both; color:#b3b3c1; margin-left:329px; padding:12px 0 15px 69px; *padding:5px 0 17px 69px; border-bottom:1px solid #e6e5ed; font-size:10px;} /* ---------- 4.0 FORM ---------- */ form {} fieldset {border:0; width:300px; padding:0px 10px; margin:0;} legend {visibility:hidden; margin:0; padding:0; width:0; height:0;} label {margin:0; padding:0; display:block; font-size:10px; font-weight:bold;} input, select, textarea {} #Bildergalerie {width:370px;} #Bildergalerie h3 {margin:20px 0 0 20px; font-weight:normal; text-transform:uppercase; font-size:11px; letter-spacing:1px;} #Bildergalerie ul {margin:10px 0 0 20px;} #Bildergalerie ul li {float:left; margin:0 6px 2px 0;} #Bildergalerie ul li a img {border:1px solid #e6e6e6;} #Bildergalerie ul li a:hover img {border:1px solid #ffb401;} #Bildergalerie ul li a {} /* SITEMAP */ .Sitemap h2 {margin:36px 0 6px 0; padding:0; font-size:12px; font-weight:bold; text-transform:uppercase;} .Sitemap h2 a {color:#009570 !important; text-decoration:none;} .Sitemap h2 a:hover {color:#ffb401 !important;} #SM {margin-left:20px;} #SM li {background:none !important; margin:0; padding:0;} #SM li h3 {background:none !important; color:#009570; text-transform:none;} #SM li p {} #SM li p a {background: transparent url(../img/base/ic_arrow_green2.gif) no-repeat; padding-left:20px; color:#009570 !important; text-decoration:none;} #SM li p a:hover {background: transparent url(../img/base/ic_arrow_orange2.gif) no-repeat; color:#ffb401 !important; text-decoration:underline; font-weight:normal;} #SM li h3, #SM li p, #SM li p a {font-size:12px; line-height:20px;} img.IC {float:right; margin:-14px 0 20px 20px; *margin:0 0 20px 20px; border:1px solid black;}