﻿
@import url("shadow.css");

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

/* Allgemeines */
body {
	font-size: 80%;
	line-height: 1.6em;
	color: #333;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}
	
p {
	color: #000000;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	padding: 0;
	margin: 0;
}
#red {
	color:red;
	padding: 0;
	margin: 0;
}

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

a:visited {
	color:#000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:green;
}


DIV.map
{
TEXT-DECORATION: none;
PADDING: 3px;
padding-left:00px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000;
vertical-align:top;
}

DIV.index {
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	}

DIV.index h1 {
	padding-left: 0px;	
}

DIV.index ul {
	padding-left: 20px;	
}

DIV.index ul.pfeil {
	padding-left: 20px;	
	list-style-image: url('img/listpfeil.gif');
	font-weight: bold;
}

DIV.index ul.square {
	padding-left: 40px;	
	list-style:square;
	font-weight: bold;
}



DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 187px;
PADDING: 3px;
padding-left:10px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000;
vertical-align:top;
background:#ffffff url(img/line.gif) bottom repeat-x;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #999999;

}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
PADDING: 3px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #666666;

}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
PADDING: 2px;
padding-left:15px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #000;
BACKGROUND-COLOR:#dedede;
BACKGROUND-REPEAT:repeat-y;
border-bottom: 2px solid white;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #333333;
BACKGROUND-COLOR:#ffffff;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
PADDING: 3px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #666666;

}
/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.7em;
	margin: 0.5em 0;
	clear: both;
}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {
	float: left;
	margin: 0 0.5em 0 0;
}

.rightalign {
	float: right;
	margin: 0 0 0 0.5em;
}

h1 {
	font-size:20px;
}

h2 { 
	font-size:16px;
	font-weight:bold;
	
}

h3 {
	font-size:13px;
}

h4 {
	font-size:30px;
}

.date {
	color:#555555;
	font-style:italic;
	font-size:16px;
}
	

/* Layout */
#wrapper {
	height:100%;
	width:868px;
	background:white;
}

#header {
	text-align:right;
	width:100%;
	height:170px;
	vertical-align:top;
	background: url(img/header.gif) no-repeat;
}
a#head:hover{
	background:white;
	text-decoration:none;
}

#menu {
	background:white;
	vertical-align:top;
	width:100%;
}

#prod {
	background:#fafae0;
	vertical-align:top;
	font-size:12px;
}

#prod1 {
	vertical-align: top;
}

#navi {
	width: 200px;
	margin-left:20px;
	background:white;
	vertical-align:top;
	font-size:x-small;
	float:left;
	margin-bottom:50px;
	height:100%;
}
#content {
	vertical-align:top;
	text-align:left;
	background:white;

	padding-right:40px;
	padding-left:20px;
	min-width:500px;
	float:right;
}
#content_index {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
	background:white;
	padding-right:40px;
	padding-left:20px;
	min-width:500px;
	float:right;
}

.content_black {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-left:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-top:0px;
		background-color: #000000;
		color: #FFFFFF;
		text-align: center;
		height:20px;
		width:35px;
	}


.headline {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: x-large;
		font-weight: bold;
		padding-left:10px;
		padding-bottom:0px;
		padding-right:40px;
		padding-top:0px;
		background-color: #FFFFFF;
		color: #000000;
		height:40px;
	}
.headline2 {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: xx-large;
		font-weight: bold;
		padding-left:10px;
		padding-bottom:0px;
		padding-right:40px;
		padding-top:0px;
		background-color: #FFFFFF;
		color: #000000;
		height:40px;
	}
.headline_black {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: x-large;
		font-weight: bold;
		padding-left:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-top:0px;
		background-color: #000000;
		color: #FFFFFF;
		text-align: center;
		height:40px;
		width:70px;
	}
.headline_image {
		padding-left:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-top:0px;
		vertical-align:top;
	}

#produkt {
	padding-left:20px;
	padding-right:20px;
	padding-top:120px;
	width:90%;
	vertical-align:top;
	width: 683px;
	text-align:left;
	border-bottom:5px solid #a6a62a;
	background:#ffffff url(img/prod_header.gif) no-repeat;
	border-top:5px solid #e6e69e;
}


#footer {
	clear:both;
	background:#ffffd1 url(img/line.gif) top repeat-x;
	font-size:12px;
	vertical-align:bottom;
	padding:5px;
}



#bborder {
	clear:both;
	height:20px;
	
}

#lines {
	background-image:url(img/sbg.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	}
