/*
########################################################

linous media | communication design & development
http://www.linous-media.de

NOTE:
This file is protected: copyright by linous media 2009

########################################################
*/

/*
########################################################
					B A S I C S
########################################################
*/
*{
	margin:0px;
	padding:0px;
}
html {
	height: 101%;  /* Scrollbar erzwingen */
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#515254;
	font-size:11px;
	background:#FFFFFF url(../../img/bg_body.jpg) repeat-x;
	line-height:15px;
	text-align:center;
}
select, input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515254;
	vertical-align:top;
}
img{
	border:0px;
}
a{
	text-decoration:none;
	color:#F2002B;
}
a:hover{
	text-decoration:underline;
}
h1 {
	font-size:18px;
	color:#FF0000;
	margin-bottom:20px;
	font-weight:normal;
}
h2 {
	font-size:12px;
	color:#777777;
	margin-bottom:10px;
}
h3, h4 {
	font-size:11px;
	color:#666666;
}
p {
	margin:5px 0px 10px 0px;
}
hr{
	height:1px;
	border:0px;
	color:#E0E0E8; /* IE fix */
	background:#E0E0E8;
	margin:20px 0px;
}
.clearboth {
	clear:both;
}
.unseen {
	display:inline;
	height:0px;
	left:-3000px;
	position:absolute;
	top:-2000px;
	width:0px;
	z-index:100;
}
.small {
	font-size:10px;
	line-height:11px;
}


/*
########################################################
					S I R F
########################################################
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:26px;
	margin-bottom:10px;
	line-height: 1em;
}






/*
########################################################
					B O X E S
########################################################
*/
#pageBox {
	position:relative;
	margin:0px auto;
	width:990px;
	line-height:15px;
	text-align:left;
	background:url(../../img/bg_pagebox.jpg) repeat-y;
}
#mainBox {
	position:relative;
	min-height:580px;
	height:auto !important;
	height:580px;
	background:url(../../img/bg_mainbox.jpg) no-repeat;
}
#headerBox {
	position:relative;
	margin:0px 10px 0px 10px;
	height:165px;
}
#logoBox {
	position:absolute;
	left:430px;
	top:24px;
	width:108px;
	height:96px;
	cursor:pointer;
}
#navBox {
	position:absolute;
	left:0px;
	top:135px;
	height:30px;
}
#contentBox {
	position:relative;
}
#leftBox {
	position:relative;
	float:left;
	margin:45px 0px 20px 0px;
	padding-left:70px; /* padding VS margin: fixes initialView in IE7 */
	width:475px;
	text-align:left;
}
#rightBox {
	position:relative;
	float:right;
	margin:30px 47px 20px 0px;
	width:350px;
}
#footerBox {
	position:relative;
	height:40px;
	background:url(../../img/bg_footerbox.jpg) no-repeat;
}


/*
########################################################
					N A V I G A T I O N
########################################################
*/
#navBox ul {
	list-style:none;
}
#navBox li {
	float:left;
}
#navBox li a {
	display:block;
	padding:6px 0px;
}
#navBox .navItem {
	height:30px;
	margin-right:1px;
	text-align:center;
	cursor:pointer;
}
#navBox .navItem1 {
	width:164px;
	background:url(../../img/navitem1.jpg) no-repeat;
}
#navBox .navItem1:hover, #navBox .navItem1-hl {
	width:164px;
	background:url(../../img/navitem1_hl.jpg) no-repeat;
}
#navBox .navItem2 {
	width:159px;
	background:url(../../img/navitem2.jpg) no-repeat;
}
#navBox .navItem2:hover, #navBox .navItem2-hl {
	width:159px;
	background:url(../../img/navitem2_hl.jpg) no-repeat;
}
#navBox .navItem3 {
	width:159px;
	background:url(../../img/navitem3.jpg) no-repeat;
}
#navBox .navItem3:hover, #navBox .navItem3-hl {
	width:159px;
	background:url(../../img/navitem3_hl.jpg) no-repeat;
}
#navBox .navItem4 {
	width:159px;
	background:url(../../img/navitem4.jpg) no-repeat;
}
#navBox .navItem4:hover, #navBox .navItem4-hl {
	width:159px;
	background:url(../../img/navitem4_hl.jpg) no-repeat;
}
#navBox .navItem5 {
	width:159px;
	background:url(../../img/navitem5.jpg) no-repeat;
}
#navBox .navItem5:hover, #navBox .navItem5-hl {
	width:159px;
	background:url(../../img/navitem5_hl.jpg) no-repeat;
}
#navBox .navItem6 {
	margin-right:0px;
	width:165px;
	background:url(../../img/navitem6.jpg) no-repeat;
}
#navBox .navItem6:hover, #navBox .navItem6-hl {
	margin-right:0px;
	width:165px;
	background:url(../../img/navitem6_hl.jpg) no-repeat;
}

