/* CSS Document */

/* base
----------------------------------------------- */

html {
		}
	
body {
	font-family : 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #555;
	text-align:center;
	background: #fff;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags */

p,li {
	font-size: 120%;
	margin: 0 0 0.7em 0;
	line-height: 1.3em
}

a {
	text-decoration:none;
	color: #449700;
        outline:none;

}

a:hover {
	color: #666
}

img { border:none }

h1 {
	font-size: 200%;
	font-weight: normal;
	height: 30px;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	background: #fff url(/images/88.jpg) bottom left repeat-x;
}



h2 {
	font-size: 170%;
	margin: 0 0 1em 0;
	font-weight:normal
}

h2.line {
	border-bottom: 1px solid #ccc
}

h3 {
	font-size: 150%;
	letter-spacing: 0.8px;
   margin: 0 0 0.7em 0;
}

h4 {
	font-size: 130%;
   margin: 0 0 0.7em 0;
}

h5 {
	font-size: 110%;
   margin: 0 0 0.7em 0;
}

h6 {
	font-size: 200%;
	font-weight: normal;
	margin: 0 0 1em 0;
	height: 30px;
	padding: 0 0 0 20px;
	background: #fff url(/images/89.jpg) bottom left repeat-x;
}


label {
	font-size: 110%;
}

hr {
color: #ccc;
background: #ccc;
line-height: 1px;
height: 1px;
font-size: 1px;
border:0;
margin: 5px 0 5px 0
}

/* klassen
----------------------------------------------- */


a.logo {
	display:block;
	width: 500px;
	height: 110px;
	background: url(/images/90.jpg) no-repeat;
}

a.logo img{
	display:none
}

a.h_eintragen {
	width: 100px;
	height: 25px;
	position: absolute;
	z-index: 3;
	top: 100px;
	right: 80px;
	background: url(/images/92.gif) left 50% no-repeat;
	padding: 10px 0 0 35px;
	font-size: 110%;
	color: #ccc
}

a.h_eintragen:hover {
	color: #fff
}

.sign {
	width: 70px;
	height: 60px;
	position: absolute;
	z-index: 5;
	top: 58px;
	right: 0px;
	background: url(/images/119.jpg) no-repeat;
}

a.pdf {
	background: url(../images/pdf.gif) 0 0  no-repeat;
	padding: 5px 0 5px 40px;
	text-decoration:none;
}

a.pdf:hover {
	background-position: 0 -50px 
}

/* Handwerker ####################*/
/*Übersicht*/
.teaser {
	width:685px;
	margin: 0 0 2em 0;
	padding: 0 0 10px 0;
         min-height: 120px;
         background:#fff}

.teaser img {
float:right;
margin: 0 0 0 20px;

}

.beschreibung {
width: 500px
}

a.standort {
	background: url(/images/94.jpg) left 50% no-repeat;
	padding: 3px 0 3px 20px;
}

a.website {
	background: url(/images/95.jpg) left 50% no-repeat;
	padding: 3px 0 3px 20px;
	margin: 0 0 0 20px;
}

/*Visitenkarte*/



#wrapmap {
	width: 400px;
        height:300px;
	float:right;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 4px;
	margin: 0 0 1em 0
}

.vk_content {
	width: 260px;
	float:left;
}

.vk_content a.website {
	margin:0
}

.vk_content img {
	margin: 20px 0 0 0
}


.google_map {
	width: 400px;
	float:right;
	border: 1px solid #ccc;
	padding: 9px;
	margin: 0 0 1em 0
}

/* layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

.container {
	margin: auto;
	text-align:left;
	width: 960px;
	position: relative
}

#miniadv {
	width: 305px;
	height: 120px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	 z-index:105;
}

#miniadv ul {
	list-style-type: none;
	padding:0 0px 0 0;
	margin:7px 0 0 25px;
}
#miniadv ul li {
	float: left;
	margin:0 6px 6px 0;
	}

#miniadv a {
	text-decoration:none;
	position:relative;
	 z-index:100;
	
	background: transparent url(../images/miniadv_a_bg.gif) 0 0 no-repeat;
	width:20px;
	height:20px;
	padding: 1px;
	float:left;
	display:block;
}	

#miniadv a span{
	display: none
	}
	
#miniadv a:hover
	{ 
	z-index: 101; 
	/*background: transparent url(../images/miniadv_a_bg.gif) 0 -60px no-repeat;*/
	}

#miniadv a span strong
	{
	display: block;
	margin-bottom:4px
	}
#miniadv a:hover span{ 
    display: block; 
	 position: absolute;
    top: 2.2em;
	 right: 2.2em;
	 padding:4px;
	 text-align: left;
	 width:135px;
    border: 1px solid #F95E00; 
	 background:#F95E00;
	 font-size: 80%;
	 color: #FFFADE
	 }
	 
#miniadv a.want  {
	 	clear:both;
	width: 100px;
		background-image: none;
		padding: 0 0 0 0px;
		margin: 5px 0 0 0;
	 }
	#miniadv a.want:hover {
		background-image: none;
	}

#header {
	padding: 0 0 0 0;
	background: #2e2e2e url(/images/96.jpg)  top left repeat-x; 
	width: auto;
	
	
}

#header_content {
	margin: 50px 0 0 0;
	background: #444 url(/images/97.jpg) top left no-repeat;
	
}

#header p{
	font-size: 110%;
}

#header img {
	display:none
}


#content_wrap {
	background: url(/images/98.gif) repeat-y;
	margin: 20px 0 0 0;
min-height: 350px;
overflow:hidden;

}


#content {
	/*width: 735px;
	margin: 0 0 0 220px;*/
float:right;
width: 740px;

}



#inhalt {
	margin: 20px
}

