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

/* ===== Global styles ===== */
html, *						{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
body						{ background: #E8E1CF url(../img/layout/body_bg.jpg) 0 0 repeat-x; }
a							{ text-decoration: none; color: #804F1E; }
a:hover						{ text-decoration: underline; color: #000; }
a:hover.headline			{ text-decoration: none; }
img							{ border: 0; }
ul							{ list-style: none; }
h1							{ font-size: 14px; font-weight: bold; color: #804F1E; margin: 15px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #666; }
h1 img                      { vertical-align: middle; }
h2							{ font-size: 12px; font-weight: bold; color: #333; padding: 10px 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ccc; }
p							{ line-height: 1.5em; }
label                       { cursor: pointer; }
.error						{ color: #900; }

.bild_rechts				{ float: right; padding-left: 20px; }
.bild_links					{ float: left; padding-right: 20px; }

/* ===== Basic layout ===== */
#wrap1						{ width: 978px; background: url('../img/layout/bg_center.gif') left top repeat-y; margin: 10px auto; }
#wrap2						{ background: url('../img/layout/bg_top.jpg') left top no-repeat; }
#wrap3						{ min-height: 400px; background: url('../img/layout/bg_bottom.gif') left bottom no-repeat; }

/* ===== Logo ===== */
#logo                       { float: left; position: absolute; margin: 30px 0 0 40px; }
#logo img                   { border: none; }

/* ===== Hotline ===== */
#hotline					{ height: 43px; float: right; padding: 27px 0 0 0; margin: 0 220px 0 0; 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; }

/* ===== Trolley ====== */
#trolley-top				{ height: 30px; line-height: 30px; float: right; margin: 35px 40px 0 0; display: inline; }
#trolley-top a				{ padding: 0 10px 0 15px; font-size: 10px; font-weight: bold; background: url('../img/layout/arrow_right_white.gif') center left no-repeat; display: block; color: #fff; }
#trolley-top a:hover		{ background: url('../img/layout/nav_bg_over.gif') left top repeat-x; color: #000; text-decoration: none; }

/* ===== Top navigation ===== */
/* ===== Left ===== */
#top-nav-left				{ float: left; margin: 35px 0 0 40px; display: inline; line-height:30px; height: 30px; }
#top-nav-left li			{ display: inline; }
#top-nav-left a				{ float: left; padding: 0 10px 0 10px; font-size: 12px; display: block; color: #fff; letter-spacing: 1px; }
#top-nav-left a.active		{ background: url('../img/layout/nav_bg_active.gif') left top repeat-x; color: #000; font-weight: bold; }
#top-nav-left a:hover		{ background: url('../img/layout/nav_bg_over.gif') left top repeat-x; color: #000; text-decoration: none; }
/* ===== Right */
#top-nav-right				{ float: right; margin: 12px 40px 0 0; display: inline; }
#top-nav-right ul			{ list-style: none; }
#top-nav-right li			{ display: inline; }
#top-nav-right a			{ float: left; padding: 6px 10px 7px 10px; font-size: 12px; display: block; color: #000; text-transform: uppercase; }
#top-nav-right a.active		{ background: url('../img/layout/nav_bg_active.gif') left top repeat-x; color: #fff; }
#top-nav-right a:hover		{ background: url('../img/layout/nav_bg_over.gif') left top repeat-x; color: #fff; text-decoration: none; }

/* ===== Main content styles ===== */
#content							{ clear: both; margin: 0 14px 0 8px; padding-top: 6px; }
#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 a.button_200				{ float: left; color: #fff; width: 194px; height: 26px; line-height:  26px; background: url('../img/layout/button_200.gif') left top no-repeat; font-weight:bold; display: block; text-align: center; }
#content a:hover.button_200			{ background-image: url('../img/layout/button_200_over.gif'); text-decoration: none; }
#content a.backbutton_200			{ float: left; color: #fff; width: 194px; height: 26px; line-height:  26px; background: url('../img/layout/backbutton_200.gif') left top no-repeat; font-weight:bold; display: block; text-align: center; }
#content a:hover.backbutton_200		{ background-image: url('../img/layout/backbutton_200_over.gif'); 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;}
/* ===== Forms ===== */
#content input.button_200			{ width: 194px; height: 26px; line-height: 26px; color: #fff; background: url('../img/layout/button_200.gif') left top no-repeat; font-weight:bold; border: none; text-align: center; }
#content input:hover.button_200		{ background-image: url('../img/layout/button_200_over.gif');text-decoration: none; cursor: pointer;}
#content input.backbutton_200	    { width: 194px; height: 26px; line-height: 26px; color: #fff; background: url('../img/layout/backbutton_200.gif') left top no-repeat; font-weight:bold; border: none; text-align: center; }
#content input:hover.backbutton_200	{ background-image: url('../img/layout/backbutton_200_over.gif'); text-decoration: none; cursor: pointer;}

/* ===== Column Layouts ===== */
.col1, .col2, .col3						{ position: relative; }
/* ===== 1 column ===== */
.block-1col									{ background: url('../img/layout/block_1col_bg_center.gif') left top repeat-y; }
.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; }
.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; }
.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; }
.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: 3px 0 23px 0; text-align: center; font-size: 10px; color: #666; }
#footer a					{ font-size: 10px; color: #666; }
#footer a:hover				{ color: #000; }

/* ====== 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; }
#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: transparent; 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 {
	position: relative;
	float: right;
	margin: 0 0 10px 20px;
}
.product_teaser img {
	z-index: 1;
	float: right;
}

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

.price_button {
	width: 80px;
	height: 60px;
	background: transparent url('../img/layout/price-button.png') 0 0 no-repeat;
	text-align: center;
	padding-top: 20px;
	color: #55341F;
}

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

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

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

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