/* =================================
// Stylesheet fuer das Projekt world-of-genesis.org
// Medienbindung: Bildschirm (screen)
// Version: 2008-02-11 [0]
// ---------------------------------
// Sektionen:
// SE01: Container
// SE02: Eingabefelder
// SE03: Tabellen-Elemente
// SE04: Listen-Elemente
// SE05: Headlines
// SE06: Absaetze
// SE07: Anker
// SE08: Graphiken
// SE09: Freie Klassen
// SE10: Spezielle und eigene Tags
// =============================== */

/* ---------------------------------
// Farben:
// hellgrau #E0E0E0
// mittelgrau #A0A0A0
// dunkelgrau #636363
// schwarz #000
// weiss #FFF
//

// ------------------------------- */
/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE01: Container
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
body	{
	 background-color:#E0E0E0; /* hellgrau */
	 /*background-color:#0F0; /* hellgrau */
         font-family:verdana,arial,helvetica,sans,sans-serif;
         font-size:12px;
         margin:0px;
         padding:0px;

         }

#bereich_z1_startpage	{
	 position:relative;
         top:0px;
         left:0px;

         font-size:0.7em;

         width:995px;
         height:170px;
         }

#bereich_z1	{
	 position:relative;
         top:0px;
         left:0px;

         font-size:0.7em;

         width:995px;
         height:100px;
         }

/*
#bereich_z1_mitteltext	{
	position:absolute;
         top:67px;
         left:225px;
         width:708px;
         }

#bereich_z1_suchmaske	{
	position:absolute;
         top:0px;
         right:0px;
         }
*/
#bereich_z2	{
         clear:both;
         position:relative;
         top:0px;
         left:165px;

         width:815px;
         height:16px;

         background-color:#636363; /* dunkelgrau */
         color:#FFF; /* weiss */


         padding-top:1px;
         padding-left:15px;
         }

#bereich_z2_search	{
         clear:both;
         position:absolute;
         top:0px;
         left:595px;
         }

#bereich_z3	{
	position:relative;
         /*background-color:#0F0; /* schwarz */
         top:40px;
         left:0px;
         margin:0px;
         padding:0px;
         width:995px;
         height:10px;
         }


#bereich_z3_mitte	{
         position:absolute;
         top:0px;
         left:165px;

         width:570px;
         height:1500px; /*PROVISORISCH! */
         margin-top:-4px;
         padding-top:0px;
         padding-left:15px;

         color:#000; /* schwarz */
         /*background-color:#0F0; /* schwarz */

         font-size:12px;
         }

#bereich_z3_mitte_full	{
         position:absolute;
         top:0px;
         left:165px;

         width:814px;
         height:1500px; /*PROVISORISCH! */
         padding-top:0px;
         margin-top:-4px;
         padding-left:15px;

         color:#000; /* schwarz */

         font-size:12px;
         }

#bereich_z3_nav	{
	position:absolute;
         top:0px;
         left:0px;

         width:165px;
         height:1500px; /*PROVISORISCH! */
         
         margin: 0px; 
         padding: 0px;
	 }

#bereich_z3_schaufenster	{
	position:absolute;
         top:0px;
         left:760px;

         width:210px;

         height:1480px; /*PROVISORISCH! */

         background-color:#FFF; /*weiss */

         font-size:12px;
         padding-top: 0px;
         padding-right: 10px;
         padding-bottom: 10px;
         padding-left: 10px;
         }

#bereich_z4	{
 	 position:absolute;
         top:5px;
         left:950px;

         width:30px;
         height:20px;

         background-color:#E0E0E0; /* hellgrau */
         }

#bereich_z5	{
 	 position:absolute;
         top:120px;
         left:850px;

         width:100px;
         height:22px;

         background-color:#AAA; /* mittelgrau */
         }

#balken {
  	color: black; background-color: #FFF;
  	position:absolute;
  	top:0px;
  	left:1000px;
  	right:0px;
        height:1646px; /*PROVISORISCH! */
  	margin: 0px; padding: 0px;
	}

/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE02: Eingabefelder
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
#bereich_z3_nav form#form-login,
form#form-login p {
	font-size:11px;
         }
         
