@CHARSET "UTF-8";

/*

 Style Index

 $0  - Imported Styles
 $1  - Common Elements
 $2  - Container
 $3  - Navigation
 $4  - Kontaktformular
 $5  - IE6 Hacks
*/

/* $0  - Imported Styles /////////////////////////////////////////////////////*/

@import url(reset.css);

/* $1 - Common Elements //////////////////////////////////////////////////////*/
body,html
{
  background:#dfe6f3;
  font-family:Arial, sans-serif;
  font-size:12px;
  margin-bottom:10px;
  text-align:center;
}

br.clear
{
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
  visibility:hidden;
  margin:0px;
  padding:0px;
  width:0px;
}

h1
{
  color:#0078bb;
  font-size:18px;
  font-weight:bold;
  margin:23px 0px;
}

p.breadcrumb
{
  font-size:10px;
  font-weight:bold;
}

p.footer
{
  color:#5b504b;
  font-size:11px;
}

a
{
  color:#ffffff;
  text-decoration:none;
}

a.breadcrumb
{
  color:#000000;
  text-decoration:none;
}

#content p
{
  margin-bottom:10px;
}*+html #content p
{
  margin-bottom:13px;
}

img
{
  margin:5px;
}

/* $2 - Container ////////////////////////////////////////////////////////////*/

#totalpage
{
  margin:0px auto;
  text-align:left;
  width:899px;
}

#header
{
  background:url(/code/images/background.jpg);
  height:314px;
  position:relative;
  width:899px;
}

#main
{
  background:#ffffff;
  padding-top:24px;
  width:899px;
}

#main_left
{
  float:left;
  width:205px;
}

#main_right
{
  border-left:2px solid #006fb4;
  float:left;
  padding:0px 25px 0px 42px;
  position:relative;
  width:625px;
}

#header_navigation
{
  color:#ffffff;
  font-weight:bold;
  height:26px;
  padding:11px 12px 0px 0px;
  position:absolute;
  right:0px;
  top:0px;
}

#logo
{
  left:15px;
  position:absolute;
  top:180px;
}

#main_navigation
{
  bottom:0px;
  right:0px;
  position:absolute;
}

#content
{
  margin-bottom:45px;
}

#footer
{
  bottom:4px;
  left:42px;
  position:absolute;
}

/* $3 - Navigation ///////////////////////////////////////////////////////////*/

#header_navigation span.contact
{
  padding-right:9px;
}

#header_navigation span.imprint
{
  padding-left:9px;
}

#main_navigation ul
{
  height:48px;
  width:673px;
}

#main_navigation ul li
{
  display:inline;
  float:left;
  height:48px;
}

#main_navigation ul li a
{
  color:#ffffff;
  display:block;
  font-size:14px;
  font-weight:bold;
  padding:16px 20px 16px 20px;
  text-decoration:none;
}

#main_navigation ul li.active a
{
  background:#00558f;
  color:#ffffff;
  display:block;
  font-size:14px;
  font-weight:bold;
  padding:16px 20px 16px 20px;
  text-decoration:none;
}

#main_navigation ul li a:hover
{
  background:#00558f;
  color:#ffffff;
  display:block;
  font-size:14px;
  font-weight:bold;
  padding:16px 20px 16px 20px;
  text-decoration:none;
}

/* main navigation 2.ebene links */
#main_left ul
{
  margin:3px 0px 0px 21px;
}

#main_left ul li a
{
  color:#000000;
  display:block;
  padding-bottom:11px;
  text-decoration:none;
}

#main_left ul li.active a
{
  color:#000000;
  font-weight:bold;
  padding-bottom:11px;
  text-decoration:none;
}

/* $4  - kontaktformular /////////////////////////////////////////////////////*/

fieldset
{
   background:#ffffff;
   border:1px solid #dddddd;
   clear:both;
   display:block;
   margin:7px 0px;
   width:610px;
}

legend
{
  background:#0361a2;
  border:1px solid #dddddd;
  border-right-width:2px;
  border-bottom-width:2px;
  color:#ffffff;
  font-weight:bold;
  margin-bottom:4px;
  padding:4px;
}
    
label
{
  margin:5px 0;
} 

.kontaktdaten label,
.anfrage label
{
  display:block; 
  float:left;
  margin-left:20px;
  width:150px;
}
                       
.kontaktdaten input
{
  background:#ffffff;
  border:1px solid #0361a2;
  margin:3px 0;
  padding:3px;
  width:200px;
}

.anfrage textarea
{
  background:#ffffff;
  border:1px solid #0361a2;
  margin:3px 0;
  padding:3px;
  width:300px;
}
                        
.kontaktdaten input:active,
.kontaktdaten input:focus,
.kontaktdaten input:hover
{
  background:#e8ebdf;
}

.submitbutton
{
  background:#ffffff;
  border:1px solid #0361a2;
  padding:1px 0px;
  margin-bottom:10px;
  width:100px;
}

a.locationCat
{
  color:#0361a2;
  font-weight:bold;
}

.kontaktformular_correct
{
  margin:7px 0px 20px 0px;
}

.error
{
  color:red;
  font-weight:bold;
  margin:5px 0px;
  padding-left:15px;
}

.error p
{
  margin:15px 0px 7px 0px;
}

.error_div
{
  padding:10px;
}

/* $5 - IE6 Hacks ////////////////////////////////////////////////////////////*/

*html p.footer
{
  width:650px;
}

*html #main_left ul li a
{
  padding-bottom:0px;
}

* html fieldset
{
    padding:5px;
}