/*Global Design*/

* {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
color: black;
line-height: 1.8em;
}

body {
background: white;
}

a {
color: #003484;
text-decoration: none;
}

a:visited {
color: #5b7eb4;
}

a:hover, a:focus{
background-color: #003484;
color: white;
}

/*Header & Navigation*/

#pagetitle {
position: absolute;
top: 20px;
left: 20px;
background: url(becherlogo.png) no-repeat;
padding: 92px 0 0 0;
height: 105px;
width: 720px;
text-align: right;
}

#pagetitle span {
font-size: 25px;
font-weight: bold;
padding: 0 4px 0 2px;
color: #5b7eb4;
}

.nav {
position: absolute;
top: 150px;
left: 28px;
width: 107px;
padding: 50px 8px 70px 16px;
border: 0;
background: #a5badb;
}

.nav ul, .nav li {
margin: 0;
padding: 0;
display: block;
list-style: none;
}

.nav ul li a{
width: auto;
padding: 0 6px;
margin: 5px;
height: 50px;
color: white;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}

.nav ul li a:visited{
color: white;
}

.nav ul li a:hover, .nav ul li a:focus{
background-color: #003484;
color: white;
}

ul.submenu li {
margin: 0 0 0 22px;
text-indent: -10px;
}

ul.submenu li a {
padding: 0;
margin: 0;
font-size: 12px;
line-height: 1.2em;
}

.pagenav {
font-weight: bold;
text-align: center;
}

/*Content*/

#content {
position: absolute;
top: 150px;
left: 175px;
width: 450px;
background: white;
border: 0;
border-top: 4px solid #a5badb;
border-bottom: 4px solid #a5badb;
padding: 22px 50px 40px 70px;
}

.stern, a:visited.stern {
float: right;
height: 87px;
width: 122px;
margin: 10px;
margin-right: 0;
background: url(stern-hellblau.png) no-repeat;
color: white;
font-weight: bold;
font-size: 14px;
font-style: italic;
line-height: 1.1em;
letter-spacing: -0.04em;
text-align: center;
text-decoration: none;
padding-top: 35px;
}

a:focus.stern, a:hover.stern {
background: url(stern-dunkelblau.png) no-repeat;
}

.title {
font-weight: bold;
font-size: 18px;
display: block;
margin-top: 30px;
margin-bottom: 30px;
}

.subtitle {
font-weight: bold;
font-size: 14px;
margin-top: -5px;
display: block;
}

hr {
height: 4px;
border: 0;
color: #a5badb;
background-color: #a5badb;
margin-top: 30px;
}

img {
border: 0;
margin: 25px 0 30px 30px;
padding: 0;
vertical-align: bottom;
}

p {
margin-bottom: 12px;
text-align: justify;
}

.bild td {
text-align: right;
padding: 0 10px 20px 0;
vertical-align: bottom;
font-size: 12px;
color: #003484;
}

.bild img {
margin: 0;
}

.partner td {
text-align: right;
padding: 0 10px 0 0;
font-size: 12px;
vertical-align: middle;
}

/*.bild a {
position: relative;
vertical-align: top;
}

.bild a:hover:before {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50px;
width: 64px;
content: " ";
background: transparent url(../lupe.png) no-repeat top left;
}*/

.links {
text-align: left;
}

.foto {
float: right;
}

ul, ol {
padding-left: 28px;
margin-bottom: 15px;
}

table, textarea {
width: 100%;
margin-bottom: 12px;
}

table td {
padding: 0 5px;
vertical-align: top;
}

input, textarea {
border: 1px solid #a5badb;
}

.incorrect {
color: red;
}

/*Footer*/

#footer, #footer i, #footer a {
margin-top: 0;
text-align: center;
font-size: 9px;
}