/* BEGIN:reset rules */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
html{overflow-y:scroll;}
body{line-height:1;color:black;background:white;}
ol, ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
/* END:reset rules */
html,body { width: 100%; }
strong, h3 { font-weight: bold; }

body{ 
	background: #fff url('/fileadmin/templates/img/bg.gif') center 0 repeat-y;
	font-size: 10px;
	margin: 0 auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	color: #333;
}

#minicart input {
	width: 128px;
	height: 30px;
	background-position: 0 -312px;
	margin: 4px 0 0 0;
	padding: 6px 0 9px;
	font-weight: bold;
	font-size: 10px;
	color: #757677;
}

input[type=submit] {
	margin: 0 0 2em 0;
}
#product_single input[type=submit] {
	margin: 0;
}
#product_single label {
	display: inline !important;
	float: none !important;
}

img {
	vertical-align: text-bottom;
}

h1 {
	font-size: 1.2em;
	margin: 0 0 3em 0;
}
h1 span {
	display: none;
}

a {
	color: #cd071e;
	text-decoration: none;
}

table {
	border: .1em solid #C4C4C4;
	border-bottom: none;
	width: 100%;
}

td,th {
	padding: .3em .5em;
	font-size: 1.2em;
	border-bottom: .1em solid #C4C4C4;
	vertical-align: bottom;
}
td {
	line-height: 1.5em;
}
th {
	background-color: #F0F0F4;
}

dl {
	overflow: hidden;
}

label {
	font-size: 1.2em;
	display: block;
	float: left;
	margin: .3em 0 0;
	width: 150px;
}

legend {
	display: none;
}

form {
	display: block;
	clear: both;
	width: 100%;
}

form div {
	margin: 0 0 1em;
}
.basket_payment form table div {
	margin: 0;
}

dt {
	width: 150px;
	clear: left;
}
dd {
}
dt,dd {
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
}
dt label,
dd label {
	font-size: 1em;
}

.error {
	color: #CD071E;
}

.left {
	float: left;
}

.right {
	float: right;
}

#header{
	background: #fff url('/fileadmin/templates/img/header.jpg') 0 0 no-repeat;
	width: 96em; height:13.3em;
	position: fixed;
	top: 0; left: 50%;
	margin: 0 0 0 -48em;
	z-index: 50;
	text-align: left;
}

#header #logo a {
	display: block;
	width: 17.9em;
	height: 9.5em;
	text-decoration: none;
}

#header #logo a:hover {
	background: transparent url('/fileadmin/templates/img/btn_logo.jpg') 0 0 no-repeat;
}

#header #welcome {
	position: absolute;
	top: 7.2em;
	left: 16.2em;
	font-size: 1.1em;
	width: 70.909em;
}

#header #welcome .left {
	float: left;
	text-align: left;
}

#header #welcome .right {
	width: 150px;
	float: right;
	text-align: right;
}

#header #search {
	background: #CD071E url('/fileadmin/templates/img/bg_search.gif') 0 0 no-repeat;
	height: 3em;
	width: 63.2em;
	position: absolute;
	top: 9.9em;
	left: 17.8em;
}

#header #search label {
	margin: .2em 0 0 .9em;
	width: 54px;
}

#header #search input.sword {
	border: none;
	background: none;
	margin: .3em 0 0;
	height: 1.25em;
	width: 487px;
	padding: .3em .5em .1em;
}

#header #minicart {
	position: absolute;
	right: .5em;
}

#paypal,
#twitter,
#facebook {
	width: 16.7em;
	position: fixed;
	bottom: 15em; left: 50%;
	margin: 0 0 0 -47.4em;
}
#twitter {
	bottom: 2.5em;
}
#facebook {
	bottom: 9em;
}
#paypal {
	border-bottom: 1px dotted #CFCFCF;
}

div.bTM {
	width: 17.9em;
	position: fixed;
	top: 17.3em; left: 50%;
	margin: 0 0 0 -48em;
}

div.bTM ul {
	border-left: .1em solid #c4c4c4;
}

div.bTM ul ul {
	margin: 0 0 0 -0.1em;
	position: static;
}

div.bTM ul li {
	height: 2.3em;
	overflow: visible;
}
div.bTM ul li.no {

	overflow: hidden;
}
div.bTM ul li.no a:hover img {
	margin: 0 0 0 -18em;
}
div.bTM ul li.act {
	overflow: visible;
}

div.bTM div.tx-felogin-pi1 {
	text-align: left;
	padding: 1em .6em;
	margin: 2em 0;
	background: #E2E0E2;
	border: .1em solid #CFCFCF;
}

div.bTM div.tx-felogin-pi1 h3 {
	font-size: 1.3em;
	margin: 0 0 .385em 0;
}

div.bTM div.tx-felogin-pi1 div {
	font-size: 1.1em;
}

div.bTM div.tx-felogin-pi1 form {
	margin: .769em 0 0;
}

div.bTM div.tx-felogin-pi1 form legend {
	font-size: 1.3em;
}

div.bTM div.tx-felogin-pi1 form input#user,
div.bTM div.tx-felogin-pi1 form input#pass {
	width: 12.1em;
}

div.bTM div.tx-felogin-pi1 form input#pass {
	margin: 0 0 .5em 0;
}

#announcement {
	display: block;
	clear: both;
	margin: 0 0 2em 0;
	padding: 1em;
	background: #ffeb04;
	border: .1em solid #cecece;
}

#content {
	background: transparent;
	width: 66em;
	margin: 0 auto;
	padding: 173px 6em 6.2em 24em;
	overflow: hidden;
	text-align: left;
}

#content p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 1em;
	clear: both;
}

#footer {
	background: #fff;
	width: 96em;
	border-top: .1em solid #c4c4c4;
	position: fixed;
	bottom: 0; left: 50%;
	margin: 0 0 0 -48em;
	padding: 0.7em 0;
	text-align: left;
}

#footer span {
	font-size: 1.1em;
}

#footer ul,
#header #welcome ul {
	list-style-type: none;
	display: inline;
	margin: 0 1.5em;
}
#header #welcome ul { margin: 0; }

#footer ul li,
#header #welcome ul li {
	display: inline;
	font-size: 1.1em;
}
#header #welcome ul li { font-size: 1em; }

/* ######################################################################################################
** # Template for TT - Products                                               #############################
** ######################################################################################################*/

.pagebrowser {
	overflow: hidden;
	text-align:center;
	clear: both;
	display: none;
}

.pagebrowser div a {
	font-size: 1.2em;
	display: block;
	height: 1em;
	margin: 0 0 2.5em 0;
}

.pagebrowser div.link_up {
	text-align: center;
}

.pagebrowser div.link_next {
	text-align: right;
	float: right;
	width: 200px;
	height: 40px;
}
.pagebrowser div.link_prev {
	text-align: left;
	float: left;
	width: 200px;
	height: 40px;
}

/***************************** Liste der Produkte ***********************************************/

#product_list {
	margin: 0 0 0 -3em;
}

#product_list .item_single {
	float: left;
	width: 20em;
	height: 28em;
	overflow: hidden;
	margin: 0 0 0 3em;
}

#product_list .item_single a {
	display: block;
	height: 16.1em;
	position:relative;
}

#product_list .item_single h2 {
	font-size: 1.2em;
	margin: .833em 0 .416em;
}

#product_list .item_single h2 a {
	height: auto;
}

#product_list .item_single img {
	border: .1em solid #c4c4c4;
	position: absolute;
	bottom: 0;
}
#product_list .item_single a:hover img {
	border: .1em solid #CD071E;
	position: absolute;
	bottom: 0;
}

#product_list .item_single p.description {
	font-size: 1.1em;
	margin: 0 0 .416em;
}

#product_list .item_single p.price {
	font-weight: bold;
}

.search_request {
	margin: 0 0 3em !important;
	font-style: italic;
	font-size: 1.2em;
}

#sword {
	color: #AAA;
}

/***************************** Einzelnes Produkt ***********************************************/

#product_single_img {
	float: left;
	width: 31em;
	margin: 0 3em 0 0;
}
#product_single_img a {
	border: .5em solid #e6e6e6;
	display: block;
	float: left;
	margin: 0 0 1em 0;
	position: relative;
}

#product_single_img a:hover {
	border: .5em solid #CD071E;
}

#product_single_img a div.magnifier {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#product_single_img a:hover div.magnifier {
	background:  black url('/fileadmin/templates/img/magnifier.gif') center center no-repeat;
	opacity: .4;
	filter: alpha(opacity=40);
}
#product_single_img .small a:hover div.magnifier {
	background:  black url('/fileadmin/templates/img/magnifier_small.gif') center center no-repeat;
}

#product_single_description {
	float: right;
	width: 32em;
}

#product_single h1 {
	font-size: 2.2em;
	margin: 0 0 1em;
}

#product_single h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1em 0;
}

#product_single p {
	margin: 1em 0;
}

#product_single img.delivery {
	cursor: help;
}
#product_single_img .small {
	font-size: 1em;
	margin: 1em 0 0 -1em;
}
#product_single_img .small a {
	margin: 0 0 0 1em;
	vertical-align: top;
}

#product_related,
#product_new,
.box,
.box-error {
	clear: both;
	overflow: hidden;
	margin: 0 0 2em;
}

.box .content,
.shopadmin .content {
	border: .1em solid #C4C4C4;
	padding: 1em;
	margin: 0;
}

#product_related hr {
	border: none;
	border-top: .2em solid #CD071E;
	background: none;
	height: .1em;
	margin: 3em 0;
}

#product_related h3,
#product_new h3,
.box h3,
.shopadmin h3,
.box-error h3 {
	background: #F0F0F4;
	padding: .3em;
	font-size: 1.2em;
	border: .1em solid #C4C4C4;
	border-bottom: none;
}

#product_related h3 a,
#product_new h3 a,
.box h3 a,
.shopadmin h3 a,
.box-error h3 a {
	color: #333;
}

#product_related ul,
#product_new ul {
	border: .1em solid #C4C4C4;
	list-style-type: none;
	padding: 1em 0 0 1em;
	overflow: hidden;
}

#product_related ul li,
#product_new ul li {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 1em 1em 0;
	width: 15.2em;
	height: 15.3em;
	text-align: center;
	position: relative;
}

#product_related ul li a,
#product_new ul li a {
	display: block;
	position: absolute;
	bottom: 0;
	width: 15.2em;
	text-align: center;
}

#product_related ul li img,
#product_new ul li img {
	border: .1em solid #C4C4C4;
}

#product_related ul li a:hover img,
#product_new ul li a:hover img {
	border: .1em solid #CD071E;
}

#product_new h3,
.shopadmin h3,
#tx-ttproducts-pi1-basket .box-error h3 {
	background: #CD071E;
	border: none;
	font-weight: bold;
	color: #FFF;
}

#product_new ul,
.shopadmin .content,
.box-error .content {
	border: .1em solid #CD071E;
}

.box-error .content {
	padding: 1em;
}

.shopadmin {
	margin: 2em 0;
}

/***************************** Warenkorb / Basket ***********************************************/

.tt-products .basket ,
.tt_products_basket_info,
.tt-products .basket_payment {
	position: relative;
	top: 0px;
	color: #222;
}

.tt-products .basket form div,
.tt-products .basket_payment form div {
/*	margin:0;*/
}

.tt-products .basket  table,
.tt-products .basket_payment table {
	margin: 0 0 2em;
}

.tt-products .basket  table input {
	text-align: right;
	padding: 0 2px;
	margin: 0 0 -.1em;
}

.tt-products .basket .price,
.tt-products .basket_payment .price,
.tt-products .basket .quantity,
.tt-products .basket_payment .quantity,
.tt-products .basket .price_total,
.tt-products .basket_payment .price_total,
.tt-products .basket .last
.tt-products .basket_payment .last {
	text-align: right;
}

.tt-products .basket  .last {
	width: 12em;
}

.tt-products .basket  h3,
.tt_products_basket_info h3,
.tt-products .basket_payment h3 {
	padding: .25em .42em;
	font-size: 1.2em;
	border: .1em solid #C4C4C4;
	border-bottom: none;
	background-color: #F0F0F4;
}

.tt-products .basket  fieldset,
.tt_products_basket_info fieldset,
.tt-products .basket_payment fieldset {
	padding: .5em;
	border: .1em solid #C4C4C4;
	margin: -.1em 0 2em;
}

.tt-products .basket  fieldset input,
.tt-products .basket  fieldset label,
.tt_products_basket_info fieldset input,
.tt_products_basket_info fieldset label,
.tt-products .basket_payment fieldset input,
.tt-products .basket_payment fieldset label {
	float: left;
	display: block;
}
.tt-products .basket fieldset input,
.tt_products_basket_info fieldset input,
.tt-products .basket_payment fieldset input {
	margin: .3em .5em 0 0;
}

.tt-products .basket fieldset label,
.tt-products .basket_payment fieldset label,
.tt_products_basket_info fieldset label {
	width: 150px;
	clear: left;
}

#text_best_agb_BASKETINFO {
	width: 50em !important;
	clear: none !important;
}

.basket_payment form.paypal,
.basket_payment form[name="connectForm"] {
	width: 50%;
	clear: none;
}
#paymentForm {
	float: left;
	overflow: hidden;
}
form[name="connectForm"] {
	float: right;
	overflow: hidden;
	text-align: right;
}