#inhalt ul {
  list-style-type:none
}

#sidebar {
	float:left;
	width: 220px;
}

#sidebar_content {
	margin: 10px;
}



/* Hauptnavigation */

#nav {
	padding: 20px;
}

ul.category_list {
margin:0;
list-style-type:none
}

ul.category_list li {
margin:0;
float:left;
width: 160px;
padding: 0 0 0 20px;
 }
 
ul.category_list li a{
color: #ccc;
background: url(/images/99.gif) 0 50% no-repeat;
padding: 0 0 0 20px
}

ul.category_list li a:hover{
color: #fff;
}

#nav br {
	clear:left
}

/* LinkListe */

#link_kat {
	padding: 0 0 0 0;
	border-top: 1px solid #ccc;
         display:none
}

#link_kat h4 {
	padding: 20px 20px 0 20px;
	color: #f0f0f0
}

ul.linklist {
	list-style-type:none;
	padding: 10px 20px 20px 20px
}
ul.linklist li {
	margin:0 0 3px 0;
	width: 300px;
padding: 0 0 0 20px;
}
ul.linklist li a {
	color: #ccc;
background: url(/images/100.jpg) 0 50% no-repeat;
padding: 2px 0 2px 20px
}

ul.linklist li a:hover {
	color: #fff;
}

a#toggle {
	width: 60px;
	height: 25px;
	position: absolute;
	z-index: 3;
	top: 100px;
	right: 240px;
	/*background: url(/images/101.jpg) left 50% no-repeat;*/
         background-image: url(/images/101.jpg);
         background-position: left 50%;
         background-repeat: no-repeat;
	padding: 10px 0 0 35px;
	font-size: 110%;
	color: #ccc;
         outline:none
}

a#toggle:hover {
	color: #fff
}


/* Start */

#start {
	width: 665px;
	height: 50px;
	background: #333 url(/images/102.jpg) top left no-repeat ;
	padding: 10px;
	color: #fff
}

#start h2 {
	font-size: 220%;
	margin: 0;
	width: 530px;
	color: #fff;
	float:left;
	
}
#start a {
	display:block;
	width: 120px;
	height: 30px;
	float:right;
	background: #5C9602 url(/images/103.jpg) 0 0 no-repeat;
	margin: 8px 0 0 0;
         text-indent: -3000px;
outline:none
}

#start a:hover {
	background: #5C9602 url(/images/103.jpg) -250px 0  no-repeat;
}

#start p {margin:0
}


#start_fhw {
	width: 685px;
	height: 150px;
	padding: 0px;
	background: #F95E00 url(/images/104.jpg) top left no-repeat;
	color: #333
}
#start_fhw h2 {
	padding: 10px;
	margin:0
}
#start_fhw p {
	width: 140px;
	float:left;
	text-align:center;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	margin:0
	
}

#start_fhw p span {
	display:block;
	font-size: 40px;
	color: #fff;
	padding: 0 0 15px 0
}
#start_fhw a {
	display:block;
	width: 120px;
	height: 30px;
	background: #666 url(/images/105.jpg) 0 0 no-repeat;
	margin: 40px 0 0 65px;
text-indent: -3000px;
outline:none
}

#start_fhw a:hover {
	background: #666 url(/images/105.jpg) -250px 0 no-repeat;
}

/*Footer */
#footer {
	clear:both;
	background: url(/images/8.jpg) top left no-repeat;
        height:145px;
        padding: 9px 0 0 0;
}

#footer p {
	font-size: 110%
}

#fli {
	width: 200px;
	float:left;
	margin: 0 0 0 10px
}

#fli h5 {
	height: 50px;
	padding: 20px 0 0 70px;
	background: url(/images/9.jpg) no-repeat;
	font-weight: normal;
}

#fmi {
	width: 200px;
	margin: 0 0 0 220px;
	text-align:right;
	padding: 20px 0 0 0
}

#fre {
	width: 500px;
	float: right;
	padding: 0px 40px 0 0
}

#footer ul {
	list-style-type: none;
	float:right
	
}

#footer li {
	float:left;
	padding: 1px 0 0 10px;
}

#footer li a {
	display:block;
	height: 40px;
	text-align: center;
	padding: 20px 0 0 40px;
}

#footer li a.fhome {
	width: 80px;
	background: url(/images/5.jpg) left top no-repeat;
}
#footer li a.fhome:hover {
	background: url(/images/5.jpg) left -120px no-repeat;
}
#footer li a.ftop {
width: 80px;
	background: url(/images/6.jpg) left top no-repeat;
}
#footer li a.ftop:hover {
	background: url(/images/6.jpg) left -120px no-repeat;
}

#footer li a.furl {
	width: 140px;
	background: url(/images/7.jpg) left top no-repeat;
}
#footer li a.furl:hover {
	width: 140px;
	background: url(/images/7.jpg) left -120px no-repeat;
}

/* Googlemap
----------------------------------------------- */
#map_wrap {
   padding: 5px;
   
background: #333 url(/images/86.jpg) repeat-x;

}

/* livesearch
----------------------------------------------- */

/*Sucbox*/

#livesearch_form div {
  width: 200px;
 background:  url(/images/106.jpg) no-repeat;
height: 27px;
padding: 0px 0 0 0px;
}

#livesearch_text {
width: 140px;
background: transparent;
padding: 1px 3px 0px 15px;
font-size: 12px;
border:0;
}

#livesearch_results {
width: 200px;
background: #dedede;
margin: 0 0 20px 0;
border-bottom: 1px solid #000
}
#livesearch_results ol {
margin: 0 0 0 25px;
padding: 5px;

}


#livesearch_results p {
padding: 5px;
color: #666
}

/*Clearings ###########################*/

.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/

.clear_left {
	clear: left;
}