/* - RESET CSS - */

* {

	margin: 0px;
	padding: 0px;
	outline: none;

}

/* - HTML + BODY - */
 
html {

	width: 100%;
	height: 100%;
	background: #fff url('../images/html_neu.gif') fixed repeat-x;
	text-align: center;
	overflow-y: scroll;

}

body {

	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 18px;
	color: #000; 
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
	margin: 0px auto;
	text-align: left;

}

/* - TABELLE TR TD - */

table tr td {

	font-size: 11px;
	line-height: 18px;
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";

}

/* - STANDARD FORMATIERUNGEN - */

ul {

	margin: 0px;
	padding: 0px;

}

li {

	list-style: none;

}

form {

	margin: 0px;
	padding: 0px;

}

img {

	border: none;

}

a, a:hover {
	
	outline: none;
	text-decoration: none;
	
}

div.cleaner {

	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}

.clean {
         
	clear: both;

}

.only-print {
	display:none;
}

/* - WRAPPER + LAYER - */

#wrapper {

	width: 996px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url('../images/wrapper.png') repeat-y;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
	position: relative;

}

#website {

	width: 980px;
	margin: 0px 8px;
	min-height: 605px;
	background: url('../images/website.gif') top no-repeat;
	padding-bottom: 41px;

}

/* - HEADER - */

#header {

	width: 980px;
	height: 81px;
	background: #fff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;

}

/* - HEADER -> LOGO - */

#header a.logo {

	width: 277px;
	height: 81px;
	background: url('../images/logo.png') top no-repeat;
	display: block;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;

}

/* - HEADER -> QUICKLINKS - */

#header ul.meta {

	margin: 0px;
	position: absolute;
	right: 13px;
	top: 18px;

}

#header ul.lang {

	margin: 0px;
	position: absolute;
	right: 220px;
	top: 18px;

}

#header ul li {

	float: left;
	font: 10px "Verdana";
	margin: 0px 0px 0px 3px;
	color: #dedede;

}

#header ul li a {

	color: #b8b8b8;
	text-decoration: none;

}

#header ul li a:hover, #header ul li a.aktiv {

	text-decoration: underline;

}

/* - HEADER -> FORM - */

#header form {

	width: 175px;
	height: 21px;
	position: absolute;
	right: 13px;
	top: 40px;

}

/* - HEADER -> FORM -> FORMULAR - */

#header form input.form {

	width: 153px;
	height: 21px;
	padding: 0px 0px 0px 5px;
	border: none;
	background: url('../images/header_form.gif') no-repeat;
	font: 10px "Verdana";
	color: #555;
	position: absolute;
	left: 0px;
	top: 0px;

}

/* - HEADER -> FORM -> BUTTON - */

#header form input.button {

	width: 17px;
	height: 21px;
	border: none;
	background: url('../images/header_button.gif') no-repeat;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;

}

/* - CONTENT - */

#content {

	width: 980px;
	background: url('../images/content.gif') left repeat-y;
	margin: 17px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;

}

/* - CONTENT -> MENU - */

#menu {

	width: 207px;
	float: left;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
	position: relative;

}

/* - CONTENT -> MENU -> LEVEL 1 - */

#menu ul {

	width: 196px;
	margin: 20px 0px 0px 0px;

}

#menu ul li {

	width: 196px;
	background: url('../images/menu.ul.li.gif') bottom no-repeat;
	list-style: none;

}

#menu ul li a {

	padding-left: 26px;
	font: 12px "Verdana";
	line-height: 26px;
	font-weight: bold;
	color: #707173;

}

#menu ul li a.aktiv, #menu ul li a.aktiv:hover {

	text-decoration: none;
	font-weight: bold;
	color:#333;

}

#menu ul li a:hover {

	color: #000000;

}

/* - CONTENT -> MENU -> LEVEL 2 - */

#menu ul ul {

	width: 196px;
	margin: 0px 0px 0px 0px;

}

#menu ul li ul li {

	width: 178px;
	background: none;
	list-style: none;
	padding-left: 18px;

}

#menu ul li ul li a {

	padding-left: 26px;
	font: 12px "Verdana";
	line-height: 26px;
	font-weight: bold;
	color: #707173;

}

#menu ul li ul li a.aktiv, #menu ul li ul li a.aktiv:hover {

	text-decoration: none;
	font-weight: bold;
	color:#333;

}

