@charset "utf-8";
/* CSS-Document
   Start: 24. Januar 2008
   Letze Bearbeitung: 05. August 2008
*/

/* ------- EDITIERBARES ------- */

/* Anzeige des horizontalen Scrollbalkens unterdrücken */ 
html {overflow-x:hidden; overflow-y:auto;}

.bgcolor{ background-color:#ffffff;} /* Hintergrundfarbe */

body{
	font-size: 11px; /* Schriftgröße */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Schriftart */
	color: #333333;	/* Headline (Willkommen bei ...) */
	padding: 0px;
	margin: 0px;
	border: 0px;
}

a{ color: #333333; text-decoration: underline; } /* Linkfarbe Menü */
a:hover { color: #333333; text-decoration: none;} /* Linkfarbe Menü bei MouseOver */

.menu_head { color: #333333; } /* Headline "Aktionen & Angebote" beim Menü */

.channel a{ color: #333333; text-decoration: none; } /* Linkfarbe Channels */
.channel a:hover { color: #69B3F4; text-decoration: none;} /* Linkfarbe Channels bei MouseOver */

/* Formatierung Text bei Balken Top-Aktionen */
.h2 { font-size: 11px; color:#FFFFFF; font-weight: bold; }

/* Formatierung Text bei Kategorie-Balken (Auto & Verkehr, Medien & Unterhaltung, Kontakt, ...) */
.h3 { font-size: 11px; font-weight: bold; padding-left: 20px; }
.h3 a {	text-decoration: none; color: #333333; }
.h3 a:hover { text-decoration: none; color: #FFFFFF;}

.footer a { color: #333333; text-decoration: underline; } /* Links Kontakt, Partner werden, Häufige Fragen, Impressum */
.footer a:hover { color: #333333; text-decoration: none; } /* Links Kontakt, Partner werden, Häufige Fragen, Impressum bei MouseOver */

.coverflow_text { color: #333333;}

.password_lost { font-size: 10px; font-weight: normal; }
.password_lost a { text-decoration: underline; color: #FFFFFF; }
.password_lost a:hover { text-decoration: none; color: #FFFFFF;}

/* Zone Overlay Settings */
.zone_overlay {background-color:#000000;}
.zone_overlay_header {background-color:#e8e8e8;}

/* ----- EDITIERBARES End ----- */


/* --------------------------------------------------------------------------- */
/* -------------------- Nachfolgendes bitte NICHT ändern! -------------------- */
/* --------------------------------------------------------------------------- */

img, a img{ border: 0px;}
table, tr, td { border:0; }

/* ------- TEXTE ------- */
h1{	font-size: 11px; padding-left: 6px; padding-top: 5px; padding-bottom:4px; height: 30px;}

/* Formatierung Balken Text für Unterseiten (Daten ändern, Kontakt, ...) */
.h4 { font-size: 11px; font-weight: bold; padding-left: 10px; }

.menu_a{ text-decoration: none;}
.menu_a:hover{ text-decoration: none; font-weight: bold;}
.menu_a:active{	text-decoration: none; font-weight: bold;}

.submenu{ margin: 4px 0px 8px 25px; }
.submenu_form {margin: 4px 0px 8px 0px}
.submenu:hover{ text-decoration: none; }
.submenu:active{ text-decoration: none; }

.menu_cat_a {margin: 5px 0px 5px 12px;}
.menu_login {
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 10px;
	padding-right: 10px;
	color:white;
	font-size:10px;
}

.menu_login img {
	margin-top: 6px;
}

.menu_loggedin {
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 10px;
	padding-right: 10px;
	color:white;
	font-size:10px;
}

.menu_login img {
	margin-top: 6px;
}

.small{ font-size: 9px; line-height: 11px;}
.form{ width: 100px; font-size: 10px;}
.long { width: 150px; font-size: 9px;}
.text_input { font-size: 9px;}
form{ padding:0; margin:0;}
.abstand{ padding: 10px; }
li { line-height: 20px;}
.td_head{ background-color: #cccccc; font-weight: bold; padding:5px;}
.td_text{ padding: 5px;}
.middle{ vertical-align:middle; font-size:9px;}
.error_msg { color:#CC0001; }

.promo_link_a { text-decoration: none; }
.promo_link_a:link { text-decoration: none; }
.promo_link_a:hover { text-decoration: none;}
.promo_link_a:active { text-decoration: none; }
.promo_link_a:visited { text-decoration: none; }

/* ---------- TEXTE End ---------- */

/* ------ Layout ------- */

.zone {
	width:600px;
	vertical-align:top; 
	max-width:600px
}

.onstage {
	width:600px;
}

.onstage .spacer {
	height: 15px;
}


/* ------ Layout ----- */


/* ------- DIVs ------- */
.top_aktionen{
	width: 100%;
	height: 215px;
	padding-left: 6px;
}
.balken_red{
	background-image:url(imgs/balken_top.jpg);
	background-repeat: no-repeat;
	width: 375px;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
.balken{
	background-image:url(imgs/balken_blank.jpg);
	background-repeat: no-repeat;
	width: 598px;
	height: 20px;
	padding-top: 3px;
	padding-left: 0px;
	margin-left: 6px;
}

.balken_blue{
	background-image:url(imgs/balken_kat_zu.jpg);
	background-repeat: no-repeat;
	width: 598px;
	height: 20px;
	padding-top: 3px;
	padding-left: 0px;
	margin-left: 6px;
}
.balken_blue_aktiv{
	background-image:url(imgs/balken_kat_auf.jpg);
	background-repeat: no-repeat;
	width: 598px;
	height: 20px;
	padding-top: 3px;
	padding-left: 0px;
	margin-left: 6px;
}

.promotions{
	width: 100%;
	margin-left: 6px;
	padding: 0px;
}

.promotions table tr {
	vertical-align:top;
}

.footer{
	width: 98%;
	margin-left: 6px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 9px;
}

.channel{
	float: left;
	width: 180px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.coverflow {
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 370px;
	height: 180px;
}

/* MENU */
.menu{
	background-image:url(imgs/menu_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 196px;
	height: 134px;
	padding-left: 5px;
	padding-top: 5px;
}


.login{
	background-position: top left;
	background-repeat: no-repeat;
	width: 196px;
	height: 61px;
}

.login_content {
	padding:0px;
	padding-left:4px;
	border:1px solid black;
}

.loggedin{
	background-position: top left;
	background-repeat: no-repeat;
	width: 196px;
	height:61px;
	font-size:12px;
}

.loggedin_content {
	color: white;
	padding-left: 7px;
	padding-top: 7px;
}

.loginform{ 
	width: 100px; 
	font-size: 10px;
	padding:0px;
}


.head_left{
	width: 380px;
	height: 220px;
	float: left;
	padding-right: 10px;
}
/* ----- DIVs End ----- */


.menuPanel {
	background-image: url(imgs/balken_menu.jpg);
	/*background-color: #6af;*/
	background-position: top left;
	background-repeat: repeat-x;
	width: 598px;
	height: 28px;
}

.menuPanel table {
	width: 598px;
	height: 24px;
	text-align: center;
	border-collapse: collapse;
}

.menuPanel td {
	text-align: center;
}

.menuPanel a {
	font-weight: bold;
	text-decoration: none;
}

.menuPanel a {
	text-decoration: none;
}

.menuPanel a:hover {
	text-decoration: none;
}