* {
padding:0px;
margin:0px;
}
body, html { height: 100% }
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers */
font-family:Verdana,Arial,Sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
color:#405856;
margin:0px 0px 0px 0px;
/*/*/margin:0px 0px 0px 0px;/**/
}
body {
font-family:Arial, Helvetica, sans-serif;
color:#0a1652;
font-size: 100.01%;
margin: 0px;
padding:0px;
background-color: #fff;
text-align: center;
}
/******** Fonts **********/
div, p, a, span, label, li {
font-family:Verdana,Arial,Sans-serif;
font-size:12px;
color:#405856;
/*/*/line-height:18px;/**/
text-align:left;
}
table, tr, td, th{
font-family:Verdana,Arial,Sans-serif;
font-size:12px;
color:#405856;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
color: #a21021;
}
span.important{color: #a21021;}
h1 { font-size:13px; color:#a21021; font-weight:bold; line-height:20px; }
h2 { font-size:12px; color:#405856; font-weight:normal; line-height:20px; }
h3 { font-size:13px; color:#a21021; font-weight:bold; line-height:20px; }
h4 { font-size:13px; color:#a21021; font-weight:bold; line-height:20px; }
h5 { font-size:13px; color:#a21021; font-weight:bold; line-height:20px; }
h6 { font-size:13px; color:#a21021; font-weight:bold; line-height:20px; }
h1 { padding:0px 0px 10px 0px; }
h2 { padding:30px 0px 0px 0px; }
h3 { padding:0px 0px 10px 0px; }
h4 { padding:0px 0px 10px 0px; }
h6 { padding:0px 0px 10px 0px; }
sup{
font-size: 10px;
line-height:9px;
}
.csc-subheader{ font-size:13px; color:#a21021; font-weight:bold; line-height:20px; padding:0px 0px 10px 0px;}
fieldset, img {
border: 0 solid;
}
#breadcrumb, #breadcrumb a{
font-size:10px;
color:#a3a9a8;
}
.white { color:#FFFFFF; }
.subinfo { font-size:9px;}
.pictxt { font-size:10.5px;font-style:italic; font-weight:bold; color:#a21021;}
.suborg { color:#757e7c;font-size:9px;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
/******** Main classes **********/
#root{
width: 963px;
margin: 0 auto;
background:url(../img/assets/bg_content.gif) repeat-y;
}
#main{
width: 963px;
height: 100%;
text-align: left;
background:url(../img/assets/bg_content.gif) repeat-y;
}
#subnavigation{
display:block;
background-color: #a21021;
width: 963px;
height: 17px;
max-height: 17px;
min-height: 17px;
text-align: right;
}
#logo{
display:block;
float:left;
background-color: #dbdedd;
width: 381px;
height: 152px;
max-height: 152px;
min-height: 152px;
}
#navigationarea{
display:block;
float:left;
background-color: #dbdedd;
width: 582px;
height: 152px;
max-height: 152px;
min-height: 152px;
}
#mainarea{
height: 100%;
margin: 0 auto;
}
#grey{
float:left;
background-color: #e9eceb;
width: 381px;
min-width: 381px;
max-width: 381px;
margin: 0 auto;
padding: 30px 0px;
}
#content{
float:left;
background-color: #f4f5f5;
width: 582px;
min-width: 550px;
max-width: 550px;
margin: 0 auto;
padding: 30px 14px 30px 16px;
}
/******** Homepage ********/
#home{
width: 1009px;
height: 100%;
text-align: left;
background-color: #FFF;
width: 964px;
}
#subnavihome{
display:block;
width: 964px;
height: 20px;
max-height: 20px;
min-height: 20px;
margin-top: 5px;
text-align: right;
}
#logohome{
display:block;
float:left;
background-color: #d2d4d5;
width: 396px;
height: 125px;
max-height: 125px;
min-height: 125px;
}
#navigationhome{
display:block;
float:left;
background-color: #d2d4d5;
width: 565px;
height: 125px;
max-height: 125px;
min-height: 125px;
margin-left: 3px;
}
#bereichsnavi{
display:block;
float:left;
background-color: #a21021;
width: 335px;
min-width: 362px;
max-width: 362px;
height: 293px;
max-height: 261px;
min-height: 261px;
padding: 16px 34px 16px 0px;
}
#visualhome{
display:block;
float:left;
background-color: #ffffff;
width: 564px;
min-width: 565px;
max-width: 565px;
height: 293px;
max-height: 293px;
min-height: 293px;
margin-left: 3px;
overflow:hidden;
}
#greyhome{
display:block;
float:left;
background-color: #f4f5f5;
width: 396px;
height: 343px;
max-height: 343px;
min-height: 343px;
padding: 30px 0px 0px 0px;
}
#contenthome{
display:block;
float:left;
background-color: #f4f5f5;
width: 565px;
min-width: 519px;
max-width: 519px;
height: 343px;
max-height: 343px;
min-height: 343px;
margin-left: 3px;
padding: 30px 16px 0px 30px;
}
/******** Visual Home **********/
.vis{
display:none;
}
.vinfo{
display:none;
font-weight: bold;
padding: 5px 10px;
}
#id{
display:block;
padding: 5px 10px;
width: 180px;
margin-bottom: 20px;
}
.box{
display:block;
float:left;
width: 8px;
height: 8px;
border: 1px solid #666;
margin-right: 10px;
}
.box a:hover, .box:hover{
background-color: #666;
}
#selector {
background-color:#edefee;
opacity: .70;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
visibility:visible;
overflow:hidden;
position:absolute;
width:200px;
height:95px;
border-color:#000000;
border-width:1px;
border-style:solid;
padding:0;
margin-left: 355px;
margin-top: 185px;
}
.visp{display:block; background-image:url(images/p.gif);background-repeat:no-repeat;}
.visp:hover {display:block; background-image:url(images/p_a.gif);background-repeat:no-repeat;}
/******** Navigation Home **********/
#gbhead{
margin-bottom: 10px;
}
#gbnav{
display:block;
width: 362px;
list-style:none;
margin-irght: 0px;
float:right;
}
#gbnav li{
display:block;
text-align:right;
}
.headnav{
display:block;
float:left;
width: 194px;
}
ul.hnav{
list-style:none;
width: 194px;
}
ul.snav{
display: none;
width: 205px;
min-width: 205px;
height: inherit;
position: absolute;
background-color: #eceded;
color: #000;
list-style: none;
z-index: 3;
margin-left: 80px;
margin-top: -2px;
}
ul.hnav li:hover ul, hact:hover ul{
left: auto;
z-index: 1;
display: block;
}
ul.hnav li.hover ul {
left: auto;
display:block;
z-index: 100;
margin-left: -114px;
margin-top: 16px;
}
ul.snav li{
display:block;
clear: both;
background-color: #d4d7d6;
width: 205px;
min-width: 203px;
max-width: 203px;
height: auto;
margin: 1px;
}
ul.snav li{
min-width: 203px;
max-width: 203px;
}
ul.snav li a{
display:block;
padding-left: 10px;
min-width: 193px;
max-width: 193px;
}
ul.snav li:hover{
background: url(/fileadmin/img/assets/bg_pop.gif) repeat-y;
background-color: #fff;
}
ul.snav li a:hover{
color: #a21021;
}
ul.hnav li ul li:hover, ul.hnav li ul li a:hover{
background: url(/fileadmin/img/assets/bg_pop.gif) repeat-y;
background-color: #fff;
}
/******** Navigation **********/
#navigation {
margin: 0px;
padding: 0px;
display:block;
float: left;
width: 582px;
height: 16px;
}
ul.tnav{
list-style:none;
height: 16px;
width: 582px;
}
ul.tnav li{
display: block;
float: left;
width: 194px;
min-width: 194px;
}
ul.tnav li a{
display: block;
color: #000;
font-size: 12px;
height: 16px;
}
ul.dnav{
display: none;
width: 194px;
min-width: 194px;
height: inherit;
position: absolute;
background-color: #eceded;
color: #000;
list-style: none;
z-index: 3;
}
ul.tnav li:hover ul, tact:hover ul{
left: auto;
z-index: 1;
display: block;
}
ul.tnav li.hover ul {
left: auto;
display:block;
z-index: 100;
}
ul.dnav li{
display:block;
clear: both;
background-color: #d4d7d6;
width: 194px;
min-width: 192px;
max-width: 192px;
height: 18px;
margin: 1px;
}
ul.tnav li ul li span {
width: auto;
display: block;
}
ul.dnav li a{
color: #405856;
font-size: 12px;
width: auto;
white-space: nowrap;
height: 18px;
max-height: 18px;
margin: 0px;
padding-left: 10px;
}
ul.dnav li:hover{
background: url(/fileadmin/img/assets/bg_pop.gif) no-repeat;
background-color: #fff;
}
ul.dnav li a:hover{
color: #a21021;
}
ul.tnav li ul li:hover, ul.tnav li ul li a:hover{
background: url(/fileadmin/img/assets/bg_pop.gif) no-repeat;
background-color: #fff;
}
.menu{
width: 291px;
position:absolute;
top: 169px;
display:none;
background-color:#f4f5f5;
}
.menu ul{
list-style:none;
}
.menu li{
height: 18px;
margin-bottom: 2px;
}
.menu li a{
display:block;
width: 276px;
font-size: 13px;
text-decoration: none;
padding-left: 15px;
background-color: #dbdedd;
}
.menu li a:hover{
background:url(../img/assets/nc_navi_a.gif) no-repeat;
text-decoration: underline;
color: #a21021;
background-color: #fff;
}
/******** Content-Navigation **********/
.marginleft{
display:block;
float:left;
width: 100px;
min-width: 100px;
max-width: 100px;
padding-bottom: 40px;
}
.marginright{
display:block;
float:left;
width: 260px;
min-width: 260px;
max-width: 260px;
padding-bottom: 40px;
}
#inhalt, #ikontakt{
display:block;
width: 99px;
padding-bottom: 40px;
}
#cmenu{
list-style:none;
}
#cmenu li a{
text-decoration: none;
}
#cmenu li a:hover, #cmenu li.cact a{
color: #a21021;
}
#cmenu li a:hover{
text-decoration: underline;
}
/******** Content **********/
#breadcrumb{
padding-bottom: 28px;
}
.bc, .bc a{
font-size:10px;
color:#a3a9a8;
text-decoration:none;
}
.bc a:hover {
text-decoration:underline;
}
.headline {
font-family:Verdana,Arial,Sans-serif;
font-size:13px;
color:#a21021;
font-weight:bold;
padding-bottom: 5px;
}
#contentarea ul{
list-style:square;
list-style-type:square;
list-style-position:outside;
}
#print{
display:block;
float: right;
padding-bottom: 15px;
}
#print, #print a{
font-size:10px;
color:#a3a9a8;
text-decoration:none;
}
#print a:hover {
text-decoration:underline;
}
/******** Print **********/
#printmain{
width: 522px;
min-width: 522px;
max-width: 522px;
text-align:left;
}
#printhead{
display:block;
width: 522px;
min-width: 522px;
max-width: 522px;
height: 152px;
max-height: 152px;
min-height: 152px;
border-bottom: 1px solid #999;
background-color: #dbdedd;
}
#printit{
display: table;
float:left;
width: 141px;
min-width: 121px;
max-width: 121px;
height: 152px;
max-height: 132px;
min-height: 132px;
background-color: #dbdedd;
vertical-align: bottom;
text-align: right;
padding: 10px;
}
#printit a{
display:table-cell;
vertical-align: bottom;
}
#printcontent{
display:block;
width: 522px;
min-width: 522px;
max-width: 522px;
text-align:left;
}