#bereich_z3_nav form#form-login {
	width:160px;
	padding-left:12px;
	}
         
#bereich_z3_nav form#form-login input	{
	width:60px;
	font-size:10px;
	}

form.searchgenesis	{
	position:absolute;
         top:0px;
         left:0px;
         	}

form.searchgenesis fieldset	{
	border:none;
	padding-top:1px;
	
         }

form.searchgenesis .inputboxgenesis	{
	width:195px;
         position:relative;
         left:0px;
         top:0px;
	height:8px;
	font-size:8px;
         }

form.searchgenesis .buttongenesis	{
	position:absolute;
         left:205px;
         top:2px;
         color:#000;
         background-color:#E0E0E0; /* Hellgrau */
  	     height:12px;
	     width:25px;
	     font-size:12px;
vertical-align:bottom;
text-align:center;
         }

form.searchgenesis label	{
	     position:absolute;
         left:0px;
         top:-20px;
         color:#000;
	     font-size:12px;
         }

/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE03: Tabellen-Elemente
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
table.volle_breite6	{
	width:100%;
         }
         
#bereich_z3_nav table	{
	margin-bottom:12px;
	}
/*
th,td	{
	vertical-align:top;
         text-align:left;
         }
*/

#bereich_z3_mitte table	{
	padding-top:6px;
        width:570px;
	}
/*
#bereich_z3_mitte table.contentpaneopen td table td	{
	border-right:dotted 1px yellow;
	}
*/
table.volle_breite6 td.breit6	{
	width:25%;
         }

table.volle_breite6 td.schmal6,
table.volle_breite6 td.schmal61	{
	width:15%;
         }

table.volle_breite6 td.schmal6	{
	width:15%;
         }

table.volle_breite6 td.schmal66	{
	text-align:right;
         padding-right:10px;
         }

/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE04: Listen-Elemente
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
#mainlevelhalter	{
	position:absolute;
         top:10px;
         left:154px;

         width:590px;
         height:20px;
         }

#mainlevelhalter ul	{
	margin-top:0px;
         padding-top:0px;
         }

#bereich_z2 ul	{
	font-size:12px;
         }

#bereich_z3 #bereich_z3_nav a	{
	font-size:12px;
         }

#bereich_z2 ul,
#bereich_z3 ul	{
        margin-top:0px;
        margin-left:0px;
        padding-top:0px;
 	list-style-type:none;
        /*background-color:#F00;*/
        } 

#bereich_z3_nav ul {
        margin-top:0px;
        /*margin-left:-25px;
*/
        margin-left:0px;
        padding-top:0px;
        padding-left:0px;
        list-style-type:none;
	}

#bereich_z3 #bereich_z3_mitte ul	{
                    list-style-type:circle;
         }
#bereich_z2 ul li	{
	display:inline;
         }

#bereich_z3 ul.menu	{
	/*margin-left:-40px;
*/
	}
/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE05: Headlines
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */

/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE06: Absaetze
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/
p	{
	font-size:12px;

         }

.im_schaufenster p	{
	font-size:0.8em;
         margin-left:6px;
         margin-right:6px;
         }
/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE07: Anker
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */


a {
         text-decoration:none;
}

/*
#bereich_z3_nav #current a	{
                  background-color:#AAA;
                  color:#636363;
		}

*/
#bereich_z3_nav ul li a:link,#bereich_z3_nav ul li a:visited{
	     display:block;
         background-color:#AAA;
         color:#FFF; 
         font-size:12px;
         text-decoration:none;

         margin-bottom:6px;
         margin-left:6px;
         padding-left:4px;
         padding-top:3px;
         padding-right:4px;
         padding-bottom:3px;
         }

#bereich_z3_nav ul li a:hover,#bereich_z3_nav ul li a:active,#bereich_z3_nav ul li a:focus	{
                  background-color:#AAA;
                  color:#636363;
		}

#bereich_z3_nav ul li.active a	{
                  background-color:#AAA;
                  color:#636363;
         }


