body, html {
  overflow:auto;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

body{
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%; 
  max-height: 100%; 
  font-family: verdana;
  font-size: 13px;
  background: #B0D2EE url('bg_main.jpg') repeat-x top left;
}

p {
  padding-top:10px;
  margin:0;
}

a {
  color: #FFF;
}

pre {
  width: 600px;
  font-family: verdana;
  font-size: 13px;
}

td {
  font-family: verdana;
  font-size: 10px;
  color: white;
}

h1 {
  font-size: 2.7em;
  margin:0;padding:0;
  margin: 5px 0 5px 0;
  line-height: 1.3em;
}

h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin:0;padding:0;
  margin: 10px 0 10px 0;
}

h3 {
  font-size: 1.2em;
  margin:0;padding:0;
  margin: 0px 0 10px 0;
}

.stinput {
  width:300px;
  margin: 3px 0 3px 0;
  border: 0;
  background-color: #d4dbe3;
}

textarea {
  overflow:auto;
}

fieldset {
  margin:0px;
  padding:0px;
  width:300px;
  border:0;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul li { 
  background: url('li.gif') no-repeat left top; 
  background-position: 0px 4px;
  padding-left: 16px;
  margin: 10px 0 10px 0;
  line-height: 1.4em;
}

ol li {
  margin-bottom: 10px;
}

img {
  display: block;
}


#header, #footer {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 90px; 
  overflow: hidden; 
  background: #002c66;
  color: #d4dbe3;
  font-size: 0.7em;
}

#header a, #footer a{
  color: #d4dbe3;
}

#footer{
  height: 30px;
  top: auto;
  bottom: 0; 
  background: #002c66;
  text-align: center;
}

#main{
  outline: none;
  position: fixed; 
  top: 90px;
  bottom: 40px;
  height: auto;
  left: 0;
  right: 0; 
  overflow: auto; 
  padding:0;
  margin:0;
  text-align: center;
  border-top: 2px solid #1C4B8B;
  border-bottom: 2px solid #1C4B8B;

}

#content {
  color: white;
  width:70%;
  margin:0px auto;
  text-align:left;
  font-size: 0.9em;
  padding:15px;
  line-height: 1.5em;
}


.undecored_link {
  text-decoration: none;
}

.lbOn, .oJS {
  text-decoration: none;
}


#teaser1, #teaser2, #teaser3 {
  float: left;
  width: 295px;
  height: 350px;
  margin-bottom: 20px;
  text-decoration: none;
  font-size: 1em;
}

.teaser_inn {
  position:relative;
  top:-170px;
  left: 30px;
}

.teaser_inn h2 a {
  line-height: 1.1em;
  text-decoration: none;
}

.teaser_inn a {
  text-decoration: underline;
}

#teaser1 p, #teaser2 p, #teaser3 p {
  width: 230px;  
}

#teaser1 a, #teaser2 a, #teaser3 a {

}

.home_teaser a {
  text-decoration: none;
}

.teaser_klick {
  width:295px;
  height:330px;
  display:block;
}

#teaser1, #teaser2 { 
  margin-right: 25px; /* 30 */
}

/* Display Background just for Gecko and Opera */
body>#main>#content>#teaser1 {
  background-image: url('../images/t1.png');
}

body>#main>#content>#teaser2 {
  background-image: url('../images/t2.png');
}

body>#main>#content>#teaser3 {
  background-image: url('../images/t3.png');
}


#logo {
  float: left;
  width: 398px;
  height: 82px;
  margin: 5px 0 0 10px;
}
/* Display logo just for Gecko and Opera */
body>#header>#logo {
  background-image: url('../images/logo2.png');
}

#header_navi {
  float: right;
  margin: 15px;
}

.nav_links {
  margin-top: 5px;
}

#header_navi input {

  font-family: verdana;
  font-size: 9px;
  background: #003277;
  border: 1px solid gray;
  color: #d4dbe3;
  
  margin:0;
  padding:0;
}

#header_navi p {
  position: relative;
  left: 153px;
  top: 3px;
  color: lightgray;
  float:left;
}

#copy {
  margin-top: 5px;
}

#content p {
  margin: 3px 0 3px 0;
}

.clear {
  clear: both;
}

.popup {
  color: #FFF;
  font-size: 0.8em;
  padding: 15px 10px 10px 10px;
}