#menu ul li ul li a:hover {

	color: #000000;

}

/* - CONTENT -> MENU -> LEVEL 3 - */

#menu ul ul ul {

	width: 178px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;

}

#menu ul li ul li ul li {

	background: none;
	padding-left: 26px;
	width:152px;

}

#menu ul li ul li ul li a {

	background: transparent;
	font: 11px "Verdana";
	line-height: 20px;
	color: #707173;
	padding:0px;

}

#menu ul li ul li ul li a.aktiv, #menu ul li ul li ul li a.aktiv:hover {

	background: transparent;
	text-decoration: none;
	font-weight: normal;
	color:#333;
	background-color:#d0d0d0;

}


#menu ul li ul li ul li a:hover {

	color: #000000;

}

/* - CONTENT -> MENU -> LEVEL 4 - */

#menu ul ul ul ul {

	width: 152px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;

}

#menu ul li ul li ul li ul li {

	background: none;
	padding-left: 8px;
	width:138px;

}

#menu ul li ul li ul li ul li a {

	background: transparent;
	font: 11px "Verdana";
	line-height: 20px;
	color: #707173;
	padding:0px;

}

#menu ul li ul li ul li ul li a.aktiv, #menu ul li ul li ul li ul li a.aktiv:hover {

	background: transparent;
	text-decoration: none;
	font-weight: normal;
	color:#333;
	background-color:#d0d0d0;

}


#menu ul li ul li ul li ul li a:hover {

	color: #000000;

}

/* - CONTENT -> MENU -> LEVEL 4 - */

#menu ul ul ul ul ul {
	display: none;
}

/* - CONTENT -> INHALT - */

#inhalt {

	width: 731px;
	float: left;
	margin: 0px 14px 0px 14px;
	padding: 0px;
	overflow: hidden;
	position: relative;

}

/* - CONTENT -> SPLIT - */

#inhalt div.split {

	width: 731px;
	overflow: hidden;
	position: relative;

}

/* - CONTENT -> SPLIT -> LEFT - */

#inhalt div.split div.left {

	width: 553px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;

}

#slider { height:294px; }

/* - CONTENT -> SPLIT -> LEFT -> ARTIKEL ÜBERSICHT - */

#inhalt div.split div.left div.article {

	width: 181px;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.article div.image {

	width: 181px;
	height: 211px;
	background: url('../images/artikel.layer2.gif') no-repeat;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.article div.image img.image {

	/*width: 175px;
	height: 205px;*/
	margin: 0px auto;
	vertical-align:middle;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;

}

#inhalt div.split div.left div.article div.image a {

	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 2;

}

#inhalt div.split div.left div.article div.image a.more {

	width: 23px;
	height: 23px;
	bottom: 4px;
	left: 2px;

}

#inhalt div.split div.left div.article div.image a.warenkorb {

	width: 18px;
	height: 16px;
	background: url('../images/icon.warenkorb.png') no-repeat;
	bottom: 9px;
	right: 8px;

}

#inhalt div.split div.left div.article div.image a.warenkorb:hover {

	background: url('../images/icon.warenkorb.hover.png') no-repeat;

}

#inhalt div.split div.left div.article div.image a.list {

	width: 12px;
	height: 11px;
	background: url('../images/icon.list.png') no-repeat;
	bottom: 11px;
	right: 14px;

}

#inhalt div.split div.left div.article div.image a.list:hover {

	background: url('../images/icon.list.hover.png') no-repeat;

}

#inhalt div.split div.left div.article p {

	font-size: 10px;
	color: #5a5a5a;
	line-height: 14px;
	margin: 0px;

}

#inhalt div.split div.left div.article p.title {

	font-weight: bold;
	margin: 0px 0px 5px 0px;

}

#inhalt div.split div.left div.article p.title a {

	color: #5a5a5a;
	text-decoration: none;

}

#inhalt div.split div.left div.article p.title a:hover {

	text-decoration: underline;

}

#inhalt div.split div.left div.margin {

	margin-right: 5px;

}

/* - CONTENT -> SPLIT -> LEFT -> ARTIKEL DETAILS - */

#inhalt div.split div.left p.detaillink {

	padding: 0px 0px 10px 0px;

}

#inhalt div.split div.left p.detaillink span {

	padding-right: 5px;
	font: 17px "Arial";
	line-height: 20px;
	font-weight: bold;
	float: left;

}