#bereich_z3_nav ul li.active ul li a:link,#bereich_z3_nav ul li.active ul li a:visited{
	     display:block;
         background-color:#AAA;
         color:#FFF; 
         font-size:12px;
         text-decoration:none;

         margin-bottom:6px;
         margin-left:20px;^M
         padding-left:4px;
         padding-top:3px;
         padding-right:4px;
         padding-bottom:3px;
         }

#bereich_z3_nav ul li.active ul li a:hover,#bereich_z3_nav ul li.active ul li a:active,#bereich_z3_nav ul li.active ul li a:focus	{
                  margin-left:20px;^M
                  background-color:#AAA;
                  color:#636363;
		}

#bereich_z3_nav ul li.active ul li.active a	{
                  margin-left:20px;^M
                  background-color:#AAA;
                  color:#636363;
		}

#bereich_z3_nav ul li.active ul li.active ul li a:link,#bereich_z3_nav ul li.active ul li.active ul li a:visited {
	     display:block;
         background-color:#AAA;
         color:#FFF; 
         font-size:12px;
         text-decoration:none;

         margin-bottom:6px;
         margin-left:40px;^M
         padding-left:4px;
         padding-top:3px;
         padding-right:4px;
         padding-bottom:3px;
         }

#bereich_z3_nav ul li.active ul li.active ul li a:hover,#bereich_z3_nav ul li.active ul li.active ul li a:active,#bereich_z3_nav ul li.active ul li.active ul li a:focus	{
                  margin-left:40px;^M
                  background-color:#AAA;
                  color:#636363;
		}

#bereich_z3_nav ul li.active ul li.active ul li.active a	{
                  margin-left:40px;^M
                  background-color:#AAA;
                  color:#636363;
         }
/*
#bereich_z3_nav ul li a:hover,#bereich_z3_nav ul li a:active,#bereich_z3_nav ul li a:focus {
background:#333 !important;
color:#fff !important;
}
*/

#bereich_z2 a	{
	text-decoration:none;
         color:#FFF;
         background-color:#AAA; /* mittelgrau */

         font-size:0.9em;
         font-weight:600;

         margin-left:30px;
         }

#bereich_z2 a.navanfang	{
	margin-left:0px;
         }

a.im_schaufenster_abschlusslink	{
	display:block;
         width:140px;
         background-color:#EEE; /* ganz helles Grau */
	color:#000; /*schwarz */
         text-decoration:none;
         font-size:0.8em;
         border-top:solid 1px #0046A0; /* schaufensterblau */
         border-right:solid 1px #0046A0; /* schaufensterblau */
         border-bottom:solid 1px #0046A0; /* schaufensterblau */
         margin-bottom:30px;

         padding-top:3px;
         padding-bottom:4px;

         padding-left:6px;
            }
/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE08: Graphiken
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
img	{
         border:none;
	}

#bereich_z1 img	{
	float:left;
         margin-top:30px;
         margin-left:155px;
         }

#bereich_z1_startpage img	{
	float:left;
         margin-top:45px;
         margin-left:165px;
         }


img.caption	{
/*
	float:right;
         margin-left:120px;
         margin-bottom:4px;
         */
         border:dotted 3px blue;
         }


img.umfluss_links	{
	float:right;
         margin-left:12px;
         margin-bottom:4px;
         }

img.umfluss_rechts	{
	float:left;
         margin-right:12px;
         margin-bottom:4px;
         }

/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE09: Freie Klassen
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
.im_schaufenster	{
	position:relative;
         top:0px;
         left:0px;
	width:230px;

         margin-top:12px;

	border:solid 1px #0046A0; /* schaufensterblau */
         background-color:#FFF; /* weiss */

         background-image:url("../images/ohm_klein.gif");
         background-repeat:no-repeat;
         background-position:right bottom;
         }

.im_schaufenster_kopf	{
	background-color:#EEE; /* ganz helles Grau */
         color:#0046A0; /* schaufensterblau */
         font-size:16px;
         font-weight:600;
         padding-left:4px;
         }

.kleiner	{
	font-size:70%;
         display:none;
         }

.moduletable	{
		display:none;
		}

.scunitprice     {
         padding-right:40px;
              }
/* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
// SE10: Spezielle und eigene Tags
// ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */