 /*
 dunkel-grün Logo: #717849
 rot dunkler: #a20824

 mint: #ebede2

*/

@import "suchbox.css";


html { height: 100%;}
body { height: 100%;}


body {

	margin:0;
         font-size: 11px;
         line-height:18px;
         font-weight:normal;
	color: #222415;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
         text-align: center;
         		}

H1 {color: #467b44; font-size: 17px; padding: 0 0 15px 0; margin:0; font-weight:bold;}	/*hellgrün groß*/
H2 {color: #717849; font-size: 17px; padding: 0 0 6px 0; margin:0; font-weight:bold;}   /*dunkelgrün fett*/
H3 {color: #6d1010; font-size: 12px; padding: 0 0 0px 0; margin:0; font-weight:bold;}   /*rotbraun bold*/
H4 {color: #755451; font-size: 11px; padding: 0 0 8px 0; margin:0; font-weight:bold;}   /*normal fett*/
H5 {color: #a80606; font-size: 12px; padding: 0 0 0px 0; margin:0; font-weight:bold;} 	/*hellrot 12px*/


.klein {font-size:10px;}

a {text-decoration: none; color:#bd9c81; }
a:link {color:#a20824}
a:visited {color:#a20824}
a:hover {color:#717849; text-decoration: none;}

a.oben {font-size:18px; font-weight:normal;}

.inhaltrechts a {text-decoration: none; color:#717849; font-weight:bold; font-size: 10px;}
.inhaltrechts a:link {color:#717849;}
.inhaltrechts a:visited {color:#717849;}
.inhaltrechts a:hover {color:#a20824; text-decoration: none;}

/*html>body #container01 {overflow:auto;}*/


#page
{
	width: 835px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
         background-image: url(../images/hg.gif);
         background-repeat: repeat-y;
         position: relative;
}

* html #page
{
	height: 100%;
}




#nonfooter {
         min-height: 100%;
         width:835px;
         background-color:#faf2dd;
         background-image: url(../images/hg.gif);
         background-repeat: repeat-y;
         padding:0 0 15px 0;
         text-align: left;
         position: relative;
	}
* html #nonfooter {height:100%;}

#content {padding-bottom: 0;}

p {padding:0; margin:0;}





#logooben{
	width:100%;
         height: 67px;
         background-color: #ffffff;}





#liniemenu {
	margin:0;
         padding:0;
	height: 31px;
         width: 835px;
         background-color:#ffffff;
         background-image: url(../images/hg_menuoben.gif);
         background-repeat: repeat-x;
	}

	#liniemenu01 {        /*linke Seite Menu oben*/
         float:left;
         margin:0;
         padding:0;
         width: 214px;
         height:31px;

         }

                 #liniemenu01 img { float: left; margin: 10px 10px 0px 15px;}

   	#liniemenu02 {    /*rechte Seite Menu oben*/
         float:left;
         width: 621px;
         height:31px;

         }
         	#liniemenu02 div {padding: 7px 0 5px 15px;}


         #liniemenu02 div ul {
     list-style : none;
     margin : 0;
     padding : 0;
      }
 #navlist li {
     display : inline;
     font-size : 11px;
     height : 18px;
     font-weight : bold;
     letter-spacing : 0;
     padding : 0 10px 0 10px;
     margin : 0 0 0 0;
     border-right: 1px solid #717849;
      }
 #navlist a {
     color : #717849;
     text-decoration : none;
      }
 #navlist a:link, #navlist a:visited {
     color : #717849;
     text-decoration : none;
      }
 #navlist a:hover {
     color : #063204;
     text-decoration : none;
      }
 #navlist li.aktiv a {
     color : #063204;
      }
 #navlist li.aktiv a:link {
     color : #063204;
      }
 #navlist li.aktiv a:visited {
     color : #063204;
      }
 #navlist li.aktiv a:hover {
     color : #063204;
      }


/*::::::::::::::::::::::::::::::::::::SubMenu und FOTO::::::::::::::::::::::::::*/

#menufoto{
	width:100%;
         height: 219px;
         background-color: #faf2dd;
         }

	#menufoto01 {
         float: left;
         width:214px;
         height: 219px;
         background-color: #b5bb8f;
         }

         #menufoto02 {
         float:left;
         width:621px;
         height:219px;}

/*:::::::::::::::::::::::::::::::::::Spalte rechts::::::::::::::::::::::::::*/

.inhaltrechts { padding:3px 5px 2px 10px;  margin-top:3px; margin-bottom:0;}