#inhalt div.split div.left p.detaillink a {

	font: 13px "Arial";
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #58585a;
	float: left;

}

#inhalt div.split div.left div.detailimage {

	width: 240px;
	height: 280px;
	background: url('../images/detailimage.layer.gif') no-repeat;
	margin: 0px 0px 1px 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.detailimage img.image {

	/*width: 234px;
	height: 273px;*/
	overflow: hidden;
	border: none;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;

}

#inhalt div.split div.left div.detailimage a.more {

	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 30px;
	bottom: 5px;
	left: 2px;

}

#inhalt div.split div.left div.detailbox {

	width: 209px;
	padding: 10px 14px 0px 14px;
	margin: 10px 0px 15px 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.detailbox p {

	font-size: 13px;
	margin: 0px 0px 5px 0px;

}

#inhalt div.split div.left div.detailbox a {

	text-decoration: none;

}

#inhalt div.split div.left div.detailbox a:hover {

	text-decoration: underline;

}

#inhalt div.split div.left a.link_warenkorb {

	width: 196px;
	height: 41px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #58585a;
	font: 13px "Arial";
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: url('../images/link_warenkorb.gif') left no-repeat;
	padding-left: 41px;
	margin: 15px 0px 0px 0px;

}

#inhalt div.split div.left a.link_merkliste {

	width: 196px;
	height: 41px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #58585a;
	font: 13px "Arial";
	font-weight: bold;
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
	background: url('../images/link_merkliste.gif') left no-repeat;
	padding-left: 41px;
	margin: 0px 0px 0px 0px;

}

#inhalt div.split div.left a.link_print {

	width: 196px;
	height: 41px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #58585a;
	font: 13px "Arial";
	font-weight: bold;
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
	background: url('../images/link_print.gif') left no-repeat;
	padding-left: 41px;
	margin: 0px 0px 0px 0px;
}

#inhalt div.split div.left a.link_back {

	width: 196px;
	height: 41px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #58585a;
	font: 13px "Arial";
	font-weight: bold;
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
	background: url('../images/link_back.gif') left no-repeat;
	padding-left: 41px;
	margin: 0px 0px 25px 0px;

}

/* - CONTENT -> SPLIT -> RIGHT - */

#inhalt div.split div.right {

	width: 166px;
	margin: 0px 0px 0px 12px;
	float: left;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.right div.box {

	width: 164px;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #fff;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.right div.box div.main {

	width: 144px;
	height: 26px;
	padding: 0px 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font: 13px "Arial";
	font-weight: bold;
	line-height: 25px;
	margin: 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.right div.box div.content {

	width: 144px;
	padding: 5px 10px 7px 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #eee url('../images/right.box.content.gif') bottom repeat-x;
	margin: 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.right div.box div.content div.article {

	width: 144px;
	position: relative;
	font-size: 10px;
	color: #6b6b6b;

}

#inhalt div.split div.right div.box div.content .warenkorb {

	margin: 0px 0px 5px 0px;
	
}

#inhalt div.split div.right div.box div.content div.article p {

	line-height: 14px;
	width: 130px;
	margin: 0px 0px 5px 0px;

}

#inhalt div.split div.right div.box div.content div.article p.piece {
	width: 144px;
}

#inhalt div.split div.right div.box div.content div.article p a {

	color: #6b6b6b;
	text-decoration: none;

}

#inhalt div.split div.right div.box div.content div.article p a:hover {

	color: #6b6b6b;
	text-decoration: underline;

}

#inhalt div.split div.right div.box div.content div.article a.delete {

	display: block;
	width: 10px;
	height: 10px;
	background: url('../images/right.box.link.delete.gif') no-repeat;
	position: absolute;
	top: 3px;
	right: 0px;

}

#inhalt div.split div.right div.box div.content div.article p span {

	float: left;
	padding: 0px 5px 0px 0px;

}

#inhalt div.split div.right div.box div.content div.article p select {

	float: left;
	width: 40px;
	border: 1px solid #adadad;
	font-size: 11px;
	color: #989899;

}

#inhalt div.split div.right div.box a.link {

	display: block;
	text-align: right;
	padding: 5px 13px 0px 0px;
	background: url('../images/right.link.pfeil.png') right no-repeat;
	font-size: 11px;
	text-transform: uppercase;
	color: #b0b0b0;
	text-decoration: none;
	margin: 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.right div.box a.link:hover {

	text-decoration: underline;

}


