/* ===================================================
Stylesheet
Datei: screen.css
Datum  23/03/10
Autor: wquadrat medien gmbh
=================================================== */
/*outline: 1px solid red;*/

html {overflow-y:scroll;}

body {background: #edece8 url("/media/bilder/_layout/bg_body.gif") repeat-x;}

#raster {position:relative;background:url("/media/bilder/_layout/bg_container.png") repeat-y;}
	
#container {margin: 0px 10px;background: #f2f2f2 url("/media/bilder/_layout/bg_content.gif") repeat-x;}


/******************************* logo, branding (flash-slideshow) **************************************/
#header {position:relative;background-color:#e5e4e0;padding:0 10px;height:131px;background:url("/media/bilder/_layout/bg_container_top.png") no-repeat;background-position:bottom center;}

#branding {height:115px;width:264px;float:left;margin-left: 25px;}

#logo {overflow:hidden;}

h1#logo img {display:none;}
h1#logo {text-indent:-9999px;position:absolute;}
h1#logo a {display:block;width:264px;height:115px;background:url("/media/bilder/_layout/logo.png") no-repeat;}


/******************************* navigation  **************************************/
#navigation {
margin: 91px 15px 0 0;
float:right;
width:auto;
height: 40px;
}

ul.navi, ul.navi ul {margin:0;list-style-type: none; z-index:10;text-align: center;}
ul.navi li {margin:0;float: left;}

/* navi links */

