@charset "utf-8";
/* CSS Document */

/* ===== Global styles ===== */
html, *						{ margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333 }

body						{ background: #FEE7AA url('../img/layout/body-bg.jpg') 0 0 repeat-x; }

a							{ text-decoration: none; color: #c00; }
a:hover						{ text-decoration: underline; color: #000; }
a:hover.headline			{ text-decoration: none; }
img							{ border: 0; }
ul							{ list-style: none; }
h1							{ font-size: 2em; font-weight: bold; color: #000; margin: 0px 0 20px 0; padding: 0 0 5px 0; }
h1 img                   				   { vertical-align: middle; }
h2							{ font-size: 1.7em; font-weight: bold; color: #333; padding: 10px 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #FEE7AA; }
p							{ line-height: 1.5em; letter-spacing: 0px; }
label                       { cursor: pointer; }
.error						{ color: #900; }
.clear						{ clear: both; }

.bild_rechts				{ float: right; margin-left: 20px; border: 1px solid #FED66D; padding: 1px; }
.bild_links					{ float: left; margin-right: 20px; border: 1px solid #FED66D; padding: 1px; }

/* ===== Basic layout ===== */
#wrap1						{ width: 978px; margin: 0 auto 10px auto; position: relative; }
#wrap2						{ }
#wrap3						{ min-height: 400px; }

#branding					{ background: transparent url('../img/layout/branding-bg.png') 0 0 no-repeat; height: 156px; }

/* ===== Logo ===== */
#logo                       { float: left; margin: 10px; }
#logo img                   { border: none; }

/* ===== Trolley ====== */
#trolley-top				{ height: 26px; clear: both; float: right; margin: 30px	40px 0 0; display: inline; position: relative;  z-index: 200; }
#trolley-top a				{ font-family: Arial,Helvetia,Sans-Serif; letter-spacing: 2px; padding: 0 10px 0 10px; font-size: 12px; line-height: 26px; display: block; color: #600; }
#trolley-top a:hover		{ background: url('../img/layout/nav_bg_over.gif') left top repeat-x; color: #fff; text-decoration: none; }

/* ===== Top navigation ===== */
/* ===== Left ===== */
#top-nav-left				{ float: right; margin: 0 30px 0 0; display: inline;   z-index: 200; position: relative; }
#top-nav-left li			{ display: inline; }
#top-nav-left a				{ font-family: Arial,Helvetia,Sans-Serif; margin: 0 1px; float: left; display: block; color: #600; text-transform: uppercase; line-height: 60px }
#top-nav-left span			{ padding: 30px 10px 0 10px; display: block; font-size: 15px; }
#top-nav-left a.active,
#top-nav-left a:hover		{ background: transparent url('../img/layout/nav-button.gif') bottom right no-repeat; color: #fff; text-decoration: none; }
#top-nav-left a.active span,
#top-nav-left a:hover span	{ background: transparent url('../img/layout/nav-button.gif') bottom left no-repeat; }

/* ===== Main content styles ===== */
#content-top						{ width: 956px; height: 300px; background: transparent url('../img/layout/content-top-bg.png') 0 0 no-repeat; position: absolute; }
#content-bottom						{ width: 956px; height: 10px; background: transparent url('../img/layout/content-bottom-bg.png') 0 0 no-repeat; }
#content							{ margin: 0 22px 0 0; background: transparent url('../img/layout/content-bg.gif') 0 0 repeat-y; }
#content li							{ background: url('../img/layout/arrow_small.gif') left 5px no-repeat; padding-left: 15px; line-height: 1.5em; }
#content .teaser-1col-right 		{ float: right; margin: 33px -20px 8px 20px; border: none; }

#content input.backbutton_200,
#content input.button_200,
#content a.button_200,
#content a.backbutton_200			{ font-family: Arial,Helvetia,Sans-Serif; letter-spacing: 2px; float: left; color: #600; width: 200px; line-height: 33px; height: 33px; display: block; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; }

#content input.button_200,
#content a.button_200				{ background: url('../img/layout/button_200.gif') left top no-repeat; }
#content input.button_200:hover,
#content a:hover.button_200			{ background: url('../img/layout/button_200_over.gif') left top no-repeat; color: #fff; text-decoration: none; }
#content input.backbutton_200,
#content a.backbutton_200			{ background: url('../img/layout/backbutton_200.gif') left top no-repeat; }

#content a:hover.backbutton_200		{ background: url('../img/layout/backbutton_200_over.gif') left top no-repeat; color: #fff; text-decoration: none;}
#content .productimage				{ float: right; margin: 0 0 10px 30px; border: 1px solid #f90; }
#content .price						{ margin: 20px 0 20px 0; font-weight: bold; font-size: 14px; color: #666;}

/* ===== Column Layouts ===== */
.col1, .col2, .col3					{ position: relative; }
/* ===== 1 column ===== */
.block-1col									{ /* background: url('../img/layout/block_1col_bg_center.gif') left top repeat-y; */ margin-bottom: 10px; position: relative; z-index: 200; margin-bottom: 50px; }
.block-1col .inner-wrap1					{ /* background: url('../img/layout/block_1col_bg_top.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-1col .inner-wrap1-first				{ /* background: url('../img/layout/block_1col_bg_top_first.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-1col .inner-wrap2					{ /* background: url('../img/layout/block_1col_bg_bottom.gif') left bottom no-repeat; */ padding: 0 0 20px 0; }
.block-1col .col1							{ width: 898px; margin: 0 26px 0 32px; float: left; display: inline; }
/* ===== 1 column special (popup) */
.popup .block-1col							{ /* background: url('../img/layout/popup_center_bg.gif') left top repeat-y; */  position: relative;  z-index: 200; }
.popup .block-1col .inner-wrap1				{ /* background: url('../img/layout/popup_top_bg.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.popup .block-1col .inner-wrap1-first		{ /* background: url('../img/layout/popup_top_bg.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.popup .block-1col .inner-wrap2				{ /* background: url('../img/layout/popup_bottom_bg.gif') left bottom no-repeat; */ padding: 0 0 20px 0; }
.popup .block-1col .col1					{ width: 550px; margin: 0 26px 0 32px; float: left; display: inline; }
/* ===== 2 columns ===== */
.block-2col									{ /* background: url('../img/layout/block_2col_bg_center.gif') left top repeat-y; */  position: relative;  z-index: 200; margin-bottom: 50px; }
.block-2col .inner-wrap1					{ /* background: url('../img/layout/block_2col_bg_top.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-2col .inner-wrap1-first				{ /* background: url('../img/layout/block_2col_bg_top_first.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-2col .inner-wrap2					{ /* background: url('../img/layout/block_2col_bg_bottom.gif') left bottom no-repeat; */ padding: 0 0 20px 0; }
.block-2col .only1col						{ /* background: url('../img/layout/block_2col_bg_center_only1col.gif') left top repeat-y; */ }
.block-2col .only1col .inner-wrap1			{ /* background: url('../img/layout/block_2col_bg_top_only1col.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-2col .only1col .inner-wrap1-first	{ /* background: url('../img/layout/block_2col_bg_top_first_only1col.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-2col .only1col .inner-wrap2			{ /* background: url('../img/layout/block_2col_bg_bottom_only1col.gif') left bottom no-repeat; */ padding: 0 0 20px 0; }
.block-2col .col1							{ width: 418px; margin: 0 26px 0 32px; float: left; display: inline; }
.block-2col .col2							{ width: 418px; margin: 0 26px 0 32px; float: left; display: inline; }
/* ===== 3 columns ===== */
.block-3col									{ /* background: url('../img/layout/block_3col_bg_center.gif') left top repeat-y; */  position: relative;  z-index: 200; margin-bottom: 50px; }
.block-3col .inner-wrap1					{ /* background: url('../img/layout/block_3col_bg_top.gif') left top no-repeat; */ height: 100%; } /* height ie6 hack */
.block-3col .inner-wrap2					{ /* background: url('../img/layout/block_3col_bg_bottom.gif') left bottom no-repeat; */ padding: 0 0 20px 0; }
.block-3col .col1							{ width: 261px; margin: 0 26px 0 32px; float: left; display: inline; }
.block-3col .col2							{ width: 261px; margin: 0 24px 0 32px; float: left; display: inline; }
.block-3col .col3							{ width: 261px; margin: 0 26px 0 33px; float: left; display: inline; }

/* ====== Footer navigation ===== */
#footer						{ clear: both; padding: 10px 0 23px 0; text-align: center; font-size: 10px; color: #666; }
#footer a					{ line-height: 30px; font-size: 10px; color: #666; }
#footer a:hover				{ color: #000; }


/* ===== Hotline ===== */
#hotline					{ margin: 0 10px; float: left; color: #000; text-align: right; line-height: 14px; display: inline; }
#hotline .label				{ font-size: 12px; }
#hotline .number			{ font-size: 17px; font-weight: bold; color: #333; }
#hotline .price				{ font-size: 9px; text-align: right; color: #666; }


/* ====== Misc. ===== */
.flashmessage               { display: none; position: absolute; width: 360px; height: 50px; top: 10px; left: 50%; margin: -100px 0 0 -200px; padding: 20px; background: url('../img/layout/flashmessage_bg.gif') bottom left no-repeat; text-align: center; font-size: 14px; font-weight: normal; color: #000; line-height: 20px; z-index: 300}
#flash-teaser				{ margin: 0 6px 4px 6px; }

.reseller_tag				{ float: right; margin: 25px 30px 0 0; border: 1px dashed #fc9; padding: 2px 5px 2px 5px; background-color: #fff; }

/* Dogtag preview */
.tagform					{ float: left; }
.tagtext					{ background: url('../img/dogtagform/tagtextbg.gif') 5px 16px no-repeat; border: none; height:20px; width: 165px; padding: 0px 0 0 5px; font-family: "Courier New", Courier, monospace; font-size: 12px; letter-spacing: 3px;}
input.error					{ border: 1px solid #900;  margin: 0; }
.previewtag					{ float: left; width: 215px; height: 120px; padding: 20px 0 0 35px; background-color: #fff; background-image: url('../img/dogtagpreview/tags/edelstahl_glaenzend_new_style.gif'); background-position: top left; background-repeat: no-repeat; margin: 0 0 0 30px; }
.previewrow					{ height: 20px; }

/* Price button */
.product_teaser {
	float: right;
	margin: 0 0 10px 20px;
}
.product_teaser img {
	z-index: 1;
	float: right;
}

.price_button_text {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: transparent url('../img/layout/price-button.png') 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 100px;
}

.price_button {
	width: 100px;
	height: 75px;
	background: transparent url('../img/layout/price-button.png') 0 0 no-repeat;
	text-align: center;
	padding-top: 25px;
}

.price_button.padded {
	margin: 10px 0 10px 20px;
}

a .price_button{
	position: absolute;
	z-index: 2;
	right: -20px;
	bottom: 0;
}

a .price_button:hover {
	text-decoration:none;
}

.price_button_price {
	font-weight: bold;
	font-size: 16px;
}