@charset "UTF-8";

h1 {
    padding:0px 0 20px 0;
    color:#84b135; font-weight:normal;  font-size:24px;
}

h2 {
    padding:0 0 0 5px;
    color:#84b135; line-height:26px; font-size:14px;
    background-color:#e0ecd1;
}

h3, h4 {
    padding:0 0 0 5px;
    color:#84b135; font-size:13px;
}

h5, h6 {
    padding:0 0 0 5px;
    color:#84b135; font-size:12px;
}

p, address {
    padding:0 0 10px 0;
    line-height:18px; font-style:normal;
}

a {color:#84b135;}
a:hover { color:#ffed1b;}

hr {
    margin-bottom:10px;
    border-top:1px solid #9cc26a;
}

ul{
	margin: 0 0 10px 20px;
}

img{
	border:0px none;
}

.more {
    display:block;
    padding:0 0 11px 0;
    color:#9cc26a;
}

.gruenertext{
	color:#84b135;
}

.glebbg{
	color:#84b135;
    background:#FFED1B;
}

.openImage { border:1px solid #7b95aa; margin:0 8px 8px 0; }
.openImageLeft { float:left; margin:0 8px 8px 0; }
.openImageRight { float:right; margin: 0 0 8px 8px; }
.imgleft{ float:left; margin:0 8px 8px 0;}
.imgright{ float:right; margin: 0 0 8px 8px; }
.clearer{clear:both; font-size:1px;}
.clearernormal { clear:both; }

table.Intable {
	clear:both; margin:0; padding:0; width:100%;
	border-collapse:separate;
}

table.Intable tr{
	background: #F6F6F6;
}

td{
	vertical-align:top;
	padding:5px;
}
/***************** HEADER ************************/

#logobg{
	position:absolute; z-index:3; left:46px; height:168px; width:224px;
	background:#fff; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;
}
#logo {
    position:absolute; z-index:4; top:0; left:45px; padding:28px 0 2px 0;
}

#header_img {
    position:relative; z-index:1; width:955px; height:168px; padding:0 0 4px 0;
    background:url(../imghead/f_img1.jpg) no-repeat;
}

#header_border {
    position:absolute; width:955px; height:168px; top:0px; padding:0 0 0px 0; background: #E0ECD1;
}

#header_pre_img{
	position:absolute; top:-3000px;
}


#header_border {
    position:absolute; width:955px; height:168px; top:0px; padding:0 0 0px 0; background: #E0ECD1;
}


#page {
    position:relative; margin-left:-2px; width:970px; min-height:500px;
    background:url(../img/page_bg.png) repeat-y;
}

/***************** NAVIGATION ************************/

#left {
    float:left; width:289px;
}

#navigation {
    margin:0 24px 100px 42px;
    width:223px;
}

#topnav {
    margin:0 24px 0 42px; width:223px; min-height:40px;
    background-color:#e0ecd1;
}

#topnav ul {
    
    list-style:none; margin:0px; padding:15px 0px 0px 0px;
}

#topnav li {
    float:left; margin: 0px 0px 10px 0px; padding:0px 7px 0px 7px;
	border-right:1px solid #b7c0b0;
}

#topnav li.topnavlast{
	border-right:0px none;
}

#navigation ul {
	margin:0px;
	padding:0 0 100px 0;
    color:#7b7b7b;
    list-style:none;
}

#navigation ul ul {
	margin:0px;
    padding:3px 0 9px 0 !important;
    background-color:#e0ecd1;
}

#topnav a {
    font-size:12px;
    color:#7b7b7b;
    text-decoration:none;
}

#topnav a:hover, #topnav a.active{
	 color:#84b135;
}
#navigation ul a {
    display:block;
    border-bottom:1px solid #FFF;
    padding:0 0 0 20px;
    line-height:33px;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
	text-decoration:none;
}

#navigation ul a.active, #navigation ul a:hover {
    color:#ffed1b;
}

#navigation ul ul a {
    padding:0 0 0 40px;
    border-bottom:0;
    line-height:20px;
    font-size:14px;
    font-weight:normal;
    color:#84b135;
}

#navigation ul ul a.active, #navigation ul ul a:hover  {
    color:#84b135;
    background-image:url(../img/lipu_sub.png);
    background-repeat:no-repeat;
    background-position:20px 4px;
}

#navigation ul ul ul a {
    padding:0 0 0 50px;
    border-bottom:0;
    line-height:15px;
    font-size:14px;
    font-weight:normal;
    color:#84b135;
}

#navigation ul ul ul a.active, #navigation ul ul ul a:hover  {
    color:#84b135;
	background:none;
    text-decoration:underline;
	font-weight:bold;
}

#navigation ul ul ul ul a {
    padding:0 0 0 60px;
    border-bottom:0;
    line-height:15px;
    font-size:14px;
    font-weight:normal;
    color:#84b135;
}

#navigation ul ul ul ul a.active, #navigation ul ul ul ul a:hover  {
    color:#84b135;
    background:none;
    text-decoration:underline;
	font-weight:bold;
}


#kids_corner {
    position:absolute; margin:0 0 0px 42px; bottom:0px; height:185px; width:223px;
}



/***************** CONTENT ************************/
#center {
    float:left; width:430px; padding:42px 0px 20px 0px;
}

#googlemap{
	height:500px;
}

#googlemap input#saddr{
	border:1px solid #333; padding-left:5px;
}

h2.galleryh2{
	clear:left; border-left:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; margin-bottom:2px;
    cursor:pointer;
}

.gallery {
    padding:7px 0 0 0;
}

