/* CSS Layoot Wunderwald Berlin */

/* Standard */

html
{ 	
margin: 0px; 
padding: 0px;
height:100%;
}

body
{
	background: url(images/bg_body.jpg) #ffffff;
	padding:0;
	margin-top:30px;	
	margin-left:0 auto;
	margin-right:0 auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:bottom;
	line-height:18px;
}



/* Links allgemein und Überschriften */

a:link, a:visited
{
color:#80293D;
text-decoration:none;
}
a:hover
{
color: #CC3300;
text-decoration:underline;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color: #80293D;
line-height:25px;
margin:0 0 12px 0;
text-align:left;
letter-spacing:1px;
}
#ueberschrift
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color: #80293D;
line-height:25px;
margin:0 0 12px 0;
text-align:center;
letter-spacing:1px;
}
h2
{
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#45637b;
margin:0;
letter-spacing:1px;
}
h3
{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#80293D;
margin:0 0 0px 0;
line-height:25px;
}
h4
{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0px 0;
letter-spacing:1px;

}
h5
{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0px 0;
color:#45637b;
}
hr
{
height: 1px;
background:#cccccc;
}
strong
{
margin:0 0 20px 0;
}
.formatierung
{
font-size:12px;
color:#45637b;
text-align: left;
padding: 0px;
letter-spacing:1px;
}

td	{text-align:left}

/* Container und Inhalte */

#inhalt
{
font-size:12px;
margin: 0px auto;
padding: 0px;
width:960px;
height:auto;
background:#ffffff;
border:1px solid;
border-color:#45637b;
}
#inhalt2
{
font-size:12px;
margin: 0px auto;
padding: 0px;
width:500px;
height:350px;
border:1px solid;
border-color:#45637b;
background-color:#FFFFFF;
}
#leftpane
{
width:198px;
height:555px;
background:#ffffff;
float:left;
border-right:1px solid #45637b;
}
#rightpane
{
width:760px;
height:555px;
background:#ffffff;
float:left;
}
#footer
{
width:960px;
background:#ffffff;
line-height:24px;
font-size:11px;
text-align:center;
border-top:1px solid #45637b;
clear:left;
}
#logo
{
width:199px;
height:130px;
text-align:center;
border-bottom:1px solid #45637b;
}
#flash
{
height:110px;
margin:0 !important;
margin:0 0 -2px 0;
border-bottom:1px solid #ffffff;
}
#content
{
font-size:12px;
width:730px;
height:393px;
padding:15px 15px 15px 15px;
line-height:18px;
text-align:left;
overflow:auto;
}

#text_startseite
{
font-size:12px;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
color:#45637b; 
}

ul.allgemein 
{
	font-size:12px;
	margin:10px 0 0 40px;
	color:#000000;
	float:left;
	margin:8px 0 0 0;
	padding:0 0 0 20px;
	line-height: 18px;
}
table, td
{
font-size:12px;
line-height:18px;
}
#content a:link, #content a:visited
{
background:url(images/link_arrow.gif) left no-repeat;
text-decoration:none;
padding: 0 0 0 18px;
}
#content a:hover
{
background:url(images/link_arrow_hover.gif) left no-repeat;
text-decoration:none;
padding: 0 0 0 18px;
}
#anker a:link, #anker a:visited
{
background:url(images/link_arrow_2.gif) left no-repeat;
padding:0 0 0 15px;
}
#anker a:hover
{
background:url(images/link_arrow_2_hover.gif) left no-repeat;
padding:0 0 0 15px;
}
#verweis a:link, #verweis a:visited
{
background:url(images/link_arrow_2.gif) left no-repeat;
padding:0 0 0 15px;
}
#verweis a:hover
{
background:url(images/link_arrow_2_hover.gif) left no-repeat;
padding:0 0 0 15px;
}


#tabelle_preise_1
{
width:148px;
float:left;
background:#45637b;
color:#FFFFFF;
margin:0 10px 10px 0;
padding:0;
font-size:12px;
font-weight:bold;
text-align:center;
height:109px;
border:1px solid #cccccc;
}
#tabelle_preise_2
{
width:148px;
float:left;
background:#45637b;
color:#FFFFFF;
margin:0 10px 10px 0;
padding:0;
font-size:12px;
font-weight:bold;
text-align:center;
height:109px;
border:1px solid #cccccc;
}
#tabelle_preise_1 h4, #tabelle_preise_2 h4
{
font-size:10px;
padding: 7px 0 7px 0;
margin:0 0 20px 0;
background:#DDE6EC;
color:#000000;
border-bottom:3px solid #CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0;
line-height:14px;
}
/* Iframe */
#iframe
{
font-size:12px;
width:680px;
height:auto;
padding:0px;
line-height:18px;
}
.textintabelle
{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.stadt_preise
{
width:506px;
}
.stadt_preise table
{
width:506px;
border:1px solid #CCCCCC;
}
.pauschal_preise
{
width:280px;
}
.pauschal_preise table
{
width:280px;
border:1px solid #CCCCCC;
}
#verweis2 a:link, #verweis2 a:visited
{
background:url(images/link_arrow.gif) left no-repeat;
text-decoration:none;
padding: 0 0 0 18px;
}
#verweis2 a:hover
{
background:url(images/link_arrow_hover.gif) left no-repeat;
text-decoration:none;
padding: 0 0 0 18px;
}
#sitemap
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
text-align:left;
}
#sitemap a:link, #sitemap a:visited
{
background:none;
color:#80293D;
text-decoration:none;
padding: 0 0 0 0px;
}
#sitemap a:hover
{
background:none;
color:#CC3300;
text-decoration:underline;
padding: 0 0 0 0px;
}

