@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

html {
height: 100%;
width: 100%;
}

body {
background-color:#525a67;
background-image: url(images/bg.jpg);
width:100%;height:100%;
background-repeat:no-repeat;
background-position:top;
font-size:100.1%;
overflow:hidden;
}

#container_wer {
margin: 150px auto;
position: relative;
height: 300px;
width: 800px;
background-color:#336699;
border:none;
z-index:1;
}

#container_was {
margin: 150px auto;
position: relative;
height: 300px;
width: 800px;
background-color:#336666;
border:none;
z-index:1;
}

#container_wie {
margin: 150px auto;
position: relative;
height: 300px;
width: 800px;
background-color:#333366;
border:none;
z-index:1;
}

#container_nav {
margin: -135px auto;
left:30px;
position: relative;
height: 15px;
width: 800px;
border:none;
z-index:1;
}

#container_text {
left: 30px;
top: 15px;
position: relative;
height: 270px;
width: 355px;
float: left;
border:none;
z-index:2;
}

#container_rechts {
top: 15px;
right: 30px;
position: relative;
height: 270px;
width: 365px;
float:right;
border:none;
overflow: hidden;
z-index:2;
}

#container_rechts_was {
top: 15px;
right: 30px;
position: relative;
background-image: url(images/bg_ref.png);
border:none;
height: 270px;
width: 365px;
float:right;
border:none;
overflow: hidden;
z-index:2;
}

#container_rechts_wie {
position: relative;
background-image: url(images/bg_karte.png);
border:none;
height: 300px;
width: 405px;
float:right;
border:none;
overflow: hidden;
z-index:2;
}

h1 {
font-family:Verdana, sans-serif; font-weight:bold; font-size:14px; color:#ff9933; text-align:left;  display:inline; line-height: 1.25;
}

h2 {
font-family:Verdana, sans-serif; font-weight:normal; font-size:12px; color:#ffffff; text-align:left;   display:inline; line-height: 1.25;
}

h3 {
font-family:Verdana, sans-serif; font-size:9px; font-weight:bold; color:#ff9933; text-align:left;  display:inline; line-height: 1.25;
}

h4 {
font-family:Verdana, sans-serif; font-size:9px; color:#ffffff; text-align:right; font-weight:normal;  display:inline; line-height: 1.25;
}

h5 {
font-family:Verdana, sans-serif; font-size:9px; color:#ffffff; text-align:left; font-weight:bold;  display:inline; line-height: 1.25;
}

p {
font-family:Verdana, sans-serif; font-size:9px; color:#ffffff; text-align:left;  font-weight:normal;  display:inline; line-height: 1.25;
}

a {
font-family:Verdana, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; text-align:left; line-height: 1.25;
}

a.head {
font-family:Verdana, sans-serif; font-size:9px; font-weight:bold; color:#ff9933; text-align:left;  display:inline; line-height: 1.25;
}

a.special:link {
font-family:Verdana, sans-serif; font-size:9px; color:#ffffff; text-decoration:none; text-align:left; font-weight: bold; line-height: 1.25;
}
a.special:visited {
font-family:Verdana, sans-serif; font-size:9px; color:#ffffff; text-decoration:none; text-align:left; font-weight: bold; line-height: 1.25;

}
a.special:active {
font-family:Verdana, sans-serif; font-size:9px; color:#ff9933; text-decoration:none; text-align:left; font-weight: bold; line-height: 1.25;

}
a.special:hover {
font-family:Verdana, sans-serif; font-size:10px; color:#ff9933; text-decoration:none; text-align:left; font-weight: bold; line-height: 1.25;
}