/*:::::::::::::::::::::::::::::::::::Spalte rechts::::::::::::::::::::::::::*/


#contentbox {   }
#contentlinks {float:left;  width: 214px;  }

#vorteile {color: #717849; font-size: 10px; font-weight: bold; line-height: 14px; border-top: 1px solid #fff;}
#titel-vorteile{height: 32px; font-size: 18px; line-height: 20px; font-weight: bold; padding: 16px 0 0 10px; background-color: #ebede2; margin-bottom:0 }

* html #items-vorteile {padding: 0 3px 0 10px; width: 200px;}  /*hack ie6*/
#items-vorteile { margin-top: 0px; background-image: url(../images/hg_itemsvorteile.gif); background-repeat: repeat-x; width: 195px; padding: 0 8px 0 10px; min-height: 273px; height: auto !important; height: 273px;   }

#items-vorteile .csc-textpic-imagewrap img {background-color: #fff; padding: 2px;}
.vorteileeinzeln {border: 0px solid #000; height: 87px;}

#contentrechts {float: left; width: 621px; padding-top:0px; padding-bottom:20px;}
#contentrechts #main {float: left; width: 425px; padding: 17px 0px 0px 20px; margin-right: 12px; line-height: 19px; }
#contentrechts #mainrechts {float: left; width: 164px; border-left: dotted 0px #808080; padding: 0px 0 0px 0px; min-height: 100%;}

.balken8px {height: 8px; width: 100%; background-color:#b5bb8f; border-top: 1px solid #fff;}
.balken14px {height: 20px; width: 154px; color: #fff; font-weight: bold; padding-left:10px; background-color:#b5bb8f; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}



/*::::::::::::::::::::::::::::::::::::Menu  LINKS::::::::::::::::::::::::::*/



#submenu{
padding-top:20px;
width: 170px;
font-size: 11px;
font-weight: normal;
color: #ffffff;
	}



#submenu ul{
list-style: none;
margin: 0;
padding: 0 0 0 10px;/*kastenabstand links*/
border: none;
}

#submenu li {
padding: 0px 0 0px 0px;
margin: 0px 0 8px 0;
}

#submenu li a{
display:block;
height: 27px; /* Text-Padding-Abstand von Gesamthöhe abziehen 35px-8px=27px*/
padding: 8px 0px 0px 0px;
background-color: transparent;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#submenu li a:link, #submenu li a: visited {
color: #b55749;
text-decoration: none;}

#submenu li a:hover{
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position:0px 0px;
color: #4f5431;
}


#submenu li.aktiv a {
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #4f5431;
}

#submenu li.aktiv a:link, #submenu li.aktiv a:visited, #submenu li.aktiv a:hover {
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #4f5431;
}


/*::::::::::::::::::::::::::::::::::::Menu  LINKS:ende:::::::::::::::::::::::::*/








#footer { position:absolute;
	bottom: 0;
         height: 16px;
	padding:3px 0 0 0;
	background-color: #717849;
	width: 835px;
         color: #faf2dd;
         font-size: 9px;
         line-height:12px;
	}


#footer01 {

         float: left;
         width: 214px;
         height: 100%;
         background-color:#717849;
         text-align: center;
         }
#footer01 div {padding:0px 0 0 0;}
#footer01 div a, #footer01 div a:link, #footer01 div a:visited {color:#faf2dd;}
#footer01 div a:hover  {color:#f7da8e; text-decoration: none;}

#footer02 {

         float: left;
	width: 621px;
         height: 100%;
         text-align: left;
         background-color: #717849;
         }

#footer02 div {padding:0px 0 0 80px;}






#endefloat {
clear: both;
     margin : 0;
     padding : 0;
     width : 100%;
     color:red; }




/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/



