/********** Grundformatierung **********/

@import url(typostyle.css);


/** ======================== Allgemeine Layout Deklarationen ======================== **/
body {
	background:#ffffff url('../images/bg.png') repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
}

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.vam { vertical-align:middle; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }
.line-through { text-decoration:line-through; }
.printView { background:#ffffff; margin:10px; width:460px; }

@media print {
	.dontprint { display:none; }
}

.halfSpace { font-size:0px; height:5px; }
.fullSpace { font-size:0px; height:10px; }

.separator {
	height:1px;
	background-color:#999999;
	font-size:0;
}

a img { border:none; }

tr {
	text-align:left;
	vertical-align:top;
}


/********* Allgemeine Links *********/
a:link, a:active, a:visited {
	color:#006699;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#3399cc;
	text-decoration:none;
	outline: none;
}

/********* Formulare *********/
form {
	padding:0px;
	margin:0px;
}

textarea {
	overflow:auto;
}

.tfield, textarea, input.textfeld {
	background: #ffffff url('../images/input_bg.gif') repeat-x;
	margin:0px;
	padding:2px;
	width:254px;
	border:1px #c3c5c4 solid;
	border-top:1px #7c7e7d solid;
	color:#000000;
	font-size:12px;
	font-family:Arial,Tahoma,Verdana;
}

.err { background-color:#ffcccc;}
.errText {
	color:#CC0000;
	padding:5px 10px;
	background:#ffffff url('../images/icon_warning.gif') no-repeat 7px 5px;
	border:1px #999999 dashed;
}



/** ======================== Spezielle Layout Deklarationen ======================== **/
#layout {
	margin:0px auto;
	padding:0px 0px 30px 0px;
	width:1000px;
}

#header {
	margin:0px;
	padding:45px 0px 0px 0px;
	width:1000px;
	height:220px;
}

#header #logo {
	margin:0px;
	padding:0px;
	width:270px;
	height:148px;
	top:0px;
	left:0px;
	z-index:102;
}

html>body #header #sidebar_top { background: transparent url('../images/sidebar_top_bg.png') no-repeat; }
*html #header #sidebar_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sidebar_top_bg.png', sizingMethod='crop'); }
#header #sidebar_top {
	margin:0px;
	padding:22px 30px 0px 30px;
	width:210px;
	height:38px;
	top:205px;
	left:0px;
	z-index:101;
}

#header #sidebar_top_input {
	margin:0px;
	padding:22px 30px 0px 30px;
	width:210px;
	height:38px;
	top:205px;
	left:0px;
	z-index:105;
}

#header #sidebar_top_input div.search {
	background: url('../images/input_search_bg.gif') repeat-x;
	height:25px;
}

#header #sidebar_top_input input.search {
	background: transparent;
	margin:0px;
	padding:4px 0px 0px 0px;
	width:175px;
	height:21px;
	border:none;
	font-size:13px;
	color:#333333;
	vertical-align:middle;
}

input.start_search {
	background:url('../images/start_search.png') no-repeat;
	margin:0px;
	padding:0px;
	width:138px;
	height:33px;
	border:none;
}


#goto_shop { 
	margin:0px;
	padding:0px;
	width:163px;
	height:35px;
	top:205px;
	left:790px;
	z-index:103;
}

#header #header_img {
	margin:0px;
	padding:0px 0px 0px 550px;
	width:450px;
	height:220px;
}

/** ======================== Allgemeine Navigation Deklarationen ======================== **/
#sidebar {
	margin:0px;
	padding:0px;
	width:270px;
}

#navigation {
	background: url('../images/sidebar_bg.gif') repeat-y;
	margin:0px;
	padding:5px 30px 5px 30px;
	width:210px;
}

#navigation ul, ul.product_category {
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style:none;
}

#navigation ul li, ul.product_category li {
	margin:0px;
	padding:0px;
	list-style:none;
}

#navigation ul li ul {
	margin:0px;
	padding:4px 0px 5px 20px;
	list-style:none;
}

#navigation ul li ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:active, 
#navigation ul li a:hover {
	background: url('../images/navigation_li.gif') no-repeat 0px 7px;
	margin:0px;
	padding:2px 0px 2px 20px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#444444;
	text-decoration: none;
}

#navigation ul li a:hover, 
#navigation ul li a.on:link, 
#navigation ul li a.on:visited, 
#navigation ul li a.on:active, 
#navigation ul li a.on:hover {
	background: url('../images/navigation_li_on.gif') no-repeat 0px 7px;
	margin:0px;
	padding:2px 0px 2px 20px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}

#navigation ul li ul li a:link, 
#navigation ul li ul li a:visited, 
#navigation ul li ul li a:active, 
#navigation ul li ul li a:hover {
	background: url('../images/navigation_li_li.gif') no-repeat 0px 8px;
	margin:0px;
	padding:2px 0px 2px 20px;
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	text-decoration: none;
}

#navigation ul li ul li a:hover, 
#navigation ul li ul li a.on:link, 
#navigation ul li ul li a.on:visited, 
#navigation ul li ul li a.on:active, 
#navigation ul li ul li a.on:hover {
	background: url('../images/navigation_li_li_on.gif') no-repeat 0px 8px;
	margin:0px;
	padding:2px 0px 2px 20px;
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration: none;
}

