/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

body {
	margin: 0px 0px;
	background: #FFFFFF url('img/page_bg.jpg') repeat-x top left;
	text-align: left;
	font-family: Verdana,Arial;
	font-size: 11px;
}
td {
	text-align: left;
	font-family: Verdana,Arial;
	font-size: 11px;
}

a:link,a:hover,a:active,a:visited {
	color: #000000;
	text-decoration: underline;
}

h1 {
	font-size: 15px;
	font-weight: bold;
	color:#333333;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color:#333333;
}

div.msg {
	padding: 5px;
	font-family: Verdana,Arial;
	font-size: 9pt;
	color: #000000;
	background-color: #CCCCCC;
	border: #FF0000 1px solid;
}
/* HEADER */
div.header {
	width:957px;
	height:146px;
	background:transparent url('img/header_bg.jpg') no-repeat top left;
	margin-bottom:3px;
}
/* PAGE */
div.page {
	width:957px;
	margin:0;
	padding:0;
}
/* NAVI */
div.navi {
	background: transparent url('img/navi_left_bg.jpg') no-repeat top left;
	width:160px;
	height:500px;
	float:left;
}
img#navi_header {
	margin-top:18px;
}
div.navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}
div.navi ul li {
	margin:5px;
	padding:0px;
	margin-left:18px;
	border-bottom: #000000 2px solid;
	font-weight:bold;
}
div.navi ul li a:link,div.navi ul li a:active,div.navi ul li a:visited {
	text-decoration:none;
}
div.navi ul li a:hover {
	text-decoration:underline;
}
div.navi form input.input_field {
	width:140px;
}
div.newsletter_box {
	padding:10px;
}
/* CONTENT */
div.content {
	margin:0px;
	text-align:left;
	padding:15px;
	padding-right:0;
	background:transparent url('img/content_bg.jpg') no-repeat top left;
	margin-left:160px;
}

/* INDEX */
h1.index_welcome {
	margin:0px;
	margin-top:10px;
	width:394px;
	height:30px;
	background:transparent url('img/index_welcome.jpg') no-repeat top left;
}
h1.index_welcome span {
	display:none;
}
div.index_produkte {
	float: right;
	width:240px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-right:0px;
}
html>body div div.content div.index_produkte {
	margin-right:0px;
}
div.index_produkte img {
	margin-bottom:15px;
}
div.index_news h2 {
	margin-bottom:0px;
}

/* PRODUKTE */
div.prod_left {
	margin-bottom:40px;
	padding: 5px;
	padding-left:0;
	padding-top:0;
}

div.prod_colors {
	float: right;
	width: 180px;
	margin-right:0px;
}

div.prod_images {
	width:260px;
	float:right;
	background: transparent url('img/produkt_bilder_bg.jpg') repeat-x top left;
	margin:0;
	padding:0;
	margin-left:5px;
}
html> body div div table tr td div.prod_images {
	width:262px;
}
div.prod_images img {
	margin:0;
	padding:0;
	margin-left:-3px;
	margin-top:0px;
}
html> body div div table tr td div.prod_images img {
	margin:0;
	padding:0;
}
div.prod_images a img {
	margin:2px;
	padding:0;
	border: #666666 1px solid;
}
html> body div div table tr td div.prod_images a img {
	margin:3px;
}
div.prod_images p {
	padding:5px;
	padding-top:0px;
	margin:0px;
	margin-bottom:5px;
	text-align:center;
}
table.content,
table.content tr td {
	margin:0;
	padding:0;
}
div.prod_listing {
	clear:left;
	width: 500px;
	margin:0;
	padding:0;
}
div.produkt {
	clear:left;
	width:500px;
	height:101px;
	margin:0;
	padding:0;
	background: #FFFFFF url('img/produkt_listing_bg.jpg') no-repeat top left;
	margin-bottom: 5px;
}
div.produkt_img {
	margin:5px;
	margin-right:10px;
	width: 100px;
	height: 90px;
	display:block;
	float: left;
}
div.produkt_img a {
	width:100px;
	height:90px;
	display:block;
}
div.produkt_details {
	margin:5px;
	padding:5px;
	display:block;
	width:210px;
	margin-left:120px;
}
div.produkt_preis {
	margin:5px;
	padding:5px;
	display:block;
	width:150px;
	float:right;
	margin-right:0px;
}
div.bereich {
	width: 80px;
	height: 22px;
	background: transparent url('img/produkte_bereichs.jpg') no-repeat top left;
	float: left;
	text-align:center;
	padding:0;
	margin:1px;
	padding-top:2px;
	margin-bottom:5px;
}
div.bereich a:link,
div.bereich a:visited,
div.bereich a:active {
	text-decoration: none;
}
div.bereich a:hover,
div.bereich a.act,
div.bereich a.act:link,
div.bereich a.act:hover,
div.bereich a.act:visited,
div.bereich a.act:active {
	text-decoration: underline;
}