/*
////////////////////////////////////////////////////////////////
//
// format.css  Stylesheet fuer die gesamte Webside
// erstellt durch gia-online, 53175 Bonn, www.gia-online.de
//
////////////////////////////////////////////////////////////////
*/

/* CSS Document - www.ihre-gaertnerei.de */

* { 
margin: 0 auto;
padding: 0; 
} 

html {
height: 100%
}

body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #669933;
line-height: 120%;
background: #FFFFFF url(../images/layout/bg.gif) top center repeat-y;
text-align: center;
position: relative;
margin-right: 1px;
} 

.clear {
clear: both;
height: 20px;
}

p {
padding: 5px 0px 5px 0px;
}

hr {
background-color: #F08900; /* Mozilla 1.4 */
color: #F08900; /* IE 6 */
border: #F08900; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin-top: 0px;
margin-bottom: 5px;
}


/***************************************************/
/* Schriften                                       */
/***************************************************/

h1 {
color: #F08900;
font-family: Times New Roman, Times, serif;
font-size: 175%;
line-height: 120%;
font-weight: bold;
margin-bottom: 10px; 
padding: 0px;
text-align: left;
border-bottom: 1px solid #F08900;
}

h2 {
color: #F08900;
font-family: Times New Roman, Times, serif;
font-size: 125%;
font-weight: bold;
margin-bottom: 10px; 
padding: 0px;
text-align: left;
border-bottom: 1px solid #F08900;
}

h3 {
color: #F08900;
background-color: #FADBB1;
font-family: Times New Roman, Times, serif;
font-size: 150%;
font-weight: bold;
margin: 0px; 
padding: 0px 10px 0px 10px;
text-align: left;
border-top: 1px solid #F08900;
border-bottom: 1px solid #F08900;
}

.text_kl_right {
font-size: 10px;
float: right;
padding-right: 10px;
}


/***************************************************/
/* Links                                           */
/***************************************************/

#box_content a, #box_content a:visited {
color: #F08900;
text-decoration: underline;
}

#box_content a:hover {
color: #669933;
text-decoration: none;
}

.box_content_right a, .box_content_right a:visited {
float: right;
color: #339933;
text-decoration: underline;
}

#box_footer a, #box_footer a:visited {
color: #F08900;
text-decoration: none;
}

#box_footer a:hover {
text-decoration: underline;
}

a.zurueck, a.zurueck:visited {
display: block;
border-top: 1px solid #F08900;
text-decoration: none;
}

a.zurueck:hover {
color: #000000;
text-decoration: none;
}

/* Seitenzahlen für News-Archiv */

a.seitenzahl, a.seitenzahl:visited {
padding: 3px 7px 3px 7px;
border: 1px solid #F08900;
background-color: #FBE7CB;
text-decoration: none;
}

a.seitenzahl:hover {
padding: 4px 7px 4px 7px;
border: 1px solid #F08900;
background-color: #F08900;
color: #FFFFFF;
text-decoration: none;
}


/***************************************************/
/* Boxen			                               */
/***************************************************/


#box_logo {
background: #91BC61 url(../images/layout/bg_logo.jpg) top center repeat-x;
width: 925px;
height: 97px;
text-align: left;
}

#box_navigation {
background: #F08900 url(../images/layout/bg_nav.png) top center repeat-x;
width: 925px;
height: 21px;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
text-align: left;
padding-top: 20px;
}

#box_random_img {
width: 925px;
height: 177px;
margin: 0 auto;
padding: 0;
clear: both;
}

#box_main {
width: 925px;
text-align: left;
margin: 0 auto;
padding: 0;
background: url(../images/layout/bg_main.gif) top right repeat-y;
}

#box_claim {
float: left;
width: 668px;
height: 82px;
background-color: #F08900;
}

#box_suche {
color: #FFFFFF;
font-size: 90%;
float: right;
width: 242px;
height: 72px;
background-color: #F4A640;
padding: 10px 0px 0px 15px;
}

#box_content {
float: left;
font-size: 75%;
width: 628px;
padding: 35px 20px 20px 20px;
text-align: left;
}

#box_content_right {
float: right;
font-size: 80%;
width: 257px;
margin: 0 auto;
padding: 16px 0px 20px 0px;
}

#box_footer {
text-align: left;
font-size: 75%;
width: 922px;
height: 60px;
padding: 8px 15px 0px 15px;
clear: both;
background: #FFFFFF url(../images/layout/bg_footer.gif) top center no-repeat;
}

#box_footer_adress {
display: none;
}

#footer_right {
float: right
}


/***************************************************/
/* Sonstiges		                               */
/***************************************************/

/* ol Contentbereich */

#box_content ol {
float: left;
margin-left: 30px;
}
/* ul Contentbereich */

#box_content ul {
margin-left: 30px;
}

/* Bilder  */

.img_right {
float: right;
display: inline;
margin: 3px 0px 3px 10px;
padding: 0px;
}

