/* ---

Schwarz E-Commerce GmbH & Co. KG
Stiftsbergstr. 1
74166 Neckarsulm

Project:		Lidl-Highlights
Version:		0.6
Last change:	15/12/09
Author:			Tobias Beisel

Index:
	01 General (with css-reset)
	02 Main / #container
	03 Header / #header
	  .01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) / #servicesitesnav
	  .02 Teaser with Image, Text, Status /#teaser
	  .03 Breadcrumb-Navigation under teasers / #breadcrumb
	  .04 Specialsaction
	04 Footer / #footer
	05 Content / #content
	  .01 Content-Header
	  .02 Content-Main
	  .03 Middlecontent
	  .04 Leftcontent
	  .05 Rightcontent 
	  .06 Footcontent
	  .07 Not Online


Notice:
All CSS properties are sorted alphabetical!

--- */

/*************************************************************************
* 01 General
**************************************************************************/

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 {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

acronym, abbr {
	cursor: help;
}

html {
	height: 101%;
}

body {
	background: white url("../imgs/bg.png") repeat-x top left;
	color: #003278;
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

.popup {
	background-image: none;
	color: #003278;
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	padding: 16px;
	text-align: left;
}

a,
input {
	color: #003278;
}

br {
	clear: both;
}

noscript p {
	background-color: #f5e2df;
	border-top: 2px solid #b41e0a;
	border-right: none;
	border-bottom: 2px solid #b41e0a;
	border-left: none;
	color: #b41e0a;
	display: block;
	font-family: verdana;
	font-size: 11px;
	margin: 16px auto;
	padding: 8px;
	line-height: 15px;
	text-align: center;
	width: auto;
}

noscript p strong {
	font-weight: bold;
}

/* 
	Layer for specials
*/

.specialslayer {
	position: absolute;
	width: 976px;
	z-index: 9999999;
}

/*************************************************************************
* 02 Main
**************************************************************************/

.hide,
.hideclaim {
	display: none;
}

.clearer {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;	
}

#wrappernomenu {
	background: transparent url("../imgs/mainbg.png") no-repeat 0 0;	
	margin: 29px auto 0 auto;
	text-align: left;
	width: 986px;
}

#container {
	display: block;
	float: left;
}

#header {
	background: transparent url("../imgs/header.png") no-repeat 0 0;
	height: 208px;
	width: 986px;
}

#widestcontent { /* no menu and marginal */
	float: left;
	margin: 0 16px 16px 16px;
	width: 944px;
}

#popupcontent { /* for popups */
	width: 100%;
}

#marginal {
	float: left;
	padding: 8px 0;
	width: 200px;
}

#footer {
	display: block;
	height: 32px;
	margin: 0 auto;
	width: 986px;
}

/*************************************************************************
* 03 Header
**************************************************************************/
		
#logo {
	float: left;
}

/* 03.01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) *****************/

#servicesitesnav {
	float: left;
	width: 780px;
}

#servicesitesnav li {
	background: transparent url("../imgs/tab.png") no-repeat left top;
	display: block;
	float:left;
	margin-right: 1px; 
	padding-left: 8px;
}

#servicesitesnav li a {
	background: transparent url("../imgs/tab.png") no-repeat right -24px;
	display: block;
	font: normal 11px/15px "Verdana";
	float:left;
	padding: 4px 8px 5px 0;
	text-decoration: none;
}
	
#servicesitesnav li a:hover {
	color: #b41e0a;
}
	
#servicesitesnav li.active {
	background: transparent url("../imgs/tab.png") no-repeat left -48px;
	display: block;
	float:left;
	margin-right: 1px;
	padding-left: 8px;
}

#servicesitesnav li.active a,
#servicesitesnav li.active a:hover {
	background: transparent url("../imgs/tab.png") no-repeat right -72px;
	color: white;
	display: block;
	font: normal 11px/15px "Verdana";
	float:left;
	padding: 4px 8px 5px 0;
	text-decoration: none;	
}

/* 03.02 Teaser with Image, Text, Status *********************************/

#teaser {
	float: left;
	height: 92px;
	margin: 53px 0 0 8px;
}

