/* basicstyles.css for definitions of general formatting */ /* general formatting to apply to html tags */ html,body,h1,h2,h3,p { margin: 0px; padding: 0px; } body,a,div,td,input,select,label { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000000; } body { background-color: #FFFFFF; text-align: center; } img { border: 0px; } form { display: inline; } a:link { text-decoration:none; color: #3333CC; } a:visited { text-decoration:none; color:#3333CC; } select,input { color: #333333; background-color: #FFFFFF; } hr { display:none; } h1 { font-size: 13px; font-weight: bold; } h2 { font-size: 12px; font-weight: bold; } h3 { font-size: 11px; font-weight: bold; } /* special message for NS4.x */ #hddBrowserMessage{ color:red; font-weight:bold; font-size:14px; } .spacerRow { margin-bottom: 13px; height: 2px; overflow: hidden; clear: both; background-color: #CC0033; } h1.title { margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #000066; } #printLogo { display: none; } @media print { #printLogo { width: 564px; display: block; text-align: right; }} #page { width: 768px; margin: 0px auto; text-align: left; overflow: hidden; clear: both; } @media print { #page { width: 564px; margin: 0px; overflow: visible; text-align: left; }} #headerHome { width: 768px; height: 168px; overflow: hidden; } #headerHome #imageHeadLeft { float: left; width: 205px; height: 168px; } #headerHome #companyName { position: relative; top: 16px; left: 19px; width: 350px; height: 17px; font-size: 14px; font-weight: bold; color: #000066; overflow: hidden; } #headerHome .companyLogo { float: right; width: 157px; height: 49px; } #headerHome #imageHeadRight { float: right; width: 563px; height: 110px; margin-top: 9px; } #headerHome #hddBrowserMessage { display:none; } #headerHome #baseNaviLayer { float: right; position: relative; top: -105px; width: 475px; height: 0px; } #headerHome #welcomeText { float: left; margin-top: 50px; height: 28px; width: 255px; text-align: center; font-size: 12px; font-weight: bold; color: #000066; overflow: hidden; } #headerHome #baseNavi { float: right; height: 100px; width: 120px; overflow: hidden; } #headerHome #baseNavi div.baseNaviLink { padding-top: 5px; } #headerHome #baseNavi .baseNaviLink select { width: 110px; } #headerHome #baseNavi a:link, #headerHome #baseNavi a:visited { font-weight: bold; color: #666666; text-decoration: none; } #headerHome #baseNavi select { margin-top: 3px; } @media print { #headerHome { display: none; } } #headerSub { width: 768px; height: 134px; overflow: hidden; } #headerSub #imageHeadLeft { float: left; width: 205px; height: 134px; } #headerSub #companyName { position: relative; top: 16px; left: 19px; width: 350px; height: 17px; font-size: 14px; font-weight: bold; color: #000066; overflow: hidden; } #headerSub .companyLogo { float: right; width: 157px; height: 49px; } #headerSub #imageHeadRight { float: right; width: 563px; height: 68px; margin-top: 17px; } #headerSub #hddBrowserMessage {display:none;} #headerSub #baseNaviLayer { float: right; position: relative; top: -57px; width: 120px; height: 0px; } #headerSub #baseNavi { height: 50px; width: 120px; overflow: hidden; } #headerSub #baseNavi div.baseNaviLink { padding-top: 5px; } #headerSub #baseNavi .baseNaviLink select { width: 110px; } #headerSub #baseNavi a:link, #headerSub #baseNavi a:visited { font-weight: bold; color: #666666; text-decoration: none; } #headerSub #baseNavi select { margin-top: 3px; } @media print { #headerSub { display: none; } } #main { width: 768px; overflow: hidden; clear: both; } #main #navigation { width: 205px; overflow: hidden; float: left;} @media print { #main #navigation { display: none; } } #main #navigation #countryBox { margin-top: 3px; height: 64px; background: #EAEDF4 url("../images/countryBackground.gif") repeat-x; text-align: center; } #main #navigation #countryBox #worldMap { height: 64px; background: transparent url("../images/country.gif") no-repeat center; } #main #navigation #countryBox select { margin-top: 22px; width: 170px; } #main #navigation #countryBox option.countryBoxRegion { background-color: #EAEDF4; font-weight: bold; } #main #navigation #mainNavigationBox { margin-top: 3px; padding: 14px 0px 15px 0px; background: #EAEDF4 url("../images/naviBackground.gif") repeat-x bottom; } #main #navigation #mainNavigationBox .navBorder { height: 2px; background: transparent url("../images/naviBorder.gif") repeat-x; overflow: hidden; } #main #navigation #mainNavigationBox a:link, #main #navigation #mainNavigationBox a:visited { font-weight: bold; color: #666666; text-decoration: none; } #main #navigation #mainNavigationBox .nav1 { list-style-type: none; padding: 0px; margin: 0px; } #main #navigation #mainNavigationBox .nav1 li { padding: 3px 0px 3px 10px; } #main #navigation #mainNavigationBox .nav1 a:link, #main #navigation #mainNavigationBox .nav1 a:visited { padding-left: 14px; display: block; background:url("../images/arrow.gif") 0px 2px no-repeat; } #main #navigation #mainNavigationBox .nav1active { list-style-type: none; padding: 0px; margin: 0px; background: #B3CAE3 url("../images/naviBorder.gif") repeat-x; } #main #navigation #mainNavigationBox .nav1active li { padding: 5px 0px 3px 10px; } #main #navigation #mainNavigationBox .nav1active a:link, #main #navigation #mainNavigationBox .nav1active a:visited { padding-left: 14px; display: block; background:url("../images/arrowDown.gif") 0px 2px no-repeat; } #main #navigation #mainNavigationBox .nav2, #main #navigation #mainNavigationBox .nav3, #main #navigation #mainNavigationBox .nav4, #main #navigation #mainNavigationBox .nav2active, #main #navigation #mainNavigationBox .nav3active, #main #navigation #mainNavigationBox .nav4active { list-style-type: none; padding: 0px; margin: 0px; background-color: #D7E1EE; } #main #navigation #mainNavigationBox .nav2 li, #main #navigation #mainNavigationBox .nav2active li { padding: 3px 0px 3px 25px; } #main #navigation #mainNavigationBox .nav3 li, #main #navigation #mainNavigationBox .nav3active li { padding: 3px 0px 3px 35px; } #main #navigation #mainNavigationBox .nav4 li, #main #navigation #mainNavigationBox .nav4active li { padding: 3px 0px 3px 45px; } #main #navigation #mainNavigationBox .nav2 a:link, #main #navigation #mainNavigationBox .nav2 a:visited, #main #navigation #mainNavigationBox .nav3 a:link, #main #navigation #mainNavigationBox .nav3 a:visited, #main #navigation #mainNavigationBox .nav4 a:link, #main #navigation #mainNavigationBox .nav4 a:visited { font-weight: normal; display: block; } #main #navigation #mainNavigationBox .nav2active a:link, #main #navigation #mainNavigationBox .nav2active a:visited, #main #navigation #mainNavigationBox .nav3active a:link, #main #navigation #mainNavigationBox .nav3active a:visited, #main #navigation #mainNavigationBox .nav4active a:link, #main #navigation #mainNavigationBox .nav4active a:visited { font-weight: bold; display: block; } #main #navigation #searchBox { margin-top: 3px; height: 40px; background: #EAEDF4 url("../images/searchBackground.gif") repeat-x; text-align: center; } #main #navigation #searchBox input { width: 110px; } #main #navigation #searchBox .srchtbl { border:0px; height: 40px; } #main #navigation #searchBox .srchbtn { padding-left: 5px; } #main #navigation #searchBox a:link, #main #navigation #searchBox a:visited { font-weight: bold; color: #FF0000; text-decoration: none; padding: 2px 2px 2px 2px; border: 1px solid #666666; display: block; } #main #content { width: 563px; overflow: hidden; float: right; } #main #content #homepage { padding: 50px 0px 20px 20px; } #main #content #homepage #leftCol { width: 256px; float: left; overflow: hidden; } #main #content #homepage #middleCol { width: 31px; float: left; } #main #content #homepage #rightCol { width: 256px; float: right; overflow: hidden; } #main #content #homepage .colTitle { font-size: 14px; font-weight: bold; color: #666666; } #main #content #homepage .hatchedBar { height: 8px; background-image: url("../images/linie-home.gif"); background-repeat: repeat-x; } #main #content #homepage .newsTeaser { margin-top: 16px; } #main #content #homepage .newsTeaser a:link, #main #content #homepage .newsTeaser a:visited { font-weight: bold; color: #000000; text-decoration: none; } #main #content #homepage .newsTeaser p { margin-top: 5px; } #main #content #homepage .newsTeaser .date { font-size: 11px; color: #CC0033; } #main #content #homepage .newsTeaser .title { font-size: 11px; color: #000066; } #main #content #homepage .quicklinksTeaser { margin-top:15px; padding: 3px 5px 3px 5px; border: 1px solid #000000; } #main #content #homepage .quicklinksTeaser a:link, #main #content #homepage .quicklinksTeaser a:visited { font-weight: bold; color: #000000; text-decoration: none; } #main #content #homepage .quicklinksTeaser p { margin-top: 6px; } #main #content #homepage .quicklinksTeaser td { vertical-align: top; } #main #content #homepage .quicklinksTeaser .title { font-size: 11px; color: #CC0033; } #main #content #homepage .quicklinksTeaser .headline { font-size: 11px; color: #000066; } #main #content #homepage .quicklinksTeaser .teaserImage { margin: 8px 5px 2px 0px; } #main #content #subpage { float: left } #main #content #subpage p { margin-top: 5px; } #main #content #subpage h1.title { margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #000066; } #main #content #subpage h2.overline { font-size: 11px; font-weight: bold; color: #000066; } #main #content #subpage h2.newsDate { font-size: 11px; font-weight: bold; color: #CC0033; } #main #content #subpage ul { list-style: none; padding-left: 0px; margin: 0px; } #main #content #subpage ul li { position: relative; padding-left: 9px; margin-left: 0px; margin-top: 0px; background: url("../images/listBullet.gif") no-repeat; background-position: 0px 6px; display: block; width: 100% } #main #content #subpage .backLink { clear:both; } #main #content #subpage .backLink a:link, #main #content #subpage .backLink a:visited, #main #content #subpage .contactTeaser a:link, #main #content #subpage .contactTeaser a:visited, #main #content #subpage .contentTeaser a:link, #main #content #subpage .contentTeaser a:visited { font-weight: bold; color: #000000; text-decoration: none; } #main #content #subpage .contentTbl { border: solid #000000; border-width: 1px 0px 1px 1px; padding: 0px; } #main #content #subpage .contentTbl td { border: solid #000000; border-width: 0px 1px 0px 0px; padding: 2px 5px; } #main #content #subpage .contentTbl .red { font-weight: bold; color: #FFFFFF; background-color: #CC0033; } #main #content #subpage .contentTbl .darkGray { font-weight: bold; color: #FFFFFF; background-color: #BBBBBB; } #main #content #subpage .contentTbl .lightGray { background-color: #EAEDF4; } #main #content #subpage .contentTbl .white { background-color: #FFFFFF; } #main #content #subpage .contentTeaser { display: block; clear: both; } #main #content #subpage .contentTeaser .contentTeaserImg { float: left; margin-top: 2px; width: 85px; text-align: center; overflow: hidden; } #main #content #subpage .contentTeaser .contentTeaserImg img { margin-bottom: 10px; } #main #content #subpage .contentTeaser .contentInfosWithoutImage { margin-bottom: 8px; } #main #content #subpage .contentTeaser .headline { color: #000066; font-weight: bold; } #main #content #subpage .contentTeaser .moreLink { margin-bottom: 8px; } #main #content #subpage .contentTeaser .title { color: #CC0033; font-weight: bold; } #main #content #subpage .downloadTable td { vertical-align: bottom; width: 50%; } #main #content #subpage .downloadTeaser { margin-left: 5px; } #main #content #subpage .downloadTeaser p { margin-bottom: 8px; } #main #content #subpage .downloadTeaser .downloadImg { float:left; margin-right: 5px; margin-bottom: 5px; } #main #content #subpage .imageText { font-size:10px; color:#666666; } #main #content #subpage .overflowLayer { width: 100%; overflow: hidden; } #main #content #subpage .spacerRow { margin-bottom: 13px; height: 2px; overflow: hidden; clear: both; background-color: #CC0033; } #main #content #subpage #noInfoCol { width: 543px; margin: 17px 0px 10px 20px; } #main #content #subpage #noInfoCol .fairsTeaser { display: block; clear: both; } #main #content #subpage #noInfoCol .fairsTeaser .fairsImg { float: left; margin: 2px 20px 5px 0px; width: 85px; text-align: center; overflow: hidden; } #main #content #subpage #noInfoCol .fairsTeaser .fairsInfos { float: right; margin-bottom: 8px; width: 438px; } #main #content #subpage #noInfoCol .fairsTeaser .fairsInfos .left { float: left; width: 238px; } #main #content #subpage #noInfoCol .fairsTeaser .fairsInfos .right { float: right; width: 200px; font-weight: bold; } #main #content #subpage #noInfoCol .newsTeaser { margin-bottom: 8px; } #main #content #subpage #noInfoCol .newsTeaser .date { font-size: 11px; color: #CC0033; } #main #content #subpage #noInfoCol .newsTeaser .title { font-size: 11px; color: #000066; } #main #content #subpage #noInfoCol .newsTeaser a:link, #main #content #subpage #noInfoCol .newsTeaser a:visited { font-weight: bold; color: #000000; text-decoration: none; } #main #content #subpage #noInfoCol .contactTeaser {margin-top: 1px; display: block; clear: both; } #main #content #subpage #noInfoCol .contactTeaser .contactImg { float: left; margin-top: 2px; text-align: center; overflow: hidden; } #main #content #subpage #noInfoCol .contactTeaser .contactImg img { margin-bottom: 10px; } #main #content #subpage #noInfoCol .contactTeaser .contactInfosWithImage { margin-left: 95px; width: 448px; } /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/ * html #main #content #subpage #noInfoCol .contactTeaser .contactInfosWithImage { margin-left: 92px; } /* Ende von IE5/mac verstecken*/ #main #content #subpage #noInfoCol .contactTeaser .lastRow { margin-bottom: 8px; } #main #content #subpage #noInfoCol .contactTeaser .contactInfosWithoutImage { margin-bottom: 8px; } #main #content #subpage #noInfoCol .contentTeaser .contentInfosWithImage { margin-left: 105px; width: 438px; } /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/ * html #main #content #subpage #noInfoCol .contentTeaser .contentInfosWithImage { margin-left: 102px; } /* Ende von IE5/mac verstecken*/ #main #content #subpage #withInfoCol { width: 407px; float: left; } #main #content #subpage #withInfoCol #borderRight { border-right: 1px solid #EAEDF4; } #main #content #subpage #withInfoCol #cntBox { width: 371px; margin: 17px 15px 10px 20px; overflow: hidden; } #main #content #subpage #withInfoCol #cntBox .contentTeaser .contentInfosWithImage { margin-left: 105px; width: 266px; } /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/ * html #main #content #subpage #withInfoCol #cntBox .contentTeaser .contentInfosWithImage { margin-left: 102px; } /* Ende von IE5/mac verstecken*/ #main #content #subpage #infoCol { width: 157px; margin-left: -1px; float: right; } #main #content #subpage #infoCol #borderLeft { border-left: 1px solid #EAEDF4; } #main #content #subpage #infoCol #infoBox { padding: 5px 0px 10px 5px; } #main #content #subpage #infoCol .contactTeaser, #main #content #subpage #infoCol .downloadTeaser, #main #content #subpage #infoCol .externalLinkTeaser { padding-top: 2px; } #main #content #subpage #infoCol .contactSpacerRow, #main #content #subpage #infoCol .downloadSpacerRow, #main #content #subpage #infoCol .externalLinkSpacerRow { margin: 3px 0px 5px 0px; height: 1px; overflow: hidden; clear: both; background-color: #CC0033; } #main #content #subpage #infoCol .downloadTeaser .downloadImg, #main #content #subpage #infoCol .contactTeaser .contactImg { margin-top: 3px; margin-bottom: 8px; text-align: center; } #main #content #subpage #infoCol .contactTeaser .contactLink, #main #content #subpage #infoCol .downloadTeaser a:link, #main #content #subpage #infoCol .downloadTeaser a:visited, #main #content #subpage #infoCol .externalLinkTeaser a:link, #main #content #subpage #infoCol .externalLinkTeaser a:visited { font-weight: normal; color: #000000; text-decoration: none; } @media print { #main #content { width: 564px; float: left; } } #main #stopper { padding-top: 10px; clear: both; } #footer { width: 768px; height: 40px; overflow: hidden; } #footer #bottomNaviBar { height: 6px; margin-top: 3px; background-color: #EAEDF4; overflow: hidden; } #footer #bottomNavi { position: relative; top: -10px; height: 21px; left: 271px; width: 1px; text-align: center; overflow: visible; } #footer #bottomNavi nobr { background-color: #FFFFFF; } #footer #bottomNavi a:link, #footer #bottomNavi a:visited { color: #000000; text-decoration: underline; } #footer #bottomNaviTop { position: relative; top: -31px; left: 700px; width: 50px; height: 21px; text-align: center; background-color: #FFFFFF; overflow: hidden; } #footer #bottomNaviTop a:link, #footer #bottomNaviTop a:visited { color: #000000; font-weight: bold; text-decoration: none; } #footer #copyRight { position: relative; top: -31px; width: 768px; height: 21px; text-align: center; } #footer #copyRight .red { color: #cc0033; } @media print { #footer { display: none; } } #printFooter { display: none; } @media print { #printFooter { width: 564px; display: block; text-align: left; } } #popup .companyLogo { float: right; margin: 10px 10px 5px 0px; } #popup .popupName { float: left; margin: 8px 0px 0px 10px; font-size: 14px; font-weight: bold; color: #000066; } #popup .spacerRow { margin-bottom: 13px; height: 2px; overflow: hidden; clear: both; background-color: #CC0033; } #popup #header, #popup #main, #popup #footer { width: auto; } .listTable { border: 1px solid black; background-color:#F3F3F3; border-color:#979595; padding:1px; } .tableTitle { font-weight : bold; background-color:#CAC9C9; border-bottom:1px solid black; border-color:#979595; } .formFooter { font-weight : bold; background-color:#FFFFFF; color: #5a5d5a; border-top:1px solid black; border-color:#979595; }