/* ----------------------------------------------------------------------------------------------------------------- YOUR site layout ----------------------------------------------------------------------------------------------------------------- */ .layout2cols > .col1 { width: 179px; } .layout2cols > .col2 { width: 750px; } /* you need to define this also in screen_ie6.css */ .layout3cols > .col1, .layout3cols > .col3 { width: 20%; } .layout3cols > .col2 { width: 60%; } html, body {height: 100%;} #wrap {min-height: 100%; background:#fff; padding:0 20px; background:url('images/bg_wrap.png') repeat-y; } /* ----------------------------------------------------------------------------------------------------------------- YOUR everything else ----------------------------------------------------------------------------------------------------------------- */ body { background:url('images/bg_bottom.gif');color: #8A8A8A; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } h1, h2 { font-size: 16px; color:#4c4c4c; } a { color: #8A8A8A; text-decoration: underline; } a:hover { color: #666; text-decoration: none; } .divider hr{border: none; background: #bcbdbf; height: 1px;} #contentMain p{margin-bottom: 15px;} #back { background:url('images/bg_back.gif') repeat-x; height:672px; width:100%; position:absolute; z-index:-1 } #header { background: #000; height: 160px; position: relative; } #header ul { background: #000; height: 15px; position: absolute; bottom: 37px; right:28px; line-height: 17px; list-style-type: none; } #header ul li { border-right: 1px solid #232323; border-top: 1px solid #232323; float: left; margin: 0; } #header ul li.first { border-left: 1px solid #232323; } #header ul a { background: url("images/icon_menu.gif") no-repeat scroll 10px 50% transparent; color: #FFFFFF; display: block; padding: 3px 15px 3px 25px; text-decoration: none; } #header ul .active a, #header ul a:hover, #header ul a:active { background-color:#212121; } #homeLink { position:absolute; left:30px; top:30px; background:url('images/logo.gif') no-repeat ;display: block; height: 50px; width:212px; text-decoration: none; } .headerBar { position: absolute; bottom: 0; height:40px; width:880px; background:url('images/bg_headerbar.gif'); color: #939393; font-weight:bold; text-align:right; line-height:40px; padding:0 40px;} .headerBar span { color:#FFE122; margin:0 4px 0 10px } #header .language { position: absolute; top: 39px; right:100px; } #header .language span, #header .language form { float:left; margin-left:10px; line-height:20px } #header .socialmedia{ position: absolute; top: 37px; right:40px; margin: 0; padding: 0;} #header .socialmedia a.facebook{background: url(images/icon_facebook.gif) no-repeat top center; padding: 12px;} #header .socialmedia a.facebook span{display: none;} #header .socialmedia a.twitter{background: url(images/icon_twitter.gif) no-repeat top center; padding: 12px;} #header .socialmedia a.twitter span{display: none;} #headerImage { height:110px; padding-top: 12px; width:750px; overflow:hidden; margin-left:-10px; background: url('images/bg_headerImage.png') bottom left repeat-x; margin-bottom: 20px;} #headerSlider { height:160px; padding-top: 16px; width:750px; overflow:hidden; margin-left:-10px; background: url('images/bg_headerbar.gif'); margin-bottom: 20px;} #headerSlider img { position:absolute } #footer { width:920px;margin:0 auto; position:relative; background:url('images/bg_footer.gif'); margin-top:-36px; height:24px; clear:both; padding:6px 20px; } #footerMenu { float: right; margin-top: 6px;} #footerText { float: left; } .layout2cols { overflow:hidden; padding-bottom: 36px; margin-top:-12px; } .layout2cols .col1 { background:#fff; padding:18px 15px 0; border-right:1px solid #ebebeb; } .layout2cols #contentMain { padding: 0 0 40px 0; } .breadcrumb { border-top: 1px solid #dcdcdc; padding: 1px 0 0 10px; font-size: 11px; color: #aaa; margin-top: 5px; } .breadcrumb a { color: #aaa; text-decoration: none; } .breadcrumb a:hover { color: #000; text-decoration: underline; } /** Navigation ************/ #menu { border-left: 1px dotted #CBCBCB; border-top: 1px dotted #CBCBCB; list-style-type: none; margin: 0 0 150px 0; padding: 0; } #menu li { background: url("images/bg_submenu.gif") repeat-x scroll 0 0 #F1F2F2; border-bottom: 1px dotted #CBCBCB; border-right: 1px dotted #CBCBCB; line-height: 25px; } #menu ul { list-style:none; padding:0; } #menu ul li { border-right:0; border-bottom:0; border-top: 1px dotted #CBCBCB; } #menu ul li a, #menu .current li a { padding-left:30px; /* background-position:20px center; background-color:transparent; */ background: none; background-color: #ccc;} #menu ul li span{ float: left; margin-left: 20px;} #menu a { background: url("images/icon_submenu.gif") no-repeat scroll 12px 50% transparent; color: #646464; display: block; margin: 0; padding: 0 0 0 30px; text-decoration: none; } #menu .current a, #menu .current li.active a, #menu a:hover { background-color:/* #ececec */ #ccc;} #menu .current a{ font-weight: bold;} #menu .current ul li a{font-weight: normal;} #menu li.active.ifsub a{ background-color: #ccc; font-weight: bold;} #menu li.active.ifsub ul li a{ font-weight: normal;} #menu li.active.ifsub ul li.active a{ font-weight: bold;} /** BOX auf Homepage ************/ .Box{ position: absolute; bottom: 50px; left: 10px; width: 200px; text-align: center; text-align: left; padding-left: 5px;} /** Formular ************/ #mailform fieldset{border: none;} #mailform div{ margin-bottom: 5px; width: 400px; float: left;} #mailform label{ float: left;} #mailform select{ width: 207px; float: right;} #mailform input{ width: 200px; float: right;} #mailform textarea{ width: 204px; float: right;} #mailform .csc-mailform-submit{ width: 120px;} #mailform span{ color: red; font-weight: bold;} #wrapMap{ width: 310px; height: 310px; margin-top: 20px;} ul.addressMap{ display: none;} /** 2Cols Wrap ************/ .fce_2col_wrap{ width: 100%; margin-bottom: 40px;} .fce_2col_wrap .fce_col1{ width: 49%; float: left;} .fce_2col_wrap .fce_col2{ width: 49%; float: left;} /** NEWS ***************/ .news-latest-item h3 a{color: #000 !important; font-size: 14px; font-weight: normal;} .news-latest-text{ margin-left: 0 !important; font-size: 12px;} .news-latest-morelink{ text-align: right;} .news-list-item h3{margin: 3px 0;} .news-list-item h3 a{font-size: 13px; color: #666; font-weight: normal;} .news-single-timedata{ float: left !important; width: 100%; margin: 5px 5px 20px !important;} .news-single-img{ float: none !important;} .news-single-img a{ float: left; margin: 5px 3px;} .news-single-imgcaption{ display: none;} .showResultsWrap{display: none;} .news-list-browse{margin: 20px 0;}