html {
  padding: 0;
}

img {
  border-style: none;
}

body {
  background-color: white;
  font-family: Arial,sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  color: #555;
}

body.callback {
  font-size: 11px;
  color: #162751;
}

#banner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  background-color:#d6d8de;
}

#footer {
  width:100%;
  background-color:#162751;
  height:13px;
}

#footerbalken {
  border-left:15px solid #6d7990;
  border-right:270px solid #6d7990;
  width:482px;
  height:13px;
}

#navigation {
  position:absolute;
  left:0;
  top:120px;
  width:100%;
  background-color:#162751;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  text-transform:uppercase;
  word-spacing:0.8em;
}

#subnavigation {
  position:absolute;
  top:147px;
  left:15px;
  padding: 6px 0 6px 17px;
  width:465px;
  font-family: Verdana,sans-serif;
  font-size: 10px;
  border-bottom: 1px solid #eaedee;
}

.navleft {
  border-left:15px solid #6d7990;
  height:22px;
  width:465px;
  color:#fff;
  float:left;
  background-color:#162751;
  padding:5px 0 0 17px;
}

.navright {
  border-left:270px solid #6d7990;
  height:22px;
  color:#fff;
  float:left;
  background-color:#162751;
  padding:5px 0 0 17px;
}

#container {
  padding: 197px 0 20px 32px;
  background-image:url(/images/bg_content.gif);
  background-repeat:repeat-y;
}

#content {
  width:448px;
  padding:0 17px 0 0;
  position: relative;
  float: left;
}

#bildbox {
  position: relative;
  float: left;
  width:270px;
}

#adressbox {
  position: relative;
  float: left;
  padding: 0 0 0 17px;
  color: #999;
}

.teaserbox {
  width: 240px;
  padding: 15px;
  background-color: #f6f7f7;
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 27px;
}

.teaserbox p {
  padding: 0;
  margin: 0;
}

.teaserbild {
  float: left;
  margin: 2px 13px 0 0;
}

.gray {
  color: #999;
}

.warn {
  color: red;
}

.inptxt {
  border: 1px #162751 solid;
  background-color: #eaedee;
  width: 198px;
  height: 16px;
}

.inparea {
  border: 1px #162751 solid;
  background-color: #eaedee;
  width: 198px;
  height: 88px;
}

.inpsel {
  border: 1px #162751 solid;
  background-color: #eaedee;
  width: 200px;
  height: 18px;
}

a:link { color:#f09506; text-decoration:underline; }
a:visited { color:#f09506; text-decoration:underline; }
a:active { color:#f09506; text-decoration:underline; } 
a:hover { color:#f09506; text-decoration:underline; } 

#navigation a:link { color:#fff; text-decoration:none;word-spacing:normal; }
#navigation a:visited { color:#fff; text-decoration:none;word-spacing:normal; }
#navigation a:active { color:#fff; text-decoration:none;word-spacing:normal; } 
#navigation a:hover { color:#f19705; text-decoration:none;word-spacing:normal; } 

#navigation a.on:link { color:#f19705; text-decoration:none;word-spacing:normal; }
#navigation a.on:visited { color:#f19705; text-decoration:none;word-spacing:normal; }
#navigation a.on:active { color:#f19705; text-decoration:none;word-spacing:normal; } 
#navigation a.on:hover { color:#f19705; text-decoration:none;word-spacing:normal; } 

#subnavigation a:link { color:#162751; text-decoration:none; }
#subnavigation a:visited { color:#162751; text-decoration:none; }
#subnavigation a:active { color:#162751; text-decoration:none; } 
#subnavigation a:hover { color:#162751; text-decoration:underline; } 

#subnavigation a.on:link { color:#162751; text-decoration:underline; }
#subnavigation a.on:visited { color:#162751; text-decoration:underline; }
#subnavigation a.on:active { color:#162751; text-decoration:underline; } 
#subnavigation a.on:hover { color:#162751; text-decoration:underline; } 

#adressbox a:link { color:#162751; text-decoration:underline; }
#adressbox a:visited { color:#162751; text-decoration:underline; }
#adressbox a:active { color:#162751; text-decoration:underline; } 
#adressbox a:hover { color:#162751; text-decoration:underline; } 

#bildbox a:link { color:#162751; text-decoration:underline; }
#bildbox a:visited { color:#162751; text-decoration:underline; }
#bildbox a:active { color:#162751; text-decoration:underline; } 
#bildbox a:hover { color:#162751; text-decoration:underline; } 

h1 {
  font-family: Arial,sans-serif;
  font-size: 14px;
  color: #f09506;
  padding-top: 0;
  margin-top: 0;
}

h2 {
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #f09506;
  padding-top: 0;
  margin-top: 0;
}

h3 {
  font-family: Arial,sans-serif;
  font-size: 11px;
  color: #555;
  padding: 0;
  margin: 0;
}

h4 {
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #f09506;
  padding: 0;
  margin: 0;
}

p {
  padding: 0;
  margin: 0 0 1em 0;
}

ul {
  padding-top: 0;
  margin-top: 0;
  margin-left: 1.5em;
  padding-left: 0;
  list-style-image:url(/images/bullet.gif)
}

ol {
  margin-left: 0px;
  padding-left: 22px;
}

ol li {
  padding-bottom: 0em;
}

ol.spacer li {
  margin-bottom: 1em;
}

tr {
  vertical-align: top;
}

table.preise {
  margin-bottom: 1.3em;
}

table.preise td {
  background-color: #eaedee;
  color: #555;
  font-size: 11px;
  padding: 1px 6px;
  text-align: right;
  white-space: nowrap;
}

table.preise td.fstcol {
  background-color: #c5ccd0;
  color: #555;
  padding: 1px 6px;
  text-align: left;
}

/* Clearfix workaround */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
