/****************************************************************************************************************
Copyright 2009 Sell It Smart GmbH. Alle Rechte vorbehalten. 
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. 
Jegliche Zuwiderhandlungen werden juristisch verfolgt.
****************************************************************************************************************/

body {margin:0; padding:0;}
*html body {text-align:center}
*+html body {text-align:center}
#EBdescription {text-align:center; width:100%; background:url(gfx/bg01.gif) repeat-x ;}

#arbeitsbereich {width:990px; padding-top:; text-align:left; margin:0px auto;}
img {outline:none}
.cf {clear:both; height:0px;}

* {font-family:Arial;}
a, a:link, a:visited, a:active {color:#333333; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
h1 {font-weight:normal;}

ol, ul, li {margin:0px; padding:0px; list-style:none;}

#outlet-banner {background:url(gfx/outlet_banner.gif); width:990px; height:50px;}
#eb-ms {display:block; width:140px; height:50px; float:left}
div.store-name {display:block; margin:4px 0px 0px 140px; border-left:2px solid #ffffff; line-height:42px; position:absolute; font-size: 15px; font-weight: bold; color:#ffffff; padding-left:10px;}
*html div.store-name {margin:4px 0 0 0;}
*+html div.store-name {margin:4px 0 0 0;}

#kopfzeile {display:block; width:990px; height:107px; position:relative;}
#logolink {background:url(gfx/logo.jpg); display:block;  margin: 17px 0 0 9px; position:absolute; width:194px; height:69px;}

.metalinks {background: #202020; height: 34px; text-align: right;}
.metalinks a {color: #757575; font-size: 11px; margin-left: 10px; text-decoration: none;}
.metalinks a:hover { color: #fff; }
.metalinks a.beobachten { background: url(gfx/eye.jpg) no-repeat scroll 0 2px; padding-left: 25px; }
.metalinks a.beobachten:hover { background: url(gfx/eye-hover.jpg) no-repeat scroll 0 2px; }
.metalinks a.favorit { background: url(gfx/star.jpg) no-repeat scroll; padding-left: 25px; padding-top: 3px; }
.metalinks a.favorit:hover { background: url(gfx/star-hover.jpg) no-repeat scroll; }
.metalinks a.newsletter { background: url(gfx/letter.jpg) no-repeat scroll; padding-left: 25px; }
.metalinks a.newsletter:hover { background: url(gfx/letter-hover.jpg) no-repeat scroll; }

#suchform {float: right; margin: 29px 9px 0 0;}
#suchform input {float: left;}
#suchform input#suche-eingabe {background: #4e4e4e; border: 0;	color: #ccc; margin-right: 3px;	padding: 2px 3px; width: 192px;}

/*** Navigation ***/
#navigation {background: url(gfx/bg-navigation.jpg) no-repeat scroll; height: 56px; padding-left:20px;}


#navigation a {
	background: none;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	margin-top:15px;
}
#navigation a span.left {
	background: none;
	display: block;
	float: left;
	height: 22px;
	width: 10px;
}
#navigation a span.right {
	background: none;
	display: block;
	float: right;
	height: 22px;
	width: 10px;
}

#navigation a:hover {
	background: url(gfx/menu-hover-middle.jpg) repeat-x scroll;
	color: #000;
}
#navigation a:hover span.left {
	background: url(gfx/menu-hover-left.jpg) no-repeat scroll;
	display: block;
	float: left;
	height: 22px;
	width: 10px;
}
#navigation a:hover span.right {
	background: url(gfx/menu-hover-right.jpg) no-repeat scroll;
	display: block;
	float: right;
	height: 22px;
	width: 10px;
}

#navigation #shop {width: 95px}
#navigation #shop {width: 101px\9}
#navigation #kaufversand { width: 241px}
#navigation #kaufversand { width: 247px\9}
#navigation #widerruf { width: 121px}
#navigation #widerruf { width: 127px\9}
#navigation #ueber { width: 86px}
#navigation #ueber { width: 92px\9}
#navigation #impressum { width: 99px}
#navigation #impressum { width: 105px\9}

#content {width:990px; background: #d6d6d6 url(gfx/bg-content.jpg) repeat-x scroll;  position: relative; }
#content .p1 {padding: 13px 12px 109px;}
*+html #content {height: 100%;}
*html #content {height: 100%;}

#desc {background: #fff; padding: 17px 0 43px 45px;}
#desc {height: 100%\9}
#pic_div {width:420px; height:310px; overflow:hidden; display:block; float:left}
#pic_div a img {width:420px;}
#siegel {height:310px; float:left; display:block; padding:0px 5px 0px 10px; width:163px;}
#siegel #quality {margin-top:25px;}
#art_details {width:320px; height:310px; display:block; float:left; padding-left:2px}
#art_details h1 {color: #4e4e4e; font-family: Times New Roman, Times, serif; font-size: 30px; margin:0px 0px 25px 0px;}
*+ html #art_details h1 { margin-bottom: 30px; }
#art_details p { color: #202020; font-size: 13px;}
.shadow { background: url(gfx/top-box-bg.png) no-repeat; height: 17px; width:966px; display:block; }

#cats {width:966px; background:#262626;}
#cats {height:100%\9}
#cats .p1 {padding:19px 17px;}
.cat_rahmen {background: url(gfx/rahmen.jpg) no-repeat scroll; float: left; margin-right: 16px; padding:8px;}
.cat_rahmen a {display:block; width:204px; height:226px;}
div#cats .last {margin-right: 0px !important;}
#cat_herren {background: url(gfx/herren-oberteil2.jpg);}
#cat_damen {background: url(gfx/damen-oberteil2.jpg);}
#cat_herren_u {background: url(gfx/herren-unterteil2.jpg);}
#cat_damen_u {background: url(gfx/damen-unterteil2.jpg);}
.cat_btn {float: left; margin:10px 14px 0 -1px; }
.cat_btn a {display:block; width:223px; height:29px;}
#cat_btn_herren {background: url(gfx/herren-oberteil.jpg);}
#cat_btn_damen {background: url(gfx/damen-oberteil.jpg);}
#cat_btn_herren_u {background: url(gfx/herren-unterteil.jpg);}
#cat_btn_damen_u {background: url(gfx/damen-unterteil.jpg);}

#footer {background:#262626; height:50px; display:block; width:990px; text-align:center}
#footer a {line-height:50px; text-transform:uppercase; color:#fff; font-size:12px; padding:0px 5px;}