/* ----------------------------------------------------------------------------------------------------------

    www.gartenteich-info.de

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;
        
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.75em/1.5 "arial", sans-serif;}

/* ----------------------------------------------------------------------------------------------------------
Layout Allgemein
---------------------------------------------------------------------------------------------------------- */

#main {width:1000px; margin:0 auto; overflow:hidden; border:0px solid #000000;}

/* Logo */
    #header {position:relative; height:65px; padding:5px 20px 15px 20px;}
	#logo {margin:0; width:250px ; height:65px;}

/* Hilfsnavigation */
    #nav {position:absolute; top:20px; right:15px; margin:0;}
    #nav span {margin:0 4px; color:#DDD;}
	#nav a {color: #83b516; font-weight: bold; text-decoration:none;}
    #nav #nav-active {color: #83b516; font-weight:bold; text-decoration:underline;}
	#nav a:hover {color: #83b516; font-weight: bold; text-decoration:underline;}


/* Hauptnavigation */    
    #navi {position:relative; width:1000px; height:45px; background:url("../design/bg-navi.gif") 0 0 no-repeat; overflow:hidden; font:bold 100%/1 "arial",sans-serif;}
    #navi ul {margin:0 20px; list-style:none;}
    #navi li {display:inline;}
    #navi li a {display:block; float:left; padding:17px 20px 17px 18px; text-decoration:none; border-right: 1px solid #FFFFFF; color:#FFFFFF;}
	#navi li a:hover {background:url("../design/bg-navi-hover.gif");}
    #navi li a:hover {background-color:#9F9F9F; color:#FFFFFF; text-decoration:underline;}
    #navi li#navi-active a {background-color:#090; color:#FFFFFF; text-decoration:underline;}
    #navi li#navi-active a {background:url("../design/bg-navi-active.gif");}

    #navibottom {padding-top:4px; padding-left:733px; background:url("../design/bg-navigation-bottom.jpg") no-repeat; width:960px; height:29px; font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none;}
	#navibottom a { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none;}
    #navibottom a:hover { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:underline;}


/* Seitenaufteilung */

	#leftcontent 
	{
    float:left;
    width:189px;
	height:230px;
	margin-top:15px;
	margin-right:15px;
	border:0px solid #000000; 
	}
	
	#maincontent
	{
    float:left;
    width:525px;
	margin-top:15px;
	margin-right:15px;
	border:0px solid #000000; 
	}

	#rightcontent 
	{
    float:left;
    background-color:#FFFFFF;
    width:254px;
	margin-top:15px;
	border:0px solid #000000; 
	}


