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

/* ===== Global styles ===== */
html, *						{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
body						{ margin: 10px 0 20px 0; }
a							{ text-decoration: none; color: #f60; }
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: #f60; 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 ===== */
#topwrap					{ background: url('../img/layout/bg_top.jpg') left top no-repeat; width: 984px; height: 160px; margin: 0 auto;}
#centerwrap					{ width: 984px; background: #fff url('../img/layout/bg_center.gif') left top repeat-y; margin: 0 auto; }
#bottomwrap					{ min-height: 400px; background: url('../img/layout/bg_bottom.gif') left bottom no-repeat; }

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

/* ===== Hotline ===== */
#hotline					{ height: 50px; float: left; margin: 30px 0 0 170px; 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				{ float: right; width: 190px; margin: 30px 20px 0 0; }
#trolley-top a				{ padding: 0 15px 0 10px; font-size: 12px; line-height: 11px; display: block; color: #000; }

/* ===== Top navigation ===== */
/* ===== Left ===== */
#top-nav-left				{ float: left; margin: 0 0 0 160px; display: inline; }
#top-nav-left li			{ display: inline; }
#top-nav-left a				{ float: left; padding: 6px 10px 6px 10px; font-size: 12px; display: block; color: #fff; text-transform: uppercase; }
#top-nav-left a.active		{ background: url('../img/layout/nav_bg_active.gif') left top repeat-x; color: #000; }
#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							{ margin: 0 14px 0 10px; }
#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: #000; width: 160px; height: 33px; background: url('../img/layout/button_200.gif') left top no-repeat; font-weight:bold; display: block; padding: 8px 0 0 34px; }
#content a:hover.button_200			{ float: left; width: 160px; height: 33px; background: url('../img/layout/button_200_over.gif') left top no-repeat; color: #fff; display: block; padding: 8px 0 0 34px; text-decoration: none; }
#content a.backbutton_200			{ float: left; color: #000; width: 160px; height: 33px; background: url('../img/layout/backbutton_200.gif') left top no-repeat; font-weight:bold; display: block; padding: 8px 0 0 34px; }
#content a:hover.backbutton_200		{ float: left; width: 160px; height: 33px; background: url('../img/layout/backbutton_200_over.gif') left top no-repeat; color: #fff; display: block; padding: 8px 0 0 34px; 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: 200px; height: 33px; background: url('../img/layout/button_200.gif') left top no-repeat; font-weight:bold; border: none; text-align: left; padding: 0 0 6px 34px; }
#content input:hover.button_200		{ width: 200px; height: 33px; background: url('../img/layout/button_200_over.gif') left top no-repeat; color: #fff; text-decoration: none; cursor: pointer;}
#content input.backbutton_200	    { width: 200px; height: 33px; background: url('../img/layout/backbutton_200.gif') left top no-repeat; font-weight:bold; border: none; text-align: left; padding: 0 0 6px 34px; }
#content input:hover.backbutton_200	{ width: 200px; height: 33px; background: url('../img/layout/backbutton_200_over.gif') left top no-repeat; color: #fff; text-decoration: none; cursor: pointer;}

/* ===== Column Layouts ===== */
/* ===== 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_only1col_first.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: left; margin: -25px 0 0 160px; 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; }

#stramplerpreview {
	font-family:		'Comic Sans MS';
	font-size: 			16px;
	font-weight: 		bold;
	padding: 			20px;
	margin:				10px 0 10px 0;
	text-align:			center;
	width: 				200px;
	border-top:			3px solid #ddd;
	border-right: 		3px solid #bbb;
	border-bottom: 		3px solid #bbb;
	border-left: 		3px solid #ddd;
}