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

body {
	background-color: #ebf5d6;
}

body, input, textarea, select {
  color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

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

#header {
	padding:0;
  width: 970px;
}

#middle {
  width: 970px;
  clear: both;
  float: left;
  border-bottom: 1px solid #cccccc;
}

#main {
  float:left;
  background-color: white;
  width: 689px;
  margin-bottom: 20px;
  padding: 20px 30px 20px 30px;
  border-left: 1px dotted #cccccc;
  min-height: 300px;
}

#left {
  width: 200px;
	float:left;
  margin: 0 10px;
}

#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: 50px;
  text-align: center;
  color: #666666;
}

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

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

#header, #middle, #top_navigation {
  background-color: #ffffff;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

/*-------------------------content----------------------------*/
h1 {
  background-image:url(pfeil_h1.gif);
  background-repeat: no-repeat;
  color: black;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 34px;
}

h2 {
    color: #FF6600;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
	  margin-bottom: 20px;
    border-bottom: 1px dotted #cccccc;
    width: auto;
}

h3 { color: #FF6600;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
	  margin-bottom: 20px;
}

h4 { color: #000000;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
	  margin-bottom: 10px;
}

h5 { color: #FF6600;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

#main .teaser h2 {
    color: #FF6600;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
	  margin-bottom: 0px;
    border-bottom: 1px dotted #cccccc;
    background: #ffffff;
    padding-left: 0px;
}

#main .teaser h6 {
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-bottom: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

#main ul {
	margin-left:0px;
  margin-bottom:15px;
	list-style-type:square;
}

#main ol {
	list-style-type:decimal-leading-zero;
}

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


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

a {
  color: #FF6600;
} 

a:hover {
  text-decoration: underline;
}

#pfeil {
  background-image: url(pfeil2.gif);
	background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}

#pfeil2 {
  background-image: url(pfeil2b.gif);
	background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
}

#main .linie {
  clear:both;
  border-bottom: 1px dotted #cccccc;
  padding: 5px 0 5px 0;
}

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

input:focus, textarea:focus, select:focus {
  /*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;
}

#submit2 {
  width:26px;
  height:22px;
  padding:0;
  float:right;
  margin-left:18px;
  background-color: transparent;
  border:0;
}

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

a.buttonLink {
  float: right;
  margin-right: 30px;
  margin-top: -70px;
  display: block;
  text-align: center;
  width: 240px;
  color: #fff;
  background: #FF6600;
  font-size: 150%;
  font-weight: bold;
  padding: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

a.buttonLink:hover{
  /* border: 1px solid #B0D85D; */
  text-decoration: underline;
}

input.box {
  width: 20px;
  margin: 5px;
}

/*-----------#top-----------*/
#top_navigation {
  clear:left;
  float:left;
  padding: 0 9px 0 10px;
  height:28px;
  width:951px;
}

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

#top_navigation ul.rex-navi1 a {
  display: block;
  padding: 6px 17px 6px 18px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid rgb(250,250,250);
  background-image:url(nav_linie.jpg);
  background-repeat: repeat-x;
} 

#top_navigation ul.rex-navi1 a:hover {
  background-image:url(nav_linie_hover.jpg);
  background-repeat: repeat-x;
} 

#top_navigation ul.rex-navi1 .rex-current,
#top_navigation ul.rex-navi1 .rex-active {
  background-image:url(nav_linie_aktiv.jpg);
  background-repeat: repeat-x;
}


#top_navigation ul.rex-navi1 #rex-article-10 a {
  width: 47px;
} 



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

#sub_navigation ul.rex-navi1 a {
  background-color: #ebf5d6;
	display: block;
	color: black;
	font-size: 12px;
	font-weight: normal;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ffffff;
} 

#sub_navigation ul.rex-navi1 a:hover {
  font-weight: bold;
} 

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

#sub_navigation ul.rex-navi2 a {
  background-color: #F3F9E7;
	display: block;
	color: black;
	font-size: 12px;
	font-weight: normal;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sub_navigation ul.rex-navi2 a:hover {
  font-weight: bold;
} 

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

#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;
}

/*---------------Seiten-------------*/
#main .seitenzahl {
  clear:left;
  width:673px;
  background-color: #ebf5d6;
  height:20px;
  padding: 5px 8px 5px 8px;
}

#main #seiten {
  float:right;
  vertical-align: middle;
}



#main ul.seiten {
  padding:0;
  margin:0;
}

#main ul.seiten li {
  float:left;
  margin-left:5px;
  margin-top: 1px;
  line-height:12px;
  list-style:none;
}

#main ul.seiten li a {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:2px;
  display:block;
  text-decoration:none;
}

#main ul.seiten li a:hover {
  background-image:none;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:2px;
  display:block;
  background-color: #444444;
  color: white;
  text-decoration:none;
}

#main ul.seiten li.active a {
  background-color: #444444;
  color: white;
  font-weight:bold;
}

#main .image {
  border:1px solid #cccccc;
  padding:2px;
  text-decoration:none;
} 

#main a:hover .image {
  border: 3px solid #FF6600;
  padding: 0px;
  text-decoration:none;
}

/* Formular Huette
*******************************************************************************/

#form_huette {
  width: 671px;
  margin:0px;
}

#form_huette input,
#form_huette textarea,
#form_huette select {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  text-decoration: none;
  border: 1px solid rgb(200,200,200);
}

#form_huette input:focus,
#form_huette select:focus {
  color: rgb(255,102,0);
  font-weight: bold;
}

#form_huette .hintergrund {
  float: left;
  width: 100%;
  background-color:rgb(250,250,250);
  padding: 5px 8px 5px 8px;  
}

#form_huette input {
  width:170px;
  padding: 2px 4px 2px 4px;
}

#form_huette select {
  width:160px;
}

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

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


/*---------------multinewsletter-------------*/

#rex_375_multinewsletter ul li {
  margin:0; padding:0;
  list-style: none;
}

#rex_375_multinewsletter label {
  clear:left;
  width: 120px;
  margin-bottom:10px;
  float:left;
}

#rex_375_multinewsletter input {
  margin-bottom:10px;
}

#rex_375_subscribe {
  clear:left;
  float:left;
  margin-left: 120px;
}

#rex_375_unsubscribe {
  clear:left;
  float:left;
  margin-left: 120px;
}