.img_right_border {
float: right;
display: inline;
margin: 3px 0px 3px 10px;
padding: 1px;
border: 1px solid #FBE7CB;
}

.img_left_border {
float: left;
display: inline;
margin: 3px 10px 3px 0px;
padding: 1px;
border: 1px solid #FBE7CB;
}

.img_banner {
text-align: center;
}

.img_banner img {
border: 1px solid #F4A640;
}

/***************************************************/
/* Gartentipps			                           */
/***************************************************/

/* Startseite */

.rand_tipp {
background-color: #FDF9F4;
width: 600px;
text-align: left;
border: 1px solid #FBE7CB;
margin-top: 10px;
padding: 10px;
}

.rand_tipp p {
padding: 0px;
}

.rand_tipp ul li {
list-style-image: url(../images/dot.gif);
padding-bottom: 5px;
}

.rand_tipp_schmal {
float: left;
background-color: #FDF9F4;
width: 285px;
text-align: left;
border: 1px solid #FBE7CB;
margin: 10px 3px 10px 3px;
padding: 10px;
}

.headline {
color: #F08900;
font-size: 100%;
font-weight: bold;
margin: 0px; 
padding: 0px;
text-align: left;
}

.teaser {
padding-left: 45px;
margin-top: 10px;
background: url(../images/layout/bg_teaser.gif) top left no-repeat;
min-height: 40px;
}

.teaser a, .teaser a:visited {
float: right;
color: #F08900;
text-decoration: none;
}

.teaser a:hover {
color: #669933;
text-decoration: underline;
}


/***************************************************/
/* Gartentipps			                           */
/***************************************************/

.rand_adressen {
float: left;
background-color: #FDF9F4;
width: 600px;
text-align: left;
border: 1px solid #FBE7CB;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}

.adressen {
padding-left: 50px;
background: url(../images/layout/bg_adressen.gif) top left no-repeat;
}


/***************************************************/
/* News/Banner	                      		       */
/***************************************************/

/* Banner - Rand rechts */

.banner {
margin: 0 auto;
padding: 5px 10px 5px 10px;
}

/* Startseite - Rand rechts */

.text_teaser {
font-size: 93%;
text-align: left;
margin: 0 auto;
padding: 5px 10px 5px 10px;
}

.news_teaser {
font-size: 93%;
text-align: left;
border-bottom: 1px solid #F08900;
margin: 0 auto;
padding: 5px 10px 5px 10px;
}

.news_teaser b {
color: #F08900;
}

.news_teaser a, .news_teaser a:visited {
float: right;
color: #F08900;
text-decoration: none;
}

.news_teaser a:hover {
color: #669933;
text-decoration: underline;
}


/***************************************************/
/* Kontaktformular		                           */
/***************************************************/

fieldset {
border: 1px solid #C2C5B6;
width: 90%;
padding: 10px;
}

legend {
color: #F08900;
font-weight: bold;
font-size: 12px;
}

label.formular {
float: left;
vertical-align: top;
width: 150px;
margin: 5px;
padding-left: 5px;
}

label.formular_weiter {
	float: left;
	margin: 0px;
	vertical-align: top;
	width: 130px;
}

label.suche_resultat {
	float: left;
	margin: 0px;
	vertical-align: top;
	width: 250px;
}

input.felder  {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #669933;
background-color: #F2F2F2;
border: #C2C5B6 1px solid;
width: 300px;
margin: 4px;
padding-left: 5px;
}

input.felder:focus	{
background-color: #FFFFFF;
}


input.felder_klein  {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #669933;
background-color: #F2F2F2;
border: #C2C5B6 1px solid;
width: 30px;
margin: 4px;
padding-left: 5px;
}

input.felder_klein:focus	{
background-color: #FFFFFF;
}

textarea  {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #669933;
background-color: #F2F2F2;
border: #C2C5B6 1px solid;
height: 150px;
width: 350px;
margin: 5px;
padding-left: 5px;
}

textarea:focus	{
background-color: #FFFFFF;
}

input.button  {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
padding: 2px 2px 2px 2px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #C2C5B6;
background-color: #F2F2F2;
text-decoration: none;
}

input.button:hover {
background-color: #FFFFFF;
text-decoration: none;
}


/***************************************************/
/* Suchformular                    		       */
/***************************************************/

label.formular {
float: left;
text-align: right;
margin: 0px;
vertical-align: top;
}

input.suchfeld  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
color: #F4A640;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 2px 5px 2px 5px;
width: 80px;
margin: 0px;
}

input.suchfeld:focus	{
background-color: #FBE7CB;
border: 1px solid #FFFFFF;
}

input.suchbutton  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
text-align: center;
color: #FFFFFF;
background-color: #F4A640;
border: 1px solid #FFFFFF;
padding: 2px 5px 2px 5px;
text-decoration: none;
width: 90px;
margin: 0px;
}

* html input.suchbutton  {
padding: 0px 5px 0px 5px; /* IE-Hack für Such-Buttonhöhe */
}