#subNavBox {
	margin-top:0px;
	line-height:22px;
}
#subNavBox ul {
	list-style:none;
}
#subNavBox li a {
	background:url(../../img/btn_arrow.jpg) no-repeat;
	padding:2px 0px 3px 25px;
	color:#515254;
}
#subNavBox li a:hover, #subNavBox li .selectedItem {
	color:#F2002B;
	text-decoration:none;
}


/*
########################################################
					C O N T E N T
########################################################
*/
.claimPic {
	margin-bottom:15px;
}
.arrowLinkBox {
	margin-top:10px;
}
.arrowLinkBox a {
	background:url(../../img/btn_arrow.jpg) no-repeat;
	padding:2px 0px 3px 25px;
}
.arrowLinkBoxKl {
	margin:3px 0px 10px 0px;
}
.arrowLinkBoxKl a {
	background:url(../../img/btn_arrow_kl.jpg) no-repeat;
	padding:1px 0px 3px 20px;
}
.floatPic {
	margin:15px 20px 15px 0px;
	float:left;
}
.nextBtn {
	text-align:center;
	margin:20px 0px;
}
#leftBox ul {
	margin-left:30px;
}
#leftBox li {
	margin:5px 0px;
}

/* --- locationTable --- */
.loactionBox {
	margin:30px 0px 20px 0px;
	font-size:10px;
	line-height:13px;
}
.loactionBox .tableHeader {
	padding:5px 0px 3px 0px;
	font-weight:bold;
	font-size:11px;
	border-bottom:solid #FF0000 1px;
}
.loactionBox td {
	vertical-align:top;
}


/* --- infoBox --- */
#infoBox {
	background:url(../../img/bg_infobox.jpg) repeat-y;
	width:355px;
}
#infoBody {
	background:url(../../img/bg_infoheader.jpg) no-repeat;
	min-height:115px;
	height:auto !important;
	height:115px;
	padding:20px 20px 80px 20px;
}
#infoBody p {
	margin-right:40px;
}
#infoBottom {
	background:url(../../img/bg_infobody.jpg) bottom no-repeat;
}
#infoBody .claimPic, #signetBox .claimPic {
	margin-bottom:10px;
}


/* --- signetBox --- */
#signetBox {
	margin-top:10px;
	width:315px;
	padding:20px;
}

/* --- formBox --- */
#formBox {
	padding:10px 50px;
}
#formBox .formRow {
	margin:10px 0px;
}
#formBox input.fomInput {
	width:175px;
}


/*
########################################################
					F O O T E R
########################################################
*/
#footerCopyBox {
	position:absolute;
	top:7px;
	left:30px;
	color:#999999
}
#footerNavBox {
	position:absolute;
	top:7px;
	right:30px;
}
#footerNavBox ul {
	list-style:none;
}
#footerNavBox .navItem, #footerNavBox .navItem-hl {
	display:inline;
	padding:0px 10px 0px 11px;
	border-left:solid #CCCCCC 1px;
}
#footerNavBox .navItem1 {
	border:none;
}
#footerNavBox a {
	color:#999999;
}
#footerNavBox a:hover, #footerNavBox .navItem-hl a{
	color:#F2002B;
	text-decoration:none;
}


