/* Allgemeine Definition (Global Definitions)                    */

html {
	height:100%;
	}


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	height:100%;
	background-color: #eeeeee;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(pics/bg_2.gif);
	background-repeat:no-repeat;
	background-position: center top;
}
#rahmen {
	height:100%;
	margin:0 auto;
	background-image:url('fotos/leftbluete.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#rahmen_fachhandel {
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url('fotos/leftbluete_fachhandel.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}


#rahmen_privat {
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url('fotos/leftbluete_privat.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}


td,th,tr {
	vertical-align:top;
}

#topnavi {
	vertical-align:bottom;
}

/* Allgemeine Linkdefinition (Global Link Definitions)                    */

a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	color: #308663;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #308663;
	text-decoration: none;
}

/* Inhalt                    */

.inhalt {
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	height: auto;
	width: 478px;
}

.inhalt_start {
	margin-top: 25px;
	margin-left: 40px;
	margin-right: 5px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
}


h1 {
	font-size: 11px;
	font-weight:bold;
	margin-right: 20px;
	}

h2 {
	font-size: 11px;
	font-weight:bold;
	margin-right: 20px;
	margin-top:20px;
	margin-bottom:-10px;
	}


p.fliesstext {
	font-size: 11px;
	margin-right: 20px;
	}

p.fliesstext_schmal {
	font-size: 11px;
	margin-right: 30px;	}
	
p.fliesstext_head {
	font-size: 15px;
	font-weight: bold;
	color: #51906d;	}
	
p.produkttext {
	width: 450px;
	float:left;
	margin: 0 20px 10px 0; }
	
p.zitat {
	margin: -10px 0 0 170px; }
	
p.aktuell_text {
	margin: 8px 0 20px 2px;
	width: 145px; }

table.verkaufshilfen {
	width: 460px;
	margin: 0; }	

tr.text td {
	padding:10px 0 0 0; }

img.foto {border: 1px #CBD9D3;}
img.foto_rechts {margin-left: 10px; margin-bottom:15px;}
img.foto_l {margin: 0 20px 10px 0;}
img.foto_r {margin: 0 10px 10px 20px;}
img.produkte {margin: 0 20px 10px 0; height:123px; width:100px; border:0;}
* html img.produkte {padding-bottom: 10px;}

.foto img {
border: 0; }



/* Seitenfuss                    */

.fuss {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
}

/* Navigation Abstände                    */

.nav1 {
	margin-top: 10px;
	margin-left: 8px;
}

.nav2 {
	margin-top: 3px;
	margin-left: 20px;
	margin-bottom:5px;
}


/* Navigation 2 Definition normal                    */

.nav2_normal {
	margin-left: 3px;
}

a.nav2_a_normal {
	text-decoration: none;
}

td.nav2_td_normal {
	background-color: #D3E2DB;
}

/* Navigation 2 Definition aktiv                    */

.nav2_aktiv {
	margin-left: 3px;
}

a.nav2_a_aktiv:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.nav2_a_aktiv:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.nav2_a_aktiv:hover {
	color: #FF0000;
	text-decoration: none;
}
a.nav2_a_aktiv:active {
	color: #FFFFFF;
	text-decoration: none;
}

td.nav2_td_aktiv {
	background-color: #398A6B;
}

/* Grüner Button im Text                    */


a.button:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.button:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.button:hover {
	color: #FF0000;
	text-decoration: none;
}
a.button:active {
	color: #FFFFFF;
	text-decoration: none;
}

td.button {
	background-color: #398A6B;
	font-size: 10px;
}

/* Formular                    */

.feld { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	cursor: text;
} 


input {
	border: 1px solid;
	border-color: #398A6B;
	color:#666666;
	background: #ffffff;
}

input.radiobutton {
	border: 0px solid;
}


textarea {
	border: 1px solid;
	border-color: #398A6B;
	color:#666666;
	background: #ffffff;
	width:460px; 
}


.submitbuttons{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#398A6B;
	border:1px solid;
	border-color:#ffffff;
}

ul {
	list-style-image:url(pics/bullet_gruen.gif);
	list-style-position:top;
}

div.eingerueckt {
	padding-left:32px;
	width:200px;
}

div.eingerueckt2 {
	padding-left:28px;
	width:150px;
}

a.pfeil, table.downloads a {background-image:url(pics/pfeil_rechts.gif);
	background-position:0 3px; 
	background-repeat:no-repeat;
	display:block;
	padding-left:10px;
}
	
#gold-silber {
	float:left;
	margin-right:7px;
}

*+html #gold-silber {
	margin-right:4px;
}

* html #gold-silber {
	margin-right:1px;
}
	
/* Popup-Bilder Gartenschätze */
a.popup, a.popup:visited {
position: relative;
z-index: 1; }

a.popup b {
position: absolute;
visibility: hidden;
width: 280px;
height: 0;
border: 2px solid #51906d;
left: 0;
top:-123px; }

a.popup:hover {
text-decoration: none; 
border: 0; 
z-index:1000; }

a.popup:hover b {
visibility: visible;
height: 345px;
cursor: pointer;
z-index: 500; }

a.popup:hover b img {
border: 0; }

/* Popup-Bilder Sonnenbraut */
a.popup_h, a.popup_h:visited, a.popup_q, a.popup_q:visited {
position: relative;
z-index: 1; }

a.popup_h img, a.popup_q img {
border: 0; }

a.popup_h b, a.popup_q b {
position: absolute;
visibility: hidden;
width: 280px;
height: 0;
border: 2px solid #51906d;
left: -77px;
/*top: -420px;*/ }

a.popup_h b {
top: -494px; }

* html a.popup_h b {
top: -321px; }

*+html a.popup_h b {
top: -321px; }

a.popup_q b {
top: -234px;}

* html a.popup_q b {
top: -159px; }

*+html a.popup_q b {
top: -159px; }

a.popup_h:hover, a.popup_q:hover {
text-decoration: none; 
border: 0; 
z-index:1000; }

a.popup_h:hover b, a.popup_q:hover b {
visibility: visible;
/*height: 346px;*/
height: 397px;
cursor: pointer;
z-index: 500; }

a.popup_q:hover b {
height: 186px;
/*height: 221px;*/ }

a.popup_h:hover b img, a.popup_q:hover b img {
border: 0; }