/*
Title: ........ WestLotto in|FOCUS
Author: ....... Andre Firchow (adesso AG)
Author URI: ... http://www.adesso.de
Copyright: .... 2011, adesso AG - All rights reserved
Date: ......... 08.11.2011
Version: ...... 1.0
----------------------------------------------------

Summary:
0.0 ........... IMPORTS
1.0 ........... GLOBAL
1.1 ............. Clearfix
1.2 ............. Sprites
1.3 ............. PopUp
2.0 ........... STRUCTURE/LAYOUT
2.1 ............. Wrapper
2.2 ............. Header
2.3 ............. Content
2.4 ............. Sidebars
2.5 ............. Footer
3.0 ........... ELEMENTS & TEXT STYLES
3.1 ............. Headings
3.2 ............. Lists
3.2.1 ............. Navigations
3.3 ............. Links
3.4 ............. Paragraphs
3.5 ............. Tables
4.0 ........... FORMS
4.1 ............. Inputs
4.2 ............. Buttons
4.3 ............. form-row
5.0 ........... SCREEN RESOLUTIONS
5.1 ............. Tablets Landscape
5.2 ............. Tablets Portrait
5.3 ............. Smartphone

----------------------------------------------------

Colors:
#FFF ............ white
#fbfbfb ......... white smoke (teaser boxen sidebar)
#dcdcdc ......... lightgray (border teaser boxen sidebar)
#ededed ......... silver (bg footer, meinwestlotto)
#afafaf ......... light border gray (border navi)

#737373 ......... gray text
#8f8f8f ......... gray headline
#9a9a9a ......... input border
#5f5f5f ......... dark border gray (border navi)
#666 ............ dimgray
#333 ............ dark gray

#A4B500 ......... greentext (text)
#B9CC00 ......... greenbg (bg)
#0066CC ......... blue
#fffbeb ......... highlight

#f7dc16 ......... lotto (yellow)
#d67207 ......... gluecksspirale (orange)
#81b17c ......... oddset (green)
#d7ba5c ......... keno (gold)
#f7ea99 ......... eurojackpot (yellow)

------------------------------------- */

/* ************************************/
/* 0.0 IMPORTS
/* -----------------------------------*/
@import url(reset.css); /* reset browser default styles */


/* ************************************/
/* 1.0 GLOBAL (html, body, global classes, clearfix, etc.)
/* -----------------------------------*/
html, body {margin: 0; padding: 0;}
body{
	font: 100.01%/1.3 "Verdana", "Arial", "Lucida Grande", "Helvetica", sans-serif;
	font-size: 12px;
	color: #737373; /* gray text */
	background: #FFF url(../images/layout/bg_body.png) repeat-x; /* white */
	margin: 0 auto 0 auto;
	padding: 0;
}
	
img,embed,object,video{
	max-width: 100%;
}

.float-left{float: left;}
.float-right{float: right;}
.clear-float{clear: both}

img.float-left{margin-top: 2px;}

.box{
	background-color: #fbfbfb; /* white smoke */
	border: 1px solid #dcdcdc; /* lightgray */
	padding: 10px 15px;
	margin-bottom: 30px;
	font-size: 11px;
	line-height: 1.5;
	position: relative;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}
	#content .box{
		padding: 10px;
		margin-bottom: 20px;
	}
		#content .box p{
			margin-bottom: 10px;
		}
			/* CSS-HACK IE7 */
			*:first-child + html .box p.box{
				border-top: 3px solid #dcdcdc;
			}
		
	.box.color-highlight{
		background-color: #fffbeb; /* highlight */
	}
		.box .box.color-highlight{
			background-color: #FFF;
		}
	.box.icon-hint{
		background-image: url(../images/layout/icon_hint.png);
		background-repeat: no-repeat;
		background-position : 10px 10px;
		padding-left: 40px !important;
	}
.box-legend{
	font-size: 10px;
	line-height: 1.2;
	color: #b2b2b2;
	margin-top: -25px;
	margin-bottom: 10px;
	min-height: 25px;
}

.no-margin{margin: 0px !important;}

.left-right-row{
	font-size: 12px;
}
	.left-right-row .left{
		float: left;
	}
	.left-right-row .right{
		float: right;
	}

strong{font-weight: bold;}

hr{
	background: transparent url(../images/layout/line.png) repeat-x scroll 0 0;
	height: 1px;
	border: 0;
	margin: 5px -10px;
}
	/* CSS-HACK IE7 */
	*:first-child + html hr{
		margin:0 !important;
		color: #DCDCDC;
	}

img.image-right{
	float: right;
}
	.box.jackpot img.image-right{
		margin-top: 3px;
	}
	
.amount{
	color: #333;
}

.button-row{
	text-align: right;
}
.tipp-block{
	border: 1px solid #EDEDED;
	border-top: none;
	margin-bottom: 20px;
	background-color: #FBFBFB;
}
	#sidebar .tipp-block{
		border: none !important;
		margin-bottom: 15px;
		background-color: transparent;
	}
	
.tipp-row{
	font-size: 12px;
	border-top: 1px solid #EDEDED;
	padding: 5px 10px;
	font-weight: bold;
	line-height : 2;
}

.two-cols{
}
.left-col{
	width: 250px;
	float: left;
}
.right-col{
	width: 250px;
	float: right;
}


#sidebar hr{
	margin: 10px -15px 5px -15px;
}
		#sidebar .ergebnis hr{
			margin-bottom: 7px;
			margin-top: 3px;
		}
			#sidebar .ergebnis hr.game-delimiter{
				margin-bottom: 8px;
				margin-top: 5px;
			}

span.logo-s6,
span.logo-sp77,
span.logo-p5{
	display: block;
	float: left;
	width: 60px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../images/logos/small/super6_colorless.png) no-repeat 0 2px;
}
span.logo-sp77{
	width: 60px;
	background: transparent url(../images/logos/small/spiel77_colorless.png) no-repeat 0 2px;
}
span.logo-p5{
	width: 55px;
	background: transparent url(../images/logos/small/plus5_colorless.png) no-repeat 0 2px;
}
			
/* 1.1 Clearfix ***********************/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
* + html .clearfix{display: inline-block}
* html .clearfix{height: 1%}

.fClear{clear: both;}


/* 1.2 Sprites ************************/
a#ico_plus,
#newsletter-button{
	background: transparent url(../images/layout/sprite_btn.png) no-repeat 0 0;
}

#content .teaser-row .teaser .teaser-head{
	background: transparent url(../images/layout/sprite_picto.png) no-repeat 0 0;
}

#content .game-bar{
	background: transparent url(../images/layout/sprite_logo.png) no-repeat 0 0;
}

