

@import url('/fonts/conduit/stylesheet.css');



body, td, th, a {

	color: #333;

}



body {

	background: url(/images/hg.jpg) top center repeat-y fixed #727272;

	padding: 0;

	margin: 0;

	padding-top:45px;

}

body * { z-index: 1; }

html>body * { z-index: inherit; }

h1, .h1 {

	font-size: 14px;

	color: #E3001B;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0;

}







h2, .h2 {

	font-weight: bold;

	font-size: 11px;

	text-transform: uppercase;

	color: #333;

	margin: 20px 0 0 11px;

}

h3, .h3 {

	font-weight: bold;

	margin-top: 7px;

	font-size: 11px;

	padding: 6px 11px;

	text-transform: uppercase;

	color: #E3001B;

	background: #EBEBEB;

	border-top: 1px solid #CCC;

}

h3 .contrast {

	padding-left: 10px;

	color: #333;

}



#Main {

	position: relative;

	width: 940px;

	margin: 0 auto;



}

#ShadowTop {

	height: 80px;

	background: url('/images/shadow_top.png');

}

#ShadowBottom {

	/* position: relative; */

	height: 54px;

	background: url('/images/shadow_bottom.png');

}

#Main-2 {

	padding: 0 5px;

	background: url('/images/shadow_middle.png');

	float: left;

}

#TopImage {

	background: url('/images/top_image1.jpg');

	width: 930px;

	height: 258px;

	border-top: 3px solid white;

}

#PageContainer {

	width: 930px;

	background: url(/images/bg_pagecontent.png) top left repeat-x #fff;

	float: left;

	position:relative;

	

}

#signed_in_as {
	position: absolute;
	top: 11px;
	right: 15px;
	z-index: 500;
}

#signed_in_as div {

	margin-top: 4px;

	margin-right: 5px;

	color: #666;

	float: left;

}



#last_import

{

	position: absolute;

	top: 55px;

	left: 15px;

	font-weight:bold;

	color: #666;

}



#PageContainer-2 {

	width: 726px;

	float: left;

}

#PageContent {

	margin: 25px 15px;

	height: auto !important;

	min-height: 368px;

	height: 368px;

}

#RightArea {

	float: left;

	width: 190px;

	padding: 0 0 30px 0;

	position: relative;

}

#RightArea .bannerContainer {

	margin-top: 62px;

}

#RightArea a.banner {

	display: block;

	margin-bottom: 15px;

}

#RightArea div.banner {

	display: block;

	margin-bottom: 19px;

	padding-left:10px;

	padding-top: 12px;

	margin-top: 19px;

	position: relative;

	height: 207px;

	width: 180px;

	background: url(/images/newest_news.jpg) left top no-repeat;

}

#RightArea div.banner .news_more {

	position: absolute;

	bottom: 4px;

	right: 4px;

}



#BackButton

{

	position:absolute;

	top:25px;

	left:5px;

}

#BackButton a

{

	display:block;

	text-transform:uppercase;

	color:#666666;

	text-decoration:none;

}

#BackButton a:hover

{

	color:#E3001B;

	display:block;

	text-transform:uppercase;

	text-decoration:none;

}



#BackButton a span

{

	padding:3px 10px 3px 12px;

	background: url(/images/pfeil_grau.gif) no-repeat scroll left 7px;

}



#BackButton a:hover span

{

	padding:3px 10px 3px 12px;

	background: url(/images/red_arrow.png) no-repeat scroll left 7px;

}



#basket {

	width: 189px;

	margin-top: 79px;

}

#basket .head {

	height: 44px; 

}

#basket .body {

	height: auto !important;

	min-height: 89px;

	height: 89px;

	padding: 3px 11px 13px;

}

#basket .body .item {

	margin: 10px 0 0;

	overflow: hidden;

	padding-left: 1px;

}

#basket .body .item span {float: left;}

#basket .body .item .del {

	display: block;

	float: right;

	width: 13px;

	height: 13px;

}

#basket .error {

	display: none;

}

#basket .foot {

	display: block;

	height: 29px;

	cursor: pointer;

}

/************/

/* MenuLine */

/************/



#MenuLine {

	background: #E3001B;

	position: absolute;

	left: 5px;

	top: 5px;

	width: 926px;	/* 930px; */

	padding-left:4px;	/* wegen ausblendung vom login */

}

#Logo

{

	position: absolute;

	right: 5px;

	top: 5px;

	display:block;

	width: 144px;

	height: 50px;

	background:url(/images/logo.png);

}

#Footer, #PresseFooter

{

	height: 50px;

	width: 930px;

	margin: 0 0 0 5px;

	background: url(/images/footer.png);

	position:relative;

}

#PresseFooter {

	background: url(/images/footer_presse.png);

}

#PresseFooter a {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 170px;

	height: 48px;

}

#Footer .fairTradeIcon, 
#PresseFooter .fairTradeIcon {
	width: 29px;
	height: 29px;

	position: absolute;
	top: 11px;
	left: 621px;

	background: url(/images/fair_logo.png) center center no-repeat;
}

#Footer .copyright {

	position: absolute;

	left: 656px;

	top: 20px;

	width: 283px;

	color: #FFF;

}

#Footer .copyright a {

	text-decoration: none;

	color: #FFF;

}

#Footer .copyright a:hover {

	color: #999999;

}

#PresseFooter .copyright {

	position: absolute;

	left: 656px;

	top: 20px;

	width: 283px;

	color: #FFF;

}

#PresseFooter .copyright a {

	text-decoration: none;

	color: #FFF;

	display: inline;

	position: relative;

}

#PresseFooter .copyright a:hover {

	color: #999999;

}

#MenuLine * {

	/* font-weight: bold; */	

}

#MenuLine ol, #MenuLine li {

	padding: 0;

	margin: 0;

	list-style: none;

	white-space: nowrap;

}

#MenuLine li.Level0Item {

	margin-right: 0;

}

#MenuLine li.Level0Item {

	float: left;

}

#MenuLine li.Level0ItemSelected a {

	background-position: center 100%;

}



.PageHeadline

{

	text-transform: uppercase;

	padding-left: 5px;

	font-size: 14px;

	font-weight: bold;

	color: #E3001B;

	padding-bottom: 6px;

	z-index: 2;

}

.PageNewsHeadline

{

	font-size: 14px;

	font-weight: bold;

	color: #E3001B;

	padding-bottom: 6px;

}



a.Level0Item {

	display: block;

	padding: 0 12px;

	background: top center no-repeat;

	text-decoration:none;

	margin-top:27px;

	padding-bottom:5px;

}

a.Level0Item:hover, a.Level0Item.over {

	background-position: center 100%;

}

a.Level0Item span {

	/* display: none; */

	font-family: ConduitITCMediumRegular;

	color:white;

	text-transform:uppercase;

	font-size:16px;

	text-decoration:none;

}


a.Level0ItemSelected span {
	font-family: ConduitITCLightBold;
}
a.Level0Item:hover span {

	font-family: ConduitITCLightBold;

	

}



a.over span {

	font-family: ConduitITCLightBold;

	

}





/* MENU SUBITEMS */



li.Level0Item ol.Level0Sub {

	display: none;

	background: white;

	border: 1px solid black;

	position: absolute;

	z-index: 10;

	margin-left: 20px;

}

li.Level0Item:hover{

	display: block;

}

li.Level0Item ol a {

	display: block;

	padding: 3px 15px 3px 5px;

	text-decoration: none;

}

li.Level0Item ol a:hover {

	text-decoration: underline;

	background: #DDD;

}

li.Level0Item ol ol a {

	padding: 3px 15px 3px 30px;

}

li.Level0Item ol ol ol a {

	padding: 3px 15px 3px 60px;

}



#LevelPath {

	position: absolute;

	top: 60px;

	margin-left: 11px;

}

#LevelPath a {

	display: block;

	float: left;

	margin-right: 10px;

	text-transform: uppercase;

	text-decoration: none;

	padding-bottom: 2px;

}

#LevelPath a.selected, #LevelPath a:hover {

	color: #C03;	

}

#LevelPath .selectedparent, #LevelPath .selectedproductparent, #LevelPath .selectedproductparent:hover {

	border-bottom: 3px solid #E3001B;

	color: #E3001B;

	padding-right: 7px;

}

#LevelPath .selectedproductparent {

	cursor: default;

}



#Quickjump {

	margin: 0 0 12px 6px;

}

#Quickjump * {

	color: #666;

}

#Quickjump .item {

	margin-right: 20px;

	float: left;

}

#Quickjump .item a {

	text-decoration: none;

	text-transform: uppercase;

}

#Quickjump .item a:hover {

	color: #E3001B;

}



#Quickjump .item a:hover span

{

	color:#E3001B;

}





#Quickjump .item.selected {

	background: url(/images/red_arrow.png) left center no-repeat;

	padding-left: 13px;

}

#Quickjump .item.selected a span {

	color: #E3001B;

}

#Quickjump .kollektion_options {

	float: left;

	margin-top: -5px;

	background: url(/images/products/bg_kollektion_option.png) top left no-repeat #858585;

	height: 23px;

	padding-left: 10px;

	padding-top: 1px;

}

#Quickjump .submit {

	display: block;

	background: url(/images/de/anzeigen.png);

	height: 20px;

	width: 59px;

	float: left;

	margin-top: -3px;

	margin-left: 5px;

}

