/*  ------------------------------------------------------

Stylesheet zu www.
2009                   
*  *  *  *                              
Design: www.owmedia.de // 

--------------------------------------------------------*/

/* 				Used Colors:                                                 			*/


/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
  color: #000;
  font-family: "Arial", "Lucida Sans", Verdana, sans-serif;
  font-size: 10pt;
}

* html body {

}

table, tr, th, td, img, fieldset { border: 0 none; }

p {
	margin-bottom: 10px;
}

h1 {
	color: #808080;
	font-size: 13pt;
	margin-bottom: 15px;
}

h2 {
	font-size: 12pt;
	margin-bottom: 10px;
}

h3 {
	font-size: 10pt;
	font-weight: bold;
}

h4 {
	color: #808080;
	font-size: 10pt;
	font-weight: normal;
}

ul {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}


div.clear {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.center {text-align: center;}

div.container {
	background-color: #fff;
	width: 835px;
}

div.header {
	height: 111px;
}

ul.navi_unten {
	margin-left: 0;
}

ul.navi_unten li {
 	list-style-type: none;
 	margin-top: 10px;
 	margin-right: 10px;
 	padding: 8px 0 8px 5px;
}

ul.navi_unten li a {
	color: #666;
	text-decoration: underline;
	padding-top: 25px;
        padding-left: 50px;
}

div.navi {
	float: left;
	width: 156px;
	background-image: url(/basics/images/navi_bg.gif);
	background-repeat: repeat-y;
}

div.navi a {
	color: #000;
	text-decoration: none;
	padding-top: 25px;
        padding-left: 50px;
}

ul.navi {
	margin-left: 0;
}

ul.navi li {
 	list-style-type: none;
 	background-color: #cecece;
 	margin-top: 20px;
 	margin-right: 10px;
 	padding: 8px 0 8px 5px;
}

ul.navi a:hover {
	background-image: url(/basics/images/navi_li.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

div.content {
	float: right;
	width: 640px;
	height: 400px;
        margin-top: 10px;
	margin-right: 10px;
	line-height: 20px;
}

div.home {
	background-image: url(/basics/images/home_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
        height: 420px;
	width: 520px;
}

ul.aufzaehlung li {
	list-style-image: url(/basics/images/li.gif);
 	margin-left: 15px;
	padding-left: 5px;
	line-height: 18px;
	margin-top: 6px;
	margin-bottom: 8px;
}

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

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

div.solubel {
	background-image: url(/basics/images/solubel3.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 288px;
}

div.drucken {
	margin-bottom: 20px;
}

div.trenner {
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.grau {
 	background-color: #D0CECF;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 2px 5px;
	font-weight: bold;
}

ul.produktnavi li {
	list-style-type: none;
	margin-right: 35px;
	display: inline;
}

ul.produktnavi li a {
	text-decoration: none;
}

table.produktnavi a {
	text-decoration: none;
}

textarea.kontakttextarea {
	height: 200px;
	width: 300px;
}

input.kontaktinput {
	width: 300px;
}