a.ico,
#subnavigation li.open a,
#subnavigation li.selected a,
#subnavigation li.open ul a.selected,
ul#metanavigation a,
.footer-box li a,
a.icon-advise,
a.icon-print,
.nivo-caption a,
a.iconEdit,
a.iconHome,
#content input.input-style.date-icon,
a.iconInfo,
a.iconHelp,
ul.jump-navigation a,
a.top-link,
.error-text-top,
#content h2.error,
#content h2.confirm{
	background: transparent url(../images/layout/sprite_icon.png) no-repeat 0 0;
}

ul.social-media li a{
	background: transparent url(../images/layout/sprite_social_media.png) no-repeat 0 0;
}

ul.tipps li,
.statictic-item .statistic-number{
	background: transparent url(../images/layout/sprite_numbers.png) no-repeat 0 0;
}

/* 1.3 PopUp ************************/
body.popup{
	background-image : none;
	margin: 0;
}
body.popup #wrapper{
	width: 410px;
	margin: 0;
}
body.popup #content{
	width: inherit;
}

/* ************************************/
/* 2.0 STRUCTURE/LAYOUT
/* -----------------------------------*/

/* 2.1 Wrapper ************************/
#wrapper,
#footer-wrapper,
#breadcrumb-wrapper{
	width: 1170px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}
#content-wrapper{
	position: relative;
}


/* 2.2 Header *************************/
#head{
	height: 147px;
	overflow: hidden;
	position: relative;
	background:transparent url(../images/layout/head_shadow.png) no-repeat center bottom;
	margin-bottom: 45px;
}
.no-left-row #head{
	margin-bottom: 30px;
}
	#head #keyvisual{
		background:transparent url(../images/layout/bg_head.png) no-repeat left top;
		height: 94px;
		width: 100%;
		position: absolute;
		top: 0;
		left:0;
		z-index: 0;
	}

	
/* 2.3 Content ************************/
#content{
	width: 520px;
	margin: 0;
	font-size: 11px;
	line-height: 1.5;
	float: left;
}
.no-left-row #content{
	width: 730px;
}
	#content .flash-container{
		margin-bottom: 30px;
		height: 500px;
	}
		#content .flash-container.height-lotto-normal{height: 500px;}
		#content .flash-container.height-lotto-normal-quicktipp{height: 386px;}
		#content .flash-container.height-lotto-system-quicktipp{height: 450px;}
		#content .flash-container.height-lotto-system{height: 500px;}
		#content .flash-container.height-lotto-anteile{height: 500px;}
		#content .flash-container.height-keno{height: 500px;}
		#content .flash-container.height-keno-quicktipp{height: 436px;}
		#content .flash-container.height-eurojackpot{height: 462px;}
		#content .flash-container.height-eurojackpot-quicktipp{height: 255px;}
		#content .flash-container.height-gluecksspirale{height: 462px;}
		#content .flash-container.height-gluecksspirale-quicktipp{height: 364px;}
	
	#content hr{
		margin-bottom: 20px;
	}
		#content .box hr{
			margin-bottom: 10px;
		}
		/* CSS-HACK IE7 */
		*:first-child + html #content .box hr{
			margin:0 0 10px 0 !important;
		}
			
	#content .teaser-row,
	#content .statictic-row{
		margin-bottom: 30px;
	}
	.no-left-row #content .teaser-row{
		margin-top: 40px;
	}
		#content .teaser-row .teaser,
		#content .statictic-row .left-row,
		#content .statictic-row .right-row{
			float: left;
			width: 250px;
			margin: 0 20px 0 0;
		}
		.no-left-row #content .teaser-row .teaser{
			width: 230px;
		}
		#content .teaser-row .teaser.last-item,
		#content .statictic-row .right-row{
			margin-right: 0;
		}
			#content .teaser-row .teaser .teaser-head{
				margin-bottom : 15px;
				padding: 5px 0 0 50px;
				min-height: 40px;
			}
				#content .teaser-row .teaser .teaser-head.icon-verantwortung{background-position: 0 -100px;}
				#content .teaser-row .teaser .teaser-head.icon-annahmestelle{background-position: 0 -200px;}
				#content .teaser-row .teaser .teaser-head.icon-kleeblatt{background-position: 0 -300px;}
				#content .teaser-row .teaser .teaser-head.icon-info{background-position: 0 -400px;}
			#content .teaser-row .teaser .teaser-content{
				margin-left: 20px;
			}
				#content .teaser-row .teaser .teaser-content img{
					margin-bottom: 10px;
				}
				
	#content .game-bar{
		height: 30px;
		background-color: #ededed; /* silver */
		margin-bottom: 20px;
	}
		#content .game-bar.lotto{ background-color: #f7dc16;} /* lotto yellow */
		#content .game-bar.keno{ background-color: #d7ba5c; background-position: 0 -200px;} /* keno */
		#content .game-bar.gluecksspirale{ background-color: #d67207; background-position: 0 -250px;} /* gluecksspirale */
		#content .game-bar.oddset{ background-color: #81b17c; background-position: 0 -150px;} /* oddset */
		#content .game-bar.eurojackpot{ background-color: #e9c641; background-position: 0 -100px;} /* eurojackpot */

		#content .game-bar .page-functions{
			float: right;
			border-left: 1px solid #FFF; /* white */
		}

	.statictic-item{
		background: url(../images/layout/line.png) repeat-x scroll bottom transparent;
		padding: 10px 0;
	}
		.statictic-item.last-draw{
			background-color: #FBFBFB;
		}
	.statictic-item .statistic-bar,
	.statictic-item span{
		float: left;
		line-height: 18px;
	}
		.statictic-item.last-draw .statistic-count{
			color: #A61A23;
		}
		.statictic-item.long-ago .statistic-count{
			color: #333;
		}
	.statictic-item .statistic-bar{
		background: #EDEDED url(../images/layout/bg_statistic_bar.png) repeat-x scroll;
		border: 1px solid #737373;
		height: 16px;
		margin-right: 5px;
	}
		.statictic-item.last-draw .statistic-bar{
			background-color: #FFF;
		}
		.statictic-item.long-ago .statistic-bar{
			background-color: #FFFBEB;
		}
	.statictic-item .statistic-number{
		display: block;
		height: 18px;
		width: 18px;
		text-align: center;
		margin-right: 10px;
		font-weight: bold;
		font-size: 9px;
		padding-left: 1px;
		background-position: 0 -50px;
	}


/* 2.4 Sidebars ***********************/
#leftrow{
	float: left;
	width: 180px;
	margin-right: 30px;
}

#sidebar{
	float: right;
	width: 220px;
	margin-top: -105px;
}
.no-left-row #sidebar{
	margin-top: -90px;
}

#mein-westlotto{
	background:transparent url(../images/layout/bg_mein_westlotto.png) repeat-x top right
}
	#mein-westlotto.box{
		background-color: #ededed; /* silver */
		border-color: #FFF; /* white */
		margin-bottom: 50px;
		font-size: 12px;
	}
	#mein-westlottoShadow{
		margin-top: -50px;
		height:30px;
		background:transparent url(../images/layout/bg_mein_westlotto_shadow.png) no-repeat 0px -5px;
	}
		#mein-westlotto form{
			display: block;
		}
		#mein-westlotto #balanceInfo{
			margin-bottom: 15px;
			position: relative;
		}
		#mein-westlotto hr{
			margin: 10px -15px 5px -15px;
		}
		/* CSS-HACK IE7 */
		*:first-child + html #mein-westlotto hr {
			margin:0;
			color: #bababa;
		}
			#mein-westlotto #balanceInfo span{
				font-weight: bold;
				font-size: 14px;
				color: #333; /* dark gray */
				background-color: #FFF; /* white */
				padding: 2px 10px 2px 10px;
				width: 126px;
				display: block;
				text-align: right;
				border: 1px solid #d5d5d5;
			}


/* 2.5 Breadcrumb *************************/
#breadcrumb{
	border-top : 1px solid #E3E3E3;
	color: #B5B5B5;
	font-size: 10px;
	margin:40px 0 -50px 0;
	padding-top: 10px;
}
			
/* 2.g Footer *************************/
#footer-wrapper{
	text-align: left;
	margin-bottom: 40px;
}

#footer{
	text-align: center;
	margin-top: 60px;
	padding: 40px 0 20px 0;
	border-top: 3px solid #e5e5e5;
	background:#ededed url(../images/layout/footer_shadow.png) no-repeat center top; /* silver */
}

.footer-box{
	width: 210px;
	margin: 0 20px 20px 0;
	float: left;
	padding: 0 10px 0 10px;
}
	.footer-box form{
		margin-bottom: 20px;
	}
	#fourth-footer-box.footer-box{
		margin-right: 0;
	}


/* ************************************/
/* 3.0 ELEMENTS & TEXT STYLES
/* -----------------------------------*/
h1, h2, h3, h4, h5,
#footer ul,
ul#navigation,
#mein-westlotto ul,
ul#subnavigation{
	text-transform: uppercase;
}


/* 3.1 Headings ***********************/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5{
	color: #A4B500; /* greentext */
	margin-bottom: 2px;
	font-weight: bold;
}

h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 13px;}
h5{font-size: 12px;}

#leftrow h5{
	font-size: 10px;
	margin-bottom: 8px;
}

#sidebar h5{
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 8px;
}

#content form.standard-form h3{
	margin-bottom: 10px;
}

#content h1.plain,
#content h2.plain,
#content h3.plain,
#content h4.plain,
#content h5.plain{
	color: #333; /* dark gray */
	text-transform: none;
	margin-bottom: 8px;
}

	#content h1 span,
	#content h2 span{
		background-color: #B9CC00; /* greenbg */
		color: #FFF; /* white */
		font-weight: normal;
		margin: 0;
		padding: 0 6px;
		line-height: 1;
	}
	/* CSS-HACK IE7 */
	*:first-child + html #content h1 span{line-height : 1.3;}
	
	#content h1.simple span,
	#content h2.simple span{
		background-color: transparent;
		color: #A4B500; /* greentext */
		font-size: 22px;
		margin: 0;
		padding: 0;
	}
	
	#content h1{
		margin: 0 0 20px;
		line-height: 1.3;
	}
		#content h1.simple{
			margin-bottom: 10px;
		}
	
	#content h2{
		line-height: 1.2;
		margin: 0 0 2px 0;
	}
		#content h2.error{
			margin: 0 0 10px 0;
			color: #A61A23;
			background-position: 0 -1346px;
			padding-left: 20px;
		}
		#content h2.confirm{
			margin: 0 0 10px 0;
			background-position: 0 -1296px;
			padding-left: 20px;
		}
		#content .game-bar h2{
			display: none;
		}
		#content .game-bar h3{
			display: inline;
			float: right;
			color: #333;
			text-transform: none;
			font-size: 14px;
			margin: 4px 10px 0 0;
		}
			#content .game-bar.lotto h3{color: #e20020;}
			#content .game-bar.gluecksspirale h3{color: #FFF;}
			#content .game-bar.eurojackpot h3{color: #8a4f20;}
			#content .game-bar.keno h3{color: #93117e;}
			
		#content h2.simple{
			margin: 0 0 5px;
		}
			#content h2.simple span,
			#content h2 span{
				font-size: 13px;
			}
			#content h2.plain span{
				background-color: transparent;
				color: #737373; /* gray text */
			}
				#content h2.plain span.date{
					float: right;
				}
				/* CSS-HACK IE7 */
				*:first-child + html #content h2.plain span.date{
					position : absolute;
					top: 13px;
					right: 10px;
					float: none;
				}
	
	.box h2{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 3px;
	}
	#content .teaser-head h2{
		font-size: 15px;
		font-weight: bold;
		color: #8f8f8f; /* gray headline */
	}
	#content .teaser-head h3{
		font-size: 13px;
		color: #8f8f8f; /* gray headline */
		line-height: 1.2;
	}

	#mein-westlotto h3{
		font-size: 15px;
		font-weight: bold;
		color: #FFF; /* white */
		margin: 1px 0 25px 0;
		text-shadow: -1px -1px #b3c109;
	}
	#mein-westlotto h4{
		font-size: 14px;
		font-weight: bold;
		color: #333; /* dark gray */
		margin: 0 0 8px 0;
		text-transform: none;
		line-height: 1.2;
	}
	#mein-westlotto h5{
		font-size: 11px;
		margin: 0 0 2px 0;
	}
			
	#footer h3{
		font-size: 14px;
		font-weight: bold;
		margin: 0 -10px 8px -10px;
		padding: 0 0 5px 10px;
		background: transparent url(../images/layout/line.png) repeat-x bottom;
	}

	
/* 3.2 Lists **************************/
#head li{
	display: inline;
}

#content ul{
	margin-bottom: 20px;
	list-style: square inside;
}

#mein-westlotto ul{
	margin: 0 -15px 8px -15px;
	background:transparent url(../images/layout/line.png) repeat-x bottom;
}
	#mein-westlotto ul li{
		background:transparent url(../images/layout/line.png) repeat-x;
		padding: 6px 15px 6px 15px;
	}
		#mein-westlotto ul li.selected{
			background-color: #e1e1e1;
		}

.footer-box li{
	margin-bottom: 8px;
}

ul.social-media li{
	float: left;
	margin: 0 10px 0 0;
	width: 32px;
	height: 32px;
}

#content .page-functions ul{
	float: right;
	list-style: inside none;
	padding: 0 5px;
}
#content .game-bar .page-functions ul{
	background-color: #FFF; /* white */
	border: 1px solid #ededed; /* silver */
}
	#content .page-functions ul li{
		height: 28px;
		line-height: 26px;
		float: left;
		overflow: hidden;
	}

ul.pagination{
	list-style: none outside none !important;
}
	ul.pagination li{
		float: left;
		border: 1px solid #DCDCDC;
		background-color: #F6F6F6;
		margin: 0 5px 0 0;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
	}
		ul.pagination li:hover{
			border-color: #737373;
		}
			ul.pagination li.disabled{
				color: #ccc;
			}
			ul.pagination li.disabled:hover{
				border-color: #DCDCDC;
			}
		
			ul.pagination li.active{
				border: 1px solid #737373;
				background-color: #B9CC00;
				color: #fff;
			}
			ul.pagination li span,
			ul.pagination li a{
				padding: 3px 8px;
				display: block;
			}
			ul.pagination li a{
				text-decoration: none !important;
				color: #737373 !important;
			}
				ul.pagination li a:hover{
					color: #333 !important;
				}
				
ul.jump-navigation{
	list-style: none outside none !important;
	font-size: 12px;
}
	ul.jump-navigation li{
		float: left;
		margin: 0 20px 0 0;
	}
	
.tipp-row ul{
	list-style: none outside none !important;
	margin: 0 !important;
}
.tipp-row ul,
.tipp-row span{
	float: right;
}
	.tipp-row ul li{
		float: left;
	}
	.tipp-row ul li,
	.tipp-row span{
		margin: 0 0 0 20px;
		color: #333;
	}
	.tipp-row span.label{
		float: left;
		margin: 0;
		color: #737373;
	}

ul.tipps{
	list-style: none outside none !important;
	margin: 0 0 5px 0 !important;
}
ul.tipps.small{
	float: right;
}
ul.tipps li{
	float: left;
	display: block;
	height: 28px;
	width: 30px;
	margin: 0 -5px 0 0;
	text-align: center;
	line-height: 2.3;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
}

	ul.tipps.small li{
		height: 12px;
		width: 12px;
		border: 1px solid #DCDCDC;
		margin: 0;
		line-height: 1;
		margin-right: 1px;
	}
ul.tipps li.extra-number{
	margin-left: 10px;
	color: #d12422;
}
	
/* 3.2.1 Navigations *******************/
ul#navigation{
	margin-right: 250px;
	height: 34px;
	position: absolute;
	top: 94px;
	left: 0px;
	background:transparent url(../images/layout/navi_delimiter_ul.png) no-repeat left;
	padding-left: 2px
}
	ul#navigation li{
		height: 34px;
		display: inline-block;
		float: left;
		padding-left: 1px;
		background:transparent url(../images/layout/navi_delimiter_li.png) no-repeat left;
	}
	ul#navigation li:hover{
		background-image:url(../images/layout/navi_delimiter_li_hover.png);
	}
		ul#navigation li.selected{
			background-image:url(../images/layout/navi_delimiter_li_selected.png);
		}

ul#subnavigation{
	background:transparent url(../images/layout/line.png) repeat-x bottom;
	position: relative;
	margin-bottom: 30px;
}
	#subnavigation li{
		background:transparent url(../images/layout/line.png) repeat-x;
		padding: 7px 0 7px 0;
	}
	#subnavigation li.open{
		padding-bottom: 4px;
	}
	#subnavigation li.open ul{
		padding-top: 4px;
	}
		#subnavigation li ul,
		#subnavigation li ul li{
			background-image: none;
		}
		#subnavigation li ul li{
			padding: 4px 0 4px 10px;
			font-size: 11px;
		}
		
ul#metanavigation{
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 9px;
	z-index: 2;
}
	ul#metanavigation li{
		margin-left: 30px;
	}
	
#breadcrumb ul,
#breadcrumb li{
	display: inline;
	color: #666;
}
#breadcrumb li{
	margin-right: 10px;
}

/* 3.3 Links **************************/
a{
	color: #333; /* dark gray */
	text-decoration: none;
}
a:hover{
	color: #000;
	text-decoration: underline;
}
a:focus{
	outline: 1px dotted #A4B500; /* greentext */
}

a.iconInfo,
a.iconHelp{
	background-position: 0 -650px;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	display: block;
}
a.iconHelp{
	background-position: 0 -950px;
	width: 17px;
	height: 18px;
}
	a.iconInfo:hover{
		background-position: 0 -700px;
	}
	a.iconHelp:hover{
		background-position: 0 -1000px;
	}
		h1 a.iconHelp,
		h2 a.iconHelp,
		h3 a.iconHelp,
		h4 a.iconHelp{
			float: right;
		}
		
		/* CSS-HACK IE7 */
		*:first-child + html h2 a.iconHelp{
			position : absolute;
			top: 10px;
			right: 10px;
		}

a.iconEdit{
	background-position: 0 -1097px;
	padding-left: 15px;
}
	a.iconEdit:hover{
		background-position: 0 -1147px;
	}
	
a.iconHome{
	background-position: 0 -1197px;
	padding-left: 17px;
}
	a.iconHome:hover{
		background-position: 0 -1247px;
	}
		
	#content a{
		text-decoration: underline;
		color: #737373; /* grey text */
	}
	#content a:hover{
		color: #A4B500; /* greentext (text) */
	}

	a.ico{
		padding-left: 12px;
		font-weight: bold;
		font-size: 11px;
		background-position: 0 4px;
		text-decoration: none !important;
		color: #737373 !important; /* gray text */
		background-color: transparent !important;
	}
	a.ico:hover{
		color: #333 !important; /* dark gray */
	}
		a.ico.logOff{
			background-position: 0 -97px;
		}
		a.ico.logOff:hover{
			background-position: 0 -147px;
		}
		
	a#ico_plus{
		width: 34px;
		height: 34px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		position: absolute;
		top: -4px;
		right: 4px;
		outline: none !important;
	}
	a#ico_plus:hover{background-position: -50px 0;}
	a#ico_plus:active{background-position: -100px 0;}
	
	a#logo{
		width: 384px;
		height: 63px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background:transparent url(../images/layout/logo.png) no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.nivo-caption a {
		text-transform: uppercase;
		text-decoration: none !important;
		background-color: #B9CC00;
		background-position: 3px 5px;
		color: #FFF !important;
		padding: 2px 6px 2px 12px;
		margin-top: 2px;
		line-height: 1;
		font-size: 10px;
		font-weight: bold;
	}
	.nivo-caption a:hover{
		background-color: #333 !important;
		background-position: 3px -295px;
	}
	
	#content .page-functions ul li a{
		text-indent: -9999px;
		display: block;
		overflow: hidden;
		width: 11px;
		height: 28px;
		padding: 0 5px;
	}
		#content ul li a.icon-advise{
			background-position: 5px -339px;
		}
		#content ul li a.icon-advise:hover{
			background-position: 5px -389px;
		}
		#content ul li a.icon-print{
			background-position: 5px -441px;
		}
		#content ul li a.icon-print:hover{
			background-position: 5px -491px;
		}
		
	#breadcrumb ul li a{
		color: #666;
		border-bottom: 1px dotted #B5B5B5;
	}
	#breadcrumb ul li a:hover{
		color: #333;
		border-color: #333;
		text-decoration: none;
	}

	#footer a:focus{
		outline: 1px dotted #666; /* dimgray */
	}
	
	.footer-box li a{
		text-decoration: none;
		font-size: 11px;
		padding-left: 12px;
		color: #737373; /* gray text */
		background-position: 0 -47px;
	}
	.footer-box li a:hover{
		color: #333; /* dark gray */
		background-position: 0 -297px;
	}

	
	ul#navigation li a{
		color: #FFF; /* white */
		text-decoration: none;
		padding: 8px 15px 8px 15px;
		display: inline-block;
		font-size: 12px;
		text-shadow: -1px -1px #979797, 1px 1px #b7b7b7;
		border-top: 1px solid #aeaeae;
		border-right: none;
		border-bottom: 1px solid #868686;
		border-left: none;
		background:transparent url(../images/layout/navi_delimiter_a.png) no-repeat right;
	}
	ul#navigation li a:hover{
		background:#666 url(../images/layout/navi_bg_hover.png) no-repeat right; /* dimgray */
		text-shadow: -1px -1px #686868, 1px 1px #8f8f8f;
		border-color:#5f5f5f; /* dark border gray */
		border-top-color: #afafaf; /* light border gray */
	}
	ul#navigation li a:focus{
		outline: 1px dotted #666; /* dimgray */
	}
		ul#navigation li.selected a{
			background:#666 url(../images/layout/navi_bg_selected.png) no-repeat right; /* dimgray */
			text-shadow: -1px -1px #686868, 1px 1px #8f8f8f;
			border-color:#5f5f5f;
		}

	ul.social-media li a{
		width: 32px;
		height: 32px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		outline: none !important;
	}
		ul.social-media li a.iconFacebook{background-position: 0 0}
		ul.social-media li a.iconFacebook:hover{background-position: -50px 0}
		ul.social-media li a.iconFacebook:active{background-position: -100px 0}
		ul.social-media li a.iconTwitter{background-position: 0 -50px}
		ul.social-media li a.iconTwitter:hover{background-position: -50px -50px}
		ul.social-media li a.iconTwitter:active{background-position: -100px -50px}
		ul.social-media li a.iconRSS{background-position: 0 -100px}
		ul.social-media li a.iconRSS:hover{background-position: -50px -100px;}
		ul.social-media li a.iconRSS:active{background-position: -100px -100px}

	
	#subnavigation a,
	#subnavigation li.open ul a{
		text-decoration: none;
		color: #737373; /* gray text */
		padding-left: 14px;
	}
	#subnavigation a:hover,
	#subnavigation li.open ul a:hover{
		color: #333; /* dark gray */
	}
	#subnavigation li.open a,
	#subnavigation li.selected a,
	#subnavigation li.open ul a.selected{
		background-position: 0 -197px;
		color: #333; /* dark gray */
	}
		#subnavigation li.selected a{
			background-position: 0 -597px;
		}
		#subnavigation li.open ul a{
			background-image: none;
			padding-left: 16px;
		}
			#subnavigation li.open ul a.selected{
				background-position: 5px 3px;
			}
		
		
	ul#metanavigation a{
		text-decoration: none;
		color: #FFF; /* white */
		background-position: 0px -246px;
		padding-left: 6px;
	}
	ul#metanavigation a:hover{
		text-decoration: underline;
	}
	
	#mein-westlotto a{
		text-decoration: none;
		color: #737373; /* gray text */
	}
	#mein-westlotto li.selected a{
			color: #333; /* dark gray */
		}

	#mein-westlotto a:hover{
		color: #333; /* dark gray */
	}
	#mein-westlotto a:focus{
		outline: 1px dotted #666; /* dimgray */
	}
	
	.top-link{
		text-align: right;
		margin: 10px 0 20px 0;
	}
		.box .top-link{
			margin: 5px 0 0 0;
		}
		a.top-link{
			font-size: 10px;
			text-decoration: none !important;
			background-position: 0 -748px;
			padding-left: 12px;
			color: #737373 !important;
		}
			a.top-link:hover{
				background-position: 0 -798px;
				color: #333 !important;
			}
	
	ul.jump-navigation a{
		padding-left: 12px;
		background-position : 0 -846px;
	}
		ul.jump-navigation a:hover{
			background-position : 0 -896px;
		}
	

	
/* 3.4 Paragraphs *********************/
#content p{
	margin-bottom: 20px;
}
	#content .teaser-row .teaser .teaser-content p{
		margin-bottom: 5px;
	}
	
.box p.big,
.box p.jackpot-amount{
	font-size: 18px;
	line-height: 1.2;
	color: #A4B500; /* greentext */
}
.box p.big{
	font-size: 16px;
}
	
#footer p{
	font-size: 9px;
	color: #b5b5b5;
}


/* 3.5 Tables ***********************/
table, thead, tfoot, tbody, tr, td, th{
	border:none;
	text-align:left;
	margin:0;
	padding:0;
}
table{
	width:100%;
	border-collapse:collapse;
	margin-bottom: 20px;
	empty-cells: show;
}
table.important{
	margin-bottom: 30px;
}
	tr.tr-iterate{
		background-color: #f6f6f6;
	}
	tr.filter,
	tr.filter.tr-iterate{
		background-color: #FFFBEB;
	}
		th{
			font-weight:bold;
			text-transform:uppercase;
			font-size:9px;
			border-top:1px solid #e3e3e3;	
		}
		td,th{
			padding:5px 5px 5px 10px;
			line-height: 1.4;
			border-bottom:1px solid #e3e3e3;
			border-right:2px solid #FFF;
		}
			td.amount{
				text-align: right;
			}
			table.important td,
			table.important th{
				font-size:12px;
				padding:5px;
			}
			table.important th{
				background-color: #B9CC00;
				color: #333;
			}
		tfoot td{
			border-bottom:none;
			color: #B2B2B2;
		}

	

/* ************************************/
/* 4.0 FORMS
/* -----------------------------------*/

/* 4.1 Inputs *************************/

input{vertical-align:middle;}

.input-style,
input.input-style{
	border: 1px solid #9a9a9a; /* input border */
	padding: 0 5px 0 5px;
	font-size: 14px;
	height: 30px;
	line-height: 2;
	color: #737373; /* gray text */
	font-family:"Verdana", "Arial", "Lucida Grande", "Helvetica", sans-serif;
}
	.input-style:focus,
	input.input-style:focus{
		background-color: #FFFBEB;
		border-color: #333;
	}
	select.input-style{
		padding-right: 0;
	}
	
tr.filter .input-style{
	font-size: 11px;
	height: 20px;
	line-height: 1.2;
}
	tr.filter select.input-style{
		padding: 1px 0 0 2px;
		width: 100%;
	}
	/* CSS-Hack IE7, IE8 */
	#content tr.filter select.input-style { padding/*\**/: 1px 0 1px 0\9; }
	
	#content input.input-style.big{
		font-size: 13px;
		height: 25px;
		color: #000; /* black */
	}
	/* CSS-Hack IE7, IE8 */
	#content input.input-style.big { line-height/*\**/: 1.8\9; }
	
	#content input.input-style.filter-date{
		width: 200px;
	}
	#content input.input-style.date-icon{
		padding-right: 10px;
		background-color: #FFF;
		background-position : right -545px;
	}


#pw-clear{
	display: none;
}
form.filter{
	margin-top: 10px;
}
	input.input-style.typedIn{
		color: #333; /* dark gray */
	}
	#mein-westlotto input.input-style{
		width: 175px;
		margin-bottom: 10px;
	}
#newsletter-input{
	float: left;
	width: 160px;
}
	
#newsletter-button{
	border: none;
	text-indent: -9999px;
	width: 30px;
	height: 32px;
	display: block;
	float: left;
	background-position: 0 -50px;
	cursor: pointer;
}
#newsletter-button:hover{
	background-position: -50px -50px;
}
#newsletter-button:active{
	background-position: -100px -50px;
}


/* 4.2 Buttons ************************/
.button, .button.disabled:hover{
	font-size:12px;
	font-weight: bold;
	background-color: #929292;
	color: #FFF !important;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 5px 10px;
	/*float: right;*/
	
	background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#929292));
	background: -moz-linear-gradient(top, #cacaca, #929292);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#929292');
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border: 3px solid #EDEDED;
	
	text-shadow: -1px -1px 1px #999;
	padding: 5px 10px;	
	
	box-shadow:inset 0px 0px 7px #333;
	-webkitbox-shadow:inset 0px 0px 7px #333;
	-moz-box-shadow:inset 0px 0px 3px #333;
	
	cursor: pointer;
	border: 1px solid #666\0/;
}
.button.small, .button.small.disabled:hover{
	font-size:11px;
	font-weight: bold;
	padding: 2px 10px;
}
#mein-westlotto .button, #mein-westlotto .button.disabled:hover{
	border-color: #FFF;
	margin-bottom: 10px;
	float: right;
	border-color: #666\0/;
}
.button:hover{
	color: #FFF;
	text-shadow: 1px 1px 0px #919b24;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#b8c517), to(#ceda49));
	background: -moz-linear-gradient(top,  #b8c517,  #ceda49);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c517', endColorstr='#ceda49');
}

.button.disabled, .button.disabled:hover{
	opacity:0.3;
	filter:alpha(opacity=30);
	cursor: default;
}

/* 4.3 form-row ************************/

.hint{
	font-size: 10px;
	line-height: 1.2;
	color: #b2b2b2;
}
	.box .hint{
		font-size: 12px;
		line-height: 1.4;
		color: #737373;
	}
	.error .hint,
	.error label{
		color: #333; /* dark gray */
	}
	
.error-text-top,
.error-text{
	font-size: 12px;
	line-height: 1.2;
	color: #A61A23;
	margin-bottom: 20px;
}
.error-text-top{
	background-position: 0 -1048px;
	padding-left: 15px;
}
	.form-row .error-text{
		font-size: 10px;
		margin-left: 203px;
		margin-bottom: 0;
		margin-top: 2px;
	}
		.form-row.indented .error-text{
			margin-left: 5px;
		}
.fixed-value{
	font-weight: bold;
	color: #333; /* dark gray */
}

.form-row{
	font-size: 12px;
	margin: 0 -10px 5px -10px;
	padding: 2px 10px;
}
	.form-row.indented{
		margin-left: 30px;
	}
	.form-row.error{
		background-color: #ffe6e6;
		padding-bottom : 5px;
		padding-top: 5px;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
	}
		.form-row.indented.error{
			border-left: 1px solid #DCDCDC;
		}
	
	.form-row label{
		width: 200px;
		display: inline-block;
		color: #333;
	}
	.form-row label.no-width{
		width: inherit;
		margin-right: 5px;
	}
	.form-row input.input-style{
		width: 280px;
	}
	.form-row select.input-style{
		width: 292px;
		padding: 3px;
		height: 28px !important;
	}
		/* CSS-HACK IE7 */
		*:first-child + html .form-row select.input-style{
			margin: 0 0 0 -10px !important;
			height: 22px !important;
		}
		
	.form-row .form-elements{
		width: 300px;
		display: inline-block;
	}
		.form-row .form-elements .width-street{
			width: 209px;
			margin-right: 5px;
		}
		.form-row .form-elements .width-house-number{
			width: 50px;
		}
		.form-row .form-elements .width-area-code{
			width: 50px;
			margin-right: 5px;
		}
		.form-row .form-elements .width-city{
			width: 209px;
		}
		.form-row .form-elements .width-mobile-prefix{
			width: 80px;
			margin-right: 9px;
			float: left;
		}
		.form-row .form-elements .width-mobile-number{
			width: 191px;
		}
		.form-row .width-win-notification{
			width: 80px !important;
		}

	.form-row .input-style{
		font-size: 13px;
		height: 26px;
		color: #333; /* dark gray */
	}
	
	.no-left-row-form .form-row .form-elements{width: 294px;}
	.no-left-row-form .form-row input.input-style{width: 282px;}
	.no-left-row-form .form-row select.input-style{width: 294px;}
	.no-left-row-form .form-row .hint{display: block;}

/* ************************************/
/* 5.0 SCREEN RESOLUTIONS
/* -----------------------------------*/

/* 5.1 Tablet Landscape ************************/
@media screen and (min-width: 881px) and (max-width: 1023px){
	#wrapper,
	#footer-wrapper{
		width: 760px;
		padding: 0 5px 0 5px;
	}
	
	#head{
		background-image : url(../images/layout/head_shadow_small.png);
	}
	
	#leftrow{
		float: none;
		width: 100%;
		display: block;
	}
		#leftrow .box{
			display: none;
		}
		
	.no-left-row #content{
		width: 520px;
	}
		.no-left-row #content .teaser-row .teaser{
			width: 520px;
			margin-bottom: 30px;
		}
		
	#slider-wrapper{
		background-image: url(../images/layout/slider_shadow_small.png) !important;
	}
	
	ul#subnavigation{
		height: 64px;
	}
		ul#subnavigation ul{
			position: absolute;
			left: 0px;
			top: 20px;
		}
			#subnavigation li{
				display: inline;
				background-image: none;
			}
		
	#sidebar,
	.no-left-row #sidebar{
		margin-top: 0;
	}
	
	ul#navigation {
		margin-right: 0;
	}
	
	#head{
		margin-bottom: 15px;
	}
	
	ul#metanavigation li{
		margin-left: 10px;
	}
	
	.footer-box{
		width: 155px;
	}
	#newsletter-input{
		width: 110px;
	}
	
	#content-wrapper {
    	padding-bottom: 150px;
	}
	#teaser-verantwortung{
		position: absolute;
		left: 0;
		bottom: 0px;
		display: block !important;
	}
	#footer{
		margin-top: 20px;
	}
	#content h2.plain span.date{
		float: none;
		display: block;
		padding: 0;
		margin-top: 5px;
	}
	
}

/* 5.2 Tablet Portrait ************************/
@media screen and (min-width: 721px) and (max-width: 880px){

	#wrapper,
	#footer-wrapper{
		width: 690px;
		padding: 0;
	}
	
	#head{
		background-image: none;
		height: 140px;
	}
	#head #keyvisual{
		background-image: url(../images/layout/bg_head_small.png);
	}
	
	#leftrow{
		float: none;
		width: 100%;
		display: block;
		margin-right: 0;
	}
		#leftrow .box,
		#slider-wrapper{
			display: none;
		}
		
	.no-left-row #content,
	#content{
		width: 490px;
	}
		.no-left-row #content .teaser-row .teaser{
			width: 490px;
			margin-bottom: 30px;
		}
	#content .teaser-row .teaser,
	#content .statictic-row .left-row,
	#content .statictic-row .right-row{
		width: 100%;
		margin-bottom: 20px;
	}
	#content .teaser-row,
	#content .statictic-row{
		margin-bottom: 0;
	}
	
	.box{
		padding: 7px;
	}	
		
	#sidebar{
		width: 180px;
	}
		
	ul#subnavigation{
		height: 90px;
	}
		ul#subnavigation ul{
			position: absolute;
			left: 0px;
			top: 35px;
		}
			#subnavigation li{
				display: inline;
				background-image: none;
				line-height: 16px;
			}
			#subnavigation li a{
				white-space: nowrap;
			}
				#subnavigation li ul li{
					padding : 4px 0 4px 0;
				}
		
	#sidebar,
	.no-left-row #sidebar{
		margin-top: 0;
	}
		#sidebar hr{
			margin: 10px -7px 5px -7px;
		}
	.no-left-row #head {
		margin-bottom: 10px;
	}
	
	#content-wrapper {
    	padding-bottom: 150px;
	}

	#mein-westlotto{
		background-position: left top;
	}
		#mein-westlotto #balanceInfo span{
			width: 110px;
			font-size: 12px;
			padding: 2px 5px;
		}
		#mein-westlotto ul{
			margin: 0 -5px 8px -5px;
		}
			#mein-westlotto ul li{
				padding: 4px 5px;
			}
		#mein-westlotto h4{
			font-size: 12px;
		}
		#mein-westlotto input.input-style{
			width: 152px;
		}
	
	ul#navigation {
		margin-right: 0;
	}
		ul#navigation li a{
			font-size: 11px;
			padding: 9px 8px;
		}
	
	#teaser-verantwortung{
		position: absolute;
		left: 0;
		bottom: 0px;
		display: block !important;
	}
	
	ul.jump-navigation li{
		margin: 0 10px 5px 0;
		font-size: 11px;
	}
	
	#head{
		margin-bottom: 10px;
	}
	a#logo{
		width: 200px;
		height: 33px;
		background-image: url(../images/layout/logo_small.png);
	}
	
	#content h2.plain span.date{
		float: none;
		display: block;
		padding: 0;
		margin-top: 5px;
	}
	
	.box .hint{
		display: block;
		font-size: 11px;
	}
	.form-row input.input-style{
		width: 455px;
	}
	.form-row .form-elements{
		width: 470px;
	}
	.form-row .form-elements .width-mobile-number{
		width: 367px;
	}
	.form-row .form-elements .width-street{
		width: 385px;
	}
	.form-row .form-elements .width-city{
		width: 385px;
	}
	.form-row select.input-style{
		width: 466px;
	}
	form.filter span{
		display: block;
	}
	form.filter a.button{
		float: right;
	}
	
	.box.jackpot img.image-right{
		float: none;
	}
	
	ul#metanavigation li{
		margin-left: 10px;
	}
	
	#footer{
		margin-top: 20px;
	}
	.footer-box{
		width: 315px;
	}
	#secondfooter-box{
		margin-right: 0;
	}
	#newsletter-input{
		width: 180px;
	}
	
	table.important td,
	table.important th{
		font-size:11px;
		padding:5px 2px;
	}
	
	#content .flash-container.height-lotto-normal{height: 471px;}
	#content .flash-container.height-lotto-normal-quicktipp{height: 363px;}
	#content .flash-container.height-lotto-system-quicktipp{height: 424px;}
	#content .flash-container.height-lotto-system{height: 471px;}
	#content .flash-container.height-lotto-anteile{height: 471px;}
	#content .flash-container.height-keno{height: 471px;}
	#content .flash-container.height-keno-quicktipp{height: 410px;}
	#content .flash-container.height-eurojackpot{height: 435px;}
	#content .flash-container.height-eurojackpot-quicktipp{height: 240px;}
	#content .flash-container.height-gluecksspirale{height: 435px;}
	#content .flash-container.height-gluecksspirale-quicktipp{height: 343px;}
	
	span.logo-s6,
	span.logo-sp77,
	span.logo-p5{
		display: inline;
		width: inherit;
		text-indent: inherit;
		background-image: none;
	}
	
	ul.tipps li{
		width: 26px;
		line-height: 2.1;
	}
	ul.tipps li,
	.statictic-item .statistic-number{
		background-position : 0px -100px;
	}
	
}

/* 5.3 Smartphone *********************/
@media screen and (max-width : 720px) {
	body{
		background-image : url(../images/layout/bg_body_small.png);
	}

	#wrapper,
	#footer-wrapper,
	.footer-box,
	#sidebar,
	#leftrow,
	#content,
	.no-left-row #content,
	#content .teaser-row .teaser,
	.no-left-row #content .teaser-row .teaser{
		width: 480px;
	}
	
	#mein-westlottoShadow,
	#head #keyvisual,
	#leftrow .box,
	#sidebar .box,
	.box-legend,
	#slider-wrapper{
		display: none;
	}
	
	#content .flash-container.height-eurojackpot{height: 426px;}
	#content .flash-container.height-eurojackpot-quicktipp{height: 235px;}
	#content .flash-container.height-lotto-normal-quicktipp{height: 356px;}
	#content .flash-container.height-lotto-system-quicktipp{height: 415px;}
	#content .flash-container.height-gluecksspirale-quicktipp{height: 336px;}
	#content .flash-container.height-keno-quicktipp{height: 402px;}
	
	.form-row .hint{
		display: block;
	}
	.form-row .error-text{
		margin-left: 0;
	}
	
	.no-left-row-form .form-row .form-elements{width: 458px;}
	.no-left-row-form .form-row input.input-style{width: 446px;}
	.no-left-row-form .form-row select.input-style{width: 458px;}
	
	#head,
	.no-left-row #head{
		height: auto;
		background-image: none;
		overflow: visible;
		margin-bottom: 120px;
	}
	
	#leftrow{
		margin-right: 0;
		float: none;
	}
	
	
	ul#subnavigation{
		height: 90px;
		display : block;
	}
		ul#subnavigation ul{
			position: absolute;
			left: 0px;
			top: 35px;
		}
			#subnavigation li{
				display: inline;
				background-image: none;
				line-height: 16px;
			}
			#subnavigation li a{
				white-space: nowrap;
			}
				#subnavigation li ul li{
					padding : 4px 0 4px 0;
				}
	
	#content .teaser-row .teaser,
	.no-left-row #content .teaser-row .teaser{
		float: none;
		margin-bottom: 30px;
	}
	
	ul#metanavigation{
		top: 32px;
	}
		ul#metanavigation li{
			margin-left: 10px;
		}
	
	#sidebar,
	.no-left-row #sidebar{
		float: none;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#sidebar .box{
		padding: 10px;
		margin-bottom: 10px;
	}
	#sidebar .box.ergebnis,
	#sidebar .box.jackpot{
		display: block;
	}
		#sidebar .box.ergebnis hr{
			margin: 5px -10px 5px -10px;
		}
		#sidebar .box.ergebnis br.clear-float{
			display: none;
		}
		#sidebar .box.ergebnis h2{
			display: none;
		}
		#sidebar .box.ergebnis h5{
			float: right;
		}
		#sidebar .box.ergebnis a img,
		#sidebar .box.ergebnis ul.tipps,
		#sidebar .box.ergebnis span.logo-sp77,
		#sidebar .box.ergebnis span.logo-s6{
			float: left;
		}
		#sidebar .box.ergebnis ul.tipps{
			padding: 0 10px 0 0;
		}
		
		#sidebar .box.jackpot h2{
			float: left;
			margin-right: 10px;
		}
		#sidebar .box.jackpot p.jackpot-amount{
			font-size: 14px;
			line-height: 1.5;
		}

	
	#mein-westlotto.box{
		display: block;
		font-size: 11px;
		margin-bottom: 0;
		width: 220px;
		position : absolute;
		top: -280px;
		right: 0px;
	}
		#mein-westlotto hr{
			margin: 10px -10px 5px -10px;
		}
		#mein-westlotto ul{
			clear: both;
			margin: 0 -10px 8px -10px;
		}
			#mein-westlotto ul li{
				padding : 4px 15px;
			}
			#mein-westlotto h3{
				margin-bottom: 15px;
			}
			#mein-westlotto h4{
				font-size: 12px;
				margin-bottom: 5px;
			}
			#mein-westlotto h5{
				float: left;
				text-transform: none;
			}
			#mein-westlotto #balanceInfo{
				float: right;
				width: 140px;
				margin-bottom: 5px;
			}
				#mein-westlotto #balanceInfo span{
					font-size: 11px;
					width: 105px;
					padding: 0 2px;
				}
				a#ico_plus{
					width: 24px;
					height: 24px;
					display: block;
					top: -4px;
					right: 0;
					background-position: 0 -100px;	
				}
				a#ico_plus:hover{background-position: -50px -100px;}
				a#ico_plus:active{background-position: -100px -100px;}
	
	#secondFooterBox{
		margin-right: 0;
	}
	
	ul#navigation{
		height: auto;
		position: relative;
		margin-right: 0;
		top: 80px;
		width: 200px;
		background-image: none;
	}
		ul#navigation li,
		ul#navigation li:hover{
			float: none;
			display: block;
			background-image: none;
			padding: 0;
		}
			ul#navigation li a,
			ul#navigation li a:hover{
				border: none;
				text-shadow: none;
				color: #333;
				padding-left: 5px;
				background-color: #EDEDED;
				display: block;
				background-image: none;
			}
			ul#navigation li a:hover{
				background-color: #ccc;
			}
				ul#navigation li.selected{
					background-image: none;
				}
					ul#navigation li.selected a{
						background-image: none;
						text-shadow: none;
						color: #FFF;
					}
	
	a#logo{
		width: 200px;
		height: 33px;
		background-image: url(../images/layout/logo_small.png);
	}
	
	.footer-box{
		width: 210px;
	}
	#secondfooter-box{
		margin-right: 0;
	}
	#newsletter-input{
		width: 160px;
	}
	
	#content-wrapper {
    	padding-bottom: 150px;
	}
	#footer{
		margin-top: 20px;
	}
	#teaser-verantwortung{
		position: absolute;
		left: 0;
		bottom: 0px;
		display: block !important;
	}
	
	table.important td,
	table.important th{
		font-size:11px;
		padding:5px 2px;
	}
	
	.box .hint{
		display: block;
		font-size: 11px;
	}
	.form-row input.input-style{
		width: 445px;
	}
	.form-row .form-elements{
		width: 460px;
	}
	.form-row .form-elements .width-mobile-number{
		width: 357px;
	}
	.form-row .form-elements .width-street{
		width: 375px;
	}
	.form-row .form-elements .width-city{
		width: 375px;
	}
	.form-row select.input-style{
		width: 456px;
	}
	form.filter span{
		display: block;
	}
	form.filter a.button{
		float: right;
	}
	
	#mein-westlotto input.input-style{
		width: 205px;
	}

}