body {
	background:#ffffff;
	font: normal 11px/18px arial, helvetica, sans-serif;
	color: #3b5f72;
  margin: 0;
	padding: 0;
}

#container {
  margin: 0;
  padding: 8px; 
  width: 738px;
}

#banner {
	position: relative;
	margin: 0;
  padding: 0 0 6px 0;
}

#hauptnavigation {
	position: relative;
	width: 735px;
	height: 24px;
	background: url(/images/hauptnavigation.gif) no-repeat;
  margin: 0;
	padding: 0;
}

#hauptnavigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#hauptnavigation li, #hauptnavigation a {
	height: 24px;
	display: block;
}

#unternehmen {
	left: 0;
	width: 108px;
}

#unternehmen_on {
	left: 0;
	width: 108px;
	background: transparent url(/images/hauptnavigation.gif) 0 -24px no-repeat;
}

#unternehmen a:hover {
	background: transparent url(/images/hauptnavigation.gif) 0 -24px no-repeat;
}

#marken {
	left: 109px;
	width: 120px;
}	

#marken_on {
	left: 109px; 
	width: 120px;
	background: transparent url(/images/hauptnavigation.gif) -109px -24px no-repeat;
}

#marken a:hover {
	background: transparent url(/images/hauptnavigation.gif) -109px -24px no-repeat;
}

#presse {
	left: 230px;
	width: 71px;
}

#presse_on {
	left: 230px;
	width: 71px;
	background: transparent url(/images/hauptnavigation.gif) -230px -24px no-repeat;
}

#presse a:hover {
	background: transparent url(/images/hauptnavigation.gif) -230px -24px no-repeat;
}
	
#resources {
	left: 302px;
	width: 137px;
}

#resources_on {
	left: 302px;
	width: 137px;
	background: transparent url(/images/hauptnavigation.gif) -302px -24px no-repeat;
}

#resources a:hover {
	background: transparent url(/images/hauptnavigation.gif) -302px -24px no-repeat;
}
	
#kontakt {
	left: 440px;
	width: 77px;
}

#kontakt_on {
	left: 440px;
	width: 77px;
	background: transparent url(/images/hauptnavigation.gif) -440px -24px no-repeat;
}

#kontakt a:hover {
	background: transparent url(/images/hauptnavigation.gif) -440px -24px no-repeat;
}
	
#global {
	left: 518px;
	width: 150px;
}

#global_on {
	left: 518px;
	width: 150px;
	background: transparent url(/images/hauptnavigation.gif) -518px -24px no-repeat;
}

#global a:hover {
	background: transparent url(/images/hauptnavigation.gif) -518px -24px no-repeat;
}


#home {
 display: block;
 width; 765px;
}

#main {
  padding-top: 6px;
  display: table;
  border-collapse:separate;
}

.row {
 display: table-row;
}

.row div {
  display: table-cell;
  text-align: left;
}

/* padding-top and bottom must be zero or IE hang up */
#subnavigation {
  left: 0px;
  top: 0px;
  width: 161px;
  padding: 0px 8px 0px 14px;
  background-color: #b1cddf;
  vertical-align: top;
}

#subnavigation a.subnav_off {
  font-size: 12px;
  display: block;
  color: black;
  text-decoration: none;
  border-top: 1px solid #d7e4ec; 
  background-image: url(/images/arrow_off_right.gif);
  background-repeat: no-repeat;
  background-position: 0px 9px;
  padding: 5px 0px 0px 13px;
  margin: 6px 0 0 0;
}

#subnavigation a.subnav_off:hover {
  color: white;
  background-image: url(/images/arrow_on_right.gif);
}

#subnavigation a.subnav_on {
  font-size: 12px;
  display: block;
  color: white;
  text-decoration: none;
  border-top: 1px solid #d7e4ec; 
  background-image: url(/images/arrow_on_down.gif);
  background-repeat: no-repeat;
  background-position: 0px 13px;
  padding: 5px 0px 0px 13px;
  margin: 6px 0 0 0;
}

#subnavigation a.nosonon {
  background-image: url(/images/arrow_on_right.gif);
  background-position: 0px 9px;
  padding: 5px 0px 0px 13px; 
}

#subnavigation a.ssubnav_off {
  font-size: 12px;
  line-height: 15px;
  display: block;
  color: black;
  text-decoration: none;
  padding: 0px 0px 0px 13px;
}