ul.navi li a {text-decoration:none;background: url("/media/bilder/_layout/bg_navi.png") repeat-x; background-position:top left;color:#708d9b;display: block; padding:16px 8px 12px 8px;}
ul.navi li.first a {background: url("/media/bilder/_layout/bg_navi_first.png") repeat-x;color:#708d9b;display: block; padding:16px 8px 12px 8px;}

ul.navi li a:hover {color:#708d9b;padding:13px 8px 12px 8px;background: url("/media/bilder/_layout/bg_navi_aktiv.png") repeat-x;}
ul.navi li a.selected {color:#708d9b;padding:13px 8px 12px 8px;background: url("/media/bilder/_layout/bg_navi_aktiv.png") repeat-x;}

/******************************* header_bild  **************************************/

#header_bild_start, #header_bild {padding:9px 9px 24px 9px;}
#header_bild img {border: 1px solid #eeeeee;}

#header_bild_start img {display:none;border: 1px solid #eeeeee;}

/******************************* content  **************************************/
.bg_teaser {background: url("/media/bilder/_layout/bg_teaser.gif") repeat-y;}

#content {margin-bottom:10px;}

h2.headline {padding: 7px 20px; 0px;margin:0px 0px 7px;}
.content_block {padding: 7px 20px; 0px;}
#content div.p {padding:0;}



#content dl.bildKlein {width:auto;}
#content dl.bildKlein {margin:4px 20px 10px 0;}
#content dl.bildMedium {}
#content dl.bildMedium {margin:4px 0 10px 20px;}
#content dl.bild dt img {border:1px solid #e0e2e1;}

//.grid_8 .content_block ul  {float:left}
.grid_8 .content_block ul li {padding:2px 0px;}

.newsbutton {
margin-top: 20px;
float:right;
float:clear;
}

/********** tabelle table_grid_8 **********/
table.table_grid_8 {
    width:600px;
    border-collapse:collapse;
    }
table.table_grid_8 tr th.colwidth1 {width: 280px;} 
table.table_grid_8 tr th.colwidth2 {width: 180px;} 
table.table_grid_8 tr th.colwidth3 {width: 180px;} 
table.table_grid_8 tr th.colwidth4 {width: 60px;}

 
table.table_grid_8 td { border:1px solid #e0e2e1;padding: 4px 2px;  }

table.table_grid_8 th { border:1px solid #e0e2e1;padding: 4px 2px; color:#005680;   }



/******************************* subnavigation teaser  **************************************/
#content_navi {
padding-bottom:40px;
border-bottom: 1px solid #fff;
background: #ecf0f2 url("/media/bilder/_layout/bg_content_navi.gif") repeat-x;
}


ul.navi1 {margin:0px;list-style-type: none;}
ul.navi1 li {margin:0px;border-bottom: 1px solid #dbdfe0; }

/* navi links */
ul.navi1 li a {text-decoration:none;margin:0px;display:block; padding:10px 5px 10px 20px;}

ul.navi1 li a.selected {padding:10px 5px 10px 12px;}


ul.navi1 li a {color:#708d9b;}
ul.navi1 li a:hover {color:#005680;background:#f9f9f9;}
ul.navi1 li a.selected {color:#005680;background:#f9f9f9;}
ul.navi1 li a.selected:hover {color:#005680;background:#f9f9f9;}




/******************************* teaser  **************************************/
#navi_teaser {
background-color: #eaebeb;	
border-bottom: 1px solid #eaebeb;	
}

.teaser {
border-bottom: 1px solid #fff;
}

.teaserbild {
	margin-bottom:15px;
}


/******************************* footer  **************************************/
#bg_footer {
margin-left: auto;
margin-right: auto;
width: 1140px;
height:307px;
position:relative;
background:url("/media/bilder/_layout/bg_footer.png") no-repeat;
background-color: #edece8;
}

#footer {}

#footer_text {padding: 50px 10px 0px 10px;color:#979486;}


/******************************* footer navigation  **************************************/
ul.navi2 {margin:0;list-style-type: none;}
ul.navi2 li.navi3 ul {margin:0;list-style-type: none;}

ul.navi2 li  {margin:0px 10px 0px 8px;padding:10px 5px 13px 12px;background:url("/media/bilder/_layout/navi2_linie.gif") repeat-x;background-position:bottom left;}
ul.navi2 li.navi3 {background:none;padding:0;}
ul.navi2 li.navi3 ul li {background:none;padding:10px 5px 0px 2px;}

/* navi links */
ul.navi2 li a {text-decoration:none;color:#979486;}
ul.navi2 li a:hover {text-decoration:underline;}



/********** newsliste **********/
.newsliste {padding: 10px 0;border-bottom: 1px solid #005680;}

.newsdate {color:#005680;padding:0 20px 10px;text-align:right;font-weight:bold;}


/********** Kontaktformular **********/
#kontaktform {padding:20px 0px 10px 0px;}
div.label, div.field { margin:0px 0px 10px 0px; }
div.label { float: left;width:130px;padding-top:5px;}
div.field { float: left;}
form.contact, .results.contact {width:100%;}
#firstName, #lastName, #email, #phone, #email,#subject, #message {width:340px;float: left;padding:3px 0px 3px 0px; } 
input, select, textarea  { color:#333; font-family: arial,tahoma,verdana,sans-serif;}
textarea { font-size:small;}

input#absenden {padding:2px 5px;}
textarea {height:180px;}

#errorMsg {padding-bottom:10px; padding-top:10px;}
#antwortText {margin-left:10px;}

.errorField {font-weight:bold;color:red;}

ol.fehlerliste {color:red;margin-bottom:20px;padding:0px 0px 0px 20px;}

/* interaktive anfahrt */

#karte-eingabe {padding:20px 10px 0px;}
form.routing {}
form.routing div.label { float: left;width:80px;padding-top:5px;outline: 1px solidf red;}
#from {width:210px; float: left;padding:3px 0px 3px 0px; } 
#button_route {padding:3px 0px 3px 0px;} 

#map_canvas {margin-top:10px;height: 350px;overflow:hidden;width:290px;}

.grid_8 #map_canvas {margin-top:10px;overflow:hidden;}
#anzeige {padding-top:20px;width:240px;display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px; }


#directions  {width:260px;}

//#directions table tr td {word-wrap:break-word;word-break:break-all}