* { padding: 0; margin: 0; } body { background: url('../files/basics/bg.gif'); font-size:12px; font-family: verdana, arial, helvetica, sans-serif; color: #606060; background-color: #fff; } /* structure */ #wrapper { position: relative; display: block; margin: 0 auto; height: 100%; width: 940px; } #service-navigation { margin-bottom: 12px; } #main-nav { width: 680px; } #web-body { background: url('../files/basics/web_body.png'); margin-bottom: 20px; padding: 8px 20px 20px 20px; } /* search */ #search { float: right; margin-right: -1px; width: 187px;} #search #search-area-l { background: url('../files/basics/tab_left_active.png') no-repeat transparent; float: left; height: 28px; width: 18px; } #search #search-area { position: relative; background: url('../files/basics/tab_right_search.png') no-repeat transparent; float: left;height: 28px; width: 169px; } /*#search #search-area input.search { border: none; margin: 0; padding: 10px 0 4px 0; width: 120px; }*/ #search #search-area input.search { border: none; margin: 0; padding: 0 0 2px 2px; width: 120px; margin-top: 8px; border-bottom: 1px solid #ccc; } #search #search-area input.button { border: none; background: url('../files/basics/search.gif') no-repeat center; color: #FFF; width: 20px; height: 20px;top: 2px; right: 5px; padding: 4px; } #content2_3 #search-area { margin: 20px 0 20px 0; padding: 10px 0 10px 10px; background-color: #c8c8c8;} #content2_3 #search-result { margin: 30px 0 30px 0; background: url("../files/basics/dot.png") repeat-x bottom; padding-bottom: 10px; } #content2_3 #search-result h2 a { font-weight: bold; text-decoration: none; } #content2_3 #search-result a { color: #e58316; font-family: 'Times New Roman',Times,serif; font-size: 14px; font-style: italic; } #content2_3 #search-result p strong { background: #CCC; } /* banner area */ #banner-area { background: url("../files/basics/dot.png") repeat-x; margin-bottom: 28px; } #banner-area img { margin: 7px 0 7px 0; } #banner-area .end { background: url("../files/basics/dot.png") repeat-x; width: 100%; height: 2px; } #logos { margin: 25px 0 50px 0; } #impression { width: 620px; height: 150px; float: left; margin-right: 4px; margin-bottom: 4px; } #service { width: 188px; height: 135px; padding-left: 12px; padding-top: 15px; float: right; background-color: #c8c8c8; } #header { } #footer-navigation { margin: 40px 0 40px 212px; } #left-col { width: 190px; float: left; font-size: 11px; line-height: 18px; } /*2 von 2 Spalten*/ #content2_2 { float: left; width: 670px; margin-left: 30px;; color: #606060; } /*2 von 3 Spalten*/ #content2_3 { float: left; width: 460px; margin-left: 30px; margin-right: 30px; color: #606060; } #marginal { float: left; width: 190px; overflow: hidden; font-size: 11px; } /* common styles */ br.clr { clear:both; line-height: 0; height: 0; font-size: 0; margin: 0; padding: 0; } span.nobr { white-space: nowrap; } a img { border: 0; } p { margin-bottom: 16px; line-height: 20px; } a { text-decoration: none; } p a { color: #E58316; font-family: 'Times New Roman',Times,serif; font-size: 14px; font-style: italic; text-decoration: none; } p a:hover { text-decoration: underline; } p a.more { color: #e58316; font-family: 'Times New Roman',Times,serif; font-size: 13px; font-style: italic; margin-left: 10px; white-space: nowrap;} .mail a {font-family: 'Times New Roman',Times,serif; font-size: 14px; font-style: italic; text-decoration: none; } #content2_3 ul, #content2_2 ul { list-style-type: none; margin: 0 0 10px 0; } #content2_3 ul li, #content2_2 ul li { line-height: 18px; background: url('../files/icon_list.png') no-repeat 0 6px; padding-left: 14px; } #content2_3 ul li a, #content2_2 ul li a { text-decoration: none; color: #606060; } div.slice a.extern, div.block div a.extern { margin-left: 8px; color: #e58316; display: inline; } a.extern img { margin-right: 5px; } a.dl { font-family: 'Times New Roman',Times,serif; font-size: 13px; font-style: italic; color: #e58316; display: block; line-height: 14px; padding-left: 18px; background:url('../files/icon_dl.png') no-repeat left center; margin-bottom: 16px; text-decoration: none; } a:Hover.dl { text-decoration: underline; } div.mail { margin-top: -16px; } div.mail a { text-decoration: none; color: #e58316; } /*Print*/ a.print { font-family: 'Times New Roman',Times,serif; font-size: 13px; font-style: italic; margin-top: 25px; color: #e58316; display: block; width: 200px; line-height: 18px; padding-left: 22px; background:url('../files/print_orange.gif') no-repeat left center; margin-bottom: 16px; text-decoration: none; } a:Hover.print { text-decoration: underline; } /*Text styles*/ #content2_3 h1 { font-size: 13px; font-weight: bold; } #content2_3 h2 { font-size: 11px; font-weight: bold; } #content2_2 h1, #content2_3 h1 { color: #717F81; font-size: 17px; font-weight: normal; margin-bottom: 4px; } #content2_2 h2, #content2_3 h2 { color: #717F81; font-size: 17px; font-weight: normal; margin-bottom: 4px; } #content2_2 p, #content2_3 p { line-height: 20px; } /* service styles */ #service select { width: 130px; border: none; margin-bottom: 10px; padding: 1px 0 1px 0; color: #677588; font-size: 11px; } /* content home styles */ #content2_3 div.module { background: url("../files/basics/dot.png") repeat-x bottom; margin-bottom: 25px; padding-bottom: 8px; width: 100%; } #content2_3 div.module h2 { color:#717F81; font-size: 17px; font-weight: normal; margin-bottom: 1px; } #left-col div.module { margin-bottom: 25px; } #left-col div.module ul { list-style: none; } #left-col div.module ul li { font-family: 'Times New Roman',Times,serif; font-size: 14px; font-style: italic; } #left-col div.module ul li a { background: url('../files/basics/slashdeko.png') no-repeat right; color: #606060; padding-right: 25px; text-decoration: none; } /*#content2_3 div.module p { padding-bottom: 0; } */ #left-col h2, #marginal h2 { color: #e58316; font-size: 13px; font-weight: normal; margin-bottom: 18px; } #left-col p.intro, #marginal p.intro { font-family: 'Times New Roman',Times,serif; font-size: 14px; font-style: italic; } /*#left-col div.module h2, #marginal div.module h2, #content2_3 div.module h2 { color:#e58316; font-weight: normal; padding: 2px 0 2px 0; margin-bottom: 10px; font-size: 13px; } #content2_3 div.module h2 { color:#8b989b; font-weight: bold; } #content2_3 div.module img { float: left; margin: 0 10px 10px 0; display: inline;} #content2_3 div.module div { float: left; } #left-col p, #marginal p, #content2_2 p, #content2_3 p { margin-bottom: 16px; line-height: 16px; } #left-col div.highlight p, #marginal div.highlight p, #content2_3 div.highlight p { color: #e58316; font-weight: bold; margin-bottom: 16px; }*/ /* general content styles */ #content2_2 p.separation, #content2_3 p.separation { background: url("../files/basics/dot.png") repeat-x bottom; height: 2px; } #content2_2 img.full, #content2_3 img.full { margin-bottom: 10px; } #content2_2 img.flleft, #content2_3 img.flleft { float: left; margin-right: 10px; margin-bottom: 4px; display: inline; } /* #content2_2 div.slice table tr td, #content2_3 div.slice table tr td { vertical-align: top; } #content2_2 div.slice p, #content2_3 div.slice #content2_3 div.slice table tr td p { margin: 0; padding: 0; } #content2_3 div.slice table, #content2_3 div.slice table tr td { margin: 0; padding: 0; border: 0; border-collapse: collapse; } #content2_2 div.slice img, #content2_3 div.slice img { } #content2_2 div.slice h1, #content2_3 div.slice h1 { float: left; } #content2_2 div.slice h2, #content2_3 div.slice h2 { float: right; } #content2_2 div.slice h2 a, #content2_3 div.slice h2 a { text-decoration: none; } */ /*Schlagzeilen*/ #content2_2 div.slice, #content2_3 div.slice { background: url(../files/basics/dot.png) repeat-x 0 bottom; margin-bottom: 10px; padding-bottom: 20px; } div.slice h1 { } span.date { display: block; font-family: 'Times New Roman',Times,serif; font-size: 15px; font-style: italic; margin-bottom: 10px; } div.slice p { width: 460px; float: left; margin-bottom: 0; } div.slice div { width: 160px; float: right; margin-left: 30px} div.hinthighlight { background-color: #afb5b3; font-family: 'Times New Roman',Times,serif; font-size: 13px; font-style: italic; padding: 10px; } div.hinthighlight p {margin-bottom: 0; } div.hinthighlight a, div.hinthighlight a:hover { color: #FFF; } #content2_2 div.block, #content2_3 div.block { overflow:hidden; margin-bottom: 0; } #content2_2 div.highlightblock, #content2_3 div.highlightblock { background-color: #afb5b3; padding: 5px; color: #FFF; } #content2_2 div.highlightblock, #content2_3 div.highlightblock h2, #content2_2 div.highlightblock, #content2_3 div.highlightblock h1 { color: #FFF; } #content2_2 div.highlightblock a, #content2_3 div.highlightblock a { color: #FFF; text-decoration:underline; } /*Fokusthemen*/ div.content2_2 div.intro { } div.intro p { font-family: 'Times New Roman',Times,serif; font-style: italic; font-size: 15px; } /*Blitzinterviews*/ div.question p { color: #717f81; font-family: 'Times New Roman',Times,serif; font-size: 15px; font-style: italic; } div#marginal div.imgDesc { } p em { font-family: 'Times New Roman',Times,serif; font-style: italic; font-size: 14px; } /* marginal styles*/ /*#marginal img { margin-bottom: 10px; }*/ div.imgDesc img { margin-bottom: 15px; } div.imgDesc p { color: #717f81; font-family: 'Times New Roman',Times,serif; font-size: 15px; font-style: italic; } /*#content2_2 div.imgDesc, #content2_3 div.imgDesc { margin-bottom: 10px; } div#marginal div.imgDesc img { margin-bottom: 5px; } div.imgDesc p { margin: 0; padding: 0; font-style: italic; } #content2_2 div.imgDesc img.full, #content2_3 div.imgDesc img.full { margin-bottom: 5px; }*/ a.lightboximage img { margin-bottom: 20px; } /* E-Mail Schnellbox*/ #left-col .module.eservicestart { background-color: #8b989b; padding: 10px 4px 10px 10px; } #left-col .module.eservicestart h2 { color: #606060; font-weight: bold; font-size: 12px; margin-bottom: 4px;} #left-col .module.eservicestart p { color: #FFF; ; margin-bottom: 16px; } #left-col .module.eservicestart label { color: #FFF; font-weight: bold; display: block;} #left-col .module.eservicestart input.search { margin-top: 3px; } #left-col .module.eservicestart input.button { background: transparent; border: none; color: #FFF; font-size: 12px; } /*#left-col .module.eservicestart input, #marginal .module.eservicestart input { width: 138px; border: 0; color: #606060; font-size: 11px; padding: 2px; } #left-col .module.eservicestart label, /*#marginal .module.eservicestart label { margin: 0 10px 0 4px; color: #606060; font-size: 11px; }*/ /*#left-col .module.eservicestart input.button, #marginal .module.eservicestart input.button { margin: 0 10px 0 4px; color: #FFF; font-size: 11px; width: 70px; padding: 1px 0 1px 0; margin-bottom: 5px; }*/ div.eservice div.formelement { margin-bottom: 10px; height: 20px; } div.eservice div.formelement label { float: left; width: 70px; padding: 2px 0; border: 1px solid white; } div.eservice div.formelement input.text { font-size: 11px; float: left; width: 180px; border: 1px solid #979797; color: #606060; padding: 2px; } div.eservice div.formelement input.checkbox { float: left; margin-right: 10px; padding: 2px; } div.eservice input.button { margin: 0 10px 0 4px; background-color: #979797; color: #FFF; font-size: 11px; width: 70px; padding: 2px 0 2px 0; border: 0;} div.eservice h2 { margin-bottom: 25px!important; } select { color: #606060; font-size: 11px; } /*div.module.langswitcher h2 { background-color: #979797!important; } div.module.langswitcher { border: 1px solid #C9C9C9; margin-top: 30px; } div.module.langswitcher p { margin-bottom: 10px!important; padding-left: 5px; line-height: 16px!important; }*/ /* menu styles */ /*#main-navigation #main-nav { width: 619px; border-right: 4px solid #FFF; float: left; } #main-navigation #right-nav { width: 380px; float: left; } #main-navigation ul { list-style: none; } #main-navigation ul li { display: inline; } #main-navigation ul li a { display: block; float: left; height: 20px; line-height: 20px; padding: 0 11px 0 11px; color: #fff; text-decoration: none; background-image: url('../files/navigation_list.png'); background-repeat: no-repeat; background-position: right;} #main-navigation ul li a.link, #main-navigation ul li a.visited { } #main-navigation ul li a:hover { background-color: #e58316; } #main-navigation ul li a.active { background-color: #e58316; }*/ #main-nav ul { list-style: none; } #main-nav ul li { float: left; background:url("../files/basics/tab_left.png") no-repeat left top; padding:0 0 0 14px; } #main-nav a, #hlist a:visited { height: 18px; display: block; background:url("../files/basics/tab_right.png") no-repeat right top; padding:6px 28px 4px 6px; color: #FFF; font-style: italic; font-family: 'Times New Roman',Times,serif; font-size: 10.5pt; text-decoration: none; } #main-nav li:hover, #main-navigation li:hover a { color:#84827d; } #main-nav li:hover, #main-navigation li:hover a { background-position:0% -28px; color:#6d6659; } #main-nav li:hover a { background-position:100% -28px; } #main-nav li.active { background-image:url("../files/basics/tab_left_active.png"); background-position: left top;} #main-nav li.active a { background-image:url("../files/basics/tab_right_active.png"); padding-bottom:4px; color: #6d6659; background-position: right top; } #main-nav .li.active a:hover { color: #6d6659; } #main-nav a.active { color: #FFF; text-decoration: none; } #main-nav a span.link-highlight { visibility: hidden; } #main-nav .active span.link-highlight { visibility: visible; } #left-col #second-navigation { margin-top: 1px; } #left-col #second-navigation ul { list-style: none; margin-bottom: 25px; } #left-col #second-navigation ul li { background: url('../files/basics/dot.png') repeat-x; } #left-col #second-navigation ul li a { font-size: 13px; display: block; padding-left: 4px; line-height: 36px; margin-bottom: 1px; color: #606060; text-decoration: none; } #left-col #second-navigation ul li a:hover { } #left-col #second-navigation ul li a.active { color: #e58316; } #left-col #second-navigation ul li ul { margin-bottom: 10px; margin-top: 2px; } #left-col #second-navigation ul li ul li {background: none; text-indent: -14px; padding: 0; } #left-col #second-navigation ul li ul li a { color: #606060; font-size: 11px; padding-left: 15px; line-height: 19px; } #left-col #second-navigation ul li ul li a:hover { color: #e58316; } #service-navigation { } #service-navigation ul { list-style: none; text-align: right; } #service-navigation ul li { display: inline; } #service-navigation ul li a { font-size: 10px; color: #606060; font-size: 10px;padding-left: 11px; text-decoration: none; } .float_left { float: left; display:inline; } .float_right { float: right; display:inline; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow:hidden; } .clearfix { display: inline-block; } /* ... especial for IE7 */ .clearfix { display: block; } /* ... for IE5,IE6,IE7 */ * html .floatbox { width:100%; } *:focus { -moz-outline:0; outline:0; }