#subnavigation a.ssubnav_off:hover {
  color: white;
}

#subnavigation a.ssubnav_on {
  font-size: 12px;
  line-height: 15px;
  display: block;
  color: white;
  text-decoration: none;
  padding: 0px 0px 0px 13px;
}

#subnavigation a.first {
  padding-top: 13px;
}

#subnavigation a.last {
  padding-bottom: 5px;
  margin-bottom: 1em;
  border-bottom: 1px solid #d7e4ec; 
}


#seperator {
  width: 6px;
}


#content {
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  width: 546px;
}


#content p {
  margin: 0;
  padding: 0 0 1em 0;
}


#layout0_0, .layout0_0 {
  display: block;
  width: 518px;
  padding: 22px 14px 14px 14px;
  background-color: #fff8db;
}

#layout1_1 {
  width: 348px;
  height: 161px;
  float: left;
  margin: 0;
  padding: 22px 0 0 14px;
  background-color: #fff8db;
}

#layout1_1 h1 {
  padding: 0 0 13px 0;
}

#layout1_2 {
  margin: 0;
  padding: 0;
  width: 183px;
  height: 183px;
  float:left;
  background-color: #fff8db;
}

#layout1_3 {
  clear: left;
  float: left;
  margin: 0;
  width: 518px;
  padding: 14px;
  background-color: #fff8db;
} 

#layout2_0 {
  display: block;
  width: 546px;
  height: 183px;
  margin-bottom:6px;
}

#layout2_1 {
  display: block;
  width: 518px;
  padding: 22px 14px 14px 14px;
  background-color: #fff8db;
}

#layout3_0 {
  display: block;
  width: 518px;
  padding: 22px 14px 14px 14px;
  background-color: #fff8db;
  margin-bottom:6px;
}

#footer {
  clear: left;
  margin-top:10px;
}


.teaser { 
  display: block;
  float: left;
  height: 213px;
  padding: 14px;
}

.teaser h2 {
  padding-bottom: 6px;
}

.teaser_content { 
  display: block;
  width: 242px;
  height: 189px;
  margin: 0;
  padding: 0;
	font-size: 11px;
  line-height: 13px;
}

.teaser_content .tc_img {
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 8px 4px 4px 8px;
}

.teaser_content .tc_text {
  display: block;
  float: left;
  width: 161px;
  height: 56px;
  margin: 0;
  padding: 8px 8px 4px 4px;
  overflow: hidden;
}

.teaser_content h6 {
  color: black;
	font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}

#content .teaser_content p, #home .teaser_content p {
  padding: 0;
  margin: 0;
}

.teaser_content form {
  display: block;
  float: left;
  margin: 0;
  padding: 18px 0px 0px 8px;
}

.teaser_content select {
  width: 150px;
	font-size: 10px;
}


.warn {
  color: red;
}


img {
  border: 0;
  padding: 0;
  margin: 0;
}

a.black, a {
  color: black;
  text-decoration: underline;
}

a.headlink {
  color: #3b5f72;
  text-decoration: none;
  font-weight: bold;
}

h1 {
  margin: 0;
  padding: 0 0 16px 0;
  font-size: 15px;
  color: #8a8a8a;
}

h2 {
  margin: 0;
  padding: 0 0 16px 0;
  font-size: 15px;
  color: #3b5f72;
}

.pdf {
  background-image: url(/images/pdf.gif);
  background-repeat: no-repeat;
  background-position: right 0px;
}

h4 {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #3b5f72;
}

h6 {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

ul {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.ct_orange { background-color: #face79; }
.ct_blue { background-color: #b1cddf; }
.ct_green { background-color: #c2d97c; }
.ct_gray { background-color: #b9b9b9; }
.ctl_orange { background-color: #f9e2b5; }
.ctl_blue { background-color: #d7e4ec; }
.ctl_green { background-color: #d7e8a4; }
.ctl_gray { background-color: #d7d7d7; }
.cc_yellow { background-color: #fff8db; }

input.f_text {
  font-size: 11px;
  width: 270px;
}

select.f_text {
  font-size: 11px;
  width: 276px;
}

textarea.f_text {
  font-size: 11px;
  width: 270px;
  height: 5em;
}

tr {
  vertical-align: top;
}