@charset "ISO-8859-1";
/*
*    ____  _____ _____    _____ _____ _____ _____ _____              _   _
*   |    \|   __| __  |  |  _  |  |  |   | |  |  |_   _|   ___ _____| |_| |_
*   |  |  |   __|    -|  |   __|  |  | | | |    -| | |    | . |     | . |   |
*   |____/|_____|__|__|  |__|  |_____|_|___|__|__| |_|    |_  |_|_|_|___|_|_|
*                                                         |___|     Karlsruhe
*   01.08.2008 - Jan Bär <jba@derpunkt.de>
*
*   Globale 'Cascading Style Sheets' -- Autohaus-Walter.de
*/

/* Total Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  border:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:"";
}

blockquote,q
{
  quotes:"" "";
}

img
{
  vertical-align:top;
}

a img
{
  border:0;
}

/* 100% High Fix */
html,body
{
  height:100%;
}

/* Font Definitions */
body,p,td,th,li,input,textarea,select
{
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:1;
}

/* Body Definitions */
body
{
  background-color:#a7e3ed;
  overflow:-moz-scrollbars-vertical;
}

/* Global Link Definitions */
a,a:link,a:visited,a:active
{
  text-decoration:none;
}

a:focus,a:hover
{
  text-decoration:underline;
}

a:focus
{
  outline:0;
}

/* Headlines / Default Formatting Definitions */
strong
{
  font-weight:700;
}

em
{
  font-style:italic;
}

.clear
{
  clear:both;
  font-size:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

.hr
{
  background-color:#ccc;
  height:1px;
  margin:4px 0 14px;
}

/* Wrapper */
div#wrapper
{
  background-color:#fff;
  margin:0 auto;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  width:784px;
}

/* Header */
div#head
{
  background:#fff url(../img/head_bg.gif) 180px 0 no-repeat;
  border-bottom:1px #d9d9d9 solid;
  height:108px;
  border-right:1px #fff solid;
}

div#head_spacer
{
  height:29px;
  background-color:#a7e3ed;
}

div#head_left
{
  float:left;
  height:108px;
  width:180px;
}

div#head_left img
{
  margin-left:16px;
  margin-top:5px;
}

div#head_right
{
  color:#fff;
  float:right;
  height:19px;
  line-height:17px;
  text-align:right;
  width:578px;
}

div#head_right a
{
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
}

div#head_right img.flag
{
  margin-top:3px;
  margin-right:5px;
}

/* Foot */
div#foot
{
  background:#def2f5 url(../img/foot_bg.gif) 0 0 no-repeat;
  bottom:0;
  height:55px;
  left:0px;
  position:absolute;
  width:784px;
}

div#column_left
{
  width:206px;
  float:left;
}

div#column_right
{
  width:572px;
  float:left;
}

div#content
{
  width:564px;
  margin-top:25px;
  font-size:11px;
  line-height:18px;
  color:#4d4d4d;
}

a {
    color: #00a5bc;
}

ul,
ol {
    margin: 0;
    padding: 0 0 0 20px;
}

li {
    font-size: 11px;
    color: #4d4d4d;
    line-height: 16px;
}

div#foot_nav
{
  margin-left:205px;
  margin-top:4px;
  font-size:10px;
  color:#999999 ;
}

div#foot_nav a
{
  color:#999999 ;
  font-size:10px;
  text-transform:uppercase
}

div#foot_nav:hover a
{
  color:#999999;
  font-size:10px;
  text-transform:uppercase
}



/*Main Navigation*/
div#main_nav
{
  margin-left:14px;
  margin-top:25px;
  width:180px;
}

div#main_nav ul
{
  margin: 0;
  padding: 0;
  list-style:none;
}

div#main_nav ul li
{
  margin: 0;
  padding: 0;
  display:inline;
  list-style:none;
  line-height: 1;
}

div#main_nav ul li a
{
  background:url(../img/main_nav_arrow_right.gif) 1px 6px no-repeat;
  border-bottom:1px solid #ccc;
  color:#999;
  display:block;
  font-weight:700;
  line-height:14px;
  text-decoration:none;
  padding:1px 0 2px 8px;
}

div#main_nav ul li a.before_child
{
  border-bottom:1px solid #00c8e4;
}

div#main_nav ul li a.active,div#main_nav ul li a:hover
{
  color:#00a5bc;
}

div#main_nav ul li a.active_child
{
  background:url(../img/main_nav_arrow_down.gif) 0 7px no-repeat;
  border-bottom:none;
  color:#00a5bc;
  padding-bottom:1px;
}

div#main_nav ul li ul
{
  border-bottom:1px solid #00c8e4;
  padding-bottom:1px;
}

div#main_nav ul li ul li a
{
  background:none;
  border:none;
  font-weight:400;
  padding-left:18px;
  padding-top:1px;
}

div#main_nav ul li ul li ul
{
  border-bottom:none;
  padding-bottom:0;
}

div#main_nav ul li ul li ul li a
{
  background:none;
  border:none;
  font-weight:400;
  padding-left:28px;
  padding-top:1px;
}

/* Folge 02 */

h1, h2, h3
{
  font-size:11px;
  line-height:16px;
  color:#000;
  font-weight:700;
  margin-bottom:11px;
}

div.text {
  line-height: 18px;
}

div.bild_text_container1
{
  float:left;
}


div.bild_text_container1 div.img
{
  margin-top:6px;
  width:272px;
  height:140px;
  float:left;
}

div.bild_text_container1 div.img img
{
  border:1px #ccc solid;
}

div.bild_text_container1 div.text
{
  width:275px;
  float:left;
  font-size:11px;
  line-height:18px;
  color:#4d4d4d;
  margin-left:13px;
}


div.bild_text_container2
{
margin-top:24px;
float:left;
}


div.bild_text_container2 div.img
{
  margin-left:10px;
  margin-top:6px;
  width:180px;
  height:112px;
  float:left;
}

div.bild_text_container2 div.img img
{
  border:1px #ccc solid;
}


div.bild_text_container2 div.text
{
  width:374px;
  float:left;
  font-size:11px;
  line-height:18px;
  color:#4d4d4d
}

div.bild_text_container3
{
  float:left;
  width:564px;
  font-size:11px;
  line-height:18px;
  color:#4d4d4d;
}

div.bild_text_container3 div.img
{
  float:left;
  width:332px;
  margin-bottom:0px;

}

div.bild_text_container3 div.img img
{
  border:1px #ccc solid;
  margin-top:6px;
}

div.bild_text_container3 a
{
  color:#00a5bc;
  text-decoration:none;
}


div.bild_text_container3 a:hover
{
  text-decoration:underline;
}


/* Map */


div.map_container {
    border: 1px solid #e6e6e6;
}

div.map_container div.left {
    float: left;
    width: 281px;
    padding: 8px 15px 8px 9px;
}

div.map_container div.left h1 {
    line-height: 14px;
}

div.map_container div.left h3 {
    font-size: 10px;
    line-height: 12px;
    border-bottom: 1px solid #b3b3b3;
    color: #4d4d4d;
    text-transform: uppercase;
    margin: 28px 0 0 0;
    padding: 0 0 1px 0;
}

div.map_container div.left div.text {
    line-height: 14px;
}

div.map_container div.left div.map_nav {
    margin: 9px 0 0 0;
}

div.map_container div.left div.map_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.map_container div.left div.map_nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}

