@charset "UTF-8";

/* 
    Document   : site
    Created on : 22.09.2009, 11:23:57
    Author     : svenweber
    Description:
        In dieser Datei sind alle Klassen definiert die den reinen Seitenaufbau beschreiben
*/

#main_left 						{float: left; width:822px;}
#main_right 					{float: left; width: auto; display: none;}

div.banner {
    /* margin-bottom:9px; */
    width:822px;
	text-align: right;	
}


div.banner_right {
    position:absolute;
    left:840px;
    top:9px;
    background-color:#234566;
}

div.page {
    background-color:#FFFFFF;
    border:#DCDCDC 1px solid;
    padding:5px 10px 34px 10px;
    width:800px;
}

div.top_links               { height:20px; }
div.top_links ul            { list-style:none; float:right; }
div.top_links li            { float:left; padding-right:6px; font-family:Arial; font-size:10px; color:#b1b1b1; }
div.top_links a             { font-family:Arial; font-size:10px; color:#b1b1b1; text-decoration:none; display:inline-block; background-repeat:no-repeat; height:12px; padding:2px 2px 0 18px; }
div.top_links a:hover       { text-decoration:underline; }
div.top_links a.icon        { display:inline; }
div.top_links a.facebook    { background-image:url('../img/design/icons/facebook.jpg'); }
div.top_links a.facebook_h3 { color:#000000; }
div.top_links a.twitter     { background-image:url('../img/design/icons/twitter.jpg'); }
div.top_links a.twitter_h3  { color:#000000; }
div.top_links a.mail        { background-image:url('../img/design/icons/mail.jpg'); }
div.top_links a.widgets     { background-image:url('../img/design/icons/widgets.jpg'); }
div.top_links a.feeds       { background-image:url('../img/design/icons/feeds.jpg'); }
div.top_links a.mobil       { background-image:url('../img/design/icons/mobil.jpg'); }
div.top_links a.dp_services { background-image:url('../img/design/icons/dp.png'); }
div.top_links a.english     { background-image:url('../img/design/icons/english.jpg'); padding-left:23px; margin-right:-6px; }
div.top_links a.german     	{ background-image:url('../img/design/icons/german_v2.jpg'); padding-left:23px; margin-right:-6px; }

div.top_links a.facebook:hover, div.top_links .over a.facebook      { background-image:url('../img/design/icons/facebook_over.jpg'); }
div.top_links a.twitter:hover, div.top_links .over a.twitter        { background-image:url('../img/design/icons/twitter_over.jpg'); }
div.top_links a.mail:hover, div.top_links .over a.mail              { background-image:url('../img/design/icons/mail_over.jpg'); }
div.top_links a.widgets:hover, div.top_links .over a.widgets        { background-image:url('../img/design/icons/widgets_over.jpg'); }
div.top_links a.feeds:hover, div.top_links .over a.feeds            { background-image:url('../img/design/icons/feeds_over.jpg'); }
div.top_links a.mobil:hover, div.top_links .over a.mobil            { background-image:url('../img/design/icons/mobil_over.jpg'); }
div.top_links a.dp_services:hover, div.top_links .over a.dp_services  { background-image:url('../img/design/icons/dp_over.png'); }
div.top_links a.english:hover, div.top_links .over a.english        { background-image:url('../img/design/icons/english_over.jpg'); padding-left:23px; margin-right:-6px; }
div.top_links a.german:hover, div.top_links .over a.german        	{ background-image:url('../img/design/icons/german_over_v2.jpg'); padding-left:23px; margin-right:-6px; }

/* div.header                  { height:107px; width:792px; background-image:url('../img/design/site/header.jpg'); padding:4px; margin-bottom:6px; }  */
div.header                  { height:107px; width:792px; background-image:url('../img/design/site/header_start.png'); padding:4px; margin-bottom:6px; overflow: hidden;}

div.header_left 			{float: left; width: 205px; overflow: hidden;}
div.header_right 			{float: right; width: 587px; overflow: hidden;}
div.header_right_top		{width: 559px; height: 51px; margin-top: 24px; overflow: hidden;}
div.header_right_top div.left 	{float: left; text-align: right; padding-right: 10px; width: 517px; color: white; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-hight: 19px; overflow: hidden;}
div.header_right_top div.left a {color: white;}
div.header_right_top div.right 	{float: left; width: 32px; overflow: hidden;}


/* div.header a.logo_link      		{ display:block; position:absolute; height:50px; width:170px; margin:10px 0 0 605px; } */
div.header a.category_link      	{ display:block; position:absolute; height:85px; width:370px; margin:15px 0 0 200px;}
div.header a.header_home_link 		{ display:block; height:107px; width:107px; float: left;}

/* div.header a.header_category_link 	{ display:block; height:107px; width:100px; float: left; background: green;} */

div.top_nav                 {float:right;}
div.top_nav ul              { list-style:none; }
div.top_nav li              { float:left; margin-left:3px; height:44px; }
div.top_nav a               { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#993333; text-decoration:none; display:inline-block; background-color:#FFFFFF; padding:8px 23px; }
div.top_nav a.active        { color:#000000; }
div.top_nav a:hover         { text-decoration:underline; }
div.top_nav a.publishers    { width:103px; color:#FFFFFF; text-align:center; margin-right:29px; margin-left:20px; background: #c90929 url('../img/design/icons/star.jpg') 86% 35% no-repeat; }

/* ================= LAYERED NAVIGATION ==================*/

div.top_nav ul li ul        { position:absolute; visibility:hidden; overflow:visible; z-index:2000; margin-top:36px; padding-bottom:10px; padding-top:1px; background: #E6000A; }
div.top_nav ul li ul li     { float:none; height:auto; min-width: 150px; padding:0 2px; margin-left:0px; }
div.top_nav ul li ul li a   { display:block; background:none; padding:7px 16px; font-size:10px; color:#FFFFFF; border-bottom:#FFFFFF 1px dashed; }
div.top_nav ul li ul li a:hover { background-color:#90020c; border-bottom: #90020c 1px solid; text-decoration: none; }

div.top_nav ul li ul li ul  { margin:1px 0 0 150px; background: #90020c; }
div.top_nav ul li ul li ul li a   { padding:7px 12px; }
div.top_nav ul li ul li ul li a:hover { background-color:#c70828; border-bottom: #c70828 1px solid; }
.over > ul.layer { visibility:visible; }

div.bread_search            { height:22px; margin-bottom:6px; }
div.breadcrumbs             { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#b1b1b1; padding-top:5px; width: 550px;}
div.breadcrumbs a			{ text-transform: uppercase;}
div.search                  { float:right; }
div.search label            { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#acacac; padding:5px 18px 0 0; }
div.search .input-text      { float:left; margin-right:12px; width:200px; height:13px; }
div.search .submit			{ background: url('../img/design/buttons/search.jpg') no-repeat top left; width: 21px; height: 21px; float: left;}

div.col_1                   {}

div.col_2_right div.col_1   { float:left; width:484px; }
div.col_2_right div.col_2   { float:right; width:307px; }

div.footer                  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#919191; width:800px; padding:15px 10px; border-left:#DCDCDC 1px solid; border-right:#DCDCDC 1px solid; border-bottom:#DCDCDC 1px solid; background-color:#f2f2f2; }
div.footer a                { color:#919191; }

div#overlay                 { position:absolute; z-index:1900; top:0; left:0;}
div#pop                     { position:absolute; z-index:2000;}

div.post_to_facebook		{ background: url('../img/design/icons/facebook_over.jpg') no-repeat top left; padding: 0 0 0 20px;}
/* div.navi					{ background: url('../img/design/site/navi_bg.png') repeat-x top left; width: 749px; height: 25px; margin-bottom: 0px; padding: 7px 32px 0 19px;} */
/* div.navi					{ background: url('../img/design/site/navi_bg.png') repeat-x top left; width: 775px; height: 25px; margin-bottom: 0px; padding-top: 7px; padding-left: 25px;} */


/*
div.navi					{ 
	background: url('../img/design/site/navi_bg.png') repeat-x top left; 
	width: 800px; 
	height: 25px; 
	margin-bottom: 0px; 
	padding-top: 7px; 
	text-align: center; 
	font-size: 11px; 
	font-family: Arial; 
	text-transform: uppercase;
}
*/


div.navi					{ 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	width: 800px; 
	height: auto; 
	padding: 1px 0 1px 0;
	text-align: center; 
	font-size: 11px; 
	font-family: Arial; 
	text-transform: uppercase;
	margin: 11px 0 6px 0;
}



div.navi div.navi_content {
	background: #f2f2f2;
	padding: 1px 0 1px 0;
	line-height: 19px;
}




div.navi a					{ padding-right: 6px; line-height: 15px; color: black;}
div.navi a.active			{ text-decoration: underline;}


/*
div.navi ul              	{ list-style:none; }
div.navi li              	{ float:left; margin-left:13px; height:25px; text-transform: uppercase; font-size: 11px; font-family:Arial;}

div.navi li { margin-left:7px; }

div.navi li a               { color: black;}
div.navi li a.active		{ text-decoration: underline;}
*/

#overlay_layer {
	display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);  
}


div.service_layer {
    display: none;
    position: fixed;
    top: 25%;
    left: 25%;
    width: 415px;
    height: 295px;    
    background-image: url(../img/design/site/layer_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
    z-index:1002;
    overflow: auto;
}

div.service_layer div.content {
	width: 382px;
	float: left;
	height: 177px;
	margin: 4px 0 0 12px;
}
div.service_layer div.content div.content_left {
	width: 190px;
	height: 177px;
	float: left;
}
div.service_layer div.content div.content_right {
	width: 192px;
	height: 152px;
	float: left;
	padding-top:25px;
}
div.service_layer div.layer_navi {
	clear: both;
	margin: 0 0 0 12px;
	color: #e19413;
	width: 382px;
	height: 50px;
	padding-top: 35px;
}
div.service_layer div.layer_navi a.abbruch {
	display: block;
	background: url(../img/design/buttons/abbruch.png) top left;
	height: 21px;
	width: 99px;
	float: left;
	margin-left: 8px;
}
div.service_layer div.layer_navi a.service,
div.service_layer div.layer_navi a.partner {
	display: block;
	background: url(../img/design/buttons/zum_premiumservice.png) top left;
	height: 21px;
	width: 185px;
	float: right;
	margin-right: 9px;
}

div.service_layer div.layer_navi a.partner {
	background: url(../img/design/buttons/zum_partnerservice.png);
}


div.service_layer h2 {	
	margin: 0;
	font-size: 16px;
	padding-bottom: 15px;
	color: #993333;
}