/**
* @section    Farbdefinition
*             ==============
* @colordef   grau    = #373737   Text
* @colordef   weiss   = #FFF      Hintergrund
* @colordef   schwarz = #000      Input
* @colordef   blau1   = #016BAB   Ueberschrift
* @colordef   blau2   = #2EAFE7   Hauptnavigation



* @colordef   rot1    = #E20800   Fehler
* @colordef   rot2    = #CE4923   Links
* @colordef   gelb    = #FFE614   Navigation Hintergrund, Aktionen (VKF...)
* @colordef   grau1   = #959EA1   Bemerkung
* @colordef   grau2   = #B2B2B2   Artikel Kurzbeschreibung
* @colordef   grau3   = #8B8981   Seutennummer
* @colordef   grau4   = #8D8D8D   Servicelinks
* @colordef   grau5   = #333333   Formularelementennamen
* @colordef   braun   = #998F74   head_cart Versandkosten
*/


/* ------ [A] Allgemein ------ */
* {
	font-family:          Arial,Verdana,sans-serif;
	font-size:            12px;
	text-decoration:      none;
	color:                #373737;
}

body {
	background-color:     #FFF;
	text-align:           center;
	margin:               0;
	padding:              0;
}

select, option, input   { font-size: 11px !important; color: #000000 !important; }
input                   { margin: 0px; padding: 0px; background-color: #ffffff; color: #000000; cursor: auto; }
input[type=text]        { border: 1px solid #7f9db9; padding: 1px 0px 1px 3px; }
input[type=password]    { border: 1px solid #7f9db9; padding: 1px 0px 1px 3px; }
input[type=radio]       { background-color: transparent; }
form							      { margin: 0px; }

img                     { border-width: 0px; /* display: block entfernt */}

div { overflow: hidden; }

ol, ul, li, dl, dt, dd {
	list-style-type:      none;
	display:              block;
	margin:               0;
	padding:              0;
	clear:                both;
	float:                left;
}

ol { padding: 3px 0px 0px 0px;  display: block; clear: both; }
ul { padding: 9px 0px 0px 0px;  display: block; clear: both; }
dl { padding: 18px 0px 0px 0px; display: block; clear: both; }
dt { padding: 7px 0px 7px 0px;  display: block; clear: both; }
dd { padding: 17px 0px 0px 0px; display: block; clear: both; }

p {
	clear:                both;
	margin:               7px 0px 0px 0px;
	padding:              0px;
}

h1 { font-size: 13px !important; font-weight: bold !important; color: #016BAB !important; margin: 0px 0px 0px 0px; padding: 0px !important; clear: both; text-transform: uppercase; }
h2 { font-size: 12px !important; margin: 0; padding: 0 !important; font-weight: bold !important; }
h3 { font-size: 11px !important; margin: 0; padding: 0 !important; font-weight: bold !important; }
h4 { font-size: 11px !important; margin: 0; padding: 0 !important; font-weight: normal !important; }
h5 { font-size: 10px !important; margin: 0; padding: 0 !important; font-weight: bold !important; }
h6 { font-size: 10px !important; margin: 0; padding: 0 !important; font-weight: normal !important; }
.noe {display:none;}
.hidden {
	display:              none;
}

p.error {
	font-size:            11px;
	font-weight:          bold;
	color:                #e20800 !important;
	min-height:           15px;
	margin:               0px;
}

h2.title  { display: block; }
h6.note   { color: #959ea1; margin: 0; padding: 0; display: block; }
h4.act    { color: #016BAB !important; }

tr.form   { height: 27px; }

td.name   {
	width:                125px;
	font-weight:          bold;
	text-align:           left;
}

.inputW1  { width: 49px; }
.inputW2  { width: 94px; }
.inputW3  { width: 105px; }
.inputW4  { width: 117px; }
.inputW5  { width: 174px; }
.inputW6  { width: 187px; }
.inputW7  { width: 220px; }
.inputW8  { width: 77px; }
.inputW9  { width: 150px; }

a.act     { color: #ce4923;}
a.h4      { font-size: 11px; margin: 0; padding: 0; font-weight: normal; text-decoration: underline; }

img.block { display: block; float: none; }

#select_country {
	width:384px;
	height:316px;
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:1px;
	z-index:99;
	visibility:visible;
	position:absolute;
	left:170px;
	top:170px;
	background-image: url(/images/en/home_com_layer_background.gif);
}

/* ------ [M] Main Blocks ------ */
#main {
	width:                1037px;
	float:                none;
	margin-left:          auto;
	margin-right:         auto;
}

#head {
	height:               105px;
	width:                1037px;
	position:             relative;
	overflow: visible;
}

#haupt_navigation div {
	overflow: visible;
}

#content {
	width:                1037px;
	text-align:           left;
	min-height:           584px;
}

#overview {
	width:                178px;
	float:                left;
}

#footer {
	height:75px;
	padding-top:15px;
	width:1037px;
}


/* ------ [N-L] Navigation Logo ------ */
.head_logo {
	float:                left;
	display:              inline;
}

.head_logo img {
	width:                178px;
	height:               105px;
	border-width:         0px;
	display:              block;
	float:                none;
}


/* ------ [N-H] Haupt Navigation ------ */
#haupt_navigation {
	float:                left;
	margin:               73px 0px 0px 0px;
}