#fly {
  width: 193px;
  height: 42px;
  position: absolute;
  right: 20px;
}
/* Display logo just for Gecko and Opera */
body>#main>#content>#fly {
  background: url('../images/fly.png');
}

#pop_img {
  margin-left: 40px;
}

#pro_l, #pro_xl, #pro_xxl {
  float:left;
  width:150px;
  height:250px;
}

#fandm {
  width: 454px;
  height: 121px;
}

body>#lightbox>#lbContent>.popup>#pop_img>#pro_l {
  background: url('../images/pro_l.png');
}

body>#lightbox>#lbContent>.popup>#pop_img>#pro_xl {
  background: url('../images/pro_xl.png');
}

body>#lightbox>#lbContent>.popup>#pop_img>#pro_xxl {
  background: url('../images/pro_xxl.png');
}

body>#lightbox>#lbContent>.popup>#pop_img>#fandm {
  background: url('../images/fandm.png');
}

#login_aso {
  float: left;
  width: 645px;
  margin: 0 0 0 0px;
}

#new_star {
  width: 150px;
  height: 150px;
  float: left;
  margin-left: 20px;
}

body>#main>#content>#login_aso>#new_star {
  background: url('../images/star.png');
}

#news {
  width: 430px;
  height: 150px;
  float: left;
  margin-left: 20px;
}

#news_title h2 {
  margin-top: 0px;
}

#login_box_container {
  float: left;
  width: 295px;
}

#login_box, #loginError_box, #validationError_box {
  float: left;
  width: 252px;
  height: 65px;
  padding: 10px 0px 0 13px;
  position: relative;
  top: -20px;
  left: 10px;
}

body>#main>#content>#login_box_container>#login_box,
body>#main>#content>#login_box {
  background: url('../images/login_border.png');
}

#login_box a {
  text-decoration: none;
  color: #333366;
}

#login_box input {
  width: 92px;
  background:none;
  position: relative;
  top: 12px;
  left: 5px;
  color: white;
}

#login_error, #validation_error{
	margin:0px 3px 0px 0px;
	color:#c10001;
	font-weight:bold;
	line-height:110%;
	font-size: 10px;
	}

#user {
  float: left;
  width: 100px;
  height: 37px;
}

body>#main>#content>#login_box_container>#login_box>#login>#user,
body>#main>#content>#login_box>#login>#user {
  background: url('../images/user.png');
}

#pass {
  float: left;
  width: 100px;
  height: 37px;
}

body>#main>#content>#login_box_container>#login_box>#login>#pass,
body>#main>#content>#login_box>#login>#pass {
  background: url('../images/pass.png');
}

/*#p_lo {
  position: relative;
  right: 53px;
  bottom: 25px;
}*/

#login_btn {
  float: left;
  position: relative;
  top: 13px;
  left: 3px;
  width: 26px;
  height: 24px;
}

body>#main>#content>#login_box_container>#login_box>#login>#login_btn,
body>#main>#content>#login_box>#login>#login_btn {
  background: url('../images/go.png');
}

#go:hover {
  cursor: pointer;
}

.more_link {
  color: #ff5a00;
}










#puff {
  background: url('../images/haus2.png');
}





.tl {
  background:url('../images/box/top_left.png');
  width:8px;height:28px;
}

.tc {
  background:url('../images/box/top.png') repeat-x;
  height:28px;
}

.tr {
  background:url('../images/box/top_right.png');
  width:8px;height:28px;
}


.ml {
  background:url('../images/box/left.png') repeat-y;
  width:8px;
}

.mc {
  background:#eff5fb;
}

.mcc {
  border:1px solid lightgray;
  color:gray;
}

.mr {
  background:url('../images/box/right.png') repeat-y;
  width:8px;
}


.bl {
  background:url('../images/box/bottom_left.png');
  width:8px;height:9px;
}

.bc {
  background:url('../images/box/bottom.png') repeat-x;
  height:9px;
}

.br {
  background:url('../images/box/bottom_right.png');
  width:8px;height:9px;
}

#weg {
  width: 220px;
  height: 220px;
}

body>#main>#content>#cont_right>#anfahrt>#weg {
  background: url('../images/weg.png');
}

.archivebox {
  background: white; 
  color: black; 
  padding: 10px 10px 10px 10px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid black
}

.archivebox td { 
  color: black; 
}

.archivebox a {
  color: blue;
}