/***** Lightbox *****/
@import "lightbox.css";


/* CSS Document */

/***** COMMON *****/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#58585a;
	padding:0;
	margin:0;
	text-align:center;
}

a, a:active, a:visited{color:#58585a;}

a img {
	border:none;  }

h1 {
	font-size:150%;
	margin-top:0px;
	text-align:left;
}
h2 {
	font-size:125%;
	margin-top:0px;
	text-align:left;	
}
h3,h4,h5,h6 {
	font-size:105%;
	margin-top:0px;
	text-align:left;	
}
th, .highlight {
	font-weight:bold;
	color:#005c98;
	text-align:left;
}
td {
	color:#1e6fa4;
}
th, td {
	border-bottom:1px solid #999999;
	padding: 4px 8px 4px 8px;
}
.noborder th, .noborder td, .noborder {
	border:none;
}
.thleft th {
	padding-right:16px;
	padding-left:10px;	
}
#wrap {
	margin:30px auto 0 auto;
	text-align:left;
	width:900px;
	border: 1px solid #d0d1d2;
}
.clearer {
	clear:both;
	line-height:0;
	font-size:0;
}
/***** COMMON *****/


/***** HEADER *****/
#header {
	height:145px;
	padding:0;
	margin:0;
}
#header .logo {
	float:left;
	padding: 52px 0 16px 34px;
}
#header .logo_zusatz {
	float:right;
	padding: 90px 42px 0 0;
}
/***** HEADER *****/


/***** MAIN *****/
#main {
	clear:both;
	float:left;
	margin:40px 0 0 0;
	width:100%;	
}
.twocols {
	clear:both;
	float:left;
	background-image:url(img/bg_main_2cols_linie.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.twocols .col1 {
	float:left;
	width:180px;
	padding:0 22px 0 34px;
	padding-bottom:40px;
	overflow:hidden;
}
.twocols .col2 {
	float:left;
	width:540px;
	margin:0 0 0 34px;
	text-align:justify;
	padding-bottom:40px;
	overflow:hidden;	
}
.twocols .col1 ul {
	padding:5px 0 0 0;
	margin:0;
	list-style:none;
}
.twocols .col1 ul li {
	padding:0 0 0 11px;
	background-image:url(img/bp_link_rot.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
}
.twocols .col1 ul li a {
	color:#c81629;
	text-decoration:none;
	font-weight:bold;
}
.twocols .col2 ul li {line-height:19px;}
.threecols {
	clear:both;
	float:left;
/*	background-image:url(img/bg_main_2cols_linie.gif);
	background-position:top left;
	background-repeat:repeat-y;*/
	text-align:left;
}
.threecols .col1 {
	float:left;
	width:216px;
	padding:0 0 0 34px;
	padding-bottom:25px;
}
.threecols .col2 {
	float:left;
	width:216px;
	margin:0;

	padding-bottom:25px;	
}	
.threecols .col3 {
	float:left;
	width:216px;
	margin:0;
	overflow:hidden;
	padding-bottom:25px;	
}

/***** MAIN *****/


/***** FOOTER *****/
#partnerlinks{width:900px;margin:0 auto;}
#footer {
	clear:both;
	padding:0;
}
#footer .logoivw {
	float:right;
	padding:0 120px 7px 0;
}
#footer .logo {
	clear:both;
	float:right;
	padding:0 10px 10px 0;
}
#footer .navi {
	font-size:80%;
	clear:both;
	text-align:left;
	height:28px;
	background-image:url(img/bg_navi.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0 0 0 34px;
}
#footer .navi ul {
	padding:5px 0 0 0;
	margin:0;
	list-style:none;
}
#footer .navi ul li {
	float:left;
	padding:3px 34px 0 0;
}
#footer .navi ul li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
/***** FOOTER *****/





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#header .navi {
	clear:both;
	width:878px; 
	height:28px; 
	position:relative; 
	z-index:100;
	background-image:url(img/bg_navi.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-left:22px;
	font-size:11px;
	font-weight:bold;
}
/* remove all the bullets, borders and padding from the default list styling */
#header .navi ul {padding:0;margin:0;list-style-type:none;}
#header .navi ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header .navi li {float:left;width:auto;position:relative;}
/* style the links for the top level */
#header .navi a, #header .navi a:visited {display:block;text-decoration:none; color:#fff; width:auto; height:28px; padding-left:10px; padding-right:10px; line-height:27px;}