/*
########################################################
					M I S C E L L A N E O U S
########################################################
*/

/* --- S A F A R I  -  H A C K --- */
body:last-child #loginBox .loginBtn .loginSubmit {
	padding:2px 0px 4px 0px;
}
body:-moz-last-node #loginBox .loginBtn .loginSubmit { /* default CASE */
	padding:1px 0px 4px 0px;
}


/*
########################################################
					S H O P
########################################################
*/

#leftNavBox {
	position:relative;
	float:left;
	margin:34px 0px 20px 10px;
	padding-left:25px; /* padding VS margin: fixes initialView in IE7 */
	width:180px;
	background:url(../../img/bg_leftnav.jpg) repeat-y right;
}
#rightNavBox {
	position:relative;
	float:right;
	margin:30px 35px 25px 0px;
	width:180px;
}
#midBox {
	position:relative;
	float:left;
	margin:30px 0px 20px 25px;
	width:510px;
	/*background-color:#99FFFF;*/
}

/* --- L E F T - N A V I G A T I O N --- */
#shopNav1Box {
	width:180px;
}
#rightNavBox ul {
	margin-top:10px;
}
#leftNavBox ul, #rightNavBox ul {
	list-style:none;
	margin-left:0px;
}
#leftNavBox .shopNavBox li, #rightNavBox .shopNavBox li {
	background:url(../../img/btn_arrow_off.jpg) no-repeat;
	padding:2px 0px 3px 25px;
	margin:0px;
}
#leftNavBox .shopNavBox li:hover, #rightNavBox .shopNavBox li:hover, #leftNavBox .shopNavBox li.selectedItem, #rightNavBox .shopNavBox li.selectedItem {
	background:url(../../img/btn_arrow_hl.jpg) no-repeat;
	padding:2px 0px 3px 25px;
	margin:0px;
}
#leftNavBox .shopNavBox li.parentItem {
	background:url(../../img/btn_arrow_parent.jpg) no-repeat;
}
#leftNavBox .shopNavBox li.parentItemSelected, #leftNavBox .shopNavBox li.parentItem:hover {
	background:url(../../img/btn_arrow_parent_hl.jpg) no-repeat;
}
.shopNavBox li a {
	color:#515254;
	margin-left: -24px;
	padding-left: 24px;
}
.shopNavBox li a:hover, .shopNavBox .selectedItem a {
	color:#F2002B;
	text-decoration:none;
}
#leftNavBox .navTitle {
	background:url(../../img/bg_navtitle.jpg) no-repeat;
	text-align:left;
	padding:2px 7px;
	height:20px;
	margin-bottom:5px;
}
#leftNavBox ul.shopNavLevel2 {
	list-style:disc;
	margin:0px 0px 10px 20px;
}
#leftNavBox .shopNavLevel2 li, #leftNavBox .shopNavLevel2 li:hover, #leftNavBox .shopNavLevel2 li.selectedItem {
	background:none;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	line-height:13px;
}
#leftNavBox .shopNavLevel1Item {
	font-weight:bold;
}

/* --- R I G H T - N A V I G A T I O N --- */
#rightNavBox .shopNav2BoxBg {
	background:url(../../img/bg_infobox_shop.jpg) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:10px;
}
#rightNavBox .shopNav2BoxBody {
	background:url(../../img/bg_infobox_shop.jpg) no-repeat top;
	padding:10px;
	width:160px
}
#rightNavBox .pImage {
	position:relative;
	width:125px;
	border:solid #E6E6E6 1px;
	margin:0px auto;
}