/*############## RANDOM IMAGE ####################*/
.inline {display:inline}
.bildgross { background-color:#ffffff; padding-bottom:500px; z-index:99; }
.bildgross1 { border:1px solid #b5bb8f; background-color:#ebede2; padding: 2px;  }
.bildklein {float:left; margin-right:11px; margin-bottom:10px;}
.bildklein img {border:1px solid #c0c0c0; }
.bildklein a:hover img { background-color:#ffffff; border:1px solid red;  }







/*:::::::::::::::::::::::::::::::::::::listen::::::::::::::::::::::::::*/

UL.csc-bulletlist-1 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-1 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 12px; /*kasten zu text*/
background: url(../images/icon-gruen2.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
text-align: left;
}


UL.csc-bulletlist-2 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-2 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 18px; /*kasten zu text*/
background: url(../images/icon_punkt8.jpg);
background-repeat: no-repeat;
background-position: 0px 6px;
text-align: left;
}

 html>/**/body UL.csc-bulletlist-3 { list-style-type : decimal; padding: 0px 0px 0px 23px; } /*für alle modernen außer IE7*/
UL.csc-bulletlist-3 { list-style-type : decimal; padding: 0px 0px 0px 0px; }
UL.csc-bulletlist-4 { list-style-position : inside; }

UL.csc-bulletlist-5 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-5 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 8px 20px; /*kasten zu text*/
background: url(../images/icon_rot7.jpg);
background-repeat: no-repeat;
background-position: 0px 6px;
text-align: left;
}
 /*:::::::::::::::::::::::::::::::RAHMEN für alle Content-Elemente:::::::::::::::::::::*/


DIV.csc-frame-indent3366 { padding-left: 50px; }
.csc-frame-rulerAfter {width: 100%; height: 12px; background-color: transparent; border-bottom:1px solid #717849; }


/*###### Bildunterschriften ########*/
.csc-textpic-caption {font-size:9px; line-height:10px; padding-top: 3px;}



/*Formatierung Untertitel*/
p.csc-subheader-0 { color:#AF8058; font-size:110%; font-weight:bold; }


div.csc-sitemap {text-align:left;}
div.csc-sitemap ul {margin-left:15px; padding-left:3px;}

      /* Außenabstand bild
         DIV.csc-textpic-imagewrap { padding: 20px; } */




/*####### FÜR FORMULARE#############*/
.mailbutton {
     color: #000000;
     background-color: #faf2dd;
     font-size : 11px;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     border-bottom-width : 0px;
     border-color : #faecc6;
     border-left-width : 0px;
     border-right-width : 0px;
     border-top-width : 0px;
      }


.csc-mailform-label {
     color: #000000;
     background-color: #faecc6;
     font-size: 10px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
           }

.csc-mailform { border: none}



/*#######################  MAILFORMPLUS  ##############################*/

.mailbutton {
     color: #000000;
     background-color: #efefef;
     font-size : 11px;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     border: 1px solid #BFBFBF;
     cursor: pointer;
      }


.tx-thmailformplus-pi1 {background-color:#ffffff;  width:100%; font-size:11px;}


.formbox {
  width: 100%;
  color: #000;
  background-color: #ffffff;

}



.reihe {
  clear: both;
  padding: 4px 0px;
  width:100%;
}



.reihecap {
  clear: both;
  padding: 5px 0px 0 0px;
  width:100%;
  height: 40px
}





.label {
  float: left;
  width: 28%;
  text-align: right;
  padding-top: -3px;
  padding-right: 5px;
}



.feld {
  float: right;
  width: 68%;
  text-align: left;

}



.label1 {
  float: left;
  width: 28%;
  text-align: left;
  height: 40px;
  padding: 0px 0 0px 0;

}



.spam {margin-top:0px; font-size:10px; line-height: 12px; padding-left: 3px; clear:both;}

.links20px {padding-left:20px; color: #BB0000; padding-bottom:10px;}



.knopf {
  clear: both;
  text-align: left;
  padding: 0 0 30px 172px;

}



.defbreite { /*Formatierung dr Felder selbst*/
  width:100% ;
  font-size:11px;
  border: 1px solid #7F7F7F;
  padding-bottom:2px;

}





/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/














/*
#box {
	margin: 27px 64px 0px 154px;
         background-color:transparent;
         color: #bd9c81;
         font-weight:normal;
         font-size:10px;
         }

#box a {
color:#bd9c81;
background-color:#ffffff;
font-family:arial, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
display:block;
padding:0px 0px 0  0;
border:#ffffff solid 1px;
}

#box a:visited {
color:#bd9c81;
background-color:#ffffff;
}

#box a:hover {
color:#41759d;
background-color:#ffffff;
text-decoration:none;
height:30px;
border:#ffffff solid 1px;
}

#box a:active {
color:#bd9c81;
background-color:#ffffff;
}

 #box a .info {
display:none;
}

#box a:hover .info {
position:absolute;
top: 450px;
right:66px;
color:#ffffff;
background:#b8ab8f;
width:190px;
font:10px arial,sans-serif;
display:block;
padding:10px;

}
*/

/*::::::::::::::::::::::::::::::::::::GOOGEL MAP :::::::::::::::::::::::::*/

/* default styles for extension "tx_rggooglemap_pi1" */
#map {background:#ece9d8; border: 1px solid #aa3e33; clear:both;}

#tx-rggooglemap-cat {display:none}