/* lofft.de frontend */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(/images/backgrounds/bg_body.gif);
	font-family:Verdana, Geneva, sans-serif;
	color:#222222;
	font-size:10px;
}

div, p, table {
	font-size:10px;
}

div, p, img, table, td, form, input {
	margin:0;
	padding:0;
	border:0;
}

h1 {font-size:14px;margin:10px 0px 10px 0px;}
h2 {font-size:12px;font-weight:bold;margin:10px 0px 0px 0px;}
h3 {font-size:11px;font-weight:bold;margin:5px 0px 0px 0px;}
p  {padding-top:5px;}

a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a.dark {
	color:#202020;
}

a:link.current, a:active.current, a:visited.current, a:hover.current {color:#202020 !important;}

.title {
	font-weight:bold;
	margin-bottom:5px;
}
.subtitle {
	margin-bottom:5px;
}
.date {
	margin-bottom:5px;
}
.group {
	margin-bottom:5px;
}
.credits {
	margin-bottom:5px;
}
.error {
    background:red none repeat scroll 0 0;
    color:#FFFFFF;
    font-weight:bold;
    padding:0.5em;
}

div#container {
	width:765px;
	height:auto;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-382px;
}
div#header {
	width:765px;
	height:119px;
}

div#container_content {
	width:765px;
	height:auto;
	margin:20px 0px 0px 0px;
	background-image:url(/images/backgrounds/bg_right.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float:left;
}
	div#bg_content {
		width:761px;
		height:auto;
		background-color:#FFFFFF;
		float:left;
	}
		div#container_main_navigation {
			width:761px;
			height:50px;
			background-color:#FFFFFF;
			float:left;
		}
			div#main_navigation {
				margin:8px 0px 0px 10px;
				width:741px;
				height:33px;
			}
				div#main_navigation .item, div#main_navigation .item_last {
					float:left;
				}
				div#main_navigation .item {
					margin-right:18px;
				}
				div#main_navigation .item_last {
					margin-left:2px;
				}

		/* Container f�r einf�hrende Artikel */
		div#content, div.content {
			width:auto;
			height:auto;
			background-color:#FFFFFF;
			margin:0px 15px 30px 26px;
		}

/* Die Formatierung der Content Doublebox erfolgt aufgrund der unterschiedlichen Breiten seitenweise! */

div#footer {
	width:766px;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0;
	float:left;
}

/* Hintergrundfarben */
.vorschau_content, .highlights_content, div#content_lofft, .overview_content, .programm_content, .kalender_content, .suche_content, table.bestellstatus tr.second_row {
	background-color:#B4C1D4; /*#00ade4;*/
}
div#main_navigation .current {
	background-color:#B4C1D4;
}
div#main_navigation .item a:hover {
	background-color:#B4C1D4;
}
div.startseite_promo {
	background-color:#B4C1D4;
}
a.date span.info {
	background-color:#B4C1D4;
}

/* Linien */
.highlights_image, .detail_image, .kalender_image {
	border-right:10px solid #B4C1D4;
}

/* Schriftfarben */
div#content.startseite_promo a {
		color:#202020;
}
div.kalender_monate a.current {
	color:#B4C1D4 !important;
}