/* --- R E S U L T T A B --- */
.resultTab {
	margin-bottom:20px;
}
.resultTab th {
	background:url(../../img/bg_ptitle.jpg) no-repeat;
	text-align:left;
	padding:2px 7px;
}
.resultTab .pTitle {
	height:20px;
}
.resultTab h3 {
	font-size:11px;
}
.resultTab p {
	padding:0px;
	line-height:14px;
}
.resultTab .pImage {
	position:relative;
	border:solid #E6E6E6 1px;
	margin:2px 15px 2px 7px;
}
.resultTab .prizeBox {
	margin-top:5px;
}
.resultTab .arrowLinkBox {
	margin:10px 0px;
}
.resultTab option {
	padding:0px 5px;
}
.resultTab .btnBasket {
	padding:0px 5px;
}

/* --- B A S K E T --- */
.basketTab {
	margin-bottom:30px;
}

.basketTab th {
	background:url(../../img/bg_baskettab.jpg) repeat-x;
	text-align:left;
	padding:2px 7px;
	border-bottom:#CCCCCC solid 1px;
}
.basketTab td {
	padding:4px 7px;
	border-bottom:#CCCCCC solid 1px;
	vertical-align:top;
}
.basketTab td.prize, .basketTab .sumPrize, .basketTab th.prize, .basketTab .sumLabel, .basketTab .sumBLabel {
	text-align:right;
}
.basketTab .sumPrize, .basketTab .sumBLabel {
	font-weight:bold;
}
.basketTab select option {
	padding:2px 5px 0px 7px;
}
.basketTab .sumCol {
	border-top:#999999 solid 1px;
	border-bottom:#CCCCCC solid 0px;
}
.basketTab .btnBasket {
	padding:0px 5px;
}
.basketTab .btnBox {
	padding:15px 0px 45px 0px;
}

/* --- A D D R E S S --- */
.btnBox {
	text-align:center;
	margin:10px 0px;
}
#orderBox1 {
	margin-bottom:30px;
	padding:10px 10px 5px 10px;
	background-color:#F6F6F6;
}
#orderBox1 h2 {
	font-size:13px;
}
#orderBox1 .addressTab .formInput {
	background-color:#FFFFFF;
}

#orderBox2 {
	margin-bottom:20px;
}
#orderBox2 fieldset {
	border:#FF0000 solid 1px;
	padding:10px;
}
#orderBox2 fieldset legend, #orderBox3 fieldset legend {
	padding:0px 10px;
	font-weight:bold;
	font-size:13px;
	color: #515254;
}

#orderBox3 {
	margin-bottom:10px;
}
#orderBox3 fieldset {
	border:#CCCCCC solid 1px;
	padding:10px;
}

.addressTab td {
	vertical-align:top;
}
.addressTab .formInput, .addressTab .formArea{
	margin:2px 0px;
	padding:1px 2px;
	width:300px;
	background-color:#F6F6F6;
	border:#CCCCCC solid 1px;
}
.addressTab .plzInput{
	margin:2px 0px;
	padding:1px 2px;
	width:45px;
	background-color:#F6F6F6;
	border:#CCCCCC solid 1px;
}
.addressTab select{
	margin:2px 0px;
	padding:1px 1px;
	background-color:#F6F6F6;
	border:#CCCCCC solid 1px;
}
.addressTab .btnBasket, .btnBox .btnBasket {
	padding:0px 5px;
}

/* added by OW */

span.errormsg {
	color: red;
}

.basketTab .errormsg {
	margin-left: -60px;
}

/* ffeaea */
div.errormsg {
	color: red;
	font-weight: bold;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #fff4f4;
	margin-bottom: 10px;
	padding: 1px 10px 1px 10px;
}

div.infomsg {
	color: green;
	font-weight: bold;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	background-color: #ecffec;
	margin-bottom: 10px;
	padding: 1px 10px 1px 10px;
}