@import 'reset.css';

/*---------------
 GENERAL SETTINGS
 ---------------*/
body {
  color: #333;
  font-size: 12px;
  font-family: Arial, Verdana;
  line-height: 1.6;

  background: #c0b5a2; 
  text-align: center; /*FIX: IE6*/
}

h1 { color: #c0b5a2; line-height: 1.0; margin-bottom: 5px; }
h1 a:link, a:visited, { color: #c0b5a2; line-height: 1.0; margin-bottom: 5px;}

a:link, a:visited { color: #000000; text-decoration: none; }
a:hover, a:active { color: #c0b5a2; text-decoration: none; }
a:active, a:focus { outline: none; } /*FIX: IEx,FFx*/

.clear { width: 100%; height: 1px; clear:both; }

#wrapper{
  width: 850px;
  height: 565px;
  margin: 0 auto;
  text-align: left;
  background: #FFF;
}

/*---------------
 HEADER
 ---------------*/
#header{
  width: 100%;
  height: 150px;
}

.logo { margin: 20px 0px 0px 30px;}

/*---------------
 CONTENT
 ---------------*/
#content {
  float:right;
  width: 700px;
  margin-bottom: 7px;

}
.col1 {
  float: left;
  max-width: 350px;
}

.col2 {
  position:relative;
  float: left;
  width: 330px;
  height: 259px;
  padding-left: 20px;
}
#start_image{
height: 170px;
}
#start_image img{
}
.start_teaser{
font-size: 17px;
color: #c0b5a2;
}
.start_teaser a{
color: #c0b5a2;
}
.dynamic { }
.dynamic p { margin-right: 80px;}

#text { height: 150px; }
#text p { margin-right: 80px; }

.thumb {
  position:absolute;
  bottom: 0px;
  left: 20px;
  margin-right: 80px;
}
.thumb li{
	float: left;
	list-style-type: none;
}

.prodImg {
  margin-right: 10px;
  margin-top: 5px;
}
.show{
display: block;
background-color: #c0b5a2;
width: 354px;
height: 253px;
}
#geschichte_left{
width: 255px;
float: left;
margin-right: 40px;
}
#geschichte_right{
width: 255px;
float: left;
}
table{
padding: 0px;
margin: 0px;
}
tr{
padding: 0px;
margin: 0px;
}
td{
padding: 0px;
margin: 0px;
}
tbody {
margin: 0px;
padding: 0px;
}	
.proDetails {
  display: none;
}
.details, .proDetails {
  display: none;
}
#legende a{
color: black;
}
#legende{
margin-top: 5px;
}
#legende a:active{
margin-top: 5px;
}
/*---------------
 FOOTER
 ---------------*/
#footer {
  clear: both;
  width: 100%;
  height: 105px;
}
#footer_start {
  clear: both;
  width: 100%;
  height: 105px;
  margin-top: 6px;
}
#asp {
  float: left;
  margin-top: 35px;
  margin-left: 25px;
}

#adress {
  float: left;
  margin-top: 33px;
  margin-left: 49px;
}

/*---------------
 NAVIGATION
 ---------------*/
#navigation {
  float: left;
  width: 150px;
  height: 309px;
  padding: 0px;
}
#navigation_startseite {
  float: left;
  width: 150px;
  height: 133px;
  padding: 0px;
}

#navlist {
  line-height: 1.0;
  margin-left: 30px;
  padding: 0px;
}

#navlist li {
padding: 0px;
  margin-bottom: 15px;
}

#navlist li {
padding: 0px;
  margin-bottom: 15px;
}

#navlist li ul li {
padding-left: 5px;
}
#navlist li ul li a:hover {
color: #c0b5a2;
}


#subnav {
  margin-top: 10px;
}

.sub {
  padding-left: 5px;
  margin-left: 10px;
  border-left: 2px solid #000;
}

.active_with_sub a  { color: #c0b5a2; }

.sub          { border-color: #000; }
.sub a        { color: #000;}

.active a     { color: #c0b5a2; }

/*--------------------------------------------------
					FORMS
--------------------------------------------------*/
.form_col1{
	float: left;
	width: 330px;
}
.form_col2{
	float: left;
	width: 330px;
}
label{
	width: 80px;
	float:left;
}
input, textarea, select{
	border: 1px solid #999;
	font-size: 1em;	
	font-size: 13px;
	margin-bottom: 5px;
	}
input.field {
	width: 200px;
}
input.error {
	border: 1px solid red;

}
input.radio {
	padding: 0px;
	margin: 0px;
	border: none;
}
select {
	width: 250px;
}
textarea {
	width: 250px;
	height: 162px;
}
td.left {
	width: 150px;
}
input.with_m {
	margin-left: 8px;
	width: 140px;
}
input.field_plz {
	width: 50px;
}
.message_box {
	padding-top: 37px;
	padding-left: 20px;
}