#haupt_navigation a {
	text-decoration:      none;
}

#haupt_navigation .wrapper {
	text-align:           left;
}

#haupt_navigation .nav, .nav_act {
	float:                left;
	z-index:              10;
}

#haupt_navigation a {
	float:                left;
	margin:               0px 30px 0px 0px;
	padding-bottom:       5px;
	font-size:            16px;
}

#haupt_navigation img {
	border-width:         0px;
	display:              block;
	height:               15px;
}

#haupt_navigation .nav_act a, #haupt_navigation .nav a:hover  {
	background-image:     url(/images/hauptnavi_act_bg.gif);
	background-position:  bottom left;
	background-repeat:    repeat-x ;
}

.head_without_logo {
	height:               104px;
	border:               solid #2EAFE7;
	border-width:         0px 0px 1px 0px;
	margin-left:          20px;
	float:                left;
	width:                839px;
}

#home .head_without_logo, #special .head_without_logo, #customer .head_without_logo {
	border-width:         0px;
}

.main_cat_overview  {
	position:                           absolute;
	z-index:                            100;
	margin:                             15px 0px 0px -10px;
	visibility:						  hidden;
	overflow:							  hidden;
}

.main_cat_overview .pg {
	margin-top:                         17px;
	background-color:                   #FFFFFF;
	padding:                            10px 10px 15px 10px;
	overflow:							  hidden !important;
}

.main_cat_overview:hover  {
	visibility:                         visible;
}

#haupt_navigation .nav:hover * {
	visibility:                         visible;
}

#haupt_navigation .nav_act:hover * {
	visibility:                         visible;
}

#haupt_navigation .main_cat_overview *  {
	font-size:                          11px;
}
#haupt_navigation .main_cat_overview #leftCol {
	float:                              left;
	margin-right:                       20px;
}
#haupt_navigation .main_cat_overview #rightCol  {
	float:                              left;
	margin-right:                       10px;
}
#haupt_navigation .main_cat_overview .pg a {
	background-image:                   none;
	margin:                             0px;
	padding:                            0px;
	color:                              #0095da;
}
#haupt_navigation .main_cat_overview .pg a:hover {
	color:                              #004f80;
}

/* ------ [N-C] Navigation Head Warenkorb ------ */
.head_cart {
	cursor:pointer;
	margin:               37px 0px 0px 0px;
	float:                right;
	text-align:           right;
}

.head_cart .text {
	padding:              7px 0px 0px 0px;
	float:                right;
}

.head_cart .icon {
	padding:              0px 0px 0px 10px;
	float:                right;
	position:             relative;
	z-index:              2;
	top:                  0;
	right:                0;
}

.head_cart .text h3,
.head_cart .text h3 span {
	color:                #016BAB;
	font-size:            12px;
}

.head_cart h6, h6.act {
	clear:                right;
	display:              block;
}

.head_cart h6         { color: #B2B2B2; }
.head_cart h6.act     { color: #B2B2B2; }

.head_cart .icon img  {
	width:                27px;
	height:               48px;
	border-width:         0px;
	vertical-align:       bottom;
}

.head_cust            {
	margin-top:           5px;
}

.head_cart a {
	margin:               0px;
	padding-left:         20px;
	display:              block;
	float:                right;
	text-align:           right;
	border-width:         0px;
	text-decoration:      none !important;
	color:                #006bab;
	font-size:            13px;
	font-weight:          bold;
}

.head_cart a:hover {
	color:                #21acee;
}

/*
.head_cart img#account, img#login, img#logout {
	margin:               0px;
	padding:              0px;
	height:               12px;
	display:              block;
	float:                right;
	text-align:           right;
	border-width:         0px;
}

.head_cart img#account  { width: 88px; height: 13px; margin-right: 10px; }
.head_cart img#login    { width: 34px; height: 13px; }
.head_cart img#logout   { width: 56px; height: 13px; }
*/

/* ------ [N-F-C-L] Navigation Footer <select> Land, Sprache ------ */
#footer .country_language           { float: left; width: 190px; }
#footer .country_language .country  { display: inline; margin-bottom: 6px; }
#footer .country_language .lang     { display: inline; margin-bottom: 6px; text-align: right; }


/* ------ [N-F-S] Service-Links, Versankosteninfo ------ */
#footer .footer_without_selects     {
	float:                            right;
	width:                            839px;
}

#footer .center           {
	float:                left;
	width:                648px;
	text-align:           right;
}

#footer .service          {
	float:                left;
}

#footer .service *        {
	color:                #5b5b5b;
	font-size:            10px;
	font-weight:          bold;
}

#footer .service a.specialLink        {
	color:                #2bd0ee;
	font-size:            10px;
	font-weight:          bold;
}

#footer .service a.specialLink:hover        {
	color:                #e7446a;
}


#footer .service .section {
	margin-left:          30px;
	float:                left;
	text-align:           left;
}

#footer .service a:hover  {
	color:                #0079C1;
}

#footer .newsletter_register {
	width:                191px;
	float:                right;
}

#footer .copyright          {
	float:                right;
	width:                191px;
	text-align:           center;
	font-size:            10px;
	color:                #5b5b5b;
}

#footer .order           {
        float:                left;
        text-align:           center;
        color:                #444444;
        clear:                both;
        width:                1000px;
        
}

#footer .order p      {
	font-size:            11px;
}

#footer .order span      {
        color:                #016aab;
        font-weight:          bold;
	font-size:            11px;
}

/* ------ [O] Overview ------ */
#overview {
	padding-bottom:     30px;
}

#overview * {
	color:              #FFF;
}

#overview .title      { margin: 24px 0px 20px 30px; font-size: 12pt; }
#overview .title *    { font-size: 12pt; }

#overview .section {
	margin:             20px 0px 0px 0px;
}

#overview .sub_section {
	margin:             0px 0px 10px 10px;
}

#overview .with_separator {
	margin:             0px 30px;
	padding:            20px 0px 15px 0px;
	background:         url(/images/overview_separator1.gif) repeat-x bottom left;
}

#overview .separator {
	margin:             0px 30px;
	padding:            0;
	width:              50px;
	background:         url(/images/overview_separator1.gif) repeat-x top left;
	height:             1px;
}

#overview .entry, .entry_act {
	margin-left:        9px;
	padding-left:       21px;
	height:             20px;
	font-weight:        bold;
}

#overview .entry_act a, #overview .entry a:hover {
	/*color:              #6cdeff;*/
	color:              #6bfdff;
}

#overview .entry_act {
	background:         url(/images/overview_entry_act.gif) no-repeat top left;
}

#overview .sub_title, #overview .sub_entry, #overview .sub_entry_act {
	padding:            3px 0px 3px 30px;
}

#overview .sub_title {
	font-weight:        bold;
}

#overview .sub_entry_act a, #overview .sub_entry a:hover {
	color:              #6cdeff;
}


/* ------ [S-H] Shop Startseite ------ */
.voucher_value, .voucher_value_VKF {
	font-family:          Arial;
	/*position:             absolute;*/
	/*z-index:              2;*/
	color:                #373737;
	width:                195px;
	text-align:           center;
	font-weight:          bold;

}

.voucher_value_VKF {
	display:block;
	font-size:48px;
	margin:80px 0 0 50px;
}

.voucher_value {
	display:block;
	font-size:48px;
	margin:80px 0 0 50px;
}

.voucher_currency {
	color:                #373737;
	font-size:            14px;
	font-weight:          normals;
}

/* Landingpage Gift Voucher */
.gift_voucher {
	margin: 0;
	padding: 0;
	width: 1037px;
	height: 584px;
}
div .g_v_de {
	background:         url(/images/de/landingpage_gift_voucher.jpg) no-repeat top left;
}
div .g_v_en {
	background:         url(/images/en/landingpage_gift_voucher.jpg) no-repeat top left;
}

#content .g_v_amount_euro,
#content .g_v_amount_cent {
	color: #000000 !important;
	border: 1px solid gb(135,135,135);
	font-family: Verdana, Arial;
	font-size: 24px !important;
}
.g_v_amount_euro {
	width: 45px;
	text-align:right;
}
.g_v_amount_cent {
	width: 40px;
	text-align:left;
}
.g_v_but_cart {
	margin: 0 15px 0 0;
}


#overview .g_v_entry, .g_v_entry_noEUR, .g_v_entry_act {
	margin-left:        9px;
	padding-left:       21px;
	height:             72px;
	font-weight:        bold;
}

.uptown_entry {
        margin-left:        9px;
        padding-left:       21px;
        height:             90px;
}

#overview .g_v_entry_act a, #overview .g_v_entry a:hover {
	color:              #6cdeff;
}

#content a.n_t_g_v_de, #content a.n_t_g_v_en {
	display: block;
	width: 140px !important;
	height: 67px !important;
}

#content a.n_t_uptown {
        display: block;
        width: 140px !important;
        height: 67px !important;
}

#content a.n_t_g_v_de {
	background: transparent url(/images/de/nav_teaser_gift_voucher.jpg) no-repeat left bottom;
}

#content a.n_t_g_v_en {
	background: transparent url(/images/en/nav_teaser_gift_voucher.jpg) no-repeat left bottom;
}

#content a.n_t_uptown {
        background: transparent url(/images/specials/uptown/nav_teaser_uptown.jpg) no-repeat left bottom;
}

#content a.n_t_uptown:hover {
        background: transparent url(/images/specials/uptown/nav_teaser_uptown_act.jpg) no-repeat left bottom;
}

#content #gift_voucher_terms {
	position: absolute;
	width: 450px;
	padding: 10px;
	top: 25%;
	left: 35%;
	background-color: white;
/* IE filter extension */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;         /* Mozilla extension */
	-khtml-opacity:0.9;        /* Konqueror extension (Safari 1.1)*/
	opacity: 0.9;              /* the correct CSS3 syntax */
	border: solid gray 1px;
	display: none;
}

#content #gift_voucher_terms p {
	margin-bottom: 10px;
	color: #7c7c7c;
	font-size: 12px !important;
	font-family: Verdana,sans-serif;
}

#content #gift_voucher_terms h3 {
	font-family: Verdana,Times,serif;
	color: black;
	font-size: 18px !important;
}

#content .nu_starter {
	font-size: 18px !important;
}

#content .nu_starter a {
	color: white;
	cursor: pointer;
	text-decoration: underline;
}

#content .nu_starter span {
	color: white;
}

#content .close_gift_voucher_terms {
	margin: 5px;
	padding: 5px;
	background-color: #004D7E;
	text-align: right;
}

#content a.close_gift_voucher_terms_a {
	display:block;
	padding: 5px;
	height: 20px;
	background: #5ABBC2;
	font-size: 18px;
	font-weight:bold;
	text-align: right;
	cursor: pointer;
	color:#FFFFFF;
}

#content .back_to_shop {
	margin-top:30px;
}

/* for Internet Explorer */
/*\*/
* html #content .back_to_shop {
	margin-top:20px;
}

* + html #content .back_to_shop {
	margin-top:15px;
}

.nl_registrierung {
	height:301px;
	margin:114px 0 0 40px;
	position:absolute;
	width:301px;
	z-index:3;
}

.nl_registrierung.de {
	background: transparent url(/images/de/nl_registrierung.png) top center no-repeat;
}
.nl_registrierung.en {
	background: transparent url(/images/en/nl_registrierung.png) top center no-repeat;
}

.nl_registrierung:hover.de {
	background: transparent url(/images/de/nl_registrierung_act.png) top center no-repeat;
}
.nl_registrierung:hover.en {
	background: transparent url(/images/en/nl_registrierung_act.png) top center no-repeat;
}

.new_arrivals {
height:301px;
margin:114px 0 0 40px;
position:absolute;
width:301px;
z-index:3;
}


.top_produkte {
height:584px;
margin:120px 0 0 825px;
position:absolute;
width:210px;
z-index:4;
}