/* Navigation horizontal */

#navcontainer
{
margin: 0;
padding: 0;
height: 20px;
width:760px;
background: #45637b;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
background: #45637b;
width: 152px;
height: 20px;
border-right: none;
padding: 0;
margin:0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
}
#navcontainer ul li a:hover
{
color: #80293D;
background: #BBCBD8;
}
#navcontainer a:active
{
background: #c60;
color: #fff;
}
#navcontainer li#active a
{
background: #80293D;
color: #fff;
}


/* Navigation vertikal */
#navcontainer_vert { width: 199px; }

#navcontainer_vert ul, span
{
margin:0;
padding: 0;
list-style-type: none;
font-size:11px;
text-align:left;
}
#navcontainer_vert span
{
display: block;
padding: 4px 0 4px 10px;
width: 188px !important;
width: 189px;
background: #ffffff;
border-top: 1px solid #45637b;
border-bottom: 1px solid #45637b;
color: #45637b;
}
#navcontainer_vert a
{
display: block;
padding: 4px 0 4px 10px;
width: 188px !important;
width: 189px;
background: #ffffff;
border-bottom: 1px solid #45637b;
}

#navcontainer_vert a:link, #navlist_vert a:visited
{
color:#45637b;
text-decoration: none;
}

#navcontainer_vert a:hover
{
background-color: #BBCBD8;
text-decoration: none;
color: #80293D;
}
ul#navlist_vert li#active a
{
background-color:#80293D;
text-decoration: none;
color: #ffffff;
}

#banner {width:198px;height:163px;padding:0;margin:0}
#banner img{border:0;}


/*Navigations links unten*/

#navcontainer_vert2 { width: 199px; }

#navcontainer_vert2 ul, span
{
margin:0;
padding: 0;
list-style-type: none;
font-size:11px;
text-align:left;
}
#navcontainer_vert2 span
{
display: block;
padding: 4px 0 4px 10px;
width: 188px !important;
width: 189px;
background: #ffffff;
border-top: 1px solid #45637b;
border-bottom: 1px solid #45637b;
color: #000000;
}
#navcontainer_vert2 a
{
display: block;
padding: 4px 0 4px 10px;
width: 188px !important;
width: 189px;
background: #ffffff;
border-bottom: 1px solid #45637b;
}

#navcontainer_vert2 a:link, #navlist_vert2 a:visited
{
color:#000000;
text-decoration: none;
}

#navcontainer_vert2 a:hover
{
background-color: #BBCBD8;
text-decoration: none;
color: #80293D;
}
ul#navlist_vert2 li#active a
{
background-color: #80293D;
text-decoration: none;
color: #ffffff;
}
ul#navlist_vert2 li#active2 a
{
background-color:#BBCBD8;
text-decoration: none;
color: #80293D;
}

/* Kontaktformular */
.textbox
{
border:1px solid #45637b;
background: #C8D4E0;
font-size:11px;
padding: 2px 2px 2px 4px;
margin:5px 0 1px 0 !important;
margin:5px 0 5px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input
{
padding:2px;
cursor:pointer;
background-color:#C8D4E0;
border:1px solid #45637b;
color:#000000;
font-size:10px;
margin:0;
}
input.btn
{
padding:2px;
cursor:pointer;
background-color:#C8D4E0;
border:1px solid #45637b;
color:#000000;
font-size:10px;
margin:0;
}
input.btnhov
{
background-color:#80293D;
color:#ffffff;
}
#kontakt_answer
{
margin:50px 0 0 0;
width:400px;
padding:30px;
background: #FFFFFF;
text-align:center;
border:1px solid #999999;
}
select{
border:1px solid #45637b;
background-color:#BBCBD8;
color:#80293D;
font-size:12px;
margin:5px 0px 0px 0px;}

form{
font-size:11px;
}
.button{
border : 1px solid #CCCCCC;
background-color : #FFFFFF
}