/* - CONTENT -> ALLGEMEINE STYLES - */

#inhalt div.split div.start-box {

	width: 236px;
	float: left;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.box_1 {

	margin: 25px 11px 0px 0px;

}

#inhalt div.split div.box_2 {

	margin: 25px 12px 0px 0px;

}

#inhalt div.split div.box_3 {

	margin: 25px 0px 0px 0px;

}

#inhalt div.split div.margin_bottom {

	margin-bottom: 25px;

}

#inhalt div.split div.start-box h1 {

	font: 18px "Arial";
	text-transform: uppercase;
	font-weight: bold;
	line-height: 22px;
	margin: 15px 0px 0px 0px;

}

#inhalt div.split div.start-box h1 a {

	text-decoration: none;

}

#inhalt div.split div.start-box p {

	color: #3e3e3e;
	line-height: 15px;
	margin: 5px 0px 20px 0px;

}

#inhalt div.split div.start-box p a {

	color: #3e3e3e;
	text-decoration: none;

}
#inhalt div.split div.left div.detailbox2 {
	background-color:#dcdcdc;
	width: 209px;
	padding: 14px 14px 8px 14px;
	margin: 0px 0px 6px 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.detailbox2 p {

	font-size: 12px;
	margin: 0px 0px 5px 0px;

}

#inhalt div.split div.left div.detailbox2 a {

	text-decoration: none;

}

#inhalt div.split div.left div.detailbox2 a:hover {

	text-decoration: underline;

}

#inhalt div.split div.left div.detailbox-zubehoer {
	background-color:#aaa;
	color:#fff;
	width: 209px;
	padding: 14px 14px 8px 14px;
	margin: 10px 0px 15px 0px;
	overflow: hidden;
	position: relative;

}

#inhalt div.split div.left div.detailbox-zubehoer p {

	font-size: 12px;
	margin: 0px 0px 5px 0px;

}

#inhalt div.split div.left div.detailbox-zubehoer a {

	text-decoration: none;
	color:#fff;

}

#inhalt div.split div.left div.detailbox-zubehoer a:hover {

	text-decoration: underline;
	color:#fff;

}

#inhalt div.split div.left div.detailbox-zubehoer ul li div {
	line-height:11px;
	font-size:10px;
}

/* - CONTENT -> BREADCRUMP - */

#content div.breadcrump {
	
	font-size: 10px;
	margin: 0px 0px 25px 0px;
	
}

#content div.breadcrump a {
	
	color: #8c8c8c;
	text-decoration: none;
	
}

#content div.breadcrump a:hover {
	
	color: #8c8c8c;
	text-decoration: underline;
	
}

/* -NIVO SLIDER - */

.nivoSlider {
	position:relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:8;
}

.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}

.nivo-directionNav a {
	display: none;
}

.nivo-controlNav a {
	display: none;
}

.nivo-controlNav a.active {
	font-weight: bold;
}

/* - NEWSTICKER - */

.newsticker {
	
	width: 166px;
	height: 293px;
	background: url('../images/newsticker.gif') no-repeat;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	
}

.newsticker > .inner {
	
	width: 166px;
	height: 255px;
	background: url('../images/newsticker.gif') no-repeat;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	
}

.newsticker > .inner p {
	
	background: url('../images/newsticker.li.gif') left bottom no-repeat;
	padding: 10px 12px;
	font-size: 10px;
	color: #58585a;
	line-height: 13px;
	
}

.newsticker > .inner p strong {
	padding: 0px 0px 30px 0px;
}

.newsticker > .inner p span {	
	font-size: 10px;
	color: #7b7b7b;
}

.newsticker > .inner p a {
	color: #58585a;	
	text-decoration: none;
}

.newsticker > .inner p a:hover {
	text-decoration: underline;
}

/* - FOOTER - */

#footer {

	width: 950px;
	height: 26px;
	border-top: 15px solid #fff;
	margin: 0px;
	padding: 0px 15px;
	text-align: left;
	overflow: hidden;
	font-size: 10px;
	line-height: 26px;
	position: absolute;
	left: 8px;
	bottom: 0 !important;
	bottom: 0px;

}

#footer a {

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}

/* urs */

#headerimage {
	padding-bottom:20px;
}