html {
	min-height: 99%;
	margin-bottom: 1px;
}

body {
	background:rgb(182,195,212);
  background-image: url(linie.jpg);
	background-repeat: repeat-x;
}

body, input, textarea, select {
  color: rgb(57,91,133);
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

#website {
  width: 760px;
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
}

#header {
	margin: auto;
	padding:0;
}

#middle {
  clear: both;
  position: relative;
  width: 100%;
  background-color: white;
  min-height: 502px;
}

#main {
  float:left;
  background-color: white;
  width: 546px;
  margin-bottom: 20px;
  padding: 20px;
}

#left {
  width: 174px;
	float:left;
  background-image:url(bg_sub.jpg);
  background-repeat:no-repeat;
  min-height: 502px;

}

#right {
  /*
  width: 194px;
  float:right;
  margin-bottom: 30px;
  */
  display:none;
}

#footer {
  clear: both;
  height: 14px;
  line-height:14px;
  padding: 3px 6px 3px 6px;
  margin-bottom: 100px;
  text-align: center;
  color: #666666;
}

#footer a {
  color: #666666;
  font-size: 11px;
  padding: 0 10px;
}

#footer a:hover {
  text-decoration: underline;
}

/*-------------------------content----------------------------*/
#main h1 {
  color: rgb(57,91,133);
  font-family: Times New Roman, serif;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

#main h2 {
  color: rgb(57,91,133);
  font-family: Times New Roman, serif;
  font-size: 20px;
  font-weight: bold;
  margin: 40px 0 10px 0;
}

#main h3 {
  color: rgb(57,91,133);
  font-family: Times New Roman, serif;
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#main .teaser h1 {
  color: rgb(57,91,133);
  font-family: Times New Roman, serif;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#main ul {
  list-style-image:url(square.gif);
}

#main li {
  margin-left: 15px;
}


#main p {
  margin-bottom: 15px;
}

#main a {
  color: rgb(220,5,54);
} 

#main a:hover {
  color: rgb(57,91,133);
  text-decoration: underline;
}

#main .linie {
  clear:both;
  width:100%;
  height:1px;
  border-bottom: 2px solid rgb(230,230,230);
  padding: 0 0 10px 0;
}

#main .wetter{
  width:150px;
  float:right;
  margin:0 0 20px 20px;
}

#main .wetter input {
  width:20px;
  height:20px;
}

#main .wetter select {
  width:100px;
}

input, textarea, select {
  background:#ffffff;
  color: rgb(40,102,163);
  border: 1px solid rgb(200,200,200);
  padding-left: 4px;
}

input:focus, textarea:focus, select:focus {
  color: rgb(40,102,163);
  font-weight: bold;
}

input {
  width:260px;
  padding-top: 2px;
  padding-bottom: 2px;
}

select {
  width:160px;
}

#submit {
  float:right;
  width:100px;
  background-color: rgb(57,91,133);
  color: rgb(255,255,255);
  font-weight: bold;
  border: none;
  cursor: pointer;
  padding: 2px;
}

.labeltext {
  width:90px;
  float:left;
}

/*-----------#top-----------*/
#top_navigation {
  float:left;
  height:27px;
  width:585px;
  background-image:url(nav_linie.jpg);
  background-repeat: repeat-x;
  border-right: 1px solid rgb(220,225,229);
}

#top_navigation ul.rex-navi1 li {
  float: left;
}

#top_navigation ul.rex-navi1 a {
  display: block;
  padding: 6px 12px 6px 12px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
} 

#top_navigation ul.rex-navi1 a:hover {
  background-color: rgb(255,255,255);
  color: rgb(57,91,133);
  font-weight: bold;
} 

#top_navigation ul.rex-navi1 .rex-current,
#top_navigation ul.rex-navi1 .rex-active {
  background-color: rgb(255,255,255);
  color: rgb(57,91,133);
  font-weight: bold;
}

/*-----------#sub-----------*/
#sub_navigation {
  margin:10px 0 0 10px;
}

#sub_navigation ul.rex-navi1 a {
  display: block;
  margin-bottom: 1px;
  padding: 4px 5px 4px 8px;
  color: rgb(57,91,133);
  font-size: 12px;
  font-weight: bold;
} 

#sub_navigation ul.rex-navi1 a:hover {
  color: rgb(250,250,250);
  font-weight: bold;
} 

#sub_navigation ul.rex-navi1 .rex-current,
#sub_navigation ul.rex-navi1 .rex-active {
  font-weight: bold;
}

#sub_navigation ul.rex-navi1 ul.nav3rd a {
  display: block;
  margin-bottom: 1px;
  padding: 4px 5px 4px 8px;
  color: rgb(57,91,133);
  font-size: 12px;
  font-weight: normal;
}

#sub_navigation ul.rex-navi1 ul.nav3rd a:hover {
  color: rgb(250,250,250);
  font-weight: bold;
} 

/*-----------#bottom-----------*/
#bottom_navigation {
  height:50px;
  margin-left: 50px;
}

#bottom_navigation ul.rex-navi1 li {
  float: left;
}

/*-----------#rexsurf-----------*/
.do_rexsurf{
	position: absolute;
  top: 0px;
  right: 0px;
}

.do_rexsurf a {
  color: #ffffff;
  background-color: firebrick;
  padding: 3px 8px;
  margin-left: 2px;
  font-weight: bold;
  text-decoration: none;
}

.do_rexsurf a:hover {
  color: firebrick;
  background-color: #ffffff;
  padding: 3px 8px;
  margin-left: 2px;
  font-weight: bold;
  text-decoration: none;
}