/* Beginn Grund-Layout */

div.header
{
z-index:2;

float:none;
border: 0px solid #663300;
width:810px;
height: 150px;
text-align:center;

background: url(pictures/weja-header.jpg);
background-repeat:no-repeat;
}

div.footer
{
z-index:2;

float:none;
border: 0px solid #000000;
width:810px;
height: 50px;
text-align:center;

background: url(pictures/footer.jpg);
background-repeat:no-repeat;
}

div.navigation
{
z-index:2;

border:0px solid #000000;
width:190px;
float:left;
line-height:30px;
margin: 0px auto;
padding-left: 6px;
}


div.main
{
z-index:2;

float:none;
border:0px solid #000000;
width:550px;
text-align: left;
margin-left: 220px;
padding: 0px;
}

div.centerall
{
z-index:1;

float:none;
border:0px solid #000;
width: 810px;
margin: 0px auto;
padding: 0px;
text-align:center;

background:url(pictures/streifen.png); 
background-repeat:repeat-y;
}

div.marker
{
z-index:auto;

float:none;
border:0px solid #000;
width: 550px;
margin: 0px auto;
padding: 10px;
background-color: FFFFFF;
}

div.cathegory
{
z-index:auto;

float:left;
border:0px solid #000000;
width: 227px;
height: 151px;
margin: 5px;
padding-top: 5px;
text-align: center;
background-color: FFFFFF;
background: url(produkte/bg-green-rounded.png);
background-repeat:no-repeat;
}

div.cathegory-small
{
z-index:auto;

float:left;
border:0px solid #000000;
width: 144px;
height: 155px;
margin: 5px;
padding-top: 5px;
padding-right: 10px;
text-align: center;
background-color: FFFFFF;
background: url(produkte/bg-green-rounded_small.png);
background-repeat:no-repeat;
}

	/* Ende Grund-Layout */
	/* Beginn Menü-Layout */


#menucontainer {
border:1px solid #606060;
background-color:#FFFFFF;
width:130px;
float:left;
line-height:30px;
}

	/* Link-Schriftformatierung und Hintergrundbilder */
	
a.navi {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #000000;
background-color: #CCFF99;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.navi:hover {
background-color:#FFFFFF;
border: 1px solid #009E11;

color: #000000; 
text-decoration: none;
}

a.banner {
display:block;
width: 180px;
height: 600px;
padding: 0px;
border: 0px solid #000000;
}



/*Special Navigation Backgrounds */

a.naviblue {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #000000;
background-color: #99CCFF;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.naviblue:hover {
background-color:#FFFFFF;
border: 1px solid #009E11;

color: #000000; 
text-decoration: none;
}

a.navired {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #000000;
background-color: #FD886D;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.navired:hover {
background-color:#FFFFFF;
border: 1px solid #009E11;

color: #000000; 
text-decoration: none;
}


a.navigreen {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #000000;
background-color: #9CDF59;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.navigreen:hover {
background-color:#FFFFFF;
border: 1px solid #009E11;

color: #000000; 
text-decoration: none;
}




a.subnaviblue {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #99CCFF;
background-color: #99CCFF;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.subnaviblue:hover {
background-color:#FFFFFF;
border: 1px solid #99CCFF;

color: #000000; 
text-decoration: none;
}

a.subnavired {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #E97054;
background-color: #E97054;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.subnavired:hover {
background-color:#FFFFFF;
border: 1px solid #E97054;

color: #000000; 
text-decoration: none;
}


a.subnavigreen {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #9CDF59;
background-color: #9CDF59;

font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.subnavigreen:hover {
background-color:#FFFFFF;
border: 1px solid #9CDF59;

color: #000000; 
text-decoration: none;
}


      /* Navigationshintergrund der aktuellen Seite / des Verzeichnisses */

 
a.dumbnavi {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #99CC66;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #009900; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.dumbnavi:hover {
color: #009900; text-decoration: none;
}


      /* Navigationshintergrund der aktuellen Seite - Spezielle Farben*/

a.dumbnaviblue {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #99CCFF;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #6699CC; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.dumbnaviblue:hover {
color: #6699CC; text-decoration: none;
}


a.dumbsubnaviblue {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #99CCFF;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #6699CC; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.dumbsubnaviblue:hover {
color: #6699CC; text-decoration: none;
}




a.dumbnavired {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #E97054;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #E97054; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.dumbnavired:hover {
color: #E97054; text-decoration: none;
}

a.dumbsubnavired {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #E97054;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #E97054; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.dumbsubnavired:hover {
color: #E97054; text-decoration: none;
}



a.dumbnavigreen {
display:block;
width: 180px;
height: 30px;
padding: 0px;
border: 1px solid #9CDF59;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #6EA537; font-size: 12pt; font-weight:bold; font-style:bold; text-decoration: none;
text-align: left;
}

a.dumbnavigreen:hover {
color: #6EA537; text-decoration: none;
}



a.dumbsubnavigreen {
display:block;
width: 160px;
height: 20px;
line-height: 20px;
padding: 0px;
border: 1px solid #99CCFF;
background-color: #FFFFFF;


font-family:Arial, Helvetica, sans-serif; color: #6EA537; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration: none;
text-align: left;
}

a.dumbsubnavigreen:hover {
color: #6EA537; text-decoration: none;
}




	/* Ende Menü-Layout */
	/* Beginn Allgemeines Layout */

body
{
background: #FFF77C url(pictures/streifen-bg.png) repeat-x scroll;

}


	/* Allgemeine Schrift- und Linkformatierung */

h1{
font-family:Arial, sans-serif; color: #000000; font-size:14pt; font-weight:bold; font-style:bold;
}

h2{
font-family:Arial, sans-serif; color: #000000; font-size:12pt; font-weight:normal; font-style:normal;
}

h3{
font-family:Arial, sans-serif; color: #000000; font-size:12pt; font-weight:bold; font-style:bold;
}

h4{
font-family:Arial, sans-serif; color: #000000; font-size:8pt; font-weight:normal; font-style:italic;
}


ul{
font-family:Arial, sans-serif; color: #000000; font-size: 12pt; font-weight:normal; font-style:normal;
}

	/* Linkformatierung für Kategorien mit Gras-Hintergrund*/
	
	
a.grasslink{
font-family:Arial, sans-serif; color: #0d7217; font-size: 12pt; font-weight:bold; font-style:normal; text-decoration:none; 
}


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

	/* Ende Linkformatierung für Kategorien mit Gras-Hintergrund*/

a.link{
font-family:Arial, sans-serif; color: #009E11; font-size: 12pt; font-weight:normal; font-style:normal; text-decoration:none; 
}

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


a.small{
font-family:Arial, sans-serif; color: #669933; font-size: 10pt; font-weight:bold; font-style:bold; text-decoration:none; 
}

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


img{
border:0px;
}

hr
{
border: solid  #009E11 1px;
}