* {
margin: 0;
padding: 0;
}

body {
background-color: #01005D;
font: 100% normal Verdana, Arial, Helvetica, Sans-Serif #050063;
}

address {
font-style: normal;
}

a:link.skip, a:visited.skip, a:hover.skip, a:active.skip, a:focus.skip {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

h1 {
font-size: 36px;
font-weight: normal;
margin-bottom: 140px;
color: #050063;
}

h1.zwei-zeilen {
margin-bottom: 95px;
}

h3 {
font-size: 18px;
font-weight: normal;
margin-bottom: 18px;
color: #050063;
}

h6 {
font-size: 12px;
margin-bottom: 12px;
}

a, a img {
outline: 0;
outline: none;
border: 0;
border: none;
}

p {
line-height: 150%;
margin-bottom: 15px;
color: #050063;
}

dl {
margin-bottom: 15px;
}

dl dt {
color: #050063;
font-weight: 700;
}

dd {
color: #050063;
}

blockquote {
line-height: 140%;
margin-left: 25px;
margin-bottom: 15px;
color: #050063;
}

#index {
position: absolute;
width: 661px;
height: 500px;
top: 100px;
left: 27.5%;
text-align: center;
margin: 0 auto;
background: url("../grafiken/weltkugel-gr.jpg") top center no-repeat #01005D;
}

#content {
position: absolute;
width: 540px;
min-height: 617px;
top:0;
left: 361px;
padding: 30px;
color: #000;
background-color: #FFF;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 87%;
}

#content img.pic {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

#content a:link, #content a:visited {
color: #050063;
text-decoration: underline;
}

#content a:hover, #content a:focus, #content a:active {
color: #FFF;
background-color: #050063;
text-decoration: none;
}

address {
color: #050063;
}

.fl {
float: left;
width: 14em;
margin: 1.5em 6em 2em 0;
}

.fr {
float: right;
width: 14em;
margin: 1.5em 0 2em 3em;
}

#ichbinliebe, #dubistliebe {
position: absolute;
top: 0;
width: 310px;
height: 230px;
padding: 10px;
background-color: transparent;
}

#ichbinliebe span, #dubistliebe span, #wirsindliebe span, #wirsindalleeins span {
font-size: 14px;
visibility: hidden;
}

#ichbinliebe, #wirsindliebe {
text-align: left;
}

#dubistliebe {
left: 331px;
text-align: right;
}

#wirsindliebe, #wirsindalleeins {
position: absolute;
top: 250px;
width: 310px;
height: 230px;
padding: 10px;
background-color: transparent;
}

#wirsindalleeins {
left: 331px;
text-align: right;
}

#ichbinliebe a:link, #ichbinliebe a:visited,
#dubistliebe a:link, #dubistliebe a:visited,
#wirsindliebe a:link, #wirsindliebe a:visited,
#wirsindalleeins a:link, #wirsindalleeins a:visited {
display: block;
font-size: 18px;
text-decoration: none;
color: #01005D;
}

#ichbinliebe a:link, #ichbinliebe a:visited,
#dubistliebe a:link, #dubistliebe a:visited {
margin: -10px;
padding: 10px 10px 176px 10px;
}

#wirsindliebe a:link, #wirsindliebe a:visited,
#wirsindalleeins a:link, #wirsindalleeins a:visited {
margin: -10px;
padding: 176px 10px 10px 10px;
}

#ichbinliebe a:hover, #ichbinliebe a:focus, #ichbinliebe a:active,
#dubistliebe a:hover, #dubistliebe a:focus, #dubistliebe a:active,
#wirsindliebe a:hover, #wirsindliebe a:focus, #wirsindliebe a:active,
#wirsindalleeins a:hover, #wirsindalleeins a:focus, #wirsindalleeins a:active {
color: #050063;
background-color: #FFF;
opacity: 0.8;
}

#ichbinliebe a:hover span, #ichbinliebe a:focus span, #ichbinliebe a:active span,
#dubistliebe a:hover span, #dubistliebe a:focus span, #dubistliebe a:active span,
#wirsindliebe a:hover span, #wirsindliebe a:focus span, #wirsindliebe a:active span,
#wirsindalleeins a:hover span, #wirsindalleeins a:focus span, #wirsindalleeins a:active span {
visibility: visible;
}

#sidebar {
position: fixed;
float: left;
width: 281px;
top: 0;
left: 0;
bottom: 0;
margin: 0;
margin-right: 0;
padding: 39px;
background-color: #96813E;
text-align: center;
font-size: 87%;
}

#sidebar img {
margin-bottom: 20px;
}

/* CSS Tabs */
.button {
width: 250px;
height: 458px;
padding: 0;
margin: 0 0 0 16px;
color: #74A6E1;
background-color: #FFF;
}

.button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.button li {
margin: 0;
list-style: none;
list-style-image: none;
text-align: left;
}

.button li a {
display: block;
padding: 2px;
border: 2px solid #FFF;
background-color: #FFF;
color: #74A6E1;
text-decoration: none;
width: 248px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

html>body .button li a {
width: auto;
}

.button li a:hover, .button li a:focus, .button li a:active {
border-top: 2px solid #050063;
border-left: 2px solid #050063;
border-bottom: 2px solid #050063;
border-right: 2px solid #FFF;
background-color: #FFF;
color: #050063;
}

.button li .active {
border-top: 2px solid #050063;
border-left: 2px solid #050063;
border-bottom: 2px solid #050063;
border-right: 2px solid #FFF;
background-color: #FFF;
color: #050063;
width: 300px;
}

input, textarea {
width: 100%;
border: none;
margin-bottom: 1px;
border: 1px solid #050063;
color: #000;
padding: 3px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 100%;
}

input:hover, input:active, input:focus, 
select:hover, select:active, select:focus
textarea:hover, textarea:active, textarea:focus {
background-color: #74A6E1;
border: 1px solid #96813E;
}

input {
margin: 0 0 10px 0;
}

label {
cursor: pointer;
margin: 0;
padding: 0;
}

textarea {
width: 100%;
height: 200px;
padding: 3px;
border: 1px solid #050063;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 100%;
margin-bottom: 23px;
}

#submit {
width: 544px;
color: #FFF;
font-weight: bold;
background-color: #96813E;
cursor: pointer;
}