#teaser li {
	background-repeat: no-repeat;
	display: block;
	float: left;
}

#teaser li a {
	cursor: pointer;
	display: block;
	font: normal 10px/12px verdana;
	height: 93px;
	width: 142px;
	text-decoration: none;
}

#teaser li a span em {
	color: #b41e0a;
	font-style: italic;
}
		
#teaser li a:hover {
	color: white;
	display: block;
	font: normal 10px/12px verdana;
	height: 93px;
	width: 142px;
	text-decoration: none;
}

#teaser li a:hover span em {
	color: white;
	font-style: italic;
}

/*
	Normal
*/
			
#teaser li a.normal,
#teaser li a.normal_standard {
	background: transparent url("../imgs/teaser.png") no-repeat 0 -1px;
}
	
#teaser li a.normal:hover,
#teaser li a.normal_hover {
	background: transparent url("../imgs/teaser.png") no-repeat 0 -94px;
}

#teaser li a.normal span,
#teaser li a.normal_standard span,
#teaser li a.normal:hover span,
#teaser li a.normal_hover span {
	display: block;
	height: 24px;
	padding: 62px 15px 0 7px;
}

/* 03.03 Breadcrumb-Navigation under teasers *****************************/
		
#breadcrumb {
	display: block;
	float: right;
	font: normal 10px/12px verdana;
	height: 26px;
	padding: 13px 18px 0 0;
	width: 760px;
	overflow: hidden;
}

#breadcrumb a {
	font: normal 10px/12px verdana;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #b41e0a;
}

/* 03.04 Specialsaction **************************************************/

span.specialsactionpos {
	display: block;
	position: relative;
}

span.specialsactionpos span.specialsaction {
	display: block;
	height: 208px;
	left: 768px;
	position: absolute;
	top: 0;
	width: 208px;  
}

span.specialsactionpos span.specialsaction a {
	display: block;
	margin: 123px 0 0 16px;
	position: relative;
}

span.specialsactionpos span.specialsaction a span {
	background: transparent url("../imgs/twitter_info.png") no-repeat 0 0;
	display: block;
	height: 61px;
	position: absolute;
	top: 24px;
	left: 0;
	width: 200px;
}

span.specialsactionpos span.specialsaction a span img {
	margin: 6px 0 0 146px;
}

/*************************************************************************
* 04 Footer
**************************************************************************/

#footer {
	background: transparent url("../imgs/footer.png") no-repeat 0 0;
}

#footer a.copyright {
	color: white;
	display: block;
	float: left;
	height: 32px;
	text-align: center;
	width: 192px;
	font: normal 10px/12px verdana;
	margin-top: 5px;
	text-decoration: none;
}

#footer ul {
	display: block;
	float: left;
	height: 32px;
	width: 784px;
}

#footer ul li {
	float: left;
	padding-left: 7px;
	margin-top: 4px;
}
	
#footer ul li a {
	float: left;
	font: normal 11px/15px verdana;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #b41e0a;
}

#footer ul li span {
	display: block;
	float: left;
	font: normal 11px/15px verdana;
	padding-left: 6px;
}
		
#footer a#totop {
	background: transparent url("../imgs/circles.png") no-repeat 0 0;
	cursor: pointer;
	float: right;
	height: 32px;
	position: relative;
	margin: -40px 24px 0 0;
	width: 32px;
	z-index: 101;
	clear: both;
}

#footer ul.linksfooter {
	display: block;
	float: left;
	height: 32px;
	margin: 0 0 0 192px;
}

#footer ul.linksfooter li {
	float: left;
	padding-left: 7px;
	margin-top: 4px;
}
	
#footer ul.linksfooter li a,
#footer ul.linksfooter li a:hover {
	color: #738eb5;
	float: left;
	font: normal 10px/14px verdana;
	text-decoration: none;
}

#footer ul.linksfooter li span {
	color: #738eb5;
	display: block;
	float: left;
	font: normal 10px/14px verdana;
	padding-left: 6px;
}

/*************************************************************************
* 05 Content
**************************************************************************/

/* 05.01 Content-Header **************************************************/

.contenthead {
	display: block;
	width: 944px;
}

.contenthead strong {
	background: transparent url("../imgs/button_time.png") no-repeat 0 0;
	color: white;
	display: block;
	float: left;
	font: bold 20px/24px "trebuchet ms", arial;
	height: 40px;
	margin-top: 15px;
	padding: 22px 0 8px 60px;
	text-shadow: 0px 1px 1px #333333;
	width: 240px;
}

.contenthead strong small {
	font: bold 9px/12px "trebuchet ms", arial;
	margin: 0 4px 0 2px;
}

.contenthead h1 {
	background: transparent url("../imgs/claim.png") no-repeat 25px -2px;
	float: left;
	height: 89px;
	margin-top: 7px;
	width: 386px;
}

.contenthead a {
	background: transparent url("../imgs/button_hit.png") no-repeat 0 0;
	color: white;
	cursor: pointer;
	display: block;
	float: right;
	font: bold 20px/24px "trebuchet ms", arial;
	height: 30px;
	margin: 20px 20px 0 0;
	padding: 18px 0 8px 52px;
	position: relative;
	text-decoration: none;
	text-shadow: 0px 1px 1px #333333;
	width: 153px;
}

.contenthead a:hover {
	color: #a3d187;
}

.contenthead div.successlayer {
	background: transparent url("../imgs/success_bg.png") no-repeat 0 0;
	margin: 0 0 0 16px;
	width: 912px;
}

.contenthead div.successlayer h3 {
	color: #d5f3d2;
	font: bold 14px/18px "trebuchet ms", arial;
	margin: 0 0 2px 40px;
	padding-top: 12px;
	text-shadow: 0px 1px 1px #003278;
}

.contenthead div.successlayer p {
	color: #d5f3d2;
	font: normal 10px/14px verdana;
	margin: 0 0 0 40px;
	padding-bottom: 8px;
	text-shadow: 0px 1px 1px #003278;
}

.contenthead div.errorlayer {
	background: transparent url("../imgs/error_bg.png") no-repeat 0 0;
	margin: 0 0 0 16px;
	width: 912px;
}

.contenthead div.errorlayer h3 {
	color: #f5dede;
	font: bold 14px/18px "trebuchet ms", arial;
	margin: 0 0 2px 40px;
	padding-top: 12px;
	text-shadow: 0px 1px 1px #003278;
}

.contenthead div.errorlayer p {
	color: #f5dede;
	font: normal 10px/14px verdana;
	margin: 0 0 0 40px;
	padding-bottom: 8px;
	text-shadow: 0px 1px 1px #003278;
}
	
/* 05.02 Content-Main ****************************************************/

ul.contentmain {
	background: transparent url("../imgs/contentmain_bg.png") no-repeat 0 0;
	display: block;
	height: 100%;
}

ul.contentmain li.middle {
	float: left;
	height: 100%;
	position: relative;
	width: 547px;
}

ul.contentmain li.middle div.soldout {
	top: 0;
	left: 1px;
	position: absolute;
	z-index: 12	
}

ul.contentmain li.middle div.soldout div {
	height: 450px;
	background: transparent url("../imgs/soldout.png") no-repeat 0 0;
	width: 545px;
}

/* 05.03 Middlecontent ***************************************************/

ul.contentmain li.middle div.middlecontent {
	display: block;
	margin: 0 0 0 32px;
	position: relative;
	width: 482px;
}

ul.contentmain li.middle div.middlecontent h2 {
	font: bold 24px/28px "trebuchet ms", arial;
	margin: 26px 0 0 0;
}

ul.contentmain li.middle div.middlecontent div.middleimage {
	display: block;
	height: 250px;
	overflow: hidden;
	margin: 16px 0 0 85px;
	width: 405px;
}

ul.contentmain li.middle div.middlecontent div.middleimage img {
	height: 226px;
	width: 374px;
}

ul.contentmain li.middle div.middlecontent div.percent {
	bottom: 168px;
	height: 100px;
	right: -8px;
	position: absolute;
	width: 100px;
}

ul.contentmain li.middle div.middlecontent div.percent div.coverpos {
	top: 0;
	right: 0;
	position: absolute;	
}

ul.contentmain li.middle div.middlecontent div.percent div.coverpos div.cover {
	background: transparent url("../imgs/percent2.png") no-repeat 0 0;
	display: block;
	height: 100px;
	width: 100px;
}

ul.contentmain li.middle div.middlecontent div.percent div.innerpercent {
	background: transparent url("../imgs/percent.png") no-repeat 0 0;
	display: block;
	height: 100px;
	width: 100px;
}

ul.contentmain li.middle div.middlecontent div.percent div.innerpercent span {
	color: black;
	display: block;
	font: bold 30px/30px "trebuchet ms", arial;
	text-align: center;
	padding-top: 32px;
	width: 100px;
}

ul.contentmain li.middle div.middlecontent div.percent div.innerpercent small {
	color: #b41e0a;
	display: block;
	font: italic 11px/11px "trebuchet ms", arial;
	text-align: center;
	text-decoration: line-through;
	width: 100px;
}

ul.contentmain li.middle div.middlecontent div.price {
	display: block;
	position: absolute;
	bottom: -3px;
	right: -12px;
	white-space: nowrap;
	z-index: 9;
}

ul.contentmain li.middle div.middlecontent div.price a {
	background: transparent url("../imgs/pricebg.png") no-repeat top right;
	cursor: pointer;
	color: black;
	display: block;
	float: left;
	font: bold 24px/24px arial;
	height: 71px;
	text-decoration: none;
	text-align: center;
	padding: 15px 0 0 0;
	width: 141px;
}

ul.contentmain li.middle div.middlecontent div.price a sup {
	font: bold 12px/12px arial;
	vertical-align: super;
}

ul.contentmain li.middle div.middlecontent div.price a span {
	color: #b41e0a;
	display: block;
	font: normal 12px/12px arial;
	text-decoration: line-through;
}

ul.contentmain li.middle div.middlecontent div.price a:hover {
	color: #b41e0a;
}

ul.contentmain li.middle div.middlecontent div.price span.right {
	background: transparent url("../imgs/price2.png") no-repeat 0 0;
	display: block;
	text-align: left;
	float: left;
	height: 52px;
	position: relative;
	width: 60px;
	z-index: 9;
}

ul.contentmain li.middle div.middlecontent div.zoompos {
	bottom: 0;
	left: 0;
	position: absolute;
}

ul.contentmain li.middle div.middlecontent ul.zoom {
	/*background: transparent url("../imgs/zoom.png") no-repeat 7px 0;*/
	padding-top: 17px;
}

ul.contentmain li.middle div.middlecontent ul.zoom li {
	background-repeat: no-repeat;
	background-position: 6px 6px;
	margin: 0 0 4px 0;
}

ul.contentmain li.middle div.middlecontent ul.zoom li a {
	background: transparent url("../imgs/zoom_bg.png") no-repeat 0 0;
	display: block;
	height: 45px;
	width: 67px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar {
	background: transparent url("../imgs/socialbar.png") no-repeat 0 0;
	display: block;
	height: 30px;
	margin-bottom: 16px;
	width: 480px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar a.facebook {
	float: left;
	margin: 6px 0 0 66px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar a.twitter {
	background: transparent url("../imgs/twitterbutton.png") no-repeat 0 0;
	display: block;
	float: left;
	height: 18px;
	margin: 6px 0 0 15px;
	width: 129px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar ul.social {
	float: left;
	margin: 6px 0 0 11px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar ul.social li {
	float: left;
	margin: 0 0 0 4px;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar ul.social li a img {
	border: 1px solid #003278;
}

ul.contentmain li.middle div.middlecontentpos div.socialbar ul.social li a:hover img {
	border: 1px solid #b41e0a;
}

ul.contentmain li.middle div.middlecontentpos {
	display: block;
	margin: 16px 0 24px 32px;
	width: 482px;
}

ul.contentmain li.middle div.middlecontentpos small{
	color: #647ea2;
	display: block;
	font: normal 9px/13px verdana;
	margin: 4px 0 0 0;
}

ul.contentmain li.middle div.middlecontentpos div.description ul {
	margin-bottom: 16px;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li {
	list-style-type: circle;
	margin-left: 16px;
}

ul.contentmain li.middle div.middlecontentpos div.description ol li {
	list-style-type: decimal;
	margin-left: 16px;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li strong,
ul.contentmain li.middle div.middlecontentpos div.description ul li b,
ul.contentmain li.middle div.middlecontentpos div.description ol li strong,
ul.contentmain li.middle div.middlecontentpos div.description ol li b {
	font-weight: bold;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li em,
ul.contentmain li.middle div.middlecontentpos div.description ul li i,
ul.contentmain li.middle div.middlecontentpos div.description ol li em,
ul.contentmain li.middle div.middlecontentpos div.description ol li i {
	font-style: italic;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li a:hover,
ul.contentmain li.middle div.middlecontentpos div.description ol li a:hover {
	color: #647ea2;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li sub,
ul.contentmain li.middle div.middlecontentpos div.description ul li strong sub,
ul.contentmain li.middle div.middlecontentpos div.description ul li b sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li strong sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li b sub,
ul.contentmain li.middle div.middlecontentpos div.description ul li em sub,
ul.contentmain li.middle div.middlecontentpos div.description ul li i sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li em sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li i sub, 
ul.contentmain li.middle div.middlecontentpos div.description ul li a sub,
ul.contentmain li.middle div.middlecontentpos div.description ol li a sub {
	font: normal 9px/13px verdana;
	vertical-align: sub;
}

ul.contentmain li.middle div.middlecontentpos div.description ul li sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li sup,
ul.contentmain li.middle div.middlecontentpos div.description ul li strong sup,
ul.contentmain li.middle div.middlecontentpos div.description ul li b sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li strong sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li b sup,
ul.contentmain li.middle div.middlecontentpos div.description ul li em sup,
ul.contentmain li.middle div.middlecontentpos div.description ul li i sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li em sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li i sup, 
ul.contentmain li.middle div.middlecontentpos div.description ul li a sup,
ul.contentmain li.middle div.middlecontentpos div.description ol li a sup {
	font: normal 9px/13px verdana;
	vertical-align: super;
}

/* 05.04 Leftcontent *****************************************************/

ul.contentmain li.left {
	display: block;
	float: left;
	height: 455px;
	width: 100px;
}

ul.contentmain li.left h2 {
	font: bold 16px/20px "trebuchet ms", arial;
	margin: 8px 0 0 19px;
}


ul.contentmain li.left div.temperature {
	background: transparent url("../imgs/temperature.png") no-repeat 32px 0;
	display: block;
	height: 313px;
	margin: 13px 0 0 0;
	padding: 17px 0 18px 0;
	width: 80px;
}

ul.contentmain li.left div.temperature div.measure {
	background: transparent url("../imgs/measure.png") no-repeat 0 bottom;
	border-bottom: 1px solid white;
	display: block;
	margin: 0 0 0 37px;
	position: relative;
	width: 26px;
}

ul.contentmain li.left div.temperature div.measure div.measurearrows {
	background: transparent url("../imgs/measurearrows.png") no-repeat 0 0;
	bottom: -4px;
	display: block;
	height: 7px;
	left: -14px;
	position: absolute;
	width: 54px;
}

/* 05.05 Rightcontent ****************************************************/

ul.contentmain li.right {
	float: left;
	height: 100%;
	width: 297px;
}

ul.contentmain li.right h2 {
	font: bold 16px/20px "trebuchet ms", arial;
	margin: 8px 0 0 32px;
}

ul.contentmain li.right ul {
	margin: 10px 0 0 29px;
}

ul.contentmain li.right ul li {
	display: block;
	margin: 0 0 4px 0 ;
	width: 239px;
}

ul.contentmain li.right ul li.monday,
ul.contentmain li.right ul li.tuesday,
ul.contentmain li.right ul li.wednesday,
ul.contentmain li.right ul li.thursday,
ul.contentmain li.right ul li.friday,
ul.contentmain li.right ul li.saturday,
ul.contentmain li.right ul li.sunday {
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

ul.contentmain li.right ul li.monday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 0;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.tuesday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -56px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.wednesday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -112px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.thursday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -168px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.friday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -224px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.saturday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -280px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li.sunday div {
	background: transparent url("../imgs/weekdays.png") no-repeat 0 -336px;
	height: 56px;
	width: 239px;
}

ul.contentmain li.right ul li div p {
	display: block;
	font: normal 9px/13px verdana;
	height: 40px;
	margin: 0 0 0 67px;
	overflow: hidden;
	padding: 8px 0 0 0;
	width: 164px;
}

ul.contentmain li.right ul li div p strong {
	display: block;
	font-weight: bold;
}

/* 05.06 Footcontent *****************************************************/

ul.contentfoot {
	background: transparent url("../imgs/contentfoot_bg.png") no-repeat 0 0;
	display: block;
	min-height: 96px;
	width: 944px;
}

ul.contentfoot li.left h3,
ul.contentfoot li.right h3 {
	color: #b9d4f0;
	font: bold 14px/18px "trebuchet ms", arial;
	margin: 12px 0 2px 40px;
	text-shadow: 0px 1px 1px #003278;
}

ul.contentfoot li.left p,
ul.contentfoot li.right p {
	color: #8fbbe9;
	font: normal 10px/14px verdana;
	margin: 0 0 0 40px;
	text-shadow: 0px 1px 1px #003278;
}

ul.contentfoot li.left p em,
ul.contentfoot li.right p em {
	color: #b9d4f0;
	font-style: italic;
	font-weight: bold;
}

ul.contentfoot li.left {
	background: transparent url("../imgs/dots_footer.png") repeat-y 472px 0;
	display: block;
	float: left;
	height: 96px;
	padding-right: 16px;
	width: 457px;
}

ul.contentfoot li.right {
	display: block;
	float: left;
	padding-right: 16px;
	position: relative;
	width: 455px;
}

.textfield {
	background: transparent url("../imgs/textfield_bg.png") repeat-x 0 0;
	border: 1px solid #003278;
	color: #003278;
	font: normal 10px/14px verdana;
	float: left;
	height: 17px;
	margin: 4px 0 0 40px;
	padding: 2px 0 0 0;
	width: 170px;
}

ul.contentfoot li.right a.recommend {
	background: transparent url("../imgs/button_recommend.png") no-repeat 0 0;
	color: white;
	cursor: pointer;
	display: block;
	font: normal 10px/14px "trebuchet ms", arial;
	float: left;
	height: 25px;
	text-decoration: none;
	text-shadow: 0px 1px 1px #003278;
	margin: 4px 0 0 8px;
	padding: 4px 0 0 36px;
	width: 100px;
}

ul.contentfoot li.right a.bookmark {
	background: transparent url("../imgs/button_bookmark.png") no-repeat 0 0;
	color: white;
	cursor: pointer;
	display: block;
	font: normal 10px/14px "trebuchet ms", arial;
	float: left;
	height: 22px;
	text-decoration: none;
	text-shadow: 0px 1px 1px #003278;
	margin: 4px 0 0 4px;
	padding: 4px 0 0 28px;
	width: 93px;
}

ul.contentfoot li.right a.newsletter {
	background: transparent url("../imgs/button_newsletter.png") no-repeat 0 0;
	color: white;
	cursor: pointer;
	display: block;
	font: normal 10px/14px "trebuchet ms", arial;
	float: left;
	height: 22px;
	text-decoration: none;
	text-shadow: 0px 1px 1px #003278;
	margin: 4px 0 0 38px;
	padding: 4px 0 0 24px;
	width: 100px;
}

ul.contentfoot li.right a.recommend:hover {
	color: #dce9f6;
}

ul.contentfoot li.right a.bookmark:hover {
	color: #f9cc91;
}

ul.contentfoot li.right a.newsletter:hover {
	color: #eb8f83;
}

/* Recommendation */

ul.contentfoot li.right div.layer {
	background: transparent url("../imgs/contentfoot_bg.png") no-repeat -473px 0;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 471px;
	z-index: 12;
}

ul.contentfoot li.right div.layer h3 a.closebutton {
	background: transparent url("../imgs/button_close.png") no-repeat 0 1px;
	color: #b9d4f0;
	display: block;
	font: bold 11px/15px "trebuchet ms", arial;
	height: 14px;
	left: 388px;
	text-decoration: none;
	top: 14px;
	padding: 0 0 0 18px;
	position: absolute;
	width: 68px;
}

ul.contentfoot li.right div.layer h3 a.closebutton:hover {
	background: transparent url("../imgs/button_close.png") no-repeat 0 1px;
	color: white;
	display: block;
	font: bold 11px/15px "trebuchet ms", arial;
	height: 14px;
	left: 388px;
	text-decoration: none;
	top: 14px;
	padding: 0 0 0 18px;
	position: absolute;
	width: 68px;
}

ul.contentfoot li.right div.layer fieldset {
	color: #8fbbe9;
	font: normal 10px/14px verdana;
	margin: 8px 0 0 40px;
	text-shadow: 0px 1px 1px #003278;
	width: 400px;
}

ul.contentfoot li.right div.layer fieldset legend {
	font-weight: bold;
}


ul.contentfoot li.right div.layer fieldset ol li.textfields label {
	cursor: pointer;
	display: block;
	float: left;
	margin: 5px 0 0 0;
	width: 65px;
}

ul.contentfoot li.right div.layer fieldset ol li.textfields label em {
	color: #b9d4f0;
	font-weight: bold;
	margin-left: 2px;
}

ul.contentfoot li.right div.layer a.recommend {
	background: transparent url("../imgs/button_recommend.png") no-repeat 0 0;
	color: white;
	cursor: pointer;
	display: block;
	font: normal 10px/14px "trebuchet ms", arial;
	height: 25px;
	text-decoration: none;
	text-shadow: 0px 1px 1px #003278;
	margin: 8px 0 0 104px;
	padding: 4px 0 0 34px;
	width: 139px;
}

ul.contentfoot li.right div.layer a.recommend:hover {
	color: #dce9f6;
}

ul.contentfoot li.right div.layer fieldset a.newsletter {
	margin-left: 104px;
}

ul.contentfoot li.right div.layer fieldset ul.checkboxselection label {
	cursor: pointer;
	display: block;
	margin: 4px 0 0 0;
}

ul.contentfoot li.right div.layer fieldset ul.checkboxselection label strong {
	font-weight: bold;
}
 
ul.contentfoot li.right div.layer fieldset ul.checkboxselection label a {
	color: #b9d4f0;
}
 
ul.contentfoot li.right div.layer fieldset ul.checkboxselection label a:hover {
	color: white;
}
 
ul.contentfoot li.right div.layer fieldset ul.checkboxselection label span {
	display: block;
	float: left;
	margin: 5px 0 0 2px;
	width: 260px
}

ul.contentfoot li.right div.layer fieldset ul.checkboxselection li label .checkbox {
	float: left;
	margin: 5px 4px 0 0;
}

/* 05.07 Not Online ******************************************************/

.contenthead div.notonline {
	background: transparent url("../imgs/button_hit.png") no-repeat 0 0;
	color: white;
	display: block;
	float: right;
	font: bold 20px/24px "trebuchet ms", arial;
	height: 38px;
	margin-top: 20px;
	padding: 18px 0 0 52px;
	position: relative;
	text-decoration: none;
	text-shadow: 0px 1px 1px #333333;
	width: 193px;
}

ul.contentmain.notonline {
	background: transparent url("../imgs/contentmain_bg_not.png") no-repeat 0 0;
	display: block;
	height: 100%;
}

ul.contentmain.notonline li.left,
ul.contentmain.notonline li.middle {
	display: none;
}

ul.contentmain.notonline li.right {
	margin-left: 647px;
	height: 447px;
}

#prozentwischer {
	display:block;
	position:absolute;
	top:50px;
	left:340px;
	z-index:100;
}