div.map_container div.left div.map_nav ul li a {
    display: block;
    font-size: 9px;
    line-height: 10px;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 0 3px 14px;
    background: no-repeat 0 1px;
}

div.map_container div.left div.map_nav ul li a.active {
    color: #00a5bc;
}

div.map_container div.left div.map_nav ul li ul li a {
    padding-left: 27px;
    background-position: 13px 1px;
    font-weight: normal;
    color: #a0a0a0;
}

div.map_container div.right {
    float: left;
    position: relative;
    padding: 11px 0 0 0;
}

div.map_container div.right div.select a {
    display: block;
    color: #00a5bc;
    font-size: 9px;
    line-height: 10px;
    text-decoration: none;
    font-weight: bold;
    padding: 4px 10px 9px 11px;
    background: url('../img/icon_active.gif') 0 4px no-repeat;
}

div.map_container div.right div.select a.active {
    background-image: url('../img/icon_inactive.gif');
}

div.map_container div.right div.layer { /* => ie6_fix.css */
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 3px 6px 6px;
    background: url('../img/map/background.png') no-repeat;
}

/* Referenzen */
div.referenzen_container
{
  margin-bottom:10px;
}

.float_img_right
{
  border:1px #cccccc solid;
  float:right;
  margin-bottom:2px;
  margin-left:10px;
  margin-top:6px;
}

.float_img_left
{
  border:1px #cccccc solid;
  float:left;
  margin-bottom:2px;
  margin-right:10px;
  margin-top:6px;
}

span.ref_hl
{
  display:block;
  font-weight:700;
}

/* Accordion */
div.accordion_head
{
  border-bottom:1px #d9d9d9 solid;
  font-size:10px;
  margin-bottom:3px;
}

div.accordion_head:hover
{
  cursor:pointer;
}

div.accordion_head div.accordion_left
{
  background:url(../img/arrow_right.gif) 1px 8px no-repeat;
  color:#4d4d4d;
  float:left;
  font-weight:700;
  line-height:17px;
  margin-top:-4px;
  padding-bottom:1px;
  padding-left:11px;
  width:350px;
}

div.accordion_head div.accordion_active
{
  background:url(../img/arrow_down.gif) 1px 7px no-repeat;
}

div.accordion_head div.accordion_right
{
  color:#00a5bc;
  float:right;
  font-weight:700;
  width:151px;
}