/* style the second level background */
/*#header .navi ul ul a.drop, #header .navi ul ul a.drop:visited {background-color:#ff0000;}*/
/* style the second level hover */
/*#header .navi ul ul a.drop:hover{}
#header .navi ul ul :hover > a.drop {}*/
/* style the third level background */
#header .navi ul ul ul a, #header .navi ul ul ul a:visited {background-color:#858687;}
/* style the third level hover */
#header .navi ul ul ul a:hover {background-color:#858687;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#header .navi ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:auto;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html #header .navi ul ul {top:27px;t\op:28px;}

/* position the third level flyout menu */
#header .navi ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#header .navi ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#header .navi table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#header .navi ul ul a, #header .navi ul ul a:visited {background:#858687; height:auto; line-height:1em; padding:8px 10px 5px 40px; width:auto;background-image:url(img/bp_navi_2ndlevel.gif); background-position:top left; background-repeat:no-repeat}
/* yet another hack for IE5.5 */
* html #header .navi ul ul a, * html #header .navi ul ul a:visited {width:150px;w\idth:90px;}

/* style the top level hover and active */
#header .navi a:hover {color:#58585a;background-color:transparent;}
#header .navi ul ul a:hover{color:#58585a;background-color:#cccccc;}
#header .navi :hover > a, #header .navi ul ul :hover > a {color:#58585a;}
body#home #navhome a, body#portale #navportale a, body#werbeformen #navwerbeformen a, body#sonderwerbung #navsonderwerbung a, body#service #navservice a, body#buchen #navbuchen a, body#mediengruppe #navmediengruppe a {color:#58585a;}
body#home #navhome ul a, body#portale #navportale ul a, body#werbeformen #navwerbeformen ul a, body#sonderwerbung #navsonderwerbung ul a, body#service #navservice ul a, body#buchen #navbuchen ul a, body#mediengruppe #navmediengruppe ul a {color:#fff;}
body#home #navhome ul a:hover, body#portale #navportale ul a:hover, body#werbeformen #navwerbeformen ul a:hover, body#sonderwerbung #navsonderwerbung ul a:hover, body#service #navservice ul a:hover, body#buchen #navbuchen ul a:hover, body#mediengruppe #navmediengruppe ul a:hover {color:#58585a;background-color:#cccccc}


/* make the second level visible when hover on first level list OR link */
#header .navi ul li:hover ul,
#header .navi ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#header .navi ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#header .navi ul :hover ul :hover ul{ visibility:visible;}



/* Breite der top level Items bestimmen */
#header .navi #navhome {width:77px;}
#header .navi #navportale {width:82px;}
#header .navi #navwerbeformen {width:182px;}
#header .navi #navsonderwerbung {width:132px;}
#header .navi #navservice {width:82px;}
#header .navi #navbuchen {width:82px;}
#header .navi #navmediengruppe {width:118px;}
/* Breite der second level Menüs festlegen */
#header .navi ul #navportale ul a, #header .navi ul #navportale ul a:visited {width:229px;}
#header .navi ul #navwerbeformen ul a, #header .navi ul #navwerbeformen ul a:visited {width:170px;}
#header .navi ul #navmediengruppe ul a, #header .navi ul #navmediengruppe ul a:visited {width:170px;}
#header .navi ul #navservice ul a, #header .navi ul #navservice ul a:visited {width:150px;}
/* Position der second level Menüs relativ zum Top-Menüpunkt bestimmen */
#header .navi ul #navportale ul {left:-30px;}
#header .navi ul #navwerbeformen ul {left:-30px;}
#header .navi ul #navmediengruppe ul {left:-30px;}