/* ----------------------------------------------------------------------------------------------------------
Suche
---------------------------------------------------------------------------------------------------------- */

	.search
    {
    padding-left:680px; 
	padding-top:13px;
	border: 0px solid #FFFFFF;
    }

	.searchfield
    {
    float:left; 
	padding-right:5px; 
	border: 0px solid #FFFFFF;
	}

	.searchfieldresult
    {
    float:left; 
	padding-right:5px; 
	border: 0px solid #FFFFFF;
	}

	.searchfieldresultenter
    {
    width: 240px; 
    height:20px; 
    padding-top:2px; 
    color:#6e6e6d; 
    border: 1px solid #83b516;	
    }

    .searchfieldresultbutton
    {
    margin-top:2px;
    }

	.searchbutton
    {
    border: 0px solid #FFFFFF; 
    padding-top:1px;	
    }

	#search-text 
	{ 
	color:#000000; 
	padding:10px 0px 0px 0px;	
	}
	
	.searchresultfromto { text-align:left; color:#000000; }
	
	#search-text a { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none; }
	#search-text a:hover { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:underline; }


    .searchhead { font-size: 1.0em; color: #83b516; font-weight: normal; text-decoration:none; }
    .searchhead h3 { font-size: 1.2em; color: #83b516; font-weight: bold; text-decoration:none; }
   	.searchresultheadline a { padding-top:10px; font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:underline; }
	.searchresultheadline a:hover { padding-top:10px; font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:underline; }
	.searchresultdescription { font-size: 1.0em; color: #000000; font-weight: normal; text-decoration:none; }
	.searcherror { font-size: 1.0em; color: #000000; font-weight: bold; margin:0px; text-decoration:none; }
    .search-sitelink { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none; }


/* ----------------------------------------------------------------------------------------------------------
Seitennavigation
---------------------------------------------------------------------------------------------------------- */

/* oben rechts unten links */

	#sidenavigation {width:189px; height:40px; background:url("../design/bg-sidenavi-top.jpg") 0 0 no-repeat; }	 
	#sidenavigation h1 {position:absolute; width:289px; height:33px; overflow:hidden; margin: 3px 0 0 17px; padding:0; font-size:1.0em; font-weight:bold; color:#000000;}
	#sidenavigation h1 a {font-size:1.0em; font-weight:bold; color:#000000; text-decoration:none;}
	#sidenavigation-bottom {float:left; width:189px; height:18px; background:url("../design/bg-sidenavi-bottom.gif") 0 0 no-repeat; }

	/*Gesamtrahmen*/
	.sidenavigation {
	clear: left; float: left; width: 187px;
	background-color:#000000;
	margin:1px 0px 1px 0px;
    padding:2px 7px 2px 7px;
	border: #000000 0px solid;
	}
	
	.box_subnav {
	font-size:0.9em;
	background: #FFFFFF;	
	border-left: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	width: 187px; 
	}

	.box_subnav div {
	display: block;
	border-bottom: #e3e3e3 0px solid;
	border-top: #e3e3e3 0px solid;
	border-left: #e3e3e3 1px solid; 
	border-right: #e3e3e3 1px solid; 
	width: 187px; 
	/*background: url(../design/pfeil-sidenavigation.gif) no-repeat 8px center;*/
	}

	/*Rahmen Menüpunkte*/
	
	div.subnav_l1 { 
	display: block;
	margin-top:0px;
	border: #000000 0px solid;
	}

	div.subnav_l1_select { 
	display: block;
	margin-top:0px;
	margin-left:5px;
	padding-left:27px;
	width:150px;
	background: url(../design/pfeil-sidenavigation.gif) no-repeat 4px center;
	background-color:#85b71a;
	border: #000000 0px solid;
	}

	div.subnav_l1 a { 
	display: block; 
	padding-left: 25px; 
	font-weight: normal; 
    font-size: 1.1em; 
	margin-left:5px;
	margin-right:5px;
	border-bottom: #e3e3e3 0px solid;
	color:#FFFFFF;
	background: url(../design/pfeil-sidenavigation.gif) no-repeat 4px center; COLOR: #000000; text-decoration: none;
	}

	div.subnav_l1 a:hover { 
	display: block; 
	padding-left: 25px; 
	font-weight: bold; 
	font-size: 1.1em; 
	margin-left:5px;
	margin-right:5px;
	background: url(../design/pfeil-sidenavigation.gif) #83b517 no-repeat 4px center; COLOR: #FFFFFF; text-decoration: none;
	}

	div.subnav_l1 a:link, div.subnav_l1 a:visited {
	display: block;
	text-decoration:none;
	font-weight:normal;
	font-size: 1.1em; 
	padding:4px 0px 4px 0px;
	padding-left:27px;
	padding-right:10px;
	}

	div.subnav_l1_select a:link, div.subnav_l1_select a:visited {
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size: 1.1em; 
	color:#FFFFFF;
	padding:4px 0px 4px 0px;	
	}

	div.subnav_l2 { 
	display: block;
	margin-top:0px;
	border: #000000 0px solid;
	}

	div.subnav_l2_select { 
	display: block;
	margin-top:0px;
	margin-left:5px;
	padding-left:25px;
	width:152px;
	border: #000000 0px solid;
	background-color:#f3fae5;	
	}

	div.subnav_l2_select a:link, div.subnav_l2_select a:visited {
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size: 1.1em; 
	color:#000000;
	background-color:#f3fae5;
	padding:4px 0px 4px 0px;
	}

	div.subnav_l2 a:link, div.subnav_l2 a:visited {
	display:block;
	text-decoration:none;
	font-weight:normal;
	font-size: 1.1em; 
	color:#000000;
	padding:4px 0px 4px 27px;
	margin-left:5px;
	border: #000000 0px solid;
	}

	div.subnav_l2 a { 
	display: block; 
	padding-left: 27px; 
	font-weight: normal; 
	font-size: 1.1em; 
	margin-left:5px;
	margin-right:5px;
	color:#FFFFFF;
	}

	div.subnav_l2 a:hover { 
	display: block; 
	padding-left: 27px; 
	font-weight: normal; 
	font-size: 1.1em; 
	margin-left:5px;
	margin-right:5px;
	color:#000000;
	background-color:#f3fae5;
	}


/* ----------------------------------------------------------------------------------------------------------
Layout Startseite
---------------------------------------------------------------------------------------------------------- */

/* Header Info */

    .start-info 
    {
	float:right;
	background-color:#f3fae5;
	width:290px;
	height:105px;
	margin-top:15px;
	margin-bottom:15px;
	}

	.start-info h1  { font-size: 1.5em; color: #83b516; font-weight: bold; margin:0px; padding-left:5px; }
	.start-info-text  { font-size: 1.0em; padding: 0 10px 0 5px; color: #000000; margin:0px; }
	    

/* Startseite: Headerbild mit Text */

   	#start-head
        {
        float:left;
        width:652px;
	height:230px;
	margin-top:15px;
	background-color:#FFFFFF;
	border:0px solid #000000; 
	}

	#start-pic
	{
	float:left;
        width:657px;
	height:230px;
	background:url("../images/gartenteich.jpg") no-repeat;
	border:0px solid #000000;
	}
	
	#start-pic p
	{
	float:left;
	padding: 185px 0 0 10px;
	font-size: 2em;
	color: #83b516; 
	font-weight: bold; 
	text-decoration:none;
	}
	
/* Startseite: Teaser rechts neben dem Headerbild */
	
	.teaserBox
	{
	float:left;
	width:317px;
	height:224px;
	background-color:#f3fae5;
	margin-top:15px;
	margin-bottom:0px;
	margin-left:22px;
	padding:3px;
        border:0px solid #000000;
	}	

    .teaserBox img 	{ margin: 0px 0px 0px 0px; }	
	
/* Startseite: Teaser Boxen Hauptthemen */
/* oben rechts unten links */

   	#teaser-start   { float:left; width:1000px; margin-top:15px; margin-bottom:5px; border: solid 0px #000000; }
   	#teaser-main   { float:left; width:236px; padding: 1px 1px 5px 1px; margin: 0px 15px 10px 0px; background-color:#f3fae5; border: solid 0px #000000;}
   	#teaser-main-end   { float:right; width:237px; padding: 1px 1px 5px 1px; margin: 0px 0px 10px 0px; background-color:#f3fae5; border: solid 0px #000000;}
	.teaserimage img { width:232px; height:120px; border-right: #d7dde1 0px solid; padding-right: 2px; border-top: #d7dde1 0px solid; display: inline; padding-left: 2px; background: #f3fae5; float: left; padding-bottom: 2px; margin: 0px 10px 0px 0px; border-left: #d7dde1 0px solid; padding-top: 2px; border-bottom: #d7dde1 0px solid; }
	.teaserimage-head img { width:317px; height:120px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 1px; display: inline; background: #f3fae5; float: left; margin: 0px 10px 0px 0px; }

	.subline h2  { padding: 0 10px 0 5px; font-size: 1.0em; font-weight: bold; color: #a2a2a2; }
	.headline h1  { font-size: 1.2em; color: #83b516; font-weight: bold; padding-left:5px; }
	.headline a { font-size: 1.1em; color: #83b516; font-weight: bold; text-decoration:none; }
	.headline a:hover { font-size: 1.1em; color: #83b516; font-weight: bold; text-decoration:underline; }
	.teasertext  { font-size: 1.0em; padding: 0 10px 0 5px; color: #000000; }
	.teasertext a { background:url("../design/pfeil.gif") 1px 7px  no-repeat; display: block; padding: 0 10px 0 10px; font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:none; border: solid 0px #000000; }
	.teasertext a:hover { background:url("../design/pfeil.gif") 1px 7px no-repeat; font-size: 1.0em; padding: 0 10px 0 10px; color: #83b516; font-weight: bold; text-decoration:underline; border: solid 0px #000000;
}

/* Startseite: Content */
	
	#start-content {
  	float:left;
  	width:1000px;
  	background-color:#f3fae5;
  	margin-top:5px;
  	border: solid 0px #000000;
  	}

	#sitenavigation {
  	position: absolute;
  	top: 220px;
  	left: 10px;
  	width: 160px;
  	height: 300px;
  	background-color: #ffcc00;
  	}

	#content {
  	width: auto;
  	margin: 0px 180px;
  	background-color: #000000;
  	}


/* ----------------------------------------------------------------------------------------------------------
Teaser: Weitere Themen Startseite
---------------------------------------------------------------------------------------------------------- */
/* oben rechts unten links */

/* Teaser: Headlines */

	.TeaserHeadlineLeft
	{
  	float:left; 
  	width:500px; 
  	background:url("../design/bg-neueste-themen.jpg") no-repeat;
  	padding-left:10px; 
  	padding-top:2px; 
  	font-size: 1.2em; 
  	color:#FFFFFF; 
  	width:588px; 
  	border: #000000 0px solid;
	}

	#ContentLeft {
	float: left; 
	width: 582px;
	background-color:#FFFFFF; 
	padding: 0px 10px 10px 0px; 
	border: #000000 0px solid; 
	}

	#ContentRight {
	float: left; 
	width: 392px; 
	background-color:#f3fae5;
	margin-left: 16px; 
	border: #000000 0px solid; 
	}

	.TeaserLeft {
	float:left; width: 585px; margin-top:20px;
	}

	.TeaserLeftPic img {
	float: left; width:175px; height:110px;
	}

	.TeaserLeftText {
	float:left; width:400px;
	}

	.TeaserLeftText h4
	{
	padding: 0 10px 0 10px; font-size: 1.0em; font-weight: bold; color: #a2a2a2;
	}

	.TeaserLeftText h2 {
	font-weight: bold; font-size: 14px; color: #83b516; padding-left: 10px;
	}

	.TeaserLeftText p {
	padding-right: 10px; padding-left:10px; padding-top: 1px; 
	}

	.TeaserLeftText a { 
	background:url("../design/pfeil.gif") 11px 5px  no-repeat;
	font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:none; padding-left:20px;
	}
	
	.TeaserLeftText a:hover { 
	background:url("../design/pfeil.gif") 11px 5px  no-repeat;
        font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:underline; padding-left:20px;
	}
	
	.TeaserLeftLink a { 
	font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:none;
	}
	
	.TeaserLeftLink a:hover { 
	font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:underline;
	}
	
	.TeaserLeftInfolink-icon  { 
	float:left; 
	width:15px;
	height:15px;
	padding-right:5px;
	}

	.TeaserLeftInfolink { 
	float:left;
	width:525px;
	font:arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: normal; 
	color: #000000; 
	padding:10px 5px 0px 5px;
	margin-top:5px; 
	background-color:#FFFFFF; 
	border: solid 0px #000000;
	}

	.TeaserLeftInfolink a { 
	font-size: 1.0em;
	font-weight: normal; 
	color: #83b516; 
	text-decoration:none;
	}

	.TeaserLeftInfolink a:hover  { 
	font-size: 1.0em;
	font-weight: normal; 
	color: #83b516; 
	text-decoration:underline;
	}

	.TeaserLeftInfolink span  { 
	font-weight: bold; 
	color: #83b516; 
	}
	
	.TeaserRightHeadline { 
	float:left; 
	font:arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold; 
	color: #83b516;
	width:375px; 
	padding-top:15px;
	margin-bottom:5px;
	border-bottom: solid 1px #83b516;
	}

	.TeaserRight { 
	float:left;
	width:374px; 
	background-color:#f3fae5; 
	padding:2px 8px 0px 8px; 
	font:arial, verdana, sans-serif;
	font-size: 1.2em; 
	font-weight: bold; 
	color: #83b516; 
	margin-bottom:20px;
	border: solid 0px #000000;
	}
	
	.TeaserRightText { 
	float:left;
	width:365px;
	font:arial, verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal; 
	color: #000000; 
	padding:10px 5px 0px 5px;
	background-color:#FFFFFF; 
	border: solid 0px #000000;
	}

	.TeaserRightText b { 
	font:arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold; 
	color:#83b516;
	border: solid 0px #000000;
	}

       .TeaserRightPic img { 
       float:left;
       width:88px;
       height:70px;
       padding-right:5px;
       margin-bottom:10px;
       border: solid 0px #000000;
       }
	
	.TeaserRightLink a { 
	background:url("../design/pfeil.gif") 2px 5px  no-repeat;
	font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:none; padding-left:11px;
	}
	
	.TeaserRightLink a:hover { 
	background:url("../design/pfeil.gif") 2px 5px  no-repeat;
        font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:underline; padding-left:11px;
	}



/* ----------------------------------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------------------------------- */
/* oben rechts unten links */

	#footer-content {
	float:left; 
	font-size: 1.0em;
	padding:5px;
	width:1000px; 
	height:auto; 
	background-color:#f3fae5;
	margin-top: 15px;
	border: solid 0px #000000;
	}

	#footer-box {
    font-size: 1.0em;
	display:block;
	float:left;
	width:180px;
	color:#000000;
	margin:5px 15px 10px 5px;
	border: solid 0px #000000;
	}

	#footer-box h3 {
    font-size: 1.0em;
	display:block;
	float:left;
	width:235px;
	color:#83b516;
	margin:0px 0px 0px 0px;
	border: solid 0px #000000;
	}

	#footer-box a { font-size: 1.0em; color: #83b516; font-weight: normal; margin-bottom:10px; text-decoration:none;}
	#footer-box a:hover { font-size: 1.0em; color: #83b516; font-weight: normal; margin-bottom:10px; text-decoration:underline;}

    #footer-box li { padding: 0 0 0 15px; color: #000000; }

	#footer-box-text {
    font-size: 1.0em;
	display:inline;
	float:left;
	width:570px;
	margin:5px 10px 10px 5px;
	padding-bottom:5px;
	border: solid 0px #000000;
	}
	
	#footer-box-text h3 { 
	font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; padding:0px;
	}

	#footer-info {clear:both; padding:5px 0px 40px 0px; font-size: 1.0em; color: #000000;}
	#footer-info a {font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none;}
	#footer-info a:hover { font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:underline;}
	#footer-info b {font-size: 1.0em; color: #83b516; font-weight: bold; margin:0px; text-decoration:none;}

	#footer-box ul {
	padding-right: 0px; display: block; padding-left: 0px; list-style-position: inside; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;
	}