/* main container */ #container { width: 820px; margin: 10px auto 0px auto; border: 1px solid #1d1d1f; background: transparent url(/fileadmin/img/overview_default.jpg) no-repeat; } #header { height: 75px; /*background-color: #ffffff;*/ } #logo { float: left; margin: 10px 15px 0px 15px; display: inline; } #header .content { float: right; margin: 10px -130px 0px 0px; display: inline; text-align: left; } #header #tx-indexedsearch-searchbox { float:left; display: inline; margin: 0px 2px 0px 10px; height:15px; } #imageArea { height: 190px; } #imageArea .content { float: right; display: inline; margin: 20px 15px 0px 0px; } #contentArea { border-top: 1px solid #1d1d1f; background-color: #ffffff; background: transparent url(/fileadmin/img/bg_rightcol.gif) repeat-y 612px; } #middleCol { float: left; width: 612px; background-color: #ffffff; } #middleCol .content { margin: 25px 50px 0px 35px; padding-bottom: 15px; min-height: 200px;} * html #middleCol .content { height:200px; } #rightCol { float: right; width: 207px; display: inline; } #rightCol .content { min-height: 200px; } #footer { width: 820px; margin: 0px auto 0px auto; font-size: 9px;} * html #middleCol { float: left; width: 610px; background-color: #ffffff; } /* set transparent png as default*/ /* Mozilla ignores crazy MS image filters, so it will skip the following */ #header, #menuRootline, #menuMain ul ul {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/fileadmin/img/bg_white85.png');} /* IE ignores styles with [attributes], so it will skip the following. */ #header[id], #menuRootline[id], #menuMain[id] ul ul { background: transparent url(/fileadmin/img/bg_white85.png); } /* set alpha filter for IE */ /** html #header, * html #menuRootline, #menuMain ul ul { background: #ffffff none; filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.85; opacity:0.85;} * html #menuMain ul ul { background: #ffffff; filter:alpha(opacity=65); opacity: 0.8; -moz-opacity:0.65; } */ /* navigatipon */ #menuLang ul, #menuCountry ul, #menuMeta ul, #menuMain ul, #menuRootline ul, #menuTab ul, #menuFooter ul { list-style-type: none; margin: 0px; padding: 0px; } #menuLang li, #menuCountry li, #menuMeta li, #menuMain li, #menuRootline li, #menuTab li, #menuFooter li { float:left; position:relative; z-index:90; display: inline; } /* language selection */ #menuLang { /*float: none;*/ width: 120px; margin: 0px 0px 0px 300px; height: 20px; text-align: right;} #menuLang ul { float: right; display: inline; margin-right: 5px; } #menuLang li { margin: 0px; padding: 0px 10px 0px 10px; font-size: 10px; color: #343434; background: transparent url(/fileadmin/img/separator.gif) no-repeat 0px 4px; } #menuLang li.first { background: none; } #menuLang a { color: #878787; text-decoration: none; } #menuLang a:hover, #menuLang .active a { color: #7991b5; } /* meta menu */ #menuMeta { } #menuMeta ul { } #menuMeta li { margin: 0px 10px 0px 0px; } #menuMeta a { display: block; color: #363636; font-size: 11px; text-decoration: none; } #menuMeta a:hover, #menuMeta .active a { color: #7991b5; } #menuMeta .first a { color: #363636;} #menuMeta .first a:hover { color: #7991b5;} /* country selection */ #menuCountry { float: right; margin: 10px 15px 0px 0px; width: 110px; display: inline; } #menuCountry ul { } #menuCountry li { margin: 0px; height: 15px; background: #ffffff url(/fileadmin/img/buttons/down.gif) no-repeat 100px; } #menuCountry a { display: block; width: 110px; height: 13px; padding: 0px 2px 0px 2px; border: 1px solid #bebebe; } #menuCountry ul :hover { color: #7993B8; background-color: white; } #menuCountry table { position: absolute; left: -1px; top: 13px; z-index: 110; border-collapse: collapse; } * html #menuCountry table { top: 14px; } #menuCountry ul ul { position: absolute; visibility: hidden; height: 210px; z-index: 111; background-color: #ffffff; border: 1px solid #bebebe; border-top: 1px dotted #bebebe; } #menuCountry ul :hover ul { visibility: visible; /*height: 210px;*/ background-color: #ffffff; } #menuCountry ul ul li { margin: 0px; border: none; padding: 0px; } #menuCountry ul ul a { width: 108px; height: auto; padding: 1px 3px 1px 3px; border: none; color: #000000; font-weight: normal; background: #ffffff none; } /*#menuCountry .active ul a { color: #000000; }*/ #menuCountry ul ul .active a{ color: #7993B8; } #menuCountry ul ul :hover { color: #000000; background-color: #e6e6e5; border: none; } /* main menu */ #menuMain { position: relative; z-index:10; border: 0px solid #bebebe; } #menuMain ul { margin-right: 0px; } #menuMain li { margin: 20px 15px 0px 0px; } #menuMain li.first { margin-left: 0px; } #menuMain a { display: block; padding-bottom: 10px; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; } #menuMain .active a { color: #7993B8; } #menuMain ul :hover { color: #7993B8; background-color: transparent; } /* sub menu */ #menuMain table { position: absolute; left: -4px; top: 24px; z-index: 100; border-collapse: collapse; } #menuMain li.last table { left: -5px; } #menuMain ul ul { position: absolute; height: 210px; z-index: 101; visibility: hidden;/* background-color: #ffffff;*/ } #menuMain ul :hover ul { visibility: visible; /*height: 210px;*/ /*background-color: #ffffff;*/ } #menuMain ul ul li { float:none; margin: 0px; } #menuMain ul ul a { color: #000000; font-weight: normal; width:110px; padding: 2px 3px 2px 3px; /*background-color: #ffffff;*/ } #menuMain .active ul a { color: #000000; } #menuMain ul ul .active a { color: #7993B8; } #menuMain ul ul :hover { color: #000000; background-color: #e6e6e5; } /* rootline menu */ #menuRootline { /*position:absolute; */width:820px; height: 16px; z-index: 0; } #menuRootline li { margin: 0px 5px 0px 0px; font-size: 14px; font-weight: bold; } #menuRootline li.first { margin-left: 15px; } #menuRootline a { color: #343434; font-size: 11px; font-weight: bold; text-decoration: none; } #menuRootline li.last a, #menuRootline a:hover { color: #7991b5; } /* tab menu */ #menuTab { display: block; height: 24px; /*background: transparent url(/fileadmin/img/register/prod_line.jpg) repeat-x 0 5px;*/} #menuTab ul { } #menuTab li { margin: 5px 0px 0px 0px; } #menuTab li.first { margin-left: 0px; } #menuTab li.mitte { margin-right: 0px; } #menuTab a { display: block; height: 16px; width: 70px; padding: 3px 0px 0px 15px; color: #6B6A6A; font-size: 11px; font-weight: bold; background: transparent url(/fileadmin/img/register/prod_no.jpg) no-repeat -15px; } #menuTab .active a { color: #748FB3; width: 85px; background-image: url(/fileadmin/img/register/prod_act.jpg); background-position: 0px; } #menuTab li.first a { background-image: url(/fileadmin/img/register/prod_first_no.jpg); } #menuTab li.mitte a { display: block; height: 16px; width: 70px; padding: 3x 0px 0px 15px; color: #6B6A6A; font-size: 11px; font-weight: bold; background: transparent url(/fileadmin/img/register/prod_mitte_no.jpg) no-repeat -15px; } #menuTab li.mitte a.active { display: block; height: 16px; width: 70px; padding: 3px 0px 0px 15px; color: #6B6A6A; font-size: 11px; font-weight: bold; background: transparent url(/fileadmin/img/register/prod_mitte_no.jpg) no-repeat -15px; } #menuTab li.first a.active { background-image: url(/fileadmin/img/register/prod_first_act.jpg); } #menuTab a:hover { color: #7991b5; } #menuTab li.last a { display: block; height: 16px; width: 80px; padding: 3px 0px 0px 15px; color: #6B6A6A; font-size: 11px; font-weight: bold; background: transparent url(/fileadmin/img/register/prod_no_ac.jpg) no-repeat -15px; } #menuTab li.last a.active { display: block; height: 16px; width: 80px; padding: 3px 0px 0px 15px; color: #748FB3; font-size: 11px; font-weight: bold; background: transparent url(/fileadmin/img/register/prod_no_ac.jpg) no-repeat -15px; } /* footer menu */ #menuFooter { margin-left:23px; margin-top: 5px; font-size:10px; color: #878787; } #menuFooter ul {} #menuFooter li { font-size:9px; margin: 0px; padding: 0px 10px 0px 10px; background: transparent url(/fileadmin/img/separator.gif) no-repeat 0px 4px; } #menuFooter li.pre { background: none; margin-left: 5px; } #menuFooter a { color: #878787; text-decoration: none; } #menuFooter a:hover, #menuFooter .active a { color: #7991b5; } /* content container */ div.content-two-cols { width: 520px; border: 0px solid;} div.two-cols-left { float: left; width: 250px; } div.two-cols-right { float: left; width: 240px; margin-left: 10px; display: inline; } div.two-cols-left-3-6 { float: left; width: 189px; } div.two-cols-right-3-6 { float: left; width: 378px; margin-left: 10px; display: inline; } div.content-two-cols-6-3 { width: 520px; border: 0px solid;} div.two-cols-left-6-3 { float: left; width: 338px; } div.two-cols-right-6-3 { float: left; width: 169px; margin-left: 10px; display: inline; } div.content-three-cols { width: 500px; margin-bottom: 25px; border: 0px solid;} div.three-cols-left { float: left; width: 160px; } div.three-cols-middle { float: left; width: 160px; margin-left: 10px; display: inline; } div.three-cols-right { float: left; width: 160px; margin-left: 10px; display: inline; } div.content-four-cols { width: 520px; border: 0px solid;} div.four-cols-left { float: left; width: 123px; } div.four-cols-middle-left { float: left; width: 123px; margin-left: 8px; display: inline; } div.four-cols-middle-right { float: left; width: 123px; margin-left: 8px; display: inline; } div.four-cols-right { float: left; width: 123px; margin-left: 8px; display: inline; } /* content elements */ div.csc-header-type1 h1 { color: #748FB3; } div.csc-header-type1 h1 a { color: #748FB3; } div.csc-textpicHeader-26 h1 { color: #748FB3; } div.csc-header-type2 h2 a { color: #585755; } p.csc-subheader { color: #585755; margin: 10px 0px 15px 0px; font-weight: bold; } p.bodytext {color:#666666; line-height: 16px;} p.bodytext a { text-decoration: none; } p.bodytext a:hover { text-decoration: underline; } .content ul{color:#666666;} #imageArea h1 { font-size: 18px; } #middleCol fieldset.csc-splash { float: right; width: 203px; margin: 24px 50px 0px 0px; padding-bottom: 5px; border:1px solid #DBDBDB; background-color: #FBFBFB; display: inline; } #middleCol fieldset.csc-splash h1 { padding: 5px 10px 5px 10px; font-size: 11px; color: #989494; background: transparent url(/fileadmin/img/bg_header_rightcol_light.gif) repeat-x; } #middleCol fieldset.csc-splash p { margin: 0px 10px 0px 10px; } #middleCol ul { line-height: 16px; list-style: url(/fileadmin/img/bullet.gif); } /*.csc-textpic-imagewrap dl { margin: 0px !important; padding: 0px !important; }*/ #middleCol div.content-three-cols .csc-textpic-imagewrap { min-height: 90px; } .csc-textpic-caption { font-size: 9px; } #rightCol h1 { margin-top: 15px; padding: 5px 10px 5px 10px; font-size: 11px; color: #625C5C; background: transparent url(/fileadmin/img/bg_header_rightcol.gif) repeat-x; } #rightCol h1.csc-firstHeader { margin-top: 0px; } #rightCol h2 { margin: 0px 10px 0px 10px; } #rightCol h3 { color: #5A5453; margin: 0px 10px 0px 10px; font-weight: normal; font-size:11px; } #rightCol p { margin: 0px 10px 0px 10px; font-size:11px; } #rightCol .csc-menu li { margin-bottom: 3px; } #rightCol .csc-menu li a { color: #000000; } #rightCol .csc-menu li a:hover { color:#338ac3; } *html #rightCol .csc-menu li { margin-left: 30px; } *html #rightCol li { margin-left: 30px; } #rightCol div.csc-textpic-left .csc-textpic-imagewrap { margin-left: 10px; } /* all forms */ input, textarea, select { font-size: 11px; height: 16px; color: #000000; padding: 0px; margin: 0px 0px 2px 0px; } input, select { border: 1px solid #bebebe; width: 170px; } textarea { border: 1px solid #bebebe; width: 250px; height: 100px; margin-bottom: 5px; } input:focus, textarea:focus { border-color: #94a7c4; } /* mail form */ input.csc-mailform-check, input.csc-mailform-radio, input.csc-mailform-submit { width:auto; } input.csc-mailform-submit { height: 18px; margin-top: 25px; padding: 0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #494949; background-color: #e9e9e9; border: 1px solid #c8c8c7; } fieldset.csc-mailform { width: 380px; margin-top: 15px; } div.csc-mailform-field { clear: both; } fieldset.csc-mailform label { float:left; width:120px;} span.csc-mailform-radio { } span.csc-mailform-radio fieldset { height: 20px; } span.csc-mailform-radio legend { display: none; } span.csc-mailform-radio input { float:left; margin:0px; padding:0px; border: none; } span.csc-mailform-radio label { width: auto; margin: 0px 10px 0px 3px; } span.csc-mailform-radio br { display: none; } span.csc-mailform-check { } span.csc-mailform-check input { float:left; margin-left:120px; border: none; } span.csc-mailform-check label { width: 230px; margin: 0px 0px 0px 5px; } /* search form */ fieldset.csc-searchform { width: 200px; height:10px;margin: 0px 0px 0px 0px;} fieldset.csc-searchform label { display: none; } input#tx-indexedsearch-searchbox-button-image { } input#tx-indexedsearch-searchbox-button-submit { display: none; } input#tx-indexedsearch-searchbox-sword { float: left; width: 150px; height:13px; margin: 0px 0px 12px 0px; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 10px;} /* search form */ input.csc-searchform-check, input.csc-searchform-radio, input.csc-searchform-image, input.csc-searchform-submit { width:auto; } input.csc-searchform-submit { height: 18px; margin-top: 15px; padding: 0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #494949; background-color: #e9e9e9; border: 1px solid #c8c8c7; } input.csc-searchform-image { border: none; margin: 0px; padding:0px; } div.csc-searchform-field { clear: both; margin-bottom: 5px; } fieldset.csc-searchform input { height: 15px; } fieldset.csc-searchform div.csc-searchform-select { margin-left: 120px; } #rightCol fieldset.csc-searchform { width: auto; } #rightCol fieldset.csc-searchform label { display: none; } #rightCol fieldset.csc-searchform input.sword { font-size: 10px; margin: 0px 0px 3px 10px; padding:0px; width: 160px; height: 13px; } #rightCol input#tx-indexedsearch-searchbox-button-image { display:inline; } #rightCol input#tx-indexedsearch-searchbox-button-submit { display: none; } /* login form */ input#loginformsubmit { margin-left: 120px; width:42px; border: none; } fieldset.csc-loginform { margin: 15px 0px 15px 0px; padding:0px; } div.csc-loginform-field { clear: both; margin-bottom: 5px; } fieldset.csc-loginform label { float:left; width:120px; } fieldset.csc-loginform input { height: 15px; } div.csc-loginform-passforgot_home { clear: both; margin-bottom: 5px; padding-left:10px; line-height:11px;} div.csc-loginform-passforgot { clear: both; margin-bottom: 5px; padding-left:120px; line-height:11px;} /* registration form */ input.tx-srfeuserregister-pi1-check, input.tx-srfeuserregister-pi1-radio, input.tx-srfeuserregister-submit, input.tx-sremailsubscribe-pi1-submit { width:auto; } input.tx-srfeuserregister-submit, input.tx-sremailsubscribe-pi1-submit { height: 18px; margin-top: 15px; padding: 0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #494949; background-color: #e9e9e9; border: 1px solid #c8c8c7; } fieldset.tx-srfeuserregister { margin: 15px 0px 15px 0px; padding:0px; } div.tx-srfeuserregister-field { clear: both; margin-bottom: 5px; } fieldset.tx-srfeuserregister label { float:left; width:120px; } fieldset.tx-srfeuserregister input { height: 15px; } span.tx-srfeuserregister-radio input, span.tx-sremailsubscribe-pi1-radio input { margin-left: 5px; border: none; } span.tx-srfeuserregister-check input, span.tx-sremailsubscribe-pi1-check input { border: none; }