.gallery .galimage {
    float:left;
    padding:0 2px 0 0 !important; width:105px;
}

.gallery p {
   font-size:12px; padding:0px 3px; line-height:16px; margin-bottom:3px;
}

.gallery a {
   font-size:12px;
}

.gallery .galrow{
	clear:left; padding-top:5px; margin-left:2px;
}

#center ul.sitemap0 a{
	color:#787878; 
}
#center ul.sitemap0 a:hover{
	color:#9cc26a; 
}

#center ul.sitemap0{
	padding:0px 0px 20px 10px;
	list-style:none;
}

#center  ul.sitemap0 ul{
	padding:0px 0px 2px 10px;
	list-style:none;
}

/***************** TEASER ************************/
#right {
    float:left;
    margin:43px 0 0 24px;
    width:209px;
    font-size:13px;
    font-weight:bold;
    color:#9cc26a;
}

#right h3 {
	width:207px; margin: -12px 0px 11px -11px;
    color:#FFF; line-height:30px; font-size:16px; text-align:center;
    background-color:#9cc26a;
}

#right p {
    width:189px;
}

#teaser div {
    float:left;
    width:192px; margin:0 0 4px 0;  padding:11px 8px 11px 11px;
    border:1px solid #9cc26a;
}

#teaser div.ti {
    padding:11px 0px 0px 0px;
    border:0px none;
    border-top:1px solid #9cc26a;
}

#teaser div.tifirst {
	padding:0px 0px 0px 0px;
    border:0px none;
}

#teaser p, #teaser h4  {
    margin: 0; padding:0px;
}

#teaser img {
    float:left; padding:0 3px 3px 0;
}

#teaser_offen{
	float:left; width:213px; margin:0 0 4px 0;
    text-align:left;
}

#offentop{
	height: 9px;background:url(../img/oeffnungtop.gif) 0 0 no-repeat;
}
#offencontent{
	min-height: 10px;background:url(../img/oeffnungbg.gif) 0 0 repeat-y; padding: 0px 13px 0px 11px;
}

#offencontent h1{ color:#FFF; font-size:16px; text-align:center; font-weight:bold; padding:0px;}
#offencontent p, #offencontent td{ color:#FFF; font-size:12px; padding:0px 0px 5px 0px; }
#offencontent hr {
    margin:10px 0px;
    border-top:1px solid #FFF;
}

#offenbottom{
	height: 10px;background:url(../img/oeffnungbottom.gif) 0 0 no-repeat;
}

#teaser_logos {
    float:left; width:212px; height:270px; padding:20px 0 0 0px; 
    text-align:left;
}

#teaser_logos img#meisterbetrieb{
	padding:0px 20px 0px 0px;
}

#teaser_logos img#netzhandwerk{
	padding:10px 0px 0px 2px;
}

/***************** FOOTER ************************/
#footer {
    clear:both; width:922px; margin-left:-2px;  padding:7px 0 0 42px;
    background:url(../img/footer_bg.png) no-repeat;

}

#footer p, #footer a {
	color:#84b135; font-size:15px; text-decoration:none;
}

/********************** START FORM ****************************/
#center form#kontakt table { border:0px none; border-collapse:collapse; padding:0px margin:0px;}
#center form#kontakt td{ padding-left: 0px;}
#center td.first { width:130px; }
#center td.second { width:100px; }

#center fieldset{ border:none;}
#center legend{ display:none; }
#center label{ margin: 0px 20px 0px 0px; cursor:pointer;}

#center input{ width:255px; border:1px solid #999; }
#center input.ankurz{  width:180px; }
#center input.ankurznoborder {   width:180px; border:none 0px; } 
#center input.anlang{  width:300px; }
#center input.anradio{  width:30px; }
#center select.ansel{  width:180px; border:1px solid #999;}

#center input.fe-submit{ width:100px;}
#center input.fe-submitr{ margin-right:10px; width:80px;}
#center input.fe-radio{ width:20px;border:none;}
#center .formError{ color:#C03; }
#center .formErfolg{ color:#84B135; }
#center textarea{ width:345px;height:100px;border:1px solid #999;}

#center #googlemap input#senden{width:40px;}
#center #googlemap input#saddr{ width:100px; margin-right:5px;}

#anfrage fieldset{ border:1px solid #CCC; padding:5px; margin-bottom:10px; }
#anfrage fieldset.noborder{ border:none 0px; font-size:11px;}
#anfrage ul { list-style:none; padding:0px; margin:0px; }
#anfrage li { clear:left; padding:5px 0 5px 5px; } 
#anfrage li.tdhl { padding-left:5px; background:#F1F1F1; font-weight:bold; color:#787878;}
#anfrage li label, #anfrage li span.label{ float:left; width:120px; margin-right:0px;}
#anfrage li label.gesamt{ width:100%; }
#anfrage li label.innen{ width:70px;}
#anfrage li label.lang{ width:170px; }
#anfrage li label.langLang{ width:220px; }
#anfrage li label.kurz{ width:30px; }

#anfrage li span.tdspan{ margin-left:5px;}
#anfrage li input { float:left;}
#anfrage li input.vonbis { width:50px; margin-right:18px;}
#anfrage li textarea { float:left; width:300px;height:60px;border:1px solid #999;}

#anfrage div.error{ color:#903; margin:0px 0px 20px 5px; }
#anfrage li label.error{ color:#903;  }

#anfrage option{ padding-left:18px; background-color: #FFF;}
#anfrage optgroup{ background:#F1F1F1; }

td.dtfirst{ width:80px; }