div.accordion_text
{
  color:#4d4d4d;
  font-size:10px;
  line-height:13px;
  padding-bottom:8px;
  padding-left:11px;
  padding-top:2px;
}

div.accordion_last
{
  border-bottom:none;
}

/* Gabelseite */
div.gabel
{
  float:left;
  margin-top:2px;
  margin-bottom:20px;
  width:282px;
}

div.gabel img.keyvisual
{
  border:1px #d8d8d8 solid;
  float:left;
  margin-right:9px;
}

div.gabel div.gabel_text
{
  float:left;
  margin-top:-3px;
  width:191px;
}

div.gabel div.gabel_text a.gabel_head
{
  font-weight:700;
  line-height:13px;
}

div.gabel div.gabel_text a
{
  line-height:14px;
}

/* Kontaktformular */
div.contact_text
{
  font-family:Verdana;
  font-size:11px;
  color:#4d4d4d;
}

input.contact_input {
  width:200px;
  border:1px #b3b3b3 solid;
  font-family:Verdana;
  color:#4d4d4d;
  padding: 2px 4px 3px 4px;
  font-size: 11px;
  line-height: 12px;
}

textarea.contact_input_large {
  width:208px;
  border:1px #b3b3b3 solid;
  height:100px;
  font-family:Verdana;
  font-size:11px;
  color:#4d4d4d;
  overflow:auto;
  line-height:14px;
  vertical-align:middle;
}

td.contact_type {
  width:160px;
  font-family:Verdana;
  font-size:11px;
  color:#4d4d4d;
  padding-top:4px;
  line-height:18px;
  padding-bottom:6px;
  vertical-align:middle;
}

td.contact_input {
  width:200px;
  vertical-align:middle;
}

div.contact_info {
  border:1px solid #b3b3b3;
  font-family:Verdana;
  font-size:11px;
  line-height:14px;
  color:#4d4d4d;
  width:500px;
  margin-top:20px;
  padding:4px;
  margin-left:4px;
}

div.contact_fail {
  font-family:Verdana;
  font-size:11px;
  line-height:14px;
  color:#990000;
  padding:5px;
  border:1px solid #b3b3b3;
  width:500px;
  margin-bottom:10px;
  margin-left:4px;
}

div.headline_contact{
  font-family:Verdana;
  font-weight:700;
  color:#4d4d4d;
  width:560px;
  padding-left:4px;
}

div.contact_text {
  font-family:Verdana;
  color:#4d4d4d;
  width:564px;
  margin-bottom:15px;
  line-height:14px;
  padding-left:4px;
}

/* Standard */
div.float_img
{
  float:left;
  margin-right:12px;
  margin-top:6px;
}

div.box
{
  float:right;
  margin-left:12px;
  width:180px;
}

div.box_head
{
  background:url(../img/box_head.gif) 0 0 no-repeat;
  height:4px;
}

div.box_body
{
  border-left:1px #d9d9d9 solid;
  border-right:1px #d9d9d9 solid;
}

div.box_headline
{
  border-bottom:1px #d9d9d9 solid;
  border-left:1px #d9d9d9 solid;
  border-right:1px #d9d9d9 solid;
  color:#000;
  font-size:10px;
  line-height:12px;
  margin-top:-1px;
  padding-bottom:3px;
  padding-left:4px;
  text-transform:uppercase;
}

div.box_foot
{
  background:url(../img/box_bottom.gif) 0 0 no-repeat;
  height:4px;
}

table.kontakt
{
  margin:3px 5px 2px;
  width:168px;
}

table.kontakt td.left
{
  color:#000;
  font-size:10px;
  padding-top:2px;
  width:55px;
}

table.kontakt td.right
{
  color:#000;
  font-size:10px;
  width:113px;
}

table.kontakt td.right div
{
  margin-bottom:4px;
}

div.float_img img,table.kontakt td.left img
{
  border:1px #d9d9d9 solid;
}


/* sub nav box */
div#sub_nav_box
{
  margin-top:20px;
  background:#fff;
  width:158px;
  padding:10px;
  border:1px solid #ccc;
  font-size:11px;
  line-height:13px;
  color:#4d4d4d;
}

div#sub_nav_box img
{
  border:1px solid #ccc;
}

div#sub_nav_box div#text_space
{
  width:158px;
  height:10px;
  border:none;
  overflow:hidden;
  font-size:1px;
}

/* sub map box */
div#sub_map_box
{
  margin-top:20px;
  background:#fff;
  width:224px;
  padding:10px;
  border:1px solid #ccc !important;
  font-size:11px;
  line-height:13px;
  color:#4d4d4d;
  margin-bottom:20px;
  margin-left:1px;
}

div#sub_map_box img
{
  border:1px solid #ccc;
}

div#sub_map_box div.text_space
{
  width:158px;
  height:10px;
  border:none;
  overflow:hidden;
  font-size:1px;
}