/* ############################################################### Main styles for VöLKwerbung , voelk-online.de 2008 FileName: voelk.css Author: Barbara Völk, voelk-online.de Version: 2008.02.28 ############################################################### */ /***********************************************/ /* ------------------------ formatting ------------------------- BG Menue oben h-grau #b8b8ad BG Menue oben oliv-grau #ababa1 BG Menue unten orange #ff6600 links rot #B5142F blue #000078 bg-gray #7d7979 light beige (middle part bar beige) #e5e2da d-gray #262626; dd-grau #3e3d3c beige-grau #7D7979 orange #FF6600 orange2 F7610A ? dark Orange #cb4935 schrift dunkel-beige #A4A588 beigeBrown #acaba3 */ /***********************************************/ /* HTML tag styles */ /***********************************************/ *{ margin:0; padding:0;} body {background-color: #7d7979; background: url(../images/topBG.gif) repeat-x top left;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; color: #3E3D3C;/*d-grau*/ margin: 0; padding: 0;} /* hide from IE-mac \*/ * html element {height: 1%;} /* end hide */ p { color: #3E3D3C; /* grau */ font-size: 11px; line-height: 12px; margin: 0 0 10px 0px;/*margin: 2px 5px;*/ } a { text-decoration: none;} a img {border: 0px none; display: block;/* removes extra space underneath caused by default text-alignment in NC!!! */ } a:link { color: #3E3D3C; /* grau */ font-weight: 400; font-size: 11px; text-decoration: none;/*margin: 2px 5px;*/} a:visited { color: #3E3D3C; /*#252525; beigBrown#ABABA1font-size: 11px; */ /*margin: 2px 5px;*/} a:hover { color: #FF6600; /* #B5142F; red #cb4935 d-Orange#e5872d #b8b8ad ; */ text-decoration: none; font-size: 11px; font-weight: 400; /*background-color: #f6e792; *//*Vorsicht im IE für PC ist in transparenten gif's Hg sichtbar!!*/ /*margin: 2px 5px;*/ } a:active { /*color: 000000;*//*#f0f0f0; */ font-size: 11px; /*margin: 2px 5px;*/ } /***********************************************/ /* WRAPPER AND HEADERS */ /***********************************************/ #topWrapper { width:100%; height: 120px;background-color: #ffffff; margin: 0px; padding: 0px; } #top { /*width: 820px;height: 120px;*//*background-color: #ddd; transparent*/ margin: 0px 10px 0 0; padding: 0px;/*background:#eee url("../images/top.gif") left top no-repeat; */} #mainWrapper {/* position: absolute; right:0; top:0;width: 860px;margin: 0px auto 0 auto; */ clear:both; width: 100%; min-height: 424px; height:auto !important; height: 424px; /* min-height: 380px; height:auto !important; height: 380px;*/margin: 0px 0 0 0; padding: 0px; /*overflow: scroll;*/ background-color: #7d7979; background: url(../images/sideBG.gif) right top no-repeat;/* margin-top: -3px;z-index: 40;display: none;*/} #wrapper {/* position: absolute; right:0;top:0;width: 860px;margin: 0px auto 0 auto; width: 744px; */clear:both;width: 744px; min-height: 424px; height:auto !important; height: 424px; /* min-height: 380px; height:auto !important; height: 380px;*/margin: 0px auto 0 auto; padding: 0px; /*overflow: scroll;*/ background-color: #7d7979; background: url(../images/mainBG.gif) left top no-repeat;/* margin-top: -3px;z-index: 40;*/} #leftWrapper { width: 144px;margin: 0px 0 0 0px; padding: 0px; float: left;/*background-color: #ebebeb;*/ } #rightWrapper {/*float: right; width: 680px;width: 744px;*/width: 640px; height:266px;margin: 0px auto 0 164px; padding: 0px; /*background-color: #e5e2da; =light-beige background:transparent url("../images/mainPic.jpg") left top no-repeat;*/z-index: 50;} /***********************************************/ /* MAIN NAVIGATION BOTTOM*/ /***********************************************/ /* NUR FüR HAUPTMENü-PUNKTE!! Kann auch im Textbereich eingesetzt werden hat aber Einrückung 28px*/ #menuWrapper {/*float: left; width: 164px; min-height:485px; height:auto !important; height: 485px;*/ /*width: 700px; min-height:25px; height:auto !important; height: 25px;margin: 0px 0 0 0; padding: 0px; background:transparent url("../images/BGmenue.gif") left top no-repeat; */width: 860px; min-height: 114px; height:auto !important; height: 114px;margin: 0px auto 0 auto; padding: 0px; background-color: #7d7979;z-index: 1000;} .menu {clear: right;float:left; display: block; /*width: 164px;min-height:100px; height:auto !important; height: 105px;*/width: 700px; min-height:10px; height:auto !important; height: 10px; background-color: transparent;/*#acaba3;*/ margin: 0px 0 0 0px;padding:6px 0 0 0;} /*#menuWrapper h5 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #000000; margin: 10px 10px 10px 28px; padding: 0; line-height: 12px; } h5 a:link {font-size: 12px; color: #ffffff; font-weight: 400; } h5 a:visited {font-size: 12px; color: #ffffff; font-weight: 400; }*/ .zurueck { position: relative; margin: -26px 10px 15px 28px; z-index: 5200; display: block;} h6 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #000000; margin: 10px 0 10px 28px; padding: 0; line-height: 14px; /*text-align: right;*/ } h6 a:link { font-size: 11px; color: #B5142F; /*#f6e792*/ font-weight: 400; } h6 a:hover { color: #FF6600;/*#252525; #b8b8ad*/ font-size: 1.0em; font-weight: 400; /*background-color: #f6e792; *//*Vorsicht im IE f�r PC ist in transparenten gif's Hg sichtbar!!*/ /*margin: 2px 5px;*/ } #top p {position: absolute; top: 0px;/*height: 120px;*/background-color: transparent; margin: 0px 0px 0 0; padding: 0px; } #top img {/*height: 120px;background-color: transparent;*/ margin: 0px 0px 0 0; padding: 0px; background:transparent url("../images/top.gif") left top no-repeat;} #top p a{position: absolute; top: 0px;/*height: 120px;*/background-color: transparent; margin: 0px 0px 0 0; padding: 0px; text-decoration: none;} #logo { float:right;/* 20px; */ margin: 0 3% 0 0;padding: 0 0 0 300px;/*background-color: #ffffff; width: 150px;*/ height: 110px;} #logo h1 {float: right; width: 140px; height: 100px; font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #000000; margin: 11px 0px 0px 0px; padding: 0; line-height: 12px; /*text-align: right; background-color: transparent;*/background:#ffffff url("../images/logo.gif") right top no-repeat;} /*#logo h5 a:link { color: #252525; font-weight: 400; font-size: 12px; display: block; padding: 0px 0 0px 28px; background-color: transparent;} #logo a:hover { color: #252525; font-weight: 400; background:transparent url("../bilder/ulArrowTop.gif") left center no-repeat;} #logo a { color: #252525; font-weight: 400; background:transparent url("../bilder/ulArrowTop.gif") left center no-repeat;} #logo h5 a:visited { color: #252525; font-weight: 400; font-size: 12px; display: block; padding: 0px 0 0px 28px;}*/ #logo h1 span { display:none; } /***********************************************/ /* DROPDOWN LISTS */ /***********************************************/ /* For Dropdown list with h5! (has ul margin left 28px) */ #dropdown h5 {clear: both;float: left;width: 144px; font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.2em; font-weight: 400; color: #000000; margin: 0px 0px 4px 6px; padding: 0px 0px 0px 0px; line-height: 12px; } #dropdown h5 a:link { color: #fffff0; font-weight: 400;width: 124px;height: 14px;padding: 3px 0px 4px 14px;} #dropdown h5 a:visited {color: #fffff0; font-weight: 400; width: 124px;height: 14px;padding: 3px 0px 4px 14px;} #dropdown h5 a:hover { color: #252525; border-left: 1px solid #B5142F; font-size: 12px;} /* h4 for current section links */ #dropdown h4 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #252525;margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; line-height: 12px;} #dropdown h4 a:link { color: #252525; font-weight: 400;font-size: 12px; padding: 3px 0px 4px 9px;} #dropdown h4 a:hover { color: #252525; /*#f6e792background-color: #e5e2da;*/border-left: 1px solid #B5142F;padding: 3px 0px 4px 8px;} #dropdown h4 a:visited {color: #252525; /*#f6e792*/ font-weight: 400;font-size: 12px; } /* h3 for current section page */ #dropdown h3 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #252525; display: block; padding: 5px 0 2px 28px;} /* Drop-down list */ #dropdown {position: relative; top:0;float: left;width: 144px; min-height: 14px; height:auto !important; height: 14px;margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;} #droplist { /*float: left;clear: right; position: absolute; top: 10px; width: 580px; float: right; background-color: #f6f6f6; display: none;*/ display: inline;} #droplist1, #droplist2, #droplist3, #droplist4 {display: block;/*display: none;*/} #dropdown:hover #droplist {display: block;} #dropdown:hover .droplist {display: block;} #dropdown:hover #droplist1 {display: block;} #dropdown:hover #droplist2 {display: block;} #dropdown:hover #droplist3 {display: block;} #dropdown:hover #droplist4 {display: block;} .mainContent2 #dropdown { display: none; } /*#dropdown .active {display: block;background-color:transparent;float:left; width:164px; font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #000000; margin: 2px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 12px; float: left; background-color: #e5e2da; list-style: none;} */ #dropdown ul { float:left;display: none; width:144px; font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; float: left; /*border-bottom: 1px solid #252525; background-color: #acaba3;*/ list-style: none; } #dropdown ul li {list-style-type: none; list-style-position: outside;color: #fffff0; margin: 0px 0 0px 14px; padding: 2px 0px 2px 0px; line-height: 12px; float: left; background-color: transparent; width:144px;} #dropdown ul li a { display: block; margin: 0 0 0 0; padding: 0 0px 0 0px; width:124px; text-decoration: none;color: #252525; /*dddGray #ABABA1 */ font-weight: 400;clear: both; float: left; background-color: #7d7979;} #dropdown ul li a:hover {margin: 0px 0 0px 13px; padding: 0 0px 0 0px; /*color: #252525;*/ font-weight: 400; float: left; text-decoration: none; display: block;border-left: 1px solid #B5142F;} /*#dropdown ul li a:active {margin: 0px 0 0px 0px; padding: 0 0px 0 0px; color: #252525; font-weight: 400; float: left; text-decoration: none; display: block;}*/ #dropdown ul ul{ float:left;display: none; width:144px; font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #000000; margin: 2px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 12px; float: left; /*border-bottom: 1px solid #252525;*/ background-color: #e5e2da; /* transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ } #dropdown ul ul li {list-style-type: none; list-style-position: outside;color: #cb4935; margin: 0px 0 0px 14px; padding: 10px 0px 0px 20px; line-height: 12px; float: left; background-color: transparent;/* transparent tester #f6e792*/width:144px;/* min-height: 20px; height:auto !important; height: 20px;*/} #dropdown ul ul li a { display: block; margin: 0 0 0 0; padding: 0 7px 0 0px; width:164px;/* min-height: 20px; height:auto !important; height: 20px;*/ text-decoration: none;color: #252525; /*dddGray #ABABA1 */ font-weight: 400;clear: both; float: left; /*background:transparent url("../bilder/ulArrow.gif") left center no-repeat;*/ } /*#dropdown ul ul li a { display: block; margin: 0 0 0 0; padding: 0 7px 0 16px; min-width:65px; width:auto !important; width: 65px;color: #ffffff; text-decoration: none;}*/ #dropdown ul ul li a:hover, #dropdown ul ul li a:active { padding: 0 7px 0 0px; color: #ff6600;/*/* #252525 dddGray #A4A588*/ font-weight: 400; float: left; text-decoration: none; display: block; background:transparent url("../bilder/ulArrow.gif") left center no-repeat; /*border-bottom: 1px solid #ABABA1;*/} #dropdown .active {display: block!important;background-color: transparent; margin: 0 0 0 -12px;} /* profil*/ #dropdown1 { float:left;display: inline; width:334px; /*width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 41px 0px 0px 198px; padding: 0px 0px 5px 0px; line-height: 12px; float: left; border-left: 1px solid #000078; /* background-color: #e5e2da; transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ } /* leistungen, leistungen2 */ #dropdown2 { float:left;display: inline; width:334px; /*width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 68px 0px 0px 198px; padding: 0px 0px 5px 0px; line-height: 12px; float: left; border-left: 1px solid #000078; /* background-color: #e5e2da; transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ } /* impressum*/ #dropdown3, #dropdown4 { float:left;display: inline; width:374px; /*width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 0px 0px 0px 198px; padding: 0px 0px 5px 0px; line-height: 12px; float: left; border-left: 1px solid #000078; /* background-color: #e5e2da; transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ } #dropdown2 h4 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; color: #252525; margin: 180px 0px 20px 0px; padding: 0px 0px 0px 36px; line-height: 12px;} #dropdown2 h4 a:link { color: #fffff0; font-weight: 400;font-size: 24px; } #dropdown2 h4 a:visited {color: #fffff0; /*#f6e792*/ font-weight: 400;font-size: 24px; } #dropdown2 h3 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #252525; margin: 180px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 12px;} #dropdown2 h3 a:link, #dropdown2 h3 a:visited { color: #fffff0; font-weight: 400;font-size: 18px; } #dropdown2 h2, #dropdown1 h2 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #fffff0; /*color: #252525;*/ margin: 180px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 14px;} #dropdown2 h2 a:link, #dropdown2 h2 a:visited { color: #fffff0; font-weight: 400;font-size: 18px; } #dropdown2 h3 a:hover, #dropdown2 h4 a:hover { color: #ff6600;/*color: #252525;*/} #dropdown2 h2 a:hover { color: #ff6600;/*#7d7979; gray because of BG pic*/} #dropdown1 p { float:left;display: inline; width:300px; /* width:318px; width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 0px 0px 0px 76px; padding: 0px 0px 5px 0px; line-height: 12px; } #dropdown2 p{ float:left;display: inline; width:334px; /*width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 10px 0px 0px 76px; padding: 0px 0px 5px 0px; line-height: 12px; } #dropdown3 p { float:left;display: inline; width:318px; /*width:246px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 10px 0px 0px 76px; padding: 0px 0px 5px 0px; line-height: 12px; } #dropdown4 p{ float:left;display: inline; width:266px; /* width:318px;*/ font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 10px 0px 0px 76px; padding: 0px 0px 5px 0px; line-height: 12px; } #dropdown2 p a, #dropdown1 p a, #dropdown3 p a { text-decoration: none;color: #fffff0;margin: 0px 0px 0px 0px; padding: 0px;font-weight: 400;line-height: 12px;} #dropdown2 p a:hover, #dropdown1 p a:hover, #dropdown3 p a:hover { color: #ff6600!important;/* #252525; */margin: 0px 0px 0px 0px; padding: 0px;font-weight: 400;line-height: 12px;} #dropdown3 h1 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #fffff0; /*color: #252525;*/ margin: 80px 0px 41px 0px; padding: 0px 0px 0px 136px; line-height: 14px;} #dropdown3 h2 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #fffff0; /*color: #252525;*/ margin: 110px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 14px;text-indent: 30px;} #dropdown3 h3 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #fffff0; margin: 10px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 13px; text-indent: 0px;} #dropdown3 h3 a:link, #dropdown3 h3 a:visited { color: #fffff0; font-weight: 400;font-size: 12px; } #dropdown3 h1 a:link, #dropdown3 h1 a:visited, #dropdown3 h2 a:link, #dropdown3 h2 a:visited { color: #fffff0; font-weight: 400;font-size: 18px; } #dropdown3 h3 a:hover, #dropdown3 h4 a:hover, #dropdown3 p a:hover { color: #ff6600;/*color: #252525;*/} #dropdown3 h3 a:hover { color: #ff6600;/*color: #B5142F; red*/ } #dropdown4 h2 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #fffff0; /*color: #252525;*/ margin: 128px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 14px;text-indent: 30px;} #dropdown4 h3 {font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #fffff0; /*color: #252525;*/ margin: 88px 0px 41px 0px; padding: 0px 0px 0px 36px; line-height: 14px;text-indent: 30px;} #dropdown4 ul {clear: both;margin: 6px 0px 0px 62px; padding: 0 0 0 0px; list-style-type: none;font-size: 12px;text-indent:0;} #dropdown4 ul li {margin: 0px 0px 12px 0px; padding: 0 0 0 12px; list-style-type: none;color: #fffff0;/*border-left: 1px solid #fffff0;*/} #dropdown4 ul ul {clear: both;margin: 0px 0px 0px 12px; padding: 0 0 0 0px; list-style-type: none;font-size: 12px;} #dropdown4 ul ul li {margin: 6px 0px 0px 0px; padding: 0 0 0 0px; list-style-type: none;color: #fffff0;} #dropdown4 a { color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ text-decoration: none;margin: 0px 0px 0px 0px; padding: 0px;/*font-size: 12px;*/} #dropdown4 a:hover { color: #B5142F;/*border-left: 1px solid #B5142F;*/ } #dropdown2 ul, #dropdown1 ul, #dropdown3 ul { float:left;display: inline; width:334px; /*width:246px;*/font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 0px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 10px 0px 5px 76px; padding: 0px 0px 5px 0px; line-height: 12px; float: left;/* background-color: #e5e2da; transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ } #dropdown2 ul li, #dropdown1 ul li, #dropdown3 ul li {float: left;list-style-type: none;list-style-position: outside;color: #fffff0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px;background-color: transparent;} #dropdown2 ul li a, #dropdown1 ul li a, #dropdown3 ul li a { display: inline; margin: 0 0 0 0; padding: 0 6px 0 0px; /* min-height: 20px; height:auto !important; height: 20px;*/ text-decoration: none;color: #fffff0; /*dddGray #ABABA1 */ float: left; list-style-type: none; border-right: 1px solid #fffff0;/*border-left: 1px solid #7d7979;*/ text-indent: 4px;} #dropdown2 ul li a:hover, #dropdown1 ul li a:hover, #dropdown3 ul li a:hover {float:left; color: #ff6600; /*#252525; #B5142F red*/ /*text-decoration: underline;border-left: 1px solid #B5142F;border-right: 1px solid #B5142F;*/margin: 0px 0 0px 0px;padding: 0 6px 0 0px;} .subNavText { display: inline;position:absolute; left: 60px;top:346px; width: 221px;float:right; overflow: visible; } .subNavBottom {display: inline;float:right; text-align:right;color: #fffff0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .subNavBottomFunk { display: inline;float:right; text-align:right;color: #fffff0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #funk1, #funk2 {display: none;float:right; background-color: transparent;} #funk {display: inline;float:right; background-color: transparent;} #loading {display: none;float:right; background-color: transparent;} /***********************************************/ /* LEFT NAVIGATION + BOTTOM NAVIGATION*/ /***********************************************/ .subNavLeft {float: left;/* 12px 107px; */ width: 144px;margin: 10px 0 10px 10px;/*left is 76px to orangeMenu background-color: #ddd; */} #mainLeft .subNavLeft h2, #mainLeft .subNavLeft h2 a:link, #mainLeft .mainContent h2, #mainLeft .mainContent h2 a:link { /*Page Headline-Überschrift links*/ color: #3E3D3C; /* gray*/ line-height: 1.2em; font-size: 16px; /* 12pt; */ font-weight: 400; text-indent: 0em; margin: 0px 0 0px 0px; padding: 0px 0px 8px 0px; /*margin-top: 5px;*/ } /* not needed; prblems with safari! .subNavLeft a {color: #3E3D3C; margin: 10px 0px 2px 0px; padding: 0 0 8px 0px;} .subNavLeft a:hover {display: block; color: #B5142F;border-left: 1px solid #B5142F;margin: 0px 0 0px 1px;padding: 0px 0px 0px 6px;} .subNavLeftActive a{display: block; color: #B5142F; border-left: 1px solid #B5142F;margin: 0px 0 0px 1px;padding: 0px 0px 0px 6px!important;} */ .subNavLeft h2 {font-size: 14px; font-weight: bold; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 0px 8px 4px 0px; padding: 0 0 0 0px; line-height: 15px;} .subNavLeft h3 {font-size: 13px; font-weight: bold; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 0px 8px 0px 0px; padding: 0 0 0 0px; line-height: 14px;} .subNavLeft h3 a {font-size: 13px; font-weight: bold; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 0px 0px 0px 0px; padding: 0 0 0 0px; line-height: 14px;} .subNavLeft h3 a:hover { color: #ff6600;/* color: #B5142F; red*/ /*text-decoration: underline;*/border-left: 1px solid #ff6600; /* red line */margin: 0px 0 0px 8px;padding: 0px 0px 0px 10px;} .subNavLeft h4 {font-size: 12px; font-weight: 500; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 2px 8px 2px 0px; padding: 0px 6px 0px 10px; line-height: 14px;} .subNavLeft h4 a {font-size: 12px; font-weight: 500; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 0px 0px 0px 0px; padding: 0 0 0 0px; line-height: 14px;} .subNavLeft h4 a:hover { color: #ff6600; /*#B5142F; red*/ /*text-decoration: underline;*/border-left: 1px solid #FF6600; /*#B5142F; red line */margin: 0px 0 0px 8px;padding: 0px 0px 0px 10px;} .h4Active{ color: #FF6600; /*#B5142F; red*/ /*text-decoration: underline;*/border-left: 1px solid #FF6600;margin: 0px 0 0px 2px;padding: 0px 0px 0px 10px!important;} #download { /*#B5142F; red*/ /*text-decoration: underline;*//*#B5142F; red line */margin: 146px 0 0px 8px;padding: 0px 0px 0px 20px;} #download a{ color: #ff6600!important; /*#B5142F; red*/ /*text-decoration: underline;*/} #leftWrapper .subNavLeft ul { font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/line-height: 12px;list-style-type: none; /* list-style-image: url(../bilder/ulSquare.gif);url(bilder/ulArrow.gif);*/ margin: 0px 0 0px 0px; padding: 0 0 0 0px; } #leftWrapper .subNavLeft ul li {color: #ff6600; /*#B5142F; #cb4935;*//* to show as active*/ margin: 0px 0 0px 14px; padding: 6px 6px 4px 10px; line-height: 12px; background-color: #e5e2da;/* #e5e2da;transparent tester #f6e792*/} #leftWrapper .subNavLeft ul li a:link, #leftWrapper .subNavLeft ul li a:visited { color: #3E3D3C;margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px; /*padding: 10px 20px 10px 0px; #7D7979 beige-grau*/ /*text-decoration: underline;*/ background-color: #e5e2da;} #leftWrapper .subNavLeft ul li a:hover { color: #ff6600; /*#B5142F; red*/ /*text-decoration: underline;*/border-left: 1px solid #FF6600;margin: 0px 0 0px 0px;padding: 0px 0px 0px 10px;} #leftWrapper .subNavLeft span {clear: both;display: block;font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/line-height: 12px;list-style-type: none; /* list-style-image: url(../bilder/ulSquare.gif);url(bilder/ulArrow.gif);*/ margin: 0px 0 4px 14px; padding: 0 0 0 0px; } #leftWrapper .navFloat {float: left; display: inline;} .subNavButton {position:absolute;top:320px; clear: both;float: left;/* 12px 107px; */ width: 264px;margin: 0px 10px 10px 6px;/*left is 76px to orangeMenu background-color: #ddd;*/ color: #fffff0;/*background-color: #33CC33;*/} #scrollerX p {width: 123px;height: 16px; /*transparent;display: none;*/ /*background: #e5e2da url("../images/scrollDn.gif") no-repeat center top;*/background-color: transparent;} #scrollerX p img {position:absolute; left: -30px; } #scrollerY p {width: 123px;height: 16px; /*transparent;display: none;*/ /*background: #e5e2da url("../images/scrollDn.gif") no-repeat center top;*/background-color: transparent;} #scrollerYLogo p {width: 240px;height: 16px; /*transparent;display: none;*/ /*background: #e5e2da url("../images/scrollDn.gif") no-repeat center top;*/background-color: transparent;display: none;} /*#scrollerYLogo p a:link {width: 240px;height: 50px; background-color: #eee; } #scrollerYLogo p a:hover { background-color: #B5142F; } #scrollerYLogo p a:active { background-color: #B5142F; }*/ .subNavButton2 {position:absolute;top:320px; clear: both;float: right;/* 12px 107px; 264px*/ width: 590px;margin: 2px 10px 10px 2px;/*left is 76px to orangeMenu background-color: #ddd;*/ color: #fffff0;/*background-color: #33CC33;*/} #scrollerYright {float: right;width: 123px;height: 16px; /*transparent;display: none;*/ /*background: #e5e2da url("../images/scrollDn.gif") no-repeat center top;*/background-color: transparent;} .subNavDescriptionNr {position:absolute;top:320px;left: 99px; clear: both;float: left;/* 12px 107px; */ width: 88px;margin: 12px 10px 10px -62px;padding: 0px 0px 0px 4px;/*left is 76px to orangeMenu background-color: #ddd;*/} .subNavDescriptionNr p {/*position:relative;top:0px; clear: both;float: left; 12px 107px; */font-size: 18px; clear: both; float: right;margin:0px 0px 0px 0px;padding: 0px 0px 0px 4px;/*left is 76px to orangeMenu background-color: #eee;*/ color: #fffff0; text-align:right;} .subNavDescription {position:absolute;top:320px;left: 123px; clear: both;float: left;/* 12px 107px; */ width: 342px;margin: -24px 10px 10px 10px;padding: 0px 0px 0px 24px;/*left is 76px to orangeMenu background-color: #ddd; */color: #fffff0;border-left: 1px solid #000078;} .subNavDescription p {/*position:relative;top:0px; clear: both;float: left; 12px 107px; */clear: both; float: left;width: 284px;margin:44px 0px 0px 0px;padding: 0px 0px 0px 4px;/*left is 76px to orangeMenu background-color: #eee;*/ color: #fffff0;} .subNavDescription ul {clear: both; font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/line-height: 12px;list-style-type: none; /* list-style-image: url(../bilder/ulSquare.gif);url(bilder/ulArrow.gif);*/ margin: 0px 0 0px 10px; padding: 0 0 0 4px;} .subNavDescription ul li {color: #fffff0; /*#cb4935;*//* to show as active*/ margin: 2px 0 0px 0px; padding: 4px 6px 4px 0px; line-height: 12px; background-color: transparent;/* transparent tester #f6e792*/list-style-type: none; } .subNavDescription ul ul{clear: both; font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/line-height: 12px;list-style-type: none; /* list-style-image: url(../bilder/ulSquare.gif);url(bilder/ulArrow.gif);*/ margin: 4px 0 0px 0px; padding: 0 0 0 0px;} .subNavDescription ul ul li {color: #fffff0; /*#cb4935;*//* to show as active*/ margin: 2px 0 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; background-color: transparent;/* transparent tester #f6e792*/list-style-type: square; } /***********************************************/ /* MAIN CONTENT */ /***********************************************/ .mainContent {position:relative;top:0px; /*position:absolute;top:244px; only for IEs*/float: left; width: 680px; /* 580px; 680px;width 405px of alpha area 415min-height:320px; min-height:266px;*/ min-height:320px; height:auto !important; height: 320px; margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;/*left is 76px to orangeMenu, 240 position X of alpha background-color: #2583C5;transparent*/ background:transparent url("../images/mainPic.jpg") left top no-repeat; } /* for main and index only*/ .mainContent2 { position: absolute; top: 32px; /* 32px; */ width: 405px; /* width of alpha area 415min-height:320px;*/ min-height:220px; width:auto !important; width: 220px; float: left; margin: 8px 0 0px 250px; padding: 0px 5px 0 5px; } /* wrapper for office images */ .scrollImageWrapper {float: left; width: 680px; height: 320px!important; margin: 0px 0 0px 0px; padding: 0px 0px 0 0px; overflow:hidden; } .text2 {margin: 0px 20px 0px 40px; padding: 0px 0px 0px 0px; /*5px 20px 10px 30px;*/min-height: 80px; line-height: 14px; /*float: left;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #f6e792;*/ } /*.text2 { position: absolute; top: 26px; left: -10px; margin-top: 26px; padding: 1px 4px 0 0px;width: 180px;}*/ .mainContent h3 {font-size: 13px; font-weight: bold; color: #3E3D3C; /*#3E3D3C; gray;*/ margin: 0px 8px 0px 0px; padding: 0 0 0 0px; line-height: 14px;} .mainScrollImage {/*width: 680px;*/ width:1800px; height:620px; overflow:hidden; background-color: transparent;/* #e5e2da #ddd;*/display:block;} .mainScrollImage img{float: left; height: 320px; /* width: 580px; 680px;width 405px of alpha area 415min-height:320px;min-height:266px; height:auto !important; height: 266px;*/ margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;/*left is 76px to orangeMenu, 240 position X of alpha background-color: #2583C5;transparent*/ cursor: e-resize;} /* neuigkeiten scrollArea settings and Login settings*/ .outerNewsWrapper, .outerLoginWrapper {position:absolute; top: 0px;/*top:234px; */clear: both;float: left;/* width: 264px;width: 246px + 6px for borders = 252px width: 245px;*/ width: 350px;height: 314px;margin: 0px 1px 0px 252px;padding: 0px 0 6px 0px;/*left is 76px to orangeMenu color: #fffff0;*/ /*border-left: 1px solid #000078;border-right: 1px solid #000078;background-color: #e5e2da; */overflow: hidden;/*overflow-y: auto; overflow: hidden;*/ } .innerTextWrapper {float: left;width: 330px;display: inline; margin: 21px 6px 0px 10px; padding: 0px 0px 0 0px;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ line-height: 12px;} .innerTextWrapper a { color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ text-decoration: none;margin: 0px 0px 0px 0px; padding: 0px;font-size: 12px;} .innerTextWrapper h2 { font-size: 14px; font-weight: 400; color: #fffff0;/* color: #252525; 3E3D3C*/ display: block; padding: 10px 0 8px 0px;} .innerTextWrapper ul {clear: both;margin: 6px 0px 0px 12px; padding: 0 0 0 0px; list-style-type: none;font-size: 13px;} .innerTextWrapper ul li {margin: 0px 0px 12px 0px; padding: 0 0 0 0px; list-style-type: none;color: #fffff0;} .innerTextWrapper ul ul {clear: both;margin: 0px 0px 0px 12px; padding: 0 0 0 0px; list-style-type: none;font-size: 12px;} .innerTextWrapper ul ul li {margin: 6px 0px 0px 0px; padding: 0 0 0 0px; list-style-type: square;color: #fffff0;} /*.smallImagePrint img{float: left;width: 41px; height: 63px; margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;border-right: 1px solid #000078;border-bottom: 1px solid #000078;} .smallImagePrint p{display: none;} */ .innerNewsWrapper {float: left;width: 330px;display: inline; margin: 6px 6px 0px 0px; padding: 0px 0px 0 0px;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ line-height: 12px;} .innerNewsWrapper p, .innerTextWrapper p {float: left;width: 310px;/*width: 316px;*/display: inline; margin: 6px 6px 0px 6px; padding: 0px 6px 0 0px;font-family: Frutiger, Helvetica, Arial, sans-serif; /* gray;color: #3E3D3C; #fffff0;*/ line-height: 12px;} .innerNewsWrapper h2 { font-size: 14px; font-weight: 400; color: #fffff0;/* color: #252525; 3E3D3C*/ display: block; padding: 12px 0 0px 0px;} .innerNewsWrapper h3, .innerTextWrapper h3 { font-size: 12px; font-weight: 400; color: #fffff0;/* color: #252525; 3E3D3C*/ display: block; padding: 5px 0 2px 0px;} .innerNewsWrapper h4 { font-size: 11px; font-weight: bold; color: #fffff0;/* color: #252525;*/ display: block; padding: 5px 0 2px 0px;} .innerNewsWrapper a{ color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ text-decoration: none;margin: 0px 0px 0px 0px; padding: 0px;} .innerNewsWrapper a:hover, .innerTextWrapper a:hover { color:#ff6600;/* #B5142F; now red #cb4935 d-Orange#e5872d #b8b8ad ; border-right: 1px solid #B5142F;*/} /*.smallImagePrint p {display: none;}*/ .innerNewsWrapper ul {float:left; margin: 0px 0px 0px 0px; padding: 0 0 0 0px;display: none;} /* portfolio, print, logo small image-buttons settings */ .smallImageButton {position:absolute; top: 0px;/* -4px;top:234px; */clear: both;float: left;/* width: 264px;width: 246px + 6px for borders = 252px width: 245px;height: 319px;*/ width: 176px;height: 320px;margin: 0px 1px 0px 0px;/*left is 76px to orangeMenu color: #fffff0;*/border-left: 1px solid #000078;border-right: 1px solid #000078;background:transparent url("../images/bgPortfoilo.jpg") left top no-repeat;/* background-color: #e5e2da;*/overflow: hidden;/*overflow-y: auto;*/ } .smallImage img{float: left;width: 41px; height: 320px; /* height: 319px;width: 580px; 680px;width 405px of alpha area 415min-height:320px;min-height:266px; height:auto !important; height: 266px;*/ margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;border-right: 1px solid #000078;/*border-bottom: 1px solid #000078;border-top: 1px solid #000078;opacity: 0.5;*/ } .smallImage p{display: none;} /*.smallImagePrint img{float: left;width: 41px; height: 63px; margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;border-right: 1px solid #000078;border-bottom: 1px solid #000078;} .smallImagePrint p{display: none;} */ .smallImagePrint {float: left;width: 160px;display: inline; margin: 80px 6px 0px 6px; padding: 0px 0px 0 0px;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ line-height: 12px;} .smallImagePrint a, .smallImagePrint a:visited { color: #fffff0; /* gray;color: #3E3D3C; #fffff0;*/ text-decoration: none;margin: 0px 0px 0px 0px; padding: 0px 0px 0 0px;font-size: 11px; } .smallImagePrint a:hover span{ color: #ababa1;/* 7d7979 ababa1 262626 #B5142F red ;border-right: 1px solid #7D7979;*/ border-left: 1px solid #7D7979; padding: 0px 0px 0 4px; } /*.smallImagePrint p {display: none;}*/ .smallImagePrint ul {float:left; margin: 0px 0px 0px 0px; padding: 0 0 0 0px;display: none;} /* .smallImagePrint span a, .smallImagePrint span a:visited {width: 160px; color: #fffff0; text-decoration: none;margin: 0px 0px 0px 0px; padding: 0px 0px 0 0px;font-size: 11px;} .smallImagePrint span a:hover {width: 160px; color: #ababa1; border-left: 1px solid #7D7979; padding: 0px 0px 0 4px;} */ /* special settings for logo small image-buttons settings, since there are so many! */ .smallLogoButton {position:absolute; top: 0px;/*top:234px; */clear: both;float: left;/* width: 264px;width: 240px + 6px for borders = 245px */ width: 245px;height: 319px;margin: 0px 1px 0px 0px;padding: 0px 0px 0px 0px; border-left: 1px solid #000078;border-top: 1px solid #000078;background-color: #e5e2da;/* #ffffff; #e5e2da;overflow-y: auto;*/overflow: hidden; overflow-y: auto; } .smallImageLogo img{float: left;width: 48px; height: 28px; /* width: 580px; 680px;width 405px of alpha area 415min-height:320px;min-height:266px; height:auto !important; height: 266px;*/ margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;border-right: 1px solid #000078;border-bottom: 1px solid #000078; /*opacity: 0.7;*/background-color: transparent; background-position:center center; background-repeat: no-repeat; } /*.smallImageLogo img{float: left;width: 82px; height: 62px; margin: 0px 0 0px 0px; padding: 0px 0px 0 0px;border: 1px solid #000078;}*/ .smallImageLogo p{/*width: 150px;margin: 0; padding: 0; position:absolute; top: 0; left:0;*/ display: none;} #floatText {display: inline;position:absolute;top:244px;left: 166px; float:left;width:410px; font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 0px 0px 0px 6px; padding: 0px 0px 5px 0px; line-height: 12px; border-left: 1px solid #000078; /* background-color: #e5e2da; transparent #DCDCD6 #B8B8AD tester #f6e792*/ list-style: none;/*list-style-image: url(bilder/ulArrow.gif);*/ z-index: 200;} /* NOTUSED for office text desprition*/ /*#floatWrapper {display: inline;position:absolute;top:284px;left: 146px; clear: both;float:left;width:410px; font-family: Frutiger, Helvetica, Arial, sans-serif; text-indent: 16px;font-size: 11px; font-weight: 400; color: #fffff0; margin: 0px 0px 0px 6px; padding: 0px 0px 5px 0px; line-height: 12px; border-left: 1px solid #000078; list-style: none; z-index: 3200;} */ .mainFloat {float:left; /*position: relative; top: 0px; 32px; */ width: 410px; min-height: 20px;/* width of alpha area 415*/ margin: 98px 5px 0px 5px; padding: 0px 0px 0 5px;/*left is 76px to orangeMenu, 240 position X of alpha*/ /* background-color: #2583C5;*/ z-index: 3200;} /* E-MAil Link */ #floatText .mainFloat a[href^="mailto"] { color: #fffff0; } #floatText .mainFloat a[href^="mailto"]:hover { color: #ff6600; /*#b5142f; red */ } /* portfolio web links and kinospots*/ .moreDescription{/*color: #3E3D3C;*/ position: relative; clear: both;float: right; margin: 6px 6px 0px 0px; padding: 0; font-size: 11px;} .moreDescription a:link, .moreDescription a:visited {/*color: #3E3D3C; position: relative;*/ float: right; margin: 0px 0 0px 0px; padding: 0; font-size: 11px;} .moreDescription a:hover {color: #ff6600;/*#B5142F;*/ /*position: relative;*/ float: right; margin: 0px 0 0px 0px; padding: 0; font-size: 11px;} .newsFloat { position: relative; top: 5px; /* 32px; */ width: 500px; min-height: 20px;/* width of alpha area 415*/ float: left; margin: 0px 5px 0px 105px; padding: 0px 0px 0 5px; z-index: 3200; } .portfolioContent { position: absolute; top: 12px; /* 107px; */ width: 565px;/* correct 565px; */ height: 280px;/* width of alpha area 415*/ float: left; margin: 0px 0 0px 240px; padding: 10px 0px 10px 10px; /*z-index: 3200;*/} .portfolioImgage {position: relative; float: right; /*background-color: #ffff222;*/ height: 280px; margin: 0px 0 0px 0px; padding: 10px 64px 10px 10px;} .portfolioImgage * { vertical-align: middle;} /*#floatText .mainFloat h3, #floatText .mainFloat h4, #mainLeft .mainFloat h5, #floatText .mainFloat span, #mainLeft .newsFloat h3, #mainLeft .newsFloat h4, #mainLeft .newsFloat h5, #mainLeft .newsFloat ul, #mainLeft .newsFloat p, #mainLeft .newsFloat span { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #fffff0; margin: 0px 8px 0px 0px; padding: 0 0 0 12px; line-height: 14px;} .mainFloat h5, .mainFloat h3, .mainFloat ul, .mainFloat p, .newsFloat h5, .newsFloat h3, .newsFloat ul, .newsFloat p {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0 0px; z-index: 3900; line-height: 16px; text-align:left; }*/ .mainFloatIE span, .newsFloatIE span {margin: 0px 6px 0px 0px; padding: 0px 0px 0 0px; /*z-index: 200;*/ } #mainLeft .newsFloat .newsFloatIE ul{ position: relative; top: 0px; margin: 0px 0 0px 12px; padding: 0 4px 0 0px; line-height: 12px; list-style-position: outside; list-style-type: square; list-style-image: url(../bilder/ulArrowRed.gif);} #floatText .mainFloat ul, #floatText .mainFloat p { position: relative; left: 0px; margin: 0px 0 0px 0px; padding: 0 4px 0 16px; text-indent: 0; font-size: 12px; font-weight: 400; color: #fffff0; line-height: 14px; list-style-position: outside; list-style-type: square; /*list-style-image: url(../bilder/ulArrowRed.gif); */ /*#3E3D3C; gray;margin: 0px 8px 0px 0px; padding: 0 0 0 12px; line-height: 14px;background: #333; */} #floatText .mainFloat ul li {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;list-style-position: outside;} .mainFloat p{float:right; /*position: relative; top: 0px; 32px; width: 328px; min-height: 20px;*/ /* width of alpha area 415*/ margin: 0px 5px 0px 5px; padding: 0px 0px 0 5px;/*left is 76px to orangeMenu, 240 position X of alpha*/ /*background-color: #ccc; */ } /* office large picture positioning */ #largeImageScroll{display: none; position:absolute;top:0;left: 0;height: 320px; /* 283px266px;*/width: 580px;z-index: 3200; margin: 0; background-color: transparent;/*#e5e2da;*/ } /*#largeImageScroll{position:absolute;top:0;left: 0;height: 266px;width: 580px;z-index: 3200; margin: 0; background-color: #666;display: display: table-cell; vertical-align: middle;text-align: center;}*/ /* portfolio large picture positioning*/ #largeImage{display: inline; position:absolute;top:0;left: 178px;/* 252px;*/height: 320px; /* 283px266px;width: 580px;*/width: 560px;z-index: 3200; margin: 0; background-color: #e5e2da;/*#e5e2da; transparent*/ border-right: 1px solid #000078;} /* logo portfolio large picture positioning; smaller width!*/ #largeImageLogo{display: inline; position:absolute;top:0;left: 252px;height: 320px; /*widest logo 460px;*/width: 460px;z-index: 3200; margin: 0; background-color: #e5e2da;/*#e5e2da; transparent*/ border-right: 1px solid #000078;background-position: center center; background-repeat: no-repeat;} .wrap0 { width: 580px; height: 283px; /*266px;*/ background: #e5e2da; text-align: center; } .wrap1 { background: url(checkb_ff0.gif); } /*\*/ .wrap0 { display: table-cell; vertical-align: middle; width: 100%; } .row { display: table-row; /* Gecko */ } .imageCenter { background: url(checkb_ff0.gif);} #pic1 {border-left: 1px solid #B5142F; background:transparent url("../portfolio/bezirkNbMappe.gif") center center no-repeat;/* background:transparent url("../images/herrlichLogo.gif") center center no-repeat;*/} #clear { clear: both; height: 0px; /*z-index: 100;*/ background-color: transparent;} .red { color: #B5142F; /* red #B5142F*/} /* .text used in einblicke, aussagen*/ .text {clear:left;float: left;margin: 12px 0px 0px 82px; padding: 6px 0px 0px 6px; /*5px 20px 10px 30px;*/min-height: 80px; height: auto!important; height: 80px;width:365px; line-height: 14px; /*float: left;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #e5e2da;*/ } .floatRight{float: right; margin: 2px 6px 0px 0px;} .narrow {width: 300px; margin: 30px 0 0px 40px; padding: 0px 0px 0px 0px; /*5px 20px 10px 30px;*/ line-height: 14px; /*float: left;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #f6e792;*/ } .text p, .text p a:link, .text p a:visited { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #3E3D3C; margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; /*5px 20px 10px 30px;*/ line-height: 14px; /*text-indent: 16px;*//*float: left;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #f6e792;*/ } .text p a:hover { color: #ff6600; /*#B5142F; red */ font-size: 11px; font-weight: 400; text-decoration: underline;} .narrow h4 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: #3E3D3C; margin: 10px 10px 10px 28px; padding: 0; line-height: 16px; text-align: right; } .more{/*color: #3E3D3C;*/ position: relative; clear: both;float: right; margin: 6px 6px 0px 0px; padding: 0; } .more a:link {/*color: #3E3D3C; position: relative;*/ float: right; margin: 0px 0 0px 0px; padding: 0; } /*.more a:hover {text-decoration: underline;color: #B5142F;}*/ .large {font-size: 16px; letter-spacing: 0.3em; } /***********************************************/ /* INLINE WINDOW */ /***********************************************/ #over {background: url(../bilder/shadowlight.gif) repeat; position: absolute; left: 0; top: 0px; z-index: 100; width: 100%; /* 820px; */ height: 100%;/* 373px; */ margin: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.40; -khtml-opacity:0.40; } #popupWrap { position: absolute; /*right:0; top:12;width: 860px; margin: 0px auto 0 auto;clear:both; width: 100%; */ /* min-height: 380px; height:auto !important; height: 380px;*/margin: 0px 0 0 0; padding: 0px; /*overflow: scroll;*/ /* margin-top: -3px;z-index: 40;display: none;*/ z-index: 150;} #popup { /*height: 380px;*/ /*width: 556px;*/ overflow: none; border: 1px solid #ababa1; /* d-beige ridge #ccc*/ z-index: 150; background: #ffffff; position: relative; margin: 0 0 0 -12px; padding: 10px; top: -4px; /* -5px these two define the shadow 'offset'*/ left: -4px; /* -5px ...*/ } .shadow {position: absolute; top: 100px; /* 100px*/ z-index: 6000; width: 660px; /*560px 480px; right: 30%; */ right: 30%; background: url(../bilder/shadow.png) repeat !important; background: url(../bilder/shadowlight.gif) repeat; } #mainLeft .mainContent h3 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; color: #3E3D3C; /* gray;*/ margin: 0px 0 10px 0px; padding: 0; line-height: 16px; } #popup p { color: #3E3D3C; /* d-gray*/ line-height: 1.2em; font-size: 11px; /* 12pt; */ margin-top: 0px; padding-top: 5px; padding-left: 5px; margin-right: 5px; /*text-align: right;*/ border-top: solid #3e3d3c 1px;} #popup img{ background: transparent; margin: 5px auto 5px auto;/* padding-right: 15px; padding-left: 0px;*/ } .popWrap { margin: 10px 0 0 10px; position: relative; width: 650px; /* 474 468px height: 280px;*/ /*background-color: #ededed; border-left: solid #3e3d3c 1px; border-bottom: solid #3e3d3c 1px; border-right: solid #3e3d3c 1px;*/ } .picWrap { margin: 0px auto 5px auto;/*width: 540px; 420px max-width of pic*/ /*height: 280px;max-height of pic*/ } .popWrap a {/* red*/ color: #B5142F; text-decoration: none; font-size: 11px; padding: 0px 5px 0px 5px; cursor: pointer;} .popWrap a:hover {/* orange*/ color:#ff6600;/* #B5142F; red */ text-decoration: underline;} .popWrap a:visited { color: #252525; text-decoration: none;} .bar { background: #ababa1; /*url(bilder/dragbar.gif) no-repeat center left; d-beige #ddd*/ height: 10px; width: 636px;/* 546px 470px;*/ margin: -5px -5px -5px 5px; padding: 5px 5px 10px 10px;} .barBottom { position: relative; /*top: 335px;*/ /*background: #ababa1;*//* url(bilder/dragbar.gif) no-repeat center left; d-beige #ddd*/ /*height: 10px; width: 474px; 458px*/ text-align: right; margin: -5px -5px -5px -10px; padding: 5px 5px 0px 10px; } .bar span {color: #3E3D3C; /* d-gray*/ line-height: 1.2em; font-size: 13px; /* 12pt; */ font-weight: 400; text-indent: 0em; margin: 0px 0 0px 0px; text-align: left;} .close {position: relative;top: -20px; right: 5px;/* dd-gray*/height: 10px; line-height: 1.8em; color: #3e3d3c; text-decoration: none; font-size: 10px; padding: 4px 4px 2px 4px; text-align: right;} .close a {border: 1px solid #3e3d3c; /* dd-gray*/ color: #3e3d3c; text-decoration: none; font-size: 10px; padding: 4px 4px 2px 4px; text-align: right;} .barBottom a{border: 1px solid #3e3d3c; /* dd-gray*/height: 10px; line-height: 1.8em; color: #3e3d3c; text-decoration: none; font-size: 10px; padding: 4px 4px 2px 4px; text-align: right;} .portfolioNav {height: 10px; line-height: 1.8em; color: #3e3d3c; font-size: 12px; padding: 4px 4px 2px 4px; } .portfolioNav a {/*border: 1px solid #3e3d3c;*/ /* dd-gray*/height: 10px; line-height: 1.8em; color: #3e3d3c; text-decoration: none; font-size: 11px; padding: 4px 4px 2px 4px;} .portfolioNav a:hover {/*border: 1px solid #3e3d3c; *//* dd-gray*/height: 10px; line-height: 1.8em; color: #ff6600;/*color: #B5142F; red*/ text-decoration: none; font-size: 11px; padding: 4px 4px 2px 4px;} #frame { height: 350px; overflow: none; border: 0; /* 1px solid #ababa1; */ z-index: 150; /*background-color: #ffffff;#ebebeb;*/ position: relative; margin-left: -12px; padding: 24px 0 0 10px; top: 0px; /* -5px these two define the shadow 'offset'*/ left: 0px; /* -5px ...*/ } #frame img{ background: transparent; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; /* padding-right: 15px; padding-left: 0px;*/ } .portfolioTop { position: absolute; top: 24px; /*background: #ababa1;*//* url(bilder/dragbar.gif) no-repeat center left; d-beige #ddd*/ width: 550px; /*458px*/ text-align: right; margin: 0px 0px 0px 0px; padding: 5px 5px 10px 5px; } .portfolioNav { position: relative; top: 0px; clear: both; float:left; border-top: 1px solid #3e3d3c;/*background: #ababa1;*//* url(bilder/dragbar.gif) no-repeat center left; d-beige #ddd*/ /*height: 10px;*/width: 490px; /*458px*/ text-align: right; margin: 6px 0px 0px 0px; padding: 0;} #portfolioWrap img { background: transparent; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; /* padding-right: 15px; padding-left: 0px;*/ } #portfolioWrap {clear: both; margin: 0px 0 0 0; position: relative; width: 720px; /* 468px;560px *//* height: 280px;*/ /*background-color: #ffffff; border-left: solid #3e3d3c 1px; border-bottom: solid #3e3d3c 1px; order-right: solid #3e3d3c 1px;*/ } #portfolioWrap p { color: #3E3D3C; /* d-gray*/ line-height: 1.2em; font-size: 11px; /* 12pt; */ margin-top: 0px; padding-top: 5px; padding-left: 5px; margin-right: 5px; /*text-align: right;*/ border-top: solid #3e3d3c 1px;} .portfolioPic { margin: 10px 0 0 0; position: relative; width:420px; /*474px*/ height: 280px; /* background-color: #ededed;*/ /*border-left: solid #3e3d3c 1px; border-bottom: solid #3e3d3c 1px; border-right: solid #3e3d3c 1px;*/ } #textRight {position:relative; top: 0px; clear:both; float:left; font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #3E3D3C; margin: 52px 10px 0 10px; padding: 0px 0px 0 0; /*5px 20px 10px 30px;*/ line-height: 14px; width: 160px;height: 280px; /*background-color: #fffff2;/**//*text-indent: 16px;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #f6e792;*/ } #textRight h3 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; color: #3E3D3C; /* gray;*/ margin: 10px 4px 10px 12px; padding: 0; line-height: 16px; border-bottom: 1px solid;} /*#mainLeft #textRight h5 { font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #3E3D3C; margin: 10px 4px 10px 12px; padding: 0; line-height: 16px; }*/ #textRight p{font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; color: #3E3D3C; margin: 8px 0 12px 8px; padding: 0px 0px 0px 8px; /*5px 20px 10px 30px;*/ line-height: 14px; /* background-color: #ffffff;*//*text-indent: 16px;*/ /* IE does not like float left here; textarea disappears!*/ /*background-color: #f6e792;*/ } #textRight ul {font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/margin: 0px 0 8px 8px; padding: 0px 0 0 18px; line-height: 12px;list-style-type: square; list-style-image: url(../bilder/ulSquare.gif); } #textRight li { background-color: transparent; font-size: 11px; font-weight: 400; color: #3E3D3C; /* gray;*/margin: 10px 0 8px 0px; padding: 0px 0 0 0px; line-height: 12px; } /***********************************************/ /* FOOTER */ /***********************************************/ #footer {clear:both;width: 860px; /*width: 860px;*/ min-height: 10px; height:auto !important; height: 10px;margin: 0 auto 0 auto; padding: 0px; background-color: #7d7979; } .footerText { float: left; width: 860px;margin: -28px 0 0 20px;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px;font-weight: 400; color: #3E3D3C; /*#3E3D3C; grau */ padding: 0px 0px 0px 0px; line-height: 18px;} .footerText a{clear: both; margin: 0 0px 0px 0; padding: 0px; /* 125px;float: left;*/ } .footerText p {width: 860px;font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; /* 9px a: 11px;*/ font-weight: 400; color: #3E3D3C; /*#3E3D3C; grau */ margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px; line-height: 18px; float: left; } .footerText a:hover {color: #ff6600; /*#fffff0;*/} /* copyRight */ #copyRight {clear: both; margin: 20px auto 0px auto; padding: 0px; width: 100%;/* 125px;*/ float: right; } .copyRightText {width: 150px; font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; /* 9px a: 11px;*/ font-weight: 400; color: #3E3D3C; /*#3E3D3C; grau */ margin: 0 3% 0 0; padding: 0px 0px 0px 0px; line-height: 18px; float: right;} .copyRightText p{font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: 11px; /* 9px a: 11px;*/ font-weight: 400; color: #3E3D3C; /*#3E3D3C; grau */ margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px; line-height: 18px; float: right; } /********************************************************************/ /* jScrollPane CUSTOM SETTINGS */ /********************************************************************/ a.jScrollArrowUp { /*background: #aaaaaa url(../nav/arrowUp.gif) no-repeat -2px 0; */ /*height:14px!important; width:12px!important; */ /*border-right:1px solid #dedede;*/ } a.jScrollArrowUp:hover { /*background-position: -2px -11px; background: url(../nav/scrollUp-o.gif) no-repeat 0px 0;*/ } a.jScrollArrowDown { /*background: #aaaaaa url(../nav/arrowDown.gif) no-repeat -2px 0; */ /*height:14px!important; width:12px!important; */ /*border-right:1px solid #dedede;*/ } a.jScrollArrowDown:hover { /*background-position: -2px -11px; background: url(../nav/scrollDn-o.gif) no-repeat 0px 0; */ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-position: 0 -30px;*/ /*background-color: #f0f0f0; height:11px!important; */ } .info .jScrollPaneTrack { background: #aaaaaa;/* #e5e2datransparent;*/ /*border-right:1px solid #dedede;*/ /*border-left:1px solid #dedede; */ } .info .jScrollPaneDrag { /*background: #7d7979 url(../nav/dragGrab.gif) no-repeat 50% 50%;*/ /*width:12px!important; margin-left:-2px; background: transparent;*/ /*border-bottom:1px solid #353c3c; #c0c300; green #eb800b; organge border:1px solid #5b5b5b; border-left:7px solid #971f1a;*/ } .info .scroll-pane { background: transparent; /*#ffffff; transparent*/ } .holder { float: left; margin: 16px 0px 20px 1px; /*margin-right: 6px; width:358px; background: #ddd; */ background-color: transparent; /* #e5e4e3;light gray #f2f2f2; #eb800b; #993300*/ } .scroll-pane { width: 164px; /* width: 330px; outerNewsWrapper */ height: 218px; /* 264px height: 314px; outerNewsWrapper */ overflow: auto; background-color: transparent; /* transparent #006699;*/ float: left; } /*------NC4 + abw�rts message nur f�r NC4 sichtbar!!! -------*/ .nc4{ position: absolute; left: -400px; top: -200px; color: #ffffff !important;}