.tt-products .basket h2,
.tt-products .basket_payment h2,
.tt_products_basket_info h2 {
	width: 660px;
	height: 69px;
	background: #FFF url('/fileadmin/templates/img/bestellprozess.gif') 0 0 no-repeat;
	margin: 0 0 4em 0;
	font-size: 1em;
}
.tt_products_basket_info h2 {
	background-position: 0 -69px;
}
.tt-products .basket_payment h2 {
	background-position: 0 -138px;
}
.tt-products .basket_thanks h2 {
	background-position: 0 -207px;
}
.tt-products .basket h2 span,
.tt-products .basket_payment h2 span,
.tt_products_basket_info h2 span {
	display: none;
}

/***** USER REGISTRATION *******/

.tx-srfeuserregister-pi1 dt label {
	display: block;
	margin: .4em 0 0 0;
	width: 100%;
}

.tx-srfeuserregister-pi1 label {
	float: none;
	display: inline;
}

.tx-srfeuserregister-pi1 dd,
.tx-srfeuserregister-pi1 dt {
	display: block;
	float: left;
	margin: 0 0 .5em 0;
}
.tx-srfeuserregister-pi1 dd {
	width: 65%;
}
.tx-srfeuserregister-pi1 dt {
	width: 30%;
}
.tx-srfeuserregister-pi1 dd p {
	margin: 0 !important;
}

.tx-srfeuserregister-pi1-error {
	color: #CD071E;
	font-size: 1em !important;
}

/**** FAQ *****/

.tx-irfaq-pi1 dt,
.tx-irfaq-pi1 dd {
	width: auto;
	font-size: 1em;
	clear: both;
}

/***** [FCE] Teaser Startseite *****/
.teaser {
	margin: 0 0 0 -2em;
}
.teaser a {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 0 2em 2em;
	border:.5em solid #E6E6E6;
}
.teaser a:hover {
	border:.5em solid #CD071E;
}

.teaser_list {
	margin: 0 0 0 -1.5em;
	clear: both;
}

.teaser_list .box {
	width: 21em;
	margin: 0 0 0 1.5em;
	clear: none !important;
	float: left;
}

.teaser_list .box .content img {
	float: left;
	margin: 0 0.5em 0 0;
}

.teaser_list .box .content {
	padding: 0;
	height: 8.5em;
	overflow: hidden;
}

.teaser_list .box .content p,
.teaser_list .box .content a {
	clear: none !important;
	font-size: 1em !important;
	margin: 0.5em !important;
}
.teaser_list .box .content p a {
	margin: 0 !important;
}

/****** BUTTONS ******/
input.btn-basket,
input.btn-back,
input.btn-login,
input.btn-search,
input.btn-save,
input.btn-send,
input.btn-createuser {
	border: none;
	background: #FFF url('/fileadmin/templates/img/buttons_72.gif') 0 -364px no-repeat;
	padding: 0;
	cursor: pointer;
	width: 103px;
}
input.btn-back { width: 72px; height: 24px; background-position: 0 -216px;}
input.btn-login { width: 72px; height: 24px; background-position: 0 -144px;}
input.btn-search { width: 59px; height: 22px; background-position: 0 -342px;}
input.btn-save { width: 126px; height: 24px; background-position: 0 -264px;}
input.btn-send { width: 83px; height: 24px; background-position: 0 -364px;}
input.btn-createuser { width: 141px; height: 24px; background-position: 0 -388px; }
input.into { width: 138px; height: 24px; background-position: 0 0;}
input.update { width: 149px; height: 24px; background-position: 0 -72px;}
input.delete { width: 124px; height: 24px; background-position: 0 -48px; margin: 0 0 0 10px;}
input.address { width: 108px; height: 24px; background-position: 0 -120px;}
input.confirm { width: 131px; height: 24px; background-position: 0 -192px;}
input.back { width: 149px; height: 24px; background-position: 0 -168px;}
input.send { width: 158px; height: 24px; background-position: 0 -240px;}
input.paypal { width: 129px; height: 24px; background-position: 0 -288px;}

.small {
	font-size: 0.75em;
}


/**** FANCYBOX ****/
#fancy_title table {
	border: 0;
}
#fancy_title td {
	line-height: 1em;
	font-size: 1em;
	padding: 0 0 0.7em;
	border: 0;
}

/**** [FCE] Login *****/

#login {
	background: url('/fileadmin/templates/img/bg_login.gif') 0 0 repeat-y;
	overflow: hidden;
}
#login .left, #login .middle, #login .right {
	width: 19em;
	overflow: hidden;
	padding: 0 1.5em;
}
#login .left, #login .middle {
	float: left;
}