.navigation_bottom {
	background: url('../images/sidebar_bottom_bg.png') no-repeat;
	margin:0px;
	padding:0px 0px 16px 0px;
	width:270px;
	height:35px;
}

#basket_card_empty {
	background: url('../images/basket_card_empty.png') no-repeat 10px 0px;
	margin:0px;
	padding:12px 15px 12px 120px;
	width:135px;
	height:96px;
}

#basket_card {
	background: url('../images/basket_card.png') no-repeat 10px 0px;
	margin:0px;
	padding:12px 15px 12px 120px;
	width:135px;
	height:96px;
}


#maincontent {
	margin:0px;
	padding:40px 0px 0px 35px;
	width:460px;
}

table.pageswitch {
	margin:0px;
	padding:0px;
}


table.pageswitch a.on:link,
table.pageswitch a.on:visited,
table.pageswitch a.on:active,
table.pageswitch a.on:hover {
	background: #eeeeee;
	margin:0px;
	padding:3px 5px 3px 5px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	border:1px #666666 solid;
}

table.pageswitch a:link,
table.pageswitch a:visited,
table.pageswitch a:active,
table.pageswitch a:hover {
	background: #eeeeee;
	margin:0px;
	padding:3px 5px 3px 5px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
	border:1px #cccccc solid;
}


ul.product_category li a:link,
ul.product_category li a:visited, 
ul.product_category li a:active, 
ul.product_category li a:hover {
	background: url('../images/product_category_arrow.gif') no-repeat 0px 5px;
	margin:0px;
	padding:5px 0px 5px 20px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#444444;
	text-decoration: none;
}

ul.product_category li a:hover {
	text-decoration: none;
	color:#000000;
}


.product_selfpage_title {
	margin:0px;
	padding:0px 0px 2px 0px;
	border-bottom: 2px #000000 solid;
}

#productlist {
	background: url('../images/productlist_bg.gif') repeat-y;
	margin:0px;
	padding:0px;
}

#productlist .top {
	background: url('../images/productlist_top.gif') no-repeat;
	margin:0px;
	padding:0px;
	height:10px;
}

#productlist .content {
	background: url('../images/productlist_content_bg.png') bottom no-repeat;
	margin:0px;
	padding:0px 0px 5px 0px;
	min-height:50px;
}

#productlist .content th {
	margin:0px;
	padding-top:0px;
	padding-bottom:2px;
	font-weight:normal;
	color:#aaaaaa;
}

#productlist .content th a {
	color:#aaaaaa;
}
#productlist .content th a:hover {
	color:#333333;
}

#productlist .content table.products td {
	border-top:1px #cccccc solid;
}

#productlist .content table.products .firstTd {
	padding-left:10px;
}

#productlist .content table.products .lastTd {
	padding-right:10px;
}

.product_main {
	margin:0px;
	padding:0px;
	width:220px;
}

.action_on_hp_text {
	font-weight:normal;
	color:#ff0000;
}

.action_on_hp_normal {
	font-weight:bold;
	color:#000000;
}

.action_on_hp_old {
	font-weight:normal;
	font-style:italic;
	color:#cccccc;
}

.action_on_hp_new {
	font-weight:bold;
	color:#ff0000;
}


a.torequest:link, 
a.torequest:visited, 
a.torequest:active, 
a.torequest:hover {
	background: url('../images/to_request.png') no-repeat 0px 0px;
	margin:0px;
	padding:0px;
	width:138px;
	height:35px;
	display:block;
}

a.tobasket:link, 
a.tobasket:visited, 
a.tobasket:active, 
a.tobasket:hover {
	background: url('../images/tothebasket.png') no-repeat 0px 0px;
	margin:0px;
	padding:0px;
	width:176px;
	height:35px;
	display:block;
}

span.description {
	padding:0px;
	color:#cccccc;
}

div.description {
	background:#fcfcfc;
	margin:0px;
	padding:5px;
	border:1px dashed #cccccc;
}



#top_products {
	margin:0px;
	padding:60px 0px 0px 0px;
	width:200px;
}

#top_products .tip {
	background: url('../images/tip_bg.gif') repeat-y;
	margin:0px;
	padding:0px;
}

#top_products .tip .top {
	background: url('../images/tip_top.png') no-repeat;
	margin:0px;
	padding:0px;
	height:10px;
}

#top_products .tip .content {
	background: url('../images/tip_content_bg.png') bottom no-repeat;
	margin:0px;
	padding:5px 0px;
	min-height:100px;
}

#top_products .tip .content .image {
	margin:0px;
	padding:0px 35px;
	width:130px;
}

#top_products .tip .content .top_button {
	margin:0px;
	padding:0px;
	right:20px;
	bottom:0px;
}

#top_products .tip .content .title {
	margin:0px;
	padding:0px 13px;
	text-align:center;
}

#top_products .tip .content .title a:link, 
#top_products .tip .content .title a:visited, 
#top_products .tip .content .title a:active, 
#top_products .tip .content .title a:hover {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}

#top_products .tip .content .price {
	margin:0px;
	padding:5px 13px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}