/* CSS für alle Webbrowser zurücksetzen */
* {
margin: 0; border: 0; padding: 0; outline: 0; font-size: 10px; vertical-align: baseline; background: transparent;	
}

/* den gesamten Inhalt waagerecht zentrieren */
html {
//display: table;
height: 100%;
width: 100%;
margin-left: auto; margin-right: auto;
}

/* den gesamten Inhalt senkrecht zentrieren */
body {
height: 100%;
width: 100%;
text-align: center;
margin-left: auto; margin-right: auto;
font-family: 'Verdana', sans-serif;
background-color: white;
filter: alpha(opacity=100); opacity: 1.0;
}

a {
color: black;
}

.portrait {
display: none;	
}

img {
width: 750px;
margin-top: 5px;
}

h1 {
margin-top: 5px;
font-size: 150%;
margin-bottom: 10px;
}

h2, h2 a {
font-size: 120%;
font-weight: normal;
margin-bottom: 10px;
}

a.download {
font-weight: bold; font-size: 100%; color: black; margin-left: 5px; margin-right: 5px; padding-top: 12px;
}

b {
font-size: 120%;
font-weight: bold;
}

p {
font-size: 120%;
font-weight: normal;
text-align: justify;
}

p.blue {
background-color: #eeeeee;
border-top: 5px solid #a8b3cd;
margin-bottom: 5px;
padding: 5px;
}

p.green {
background-color: #dddddd;
border-top: 5px solid #669999;
margin-bottom: 5px;
padding: 5px;
} 

p.red {
background-color: #dddddd;
border-top: 5px solid #aa3939;
margin-bottom: 5px;
padding: 5px;
}       

div#center {
margin-left: auto; margin-right: auto;
margin-top: 5px;
margin-bottom: 10px;
width: 750px;
height: 320px;
background-color: #ffffff;
font-size: 110%;
}
  
div#cookieConsent {
margin-top: 5px;
width: 750px;
height: 80px;
margin-left: auto; margin-right: auto;  
background-color: #AA3939;
}     

div#cookieConsent form {
height: 80px;
background-color: #AA3939;
overflow: hidden;
}                                   

p.cookieConsent {
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
font-size: 110%;
font-weight: normal;
text-align: center;
color: white;
}

p.cookieConsent a {
font-size: 100%; 
color: white; 
margin-left: 0; margin-right: 0;
}

input.submit#cookieConsentButton {
margin-top: 10px; 
margin-bottom: 10px; 
margin-left: 10px;
margin-right: 10px;
height: 15px; 
width: 300px;
background-color: #ffaaaa;
display: inline;
}

input.submit#cookieConsentButton:hover {
margin-top: 5px; 
margin-bottom: 5px; 
height: 15px; 
background-color: #d76e6e;
}

div#contentNavigation {    
margin-left: auto; margin-right: auto;
width: 750px;
height: 60px;
background-color: #669999;
padding-top: 10px;
padding-bottom: 10px;
}

div#contentNavigation ul {
margin-top: 10px; margin-bottom: 10px;
list-style-type: none;
}

div#contentNavigation ul li {   
display: inline; 
margin-left: 5px; margin-right: 5px;
}

div#contentNavigation ul.large li a {
margin-left: 0; margin-right: 0;
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

div#contentNavigation ul.large li.disabled {
font-size: 120%;
font-weight: bold;
color: #FFFFFF;   
text-decoration: line-through;
}

div#contentNavigation ul.small li a {
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

div#contentNavigation ul.small li a.logout {
color: #aa3939;
}

div#contentNavigation ul li a.chosen {
color: black;
}

div#contentNavigation ul li a:hover {
color: black;
} 

div#contentNavigation ul li a.notchosen:hover {
color: black;
}         
  
div#languageNavigation ul {
margin-top: 10px; 
list-style-type: none;
}

div#languageNavigation ul li {
display: inline; 
font-size: 110%;
}

div#languageNavigation ul li a {
margin-left: 10px; margin-right: 10px;
font-size: 100%;
font-weight: bold;
color: #888888;
text-decoration: none;
}

div#languageNavigation ul li a.chosen {
color: black;
}

div.footer {
margin-top: 10px;
}
  
p.footer {
margin-bottom: 5px;
font-size: 100%;
font-weight: normal;
text-align: center;
color: black;   
}

a.email {
font-weight: normal;
color: black;
font-size: 100%;
margin: 0;
}

#contactFormSent p {
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 110%;
font-weight: normal;
text-align: center;
}

#formHeader {
height: 70px;
background-color: #a8b3cd;
padding: 5px;
margin-bottom: 5px;
}

#formHeader.error {
background-color: #aa3939;
color: white;
}

#formHeader h1 {
margin-top: 0px;
}

form {
margin-top: 5px;
margin-bottom: 5px;
background-color: #eeeeee;
overflow: auto;
height: 240px;   
}

form.agb {
border-top: 5px solid #669999; 
padding: 10px;
}

form label {
display: block;
font-size: 120%;
}

form label.grey {
color: grey;
}

form input, textarea {
display: block;
width: 300px;
background-color: #bbbbbb;
margin-left: auto; margin-right: auto;
resize: none;
margin-top: 5px;
margin-bottom: 5px;
}

form input.error, textarea.error {
background-color: #aa3939;
color: white;
}

form input.grey, textarea.grey {
color: grey;
}

form input.submit {
height: 20px;
background-color: #888888;
color: black;   
width: 300px;
margin-top: 10px;
font-size: 120%;
} 

form input.submit:hover {
height: 20px;
background-color: #444444;
color: black;   
width: 300px;
margin-top: 10px;
font-size: 120%;
}

div#contactFormSent h1 {
padding-top: 10px;
margin-top: 10px;
font-weight: bold;
font-size: 120%;
}

div#contactFormSent p {
margin-top: 10px;
font-weight: normal;
font-size: 120%;
}

div#contactFormSent p.contactFormCheck {
margin-top: 10px;
font-weight: bold;
font-size: 120%;
}

form#contactForm {
overflow: hidden;
}

form#customersArea {
overflow: hidden;
}

a.notchosen:hover {
color: #669999;
}

a.grey {color: grey;}

.yes {color: #669999;}
.no {color: #aa3939;}

label.details {
color: grey;
margin-top: 5px;
font-style: italic;
}

label.error {
color: #aa3939;
margin-top: 5px;
font-style: italic;
}

input.checkbox {
margin-top: 10px;
}

div#contentNavigation.error {
background-color: #aa3939;
}

h1.error {
color: #aa3939;
}