/* layout */
* {
	margin:	0px;
	
	font-family:	Tahoma, Verdana, Arial;
	font-size:		12px;	
}
body {margin:0; font-family:Tahoma,Verdana,Arial; font-size:12px;}
p {padding-top:.5em;}

p,td,.contentText,u {font-size:11px;}
.uppercase {text-transform:uppercase;}
.bold {font-weight:bold;}

a:link              {color:#000; text-decoration:none;}
a:visited           {color:#000; text-decoration:none;}
a:hover             {color:#00549C; text-decoration:none;}
a:active            {color:#00549C; text-decoration:none;}
a.active			{color:#00549C;}

h1,h2 {text-transform:uppercase; border-bottom:1px solid #666; font-weight:700;}
h1 {font-size:15px; margin-bottom:10px;}
h2.14 {font-size:14px;}
h2 {font-size:11px; margin: .5em 0;}

img {border: 0;}
blockquote {padding-left:2em;}

/* foramtierung inputfelder */
input {font-family:Tahoma,Verdana,Arial;}
input[type="text"],
input[type="submit"],
input[type="button"],
textarea {border:1px solid #bbb;}
.submit {
	color:#fff;
	font-weight:bold;
	background: #00549C url('../img/layout/button_back.png') repeat-x center;
	border:0;
	padding:5px;
	text-transform:uppercase;
}
input[type="submit"],
input[type="button"] {
	color:#fff;
	font-weight:bold;
	background: #00549C url('../img/layout/button_back.png') repeat-x center;
	border:0;
	padding:5px;
	text-transform:uppercase;
}

/* Layout Tabelle */
#layout {
	margin: 0px auto;
	border:20px solid #fff;
	border-top:10px solid #fff;
	background: #fff;
}

/* Header */
#logo {font-size:65px; font-style:bold; position:absolute; margin-top:9px;}

/* Menüs oben rechts */
#top {padding:0; margin:0;}
#top ul {padding: 0 0 0 200px; text-transform:uppercase; float:right;}
#top li {list-style-type:none; float:right; padding: 0 0 0 15px; margin:0;}
#top li ul li{list-style-type:none; float:left; padding: 0 0 0 13px; margin:0;}
#top li .active {color:#00549C;}
#top #clock {margin-top:18px; width:500px;}
/* Top */
#menu_top a {font-weight:700; font-size:11px;}
/* Service */
#menu_service a {font-size:10px;}
/* Uhr */
#clock {float:right; border:0; text-align: right; font-size:12px; padding:0;}
/* Kategorien */
#menu_top_cat {margin: 0 0 11px 0; font-weight:700;}
#menu_top_cat a {font-size:14px;}

/* linke Spalte */
#col_left {padding-top:8px; width:242px}
#col_left h1, #col_left h2, #col_left h3 {border:0; font-weight:700;}
#col_left h1 {font-size:16px;}
#col_left h2 {font-size:14px; padding-left:10px;}
#col_left h3 {font-size:12px; padding-left:10px;}
/* Menü Marken */
#menu_marken {padding:0 0 0 10px; text-transform:uppercase;}
#menu_marken li {padding:8px 0 0 5px; list-style-type:none;}
#menu_marken li a {font-size: 13px; font-weight:bold;}
#menu_marken li ul {padding:0 0 0 10px;}
#menu_marken li ul li a {font-size: 11px; font-weight:normal;}
#menu_marken .active {color:#00549C;}
/* Boxen */
#hotline, #notepad, #teaser_tk {
	margin:10px 0;
	padding:3px 6px;
	border-top:1px solid #666;
	width:160px;
}
/* Hotline */
#hotline {border-bottom:1px solid #666; padding-bottom:8px;}
#hotline h4 {padding-top:.5em; font-weight:700; font-size:11px;}
#hotline div {display:block; padding:8px 0 0 0; font-size:10px; white-space:nowrap;}
/* Menü Kategorien */
#menu_cat {padding:0 0 0 10px; text-transform:uppercase;}
#menu_cat li {margin:6px 0 0 5px; font-size:10px; list-style-type:none;}
#menu_cat a {font-size:11px;}
#menu_cat .active {color:#00549C;}
/* Menü unten */
#menu_bottom {text-transform:uppercase; float:right;}
#menu_bottom li {list-style-type:none; float:left; padding: 0 0 0 25px; margin:0;}

/* Trusted Shops */
#trusted_shops { margin:15px 0; font-size:11px; }
#trusted_shops img { float:left; margin-right:10px; }

/* Teaser Taschenkaufhaus */
#teaser_tk {margin-top: 1.5em; border-top:1px solid #666; margin-bottom:150px}
#teaser_tk h3 {padding-top:8px}
#teaser_tk div {text-align:center}
#teaser_tk div a img {margin:.5em 0}
#teaser_tk div a {font-size:11px}

/* Inhaltsbereich */
#col_right {padding:10px 0 0 0;}
#content {border-bottom:1px solid #666; padding:0 0 .5em 0; width:100%; clear:both;}
#content p a,
#content span a,
#content td a {text-decoration:underline;}

/* Atmo Bilder */
#atmo {margin-top:6px; width:720px;}
#atmo a {float:left; }

/* Tables des Warenkorb */
.basket th {
	text-transform:uppercase;
	border-bottom:1px solid #666;
	font-weight:normal;
	font-size:14px;
	padding-top: 1em;
}
.warningsmall {color:#00549c}

/* Infoliste im Warenkorb */
ul.basket-info {
	margin:		0px;
	padding:	0px;
	
	list-style-type:	none;
}

ul.basket-info li {
	margin:		0px;
	padding:	0px;
}

/* Navigation oben im Warenkorb */
#basket_top_nav { margin: 1em 0;}
#basket_top_nav td {font-size:16px; text-transform:uppercase; font-weight:bold;}
#basket_top_nav .active {color:#00549C;}
#basket_top_nav .next {color:#ccc;}
#basket_top_nav td a {font-size:16px; text-decoration:none;}

/* Anzahl erhöhen/verringen im Warenkorb */
a.increment-amount {
	background-image:	url(../../base/img/content/increment_amount_hover.gif);
	background-repeat:	no-repeat;
	display:	block;
	width:		11px;
}

a.decrement-amount {
	background-image:	url(../../base/img/content/decrement_amount_hover.gif);
	background-repeat:	no-repeat;

	display:	block;
	width:		11px;
}

a.increment-amount img, a.decrement-amount img {
	display:	block;
	
	width:	11px;
	height:	11px;
	
	border-style:	none;
}

a.increment-amount:hover img, a.decrement-amount:hover img {
	visibility:	hidden;
}

a.increment-amount:hover, a.decrement-amount:hover {
	border:	0;
}


/* Produktpräsentation */
#presentation_nav div {float: left; white-space:nowrap; padding:0 1em 1em 0;}
noscript p {font-weight:bold; color:#900; border:1px solid #900; padding:10px;}
/* Single Ansicht */
#item_single_h1 {margin-bottom:1em; padding-top:15px; position:relative;}
#item_single_h1 span {position:absolute; right:0; top:0;}
#item_single {}
.single-detail-images, .single-color-images {list-style-type:none;}
.single-color-images {list-style-type:none; padding: 0px; margin: 10px 0px 10px 0px;}
.single-color-images li {display: inline; margin: 0px; padding: 0px;}
.single-color-extracharges {list-style-type: square; padding-left: 15px; margin: 10px 0px 10px 0px;}

.single-detail-images li {
	text-align: center;
}
ul.single-detail-images {
	padding-left: 20px;
}
 
/* TODO: Ekki mal gucken lassen, ob das jetzt raus kann */
div.fr {float:right;}
div.fl {float:left;}
div.fcr {clear:both; float:right;}
div.fcl {clear:both; float:left;}
div.sep {font-size:1px; height:1px; border-top:1px solid #666666;}

select {font-family:Tahoma,Verdana,Arial; border:1px solid #bbb;}
select.select_view, select.select_sort, select.select_num_prod, .footnotelist {font-size:10px;}
select#ddcolor, .browse_navigation, .browsepage {font-size:12px;}
.browsepage {font-weight:bold; color:#00549C;}

span.damen {color:#005995; margin:1px;}
span.herren {color:#5F0804; margin:1px;}
span.contentTextHeadline {font-size:13px; text-transform:uppercase; border-bottom:1px solid #666666;}
span.price {color:#00549C; font-size:14px; font-weight:bold;}
span.priceUVP {color:#9C9C9C; font-size:14px;}

td.contentHeader {font-size:15px; font-weight:normal; text-transform:uppercase; text-align:left;}
div.contentHeaderSep {width:100%; margin-bottom:10px;}

div.table {display:table; border-collapse:collapse;}
div.tr {display:table-row;}
div.td {display:table-cell; border:thin solid red; padding:5px;}

td.image_advised_search {
	text-align:		center; 
	border-width: 	1px; 
	border-style: 	solid;  
	border-color: 	#D6D6D6;
}

/* allgemeine definitionen */
.small { font-size: 10px; }
.small11 { font-size: 11px; }
a.small { font-size: 10px; text-decoration: none; }
.smallred {	font-size: 10px; color: #900; }
.smallred11 { font-size: 11px; color: #900; }

/*** Gallery ***/
div.gallerycolorimages {
	white-space:	nowrap;
	margin-left:	auto;
	margin-right:	auto;
	margin:			0 0 3px 0;
}

div.gallerycolorimages a img {
	margin:		2px;
}

/* Advised Search */
.product_info {
	font-size: 		10px;
}

#lieferung {
	border: 0px #000 solid;
	font-size: 10px;
	margin: 0px;
}

#lieferung2 {
	border: 0px #000 solid;
	font-size: 10px;
	color: #415363;
	margin: 0;
	font-style: italic;
	text-decoration: underline;
}

#versand {
	border: 0px #000 solid;
	font-size: 10px;
	margin: 0px;
	font-weight: bold;
}

#preis, .preis {
	border: 0px #000 solid;
	font-size: 16px;
	font-weight:bold;
	color: #00549C;
	margin: 0px;	
}

#preis2 {
	border: 0px #000 solid;
	color: #900;
	font-size: 11px;
}

#preis2txt {
	border: 0px #000 solid;
	color: #900;	
	font-size: 11px;
}

.price {
	font-size: 13px;
	color: #900;
	margin: 0;
	font-weight: bold;	
}

.shipinfo {
	font-size: 10px;
	color: #415363;
	margin: 0;
	font-style: italic;
	white-space: nowrap;
}

.newitemexpirecolor {
	color: #f00;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
}

#skonto {
	font-size: 10px;
	text-decoration: underline;
}

.product_info { font-size: 12px; }

/* Showroom */
div.showroom-up {
	position:	absolute;
	top:		0px;
	left:		0px;
	
	width:		670px;
	min-width:	670px;
	max-width:	670px;
	height:		50px;
	min-height:	50px;
	max-height:	50px;
	
	padding-left:	10px;
	padding-right:	10px;
}

div.showroom-bigimage, div.showroom-bigimage table {
	position:	absolute;
	top:		50px;
	left:		0px;

	width:		520px;
	min-width:	520px;
	max-width:	520px;
	height:		455px;
	min-height:	455px;
	max-height:	455px;

	margin:		0px;
	padding:	0px;

	text-align:	center;
}

div.showroom-bigimage table {
	position:	relative;
	top:		0px;
	left:		0px;
}

div.showroom-colorimages {
	position:	absolute;
	left:		0px;
	
	width:		520px;
	min-width:	520px;
	max-width:	520px;
	height:		70px;
	min-height:	70px;
	max-height:	70px;
	
	text-align:	center;
}

div.showroom-colorimages * {
	margin:		0px;
	padding:	0px;
	
	text-decoration:	none;
}

div.showroom-colorimages ul {
	list-style-type:	none;
}

div.showroom-colorimages li {
	display:	inline;
	
	margin-left:	-4px;
}

div.showroom-colorimages img {
	border-style:	solid;
	border-width:	2px;
	
	/* dank des IE können wir hier leider nicht transparent nehmen ... */
	border-color:	RGB(255, 255, 255);
	
	border-bottom-style:	none;
	border-top-style:		none;
}

div.showroom-detailimages, div.showroom-detailimages table {
	position:	absolute;
	/* Da die Hintergrundfarbe des Rahmens nicht auf transparent gesetzt werden kann, muss
	 * die Box 5px nach unten geschoben werden, weil sonst das erste Bild in das Logo
	 * reinreichen könnte. */
	top:		55px;
	left:		520px;

	width:		150px;
	min-width:	150px;
	max-width:	150px;
	height:		465px;
	min-height:	465px;
	max-height:	465px;
	
	margin:		0px;
	padding:	0px;
	
	text-align:	center;
}

div.showroom-detailimages table {
	top:	0px;
	left:	0px;
}

div.showroom-detailimages * {
	margin:		0px;
	padding:	0px;		
}

div.showroom-detailimages ul {
	width:		150px;
	min-width:	150px;
	max-width:	150px;

	list-style-type:	none;
}

div.showroom-detailimages li {
	width:		150px;
	min-width:	150px;
	max-width:	150px;
	
	margin-top:	-2px;
	
	text-align:	center;
}

div.showroom-detailimages img {
	border-style:	solid;
	border-width:	5px;
	
	/* dank des IE können wir hier leider nicht transparent nehmen ... */
	border-color:	RGB(255, 255, 255);
	
	border-left-style:	none;
	border-right-style:	none;
}

div.showroom-close {
	position:	absolute;
	left:		520px;

	width:		150px;
	min-width:	150px;
	max-width:	150px;
	height:		70px;
	min-height:	70px;
	max-height:	70px;
	
	text-align:	center;
}

div.showroom-close * {
	margin-top:	28px;
}

#cancelation {margin-bottom:1em;}
#cancelation p {font-size: 11px; padding-top:.8em;}
#cancelation h3 {text-align:center; padding-top:1em;}
#cancelation address {padding: 1em 0;}

td.listview-productimage {
	width:			120px;
	min-width:		120px;
	max-width:		120px;
	
	vertical-align:	top;
	text-align:		center;
}

td.single-productimage {
	text-align:		center;
}

td.single-detailimages {
	vertical-align:	top;
	text-align:		center;
}

td.basket-productimage {
	vertical-align:	top;
	text-align:		center;
}