#Quickjump .error {

	float: left;

	margin-left: 10px;

	color: #e3001b;

	display: none;

}

#Quickjump .kollektion_options label {

	margin-right: 10px;

}

#Quickjump .kollektion_options label input {

}

#Quickjump .kollektion_options label span {

	color: #fff;

}

.error_whitefont {

	display: none;

	background: #E3001B;

	color: white;

	font-weight: bold;

	padding: 10px 20px;

}

.error_redfont {

	color: #E3001B;

	font-weight: bold;

	padding: 10px 0;

}

#FootClearer {

	clear: both;

	height: 0px;

}

#Foot {

	position: relative;

	z-index: 3;

}

 #Country {

	position: absolute;

	display:block;

	width: 150px;

	height: 12px;

	left: 161px;

	bottom: 18px;

	display:block;

} 

#CurCountry

{

	position:absolute;

	bottom: 0px;

	color: black;

	cursor: pointer;

	background: #E3001B;

}





#LanguageSelector

{

	position: absolute;

	bottom: -5px;

	left: -5px;

	width: 150px;

	background-color: white;

	border: 1px solid #999b9a;

	display: none;

}



#Country:hover

{

	height: 200px;

	width: 150px;

	cursor: default;

}

#Country:hover #LanguageSelector

{

	display:block;

}



#LanguageSelector a

{

	display:block;

	height: 20px; 

	width: 150px;

	text-decoration: none;

	text-transform: uppercase;

	color: #333333;

	/* background-repeat:no-repeat; */



} 

#LanguageSelector a:hover

{

	background:#999b9a;

	color: white;

	background-position: 0 -20px;

}



#Country * {

	color: #A35588;

}



.loginwindow

{

	position:absolute;

	top: 0px;

	left:0px;

	width: 257px;

	background: white;

	display:none;

}



.login_desciption

{

	text-transform:uppercase;

	padding-bottom: 4px;

	font-weight:bold;

}

.login_input {

	margin-bottom: 6px;

}

.login_input input, .login_input_plz input, .login_input_ort input

{

	border: 1px solid #EBEBEB;

	width: 150px;

	background-color: #ebebeb;

	padding: 1px;

}

.login_input_plz input {

	width: 35px;

}

.login_input_ort input {

	width: 108px;

}



#require_pw_window, #require_login_data_window {

	display: none;

}

#require_pw_window {

	height: 230px;

}

#require_pw_window .Submit input

{

	border: none;

	cursor: pointer;

	text-transform: uppercase;

	padding: 3px 3px 3px 15px;

	font-size: 10px;

	color: #fff;

	background: url(/images/bg_send.png);

	height: 23px;

	width: 160px;

}

#require_login_data_window {

	width: 480px;

	height: 400px;

	position: absolute;

	left: 50%;

	margin-left: -250px;

	top: 100px;

}





/* NEWS */



#news {

	width: 100%;

	margin-top: 20px;

	border-bottom: 1px solid #CCC;

}

.news_name {

	padding: 7px 10px;

	text-transform: uppercase;

	font-weight: bold;

}

.news_date {

	padding: 7px 10px;

	text-transform: uppercase;

	font-weight: bold;

	color: #E3001B;

	background: #EBEBEB;

	border-top: 1px solid #CCC;

}

.news_headline {

	text-transform: uppercase;

	font-weight: bold;

	color: #E3001B;

}

.news_pic {

	padding: 15px 10px;

	vertical-align: top;

	width: 150px;

	text-align: center;

}

.news_text {

	padding: 15px 10px;

	vertical-align: middle;

}

.news_more, .news_back {

	display: block;

	float: right;

	width: 74px;

	height: 22px;

	vertical-align: bottom;

}

.news_back {

	width: 74px;

	height: 22px;

	margin-top: 0;

}



.rot {

	color:#E3001B;

}



#VideoPopup {

	position: absolute;

	top: 10%;

	background: white;

	padding: 5px;

	display: none;

}

#VideoPopup .head {

	text-align: right;

	margin: 5px 10px;

}



#overlayDIV {

	display: none;

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

}



#overlayWholeDIV {

	display: none;

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0px;

	left: 0px;

}

#PopupSportzeitSize {
	margin-left: -325px;
	display:block;
	width:650px;
	height:370px;
	background:#ffffff;
	background-image:url(/images/sportzeitsize_bg.png);
	border: 1px solid white;
}
#hideDialog {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	color: white;
}
#PopupSportzeitSize div a {
	text-decoration: none;
}
#PopupSportzeitSize div a:hover div {
	color: #d20001;
}

#PopupGewinnspiel {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -340px;
	left: 50%;
	margin-left: -250px;
}
