@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-image: url(../bilder/hintergrund.jpg);
	background-repeat: repeat;
	width: 101%;
}

.twoColHybLtHdr #container {
	width: 75.2em;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: #d6e796; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.twoColHybLtHdr #header {
	margin:0;
	height: 123px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	padding-top:0px;
	margin: 0px;
	color: #FFF;
	background-image: url(../bilder/oben_blau.png);
	background-repeat: repeat-x;
	background-color: #435B9B;
} 

.twoColHybLtHdr #header  #gebo_logo {
	margin:0;
	padding: 0px;
	width:12em;
	background-image: url(../bilder/oben002.png);
	text-align: right;
	background-position: left bottom;
	height: 123px;
	color: #808080;
	float: left;
} 
.twoColHybLtHdr #header  #gebo_assort {
	margin:0;
	padding: 0px;
	width:758px;
	background-image: url(../bilder/assort_oben_1.jpg);
	text-align: right;
	background-position: left bottom;
	height: 123px;
	
	color: #6EBB0D;
	float: left;
} 
 #head_clear {
	clear: both;
	
} 


.twoColHybLtHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}


.twoColHybLtHdr #header #obenblau {
	margin:0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	width:25%;
	background-color: #0e3790;
	height: 14px;
	float: left; 
}

.twoColHybLtHdr #header #oben {
	margin:0;
	background-image: url(../bilder/oben0.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 117px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	padding-top:0px;
	margin: 0px;
} 
.twoColHybLtHdr #header #obengrun {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	width:50%;
	background-color: #99cc33;
	height: 14px;
	float: left; 
}

.twoColHybLtHdr #header #obengelb {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	width:25%;
	background-color: #d6e896;
	height: 14px;
	float: left; 
}

.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 12em; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	background: #92b920; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
	margin: 0px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;	
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
}

.twoColHybLtHdr #mainContent {
	margin: 0 0 0 12em; /* Der rechte Rand kann in Prozent oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
	min-width:590px;
	min-height:560px;
	background-image: url(../bilder/backgr_inhalt_neue.png);
	background-repeat: repeat-x;
} 
.twoColHybLtHdr #footer {
	
	background-color: #92B920;
	
}
.twoColHybLtHdr #footer #zaehler{
	
	font-size: .7em;
	color: #999;
	padding-top: .2em;
	padding-bottom: .3em;
	padding-left: 40em;
	background-image: url(../bilder/aktuel.png);
	background-repeat: repeat-x;
	
	
}

.twoColHybLtHdr #footer p {
	margin: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #92B920;
	padding-top: .2em;
	padding-bottom: .3em;
	padding-left: 40em;
}

/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	color: #BCBC83;
}

     ul#navigation {
	width: 12em;
	margin: 0;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
    }
   
    #navigation li {
	border-bottom: 1px solid #92b920;
    }
    #navigation a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: .25em 2em;
	background-image: url(../bilder/verlauf.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
    }
    #navigation a:hover {
	background-image: url(../bilder/verlauf-spiegel.png);
	color: #868613;
    }

.twoColHybLtHdr #mainContent #inhalt {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #6633ff;
	min-width:590px;
	min-height:524px;
	margin: 0 0 0 0;
	padding: 0px;
	font-size: 1.2em;
	
}

 ul#produkte {
	margin: 1em 0 0 5em;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	
    }
	
 .stall{
	color:#9baad1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.5em;
	width: 15em;
	margin: 0 0 0 4em;
	font-weight: 600;
}

ul .unter_menu_produkte a{
	color:#bbd17e;
	font-size: .9em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 4em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

ul .unter_menu_produkte  a:hover{
	color:#92b920;
	font-size: .9em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 4em;
	font-family: Verdana, Geneva, sans-serif;
}

ul .unter_menu_erste a{
	color:#bbd17e;
	font-size: 1em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 24em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

ul .unter_menu_erste  a:hover{
	color:#92b920;
	font-size: 1em;
	
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 24em;
	font-family: Verdana, Geneva, sans-serif;
}
ul .unter_menu_zweite a{
	color:#bbd17e;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
	border-left-width: 1px;
	border-left-style: double;
	border-left-color:#d6e796;
}

ul .unter_menu_zweite a:hover {
	color:#92b920;
	font-size: 1em;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
	border-left-width: 1px;
	border-left-style: double;
	border-left-color:#998b7f;
}
ul#produkte .um_rohr

{
	color:#D2E896;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding: 1em 0 .2em 0;
	

	font-family: Verdana, Geneva, sans-serif;
		
}

ul#logo {
	margin: 0 0 0 0.2em;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #D6E796;
    }

.logo_bild{
	float: left;
	padding: 0em;
	height: 267px;
	width: 314px;	
}
.logo_text{
	font-family: Verdana, Geneva, sans-serif;
	padding: 0em;
	float: left;
	width: 30em;
	font-size: 0.5em;	
	margin:5.5em 0 0 1em;	
	color: #ddd;
}

.fanne{
	
	font-family: Verdana, Geneva, sans-serif;	
	padding: 0 0em;	
	width: 2em;
	font-size: 0.5em;	
	margin:.5em 0 0 410px;	
	color: #ddd;
	float: left;
}


.titel_text
{
	font-family: Verdana, Geneva, sans-serif;
	margin:2em 0 .8em .7em;
	padding: 0 0 0 1em;
	width: 24em;
	font-size: 1em;
	color: #ddd;
	list-style-image: url(../bilder/stern.png);
	
	
}
.titel_text_zwei
{
	margin:.2em 0 .8em .7em; 
	font-family: Verdana, Geneva, sans-serif;
	width: 24em;
	padding: 0 0 0 1em;
	font-size: 1em;
	color: #ddd;
	list-style-image: url(../bilder/stern.png);
	list-style-type: none;
}
	
.produkte_bild{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	margin-top: 0.8em;
	margin-right: 0em;
	margin-bottom: .8em;
	margin-left: 5em;
	font-size: .8em;
	
	padding: 0em;
	background-color: #FFF;	
	
	
	
}

.produkte_bild_eins{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	margin-top: 0.8em;
	margin-right: 0em;
	margin-bottom: 3.8em;
	margin-left: 5em;
	font-size: .8em;
	padding: 0em;
	
}
.produkte_bild_ein{
	
	float: left;
	margin-top: 2em;
	margin-right: 3em;
	margin-bottom: .8em;
	margin-left: 5em;
	font-size: .8em;
	padding: 0em;
	
}
.produkte_text{
		
	font-family: Verdana, Geneva, sans-serif;
	margin-top:1em;
	padding: 0em;
	float: left;
	width: 10em;
	font-size: 0.8em;
	margin-right: 10em;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #ddd;	
	
}

.produkte_bild_original{
	
	float: left;
	margin-top: 2em;
	margin-right: 5em;
	margin-bottom: .8em;
	margin-left: 0em;
	font-size: .8em;
	padding: 0em;
	
}
.produkte_bild_e{
	
	float: left;
	margin-top: 2em;
	margin-right: 3em;
	margin-bottom: .8em;
	margin-left: 0em;
	font-size: .8em;
	padding: 0em;
	position:relative;
}
.produkte_text_e{
	font-family: Verdana, Geneva, sans-serif;
	margin-top:2em;
	padding: 0em;
	float: left;
	width: 14em;
	font-size: 0.8em;
	margin-right: 6em;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #ddd;
}
.produkte_clear_e{
	clear: left;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: .1em;	
}
	
.produkte_text_untertitel{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	color:#9baad1;
	font-size: .8em;
	width: 24em;
	margin: 0 6em 0 0;
	font-weight: 600;
}
.produkte_text_untertitel_vertrieb{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	color:#9baad1;
	font-size: .7em;
	width: 25em;
	margin: 0 4.3em 0 5em;
	font-weight: 600;
	

}
.produkte_text_preisliste{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	color:#9baad1;
	font-size: .8em;
	width: 40em;
	margin: 0 5em 0 0;
	font-weight: 600;
	
	
}

.produkte_wissenswertes{
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	width: 25em;
	color:#9baad1;
	font-size: .8em;
	
	margin: 0 0 0 0;
	font-weight: 600;
	
	
}

.n_letter {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	width: 25em;
	color:#9baad1;
	font-size: .8em;
	
	margin: 0 0 0 0;
	font-weight: 600;
	
	
}

.produkte_text_n{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0em;
	padding: 0em;
	
	width: 10em;
	font-size: .8em;
}
.produkte_clear{
	clear: left;	
	background-color: #C00;	
	
}
	
 #inhalt #navigation {
	background-image: url(../bilder/verlauf-spiegel.png);
	color: #868613;
    }
	
	ul#produkte li {
	list-style: none;
	color: #2F416F;	
	
   }
#titel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
	color: #b3c7e7;	
}
#titel .gros{
	margin: 0 0 .3em 2em;
	padding: 0 0 0 0;
	color: #7c7c97;
	font-size: .9em;
	font-weight: normal;
}
ul#produkte .unter_menu a{
	color:#aed638;
	font-size: 1em;
	font-weight: bold;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 21em;
	font-family: Verdana, Geneva, sans-serif;
}


ul#produkte .unter_menu a:hover{
	color:#D2E896;
	font-size: 1em;
	font-weight: bold;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 21em;
	font-family: Verdana, Geneva, sans-serif;
}

#titel  .stall{
	color:#9baad1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.5em;
	width: 38em;
	margin: 0 0 0 4em;
	font-weight: 600;
}
#titel  .stal{
	color:#9baad1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.5em;
	width: 38em;
	margin: 0 0 0 4.8em;
	font-weight: 600;
}

#titel  .nl_fehler{
	color:#CC6666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.4em;
	width: 38em;
	margin: 0 0 0 6em;
	font-weight: 600;
}




#aktuel{
	float: left;
	width: 14.2em;
	margin-top: -25em;
	margin-left: 0em;
	position: relative;
	margin-right: 0em;
	margin-bottom: auto;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #ccc;
	background-position: left top;
	padding: 0 .4em .4em .4em;
	text-align: center;
	
}
#aktuel_elfe{
	float: left;
	width: 14.2em;
	margin-top: -25.5em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: auto;
	position: relative;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #ccc;
	background-position: center top;
	padding: 0 .4em .4em .4em;
	text-align: center;
	min-height:25em;
	background-color: #d6e796;
	overflow:hidden;
}

	
	.elfe_bild {
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-bottom-width: 3px;
	border-top-color: #D6E796;
	border-right-color: #D6E796;
	border-bottom-color: #D6E796;
	border-left-color: #D6E796;
}


.elfe_bild:hover {
	border-top-width: 3px;
	border-right-width:3px;
	border-left-width: 3px;
	border-bottom-width: 3px;
	border-top-color: #95B820;
	border-right-color: #95B820;
	border-left-color: #95B820;
	border-bottom-color: #95B820;
}
	














#aktuel .untertitel {
	font-weight: bold;
}
.submit1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #603;
	background:#8ab77e;
	border: 1px solid  #d6e896;
	text-align:center;
	font-weight: bold;
	width: 9em;
}	

.submit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #603;
	background:#8ab77e;
	border: 1px solid  #d6e896;
	text-align:center;
	font-weight: bold;
	width: 11em;
}	





.passwort_text{
	font-family: Verdana, Geneva, sans-serif;
	margin-top:2em;
	padding: 0em;
	float: left;
	width: 14em;
	font-size: 0.8em;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #ddd;
}
.neues_erste{
	position: relative;}
	
	.neues_zweite{
	position: absolute;
	left: 270px;
	top:120px;
	right: auto;
}


.Fliesstext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
			font-style: normal;
			line-height: normal; 
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF; 
			text-align: left}
.headline { font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px; 
			font-style: normal;
			line-height: normal;
			font-weight: bold; 
			font-variant: normal;
			color: #FFFFFF ; 
			text-align: left}




.counter_elfe{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #8fb303;
}

.fuss{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #D6E796;
}
	
.galery {

	border: 2px solid #c1be98;
}


.galery:hover {
	border: 2px solid #95B820;
	
}
	
a .gross
{
display: none;
}
 a:hover .gross
{
	width: 137px;
	height: 120px;
	display: block;
	position: absolute;
	top:-30px;
	left:-20px;
	z-index: 1;
	background: #fff;
	border: 2px solid #bbd17e;
		
}


.bilder{
	border: 1px solid #bbd17e;
		
}

.galery_bild_e{
	
	float: left;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom:0;
	margin-left: 0em;
	font-size: .8em;
	padding: 0em;
	
}
.messe{
	text-align: center;
}

.produkte_bild_video{
	float: left;
	margin-top: .8em;
	margin-right: 4em;
	margin-bottom: .8em;
	margin-left: 0em;
	font-size: .8em;
	padding: 0em;
	position:relative;
	border: 2px solid #D6E796;
}	

.produkte_text_video{
	float: left;
	margin-right: 4em;
	margin-left: 0em;
	padding: 0em;
	position:relative;
	width: 305px;
	font-size: 0.8em;
	color: #CCC;
}	

ul .unter_menu_erste_prod a{
	color:#bbd17e;
	font-size: 1em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 13em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

ul .unter_menu_erste_prod  a:hover{
	color:#92b920;
	font-size: 1em;	
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 13em;
	font-family: Verdana, Geneva, sans-serif;
}

.video{
	margin: 0 0 .3em 0;
	padding: 0 0 0 0;
	color: #7c7c97;
	font-size: 1em;
	font-weight: normal;
}