html, body {
margin:0;
padding:0;
text-align:center;
background: url(../../images/background.jpg) repeat-x #FFFFFF;
}
#pagewidth {
width:1050px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: url(../../images/background2.jpg) no-repeat;
}
/* Bereich oben \*/
#header {
margin-left: 13px;
position:relative;
height:206px;
width:100%;
float: none;
}
#oben1 {
width: 675px;
position: relative;
float:left;
}
#oben2 {
width: 375px;
position: relative;
float:right;
}
/* Bereich Menue 1 (Oberes Menü) \*/
#menue1 {
width: 375px;
height: 120px;
}
.menue1button {
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
position: relative;
float:left;
}
.menue1button A {
font-family: Arial;
color: rgb(66,66,66);
text-decoration: none;
font-size: 9px;
line-height: 12px;
font-weight: bold;
}
.menue1buttonaktiv {
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
position: relative;
float:left;
background: url(../../images/pfeil1.gif) no-repeat 2px 7px;
}
.menue1buttonaktiv A {
font-family: Arial;
color: rgb(66,66,66);
text-decoration: underline;
font-size: 9px;
line-height: 12px;
font-weight: bold;
}
#logo {
margin-left: 25px;
width: 350px;
position: relative;
}
#logininfo {
margin-left: 13px;
width:943px;
padding: 2px;
padding-left: 10px;
background-color: rgb(213,0,56);
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}
#logininfo A {
color: #FFFFFF;
}
/* Bereich Menue 2 (Hauptmenü) \*/
#menue2 {
/*1050 Pixel Breite*/
padding: 0; margin: 0
position: relative;
clear: both;
float: none;
margin-left: 13px;
width: 1036px;
height: 42px;
background: url(../../images/back-menue.jpg) no-repeat;
}
.menue2button {
position: relative;
float:left;
padding-left: 12px;
padding-top: 10px;
height: 32px;
text-transform: uppercase;
cursor: pointer;
}
.menue2button A {
font-family: Arial;
color: rgb(255,255,255);
margin-left: 10px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
.menue2buttonaktiv {
position: relative;
float:left;
padding-left: 12px;
padding-top: 10px;
height: 32px;
text-transform: uppercase;
cursor: pointer;
background: url(../../images/aktivbalken.gif) no-repeat 0px 10px;
}
.menue2buttonaktiv A {
font-family: Arial;
color: rgb(255,255,255);
margin-left: 10px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
/* Unterer Bereich \*/
#unten {
position: relative;
clear: both;
background: url(../../images/back-unten.gif) repeat-y;
width: 965px;
float: none;
}
/* Untermenü links \*/
#submenue {
position: relative;
float: left;
padding-top: 20px;
width: 165px;
margin-left: 20px;
}
#submenue .submenuebutton {
background-image: url(../../images/back-submenue0.jpg);
padding: 7px;
padding-left: 11px;
cursor: pointer;
}
#submenue .submenuebuttonaktiv {
background-image: url(../../images/back-submenue1.jpg);
padding: 7px;
padding-left: 11px;
cursor: pointer;
}
#submenue H1 {
padding: 0; margin: 0;
margin-bottom: 5px;
font-family: Arial;
font-size: 18px;
color: #FFFFFF;
}
#submenue A {
padding: 0; margin: 0;
font-family: Arial;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
/* Unterer Bereich rechts links \*/
/* Hauptbereich unten mit einer Spalte */
#main {
position: relative;
float: left;
padding-top: 20px;
margin-left: 30px;
width: 730px;
}
/* Hauptbereich unten mit zwei Spalten */
#main1 {
position: relative;
float: left;
padding-top: 20px;
margin-left: 30px;
width: 470px;
}
#main2 {
position: relative;
float: left;
padding-top: 20px;
margin-left: 30px;
width: 230px;
}
#main H1, #main1 H1, #main2 H1 {
margin: 0; padding: 0;
color: rgb(213,0,56);
font-family: Arial;
font-size: 21px;
font-style: italic;
padding-bottom: 12px
}
#main H2, #main1 H2 {
margin: 0; padding: 0;
color: rgb(66,66,66);
font-family: Arial;
font-size: 19px;
font-style: italic;
padding-bottom: 12px
}
#main A, #main1 A, #main2 A {
color: rgb(66,66,66);
}
#main .bodytext, #main1 .bodytext, form, LI, .csc-default, P {
margin: 0; padding: 0;
color: rgb(102,102,102);
font-family: Arial;
font-size: 12px;
/*font-weight: bold;*/
line-height: 1.5;
text-align: left;
}
#main P.bodytext {
margin: 0px;
padding: 0px;
}
.rottext {
color: rgb(213,0,56);
font-style: italic;
font-size: 14px;
}
.gelbtext {
color: rgb(248,232,24);
}
UL, OL {
margin-top: 0px; margin-bottom: 0px;
padding-top: 0px; padding-bottom: 0px;
padding-left: 15px;
margin-left: 0px
}
#main2 .bodytext {
margin: 0; padding: 0;
color: rgb(102,102,102);
font-family: Arial;
font-size: 11px;
/* font-weight: bold; */
line-height: 1.5;
}
input {
width: 300px;
margin-top: 5px;
}
input.readonly {
border: none;
background-color: rgb(243,243,243);
}
form.sideform INPUT {
width: 140px;
}
dd {
font-size: 11px;
}
input.button0 {
font-size: 11px;
padding-bottom: 3px;
width: 170px;
height: 26px;
border: none;
color: #666666;
background: url(../../fileadmin/images/back-submit.jpg) no-repeat;
}
input.button1 {
font-size: 11px;
padding-bottom: 3px;
width: 170px;
height: 26px;
border: none;
color: #333333;
background: url(../../fileadmin/images/back-submit1.jpg) no-repeat;
}
/* Test */
FORM.test INPUT {
width: 20px;
margin-left: 20px;
}
/* Newsletter*/
P.newsletterinhaltheader {
font-family: Arial;
text-align: left;
margin: 0; padding: 0;
font-size: 16px;
color: rgb(213,0,56);
width: 240px;
padding: 5px;
background-color: rgb(227,227,227);
font-weight: bold;
}
P.newsletterinhaltsubpoints {
font-family: Arial;
text-align: left;
margin: 0; padding: 0;
font-size: 12px;
width: 240px;
padding: 5px;
background-color: rgb(246,246,246);
border-bottom: 1px solid rgb(200,200,200);
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print {
/*hide the left column when printing*/
#menue {display:none;}
}