@charset "utf-8";
/* Wittek Co´ncept */

body {
margin: 10px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 150%;	
color: #000000;
background-color:#F6F6F6;
text-align:justify;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	background-image: url(../images/faux_columm.gif);
}

#logo {
	float:left;
	background-color:#e5f4ec;
	width: 225px;
	height: 120px;
}
#header {
	float:right;
	background-color:#fff;
	width: 755px;
	height: 120px;
	background-image: url(../images/startseite/logo_wittek.jpg);
	background-repeat: no-repeat;float:left;">
}

#breadcrumb {
	float: left;
	width: 980px;
	height: 15px;
	background-image: url(../images/breadcrumb.png);
}

#navigation {
	float:left;
	background-color:#ccead9;
	width:225px;
}

#navi {
list-style: none;
text-align: left;
margin-top: 20px;
margin-left:0px;
text-indent: 21px;
padding-left: 0px;
}
#navi a {
width: 225px;
color: #000000;
background: #ccead9;
text-decoration: none;
font: normal 110% arial, sans-serif;
display: block;
margin: 5px 0 0 0;
padding-bottom: 3px;
padding-top: 3px;
}

#navi a:hover {
	color: #000000;
	background: #fff;
	text-decoration: none;
}

#navi a:active {
	color: #000000;
	text-decoration: none;
	text-align: left;
	}
	
#navi #aktuell a{
text-decoration: none;
background-color: #fff;
} 

#navi #produkte a{
text-decoration: none;
letter-spacing: 2px;
color: #fff;
font-weight: bold;
background-color: #009640;
}



#navlist {
list-style: none;
margin-top: 10px;
margin-right:30px;
padding: 0;
}
#navlist li
 {
 display: inline;

 float:right;
 
 list-style-type: none;
 }

 #navlist a { padding: 3px 10px 0px 0px; }

 #navlist a:link, #navlist a:visited
 {
 color: #000;
 font: Arial, Helvetica, sans-serif;
 font-size: 85%;
 background-color: #fff;
 text-decoration: none;
 }

 #navlist a:hover
 {
 color: #000;
 background-color: #fff;
 text-decoration: none;
 }






#infobox{
width: 165px;
color: #000000;
background: #c7cce5;
text-decoration: none;
font: normal 14px arial, sans-serif;
display: block;
margin-left: 30px;
padding: 0px;
}

#content {
	float:right;
	background-color:#ffffff;
	width:755px;
}

#inhalt	{
	margin-top:200px;
	margin-left:80px;
	margin-right:0px;
	width: 620px;	
	background-color:#ffffff;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:200%;
	text-align:left;
	font-weight:normal;
	letter-spacing:5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -15px;
	line-height: 80%;
	color: #000;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	margin-left: 50px;
	margin-right: 0px;
	margin-top: 0px;
	line-height: 80%;
	color: #0063a6;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	text-align:center;
	font-weight:normal;
	letter-spacing:1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -15px;
	color: #009036;
	
}

#footer	{
width:980px;
height:10px;	
clear: both;
}



#bild1{
	width: 344px;
	height: 170px;
	font: normal 14px arial, sans-serif;
	display: block;
	margin-left: 0px;
	padding: 0px;
	background-image: url(../images/palettoclip/header_palettoclip.jpg);
	margin-top:0px;
	margin-right: 0px;
	position:absolute;
	z-index:1;
}

#bild2{
	width: 240px;
	height: 170px;
	padding: 0px;
	background-image: url(../images/signalon/mehr_wenig.jpg);
	margin-top: 7px;
	margin-left: 370px;
	position: absolute;
	z-index: 2;
}

#bild3{
	width: 50px;
	height: 50px;
	padding: 0px;
	background-image: url(../images/minispick/info.gif);
	margin-top: 257px;
	margin-left: 23px;
	position: absolute;
	z-index: 3;
}

#bild4{
	width: 300px;
	height: 228px;
	padding: 0px;
	background-image: url(../images/palettoclip/farbpalette.png);
	margin-top: 360px;
	margin-left: 345px;
	position: absolute;
	z-index: 4;
}


#text{
	width: 620px;
	padding: 0px;
	margin-top: 230px;
	margin-left: 75px;
	position: absolute;
	z-index: 4;
	
}


table {
	
	font-size: 100%;
}

tr {
	text-align: right;
	font-size: 100%;
}