/* Stylesheet navigation for all pages of DirectGroup Bertelsmann */
/* pscheuerl@basecmp.de */
/* Last Change: 2009 Jan 16 */

/* ##### Metanavigation ##### */
#metanav {
	font-family: Arial, Verdana, Geneva, Tahoma, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
	font-size: .8em;
	line-height: 40px;
	padding: 0 25px 0 20px;
}

#metanav .metalinks {
	float: right;
}

#metanav a:link, #metanav a:visited {
	color: #ccc;
	text-decoration: none;
}

#metanav a:hover, #metanav a:link.act, #metanav a:visited.act, #metanav a:hover.act {
	color: #eee;
	text-decoration: none;
}

#metanav a:active, #metanav a:active.act {color: #da5800}

/* ##### Navigation ##### */

#nav {
height: 60px;
}

#nav .imglink {float: left}

ul.mainnav {
	float: left;
	margin: 0; padding: 0;
	height: 60px;
	width: 693px;
	background: white url(nav_background.jpg) left repeat-x;
	list-style: none;
	position: relative;
}

ul.mainnav li {
float: left;
line-height: 60px;
font-size: 1.1em;
padding: 0 20px 0 20px;
font-family: Geneva, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Verdana, Tahoma, sans-serif;
}

ul.mainnav li:first-child {padding-left: 40px}

.navleftend {
float: left;
background: transparent url(nav_leftend.jpg) right no-repeat;
height: 60px;
width: 7px;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
text-decoration: none;
color: #5c5c5c;
}

ul.mainnav li a:hover, ul.mainnav li a:active,
ul.mainnav li a:link.act, ul.mainnav li a:visited.act, ul.mainnav li a:hover.act, ul.mainnav li a:active.act,
ul.mainnav li:hover a:link, ul.mainnav li:hover a:visited,
ul.mainnav li:hover a:link.act, ul.mainnav li:hover a:visited.act, ul.mainnav li:hover a:hover.act, ul.mainnav li:hover a:active.act
{
text-decoration: none;
color: #da5800;}


/* ##### Subnavigation ##### */
div.subnav {display: none;}

li:hover div.subnav {
	display: block;
	padding-left: 3px;
	padding-top: 11px;
	padding-bottom: 15px;
	height: 37px;
	background: transparent url(subnav_bg_left.gif) left 11px no-repeat;
	position: absolute;
	top: 50px;
	opacity:0.9;
	}

ul.mainnav li:hover div.subnav ul {
	float: left;
	height: 22px;
	margin: 0; padding: 0 ;
	font-size: .7em;
	background: transparent url(subnav_bg_right.gif) right no-repeat;
	list-style: none;
}
	
ul.mainnav li:hover div.subnav ul li {
	float: left;
	line-height: 22px;
	padding: 0 13px 0 10px;
}

ul.mainnav div.subnav li a:link, ul.mainnav div.subnav li a:visited {
text-decoration: none;
color: #5c5c5c;
}

ul.mainnav div.subnav li a:hover, ul.mainnav div.subnav li a:active {
text-decoration: none;
color: #da5800;
}

/* left positioning of subnavigation - pixel from left or right corner of the main navigation 
	a class for every 5px position, to be freely choosen by the editor */
/* the width is only needed for IE6, has to be 690 - left position */

ul.mainnav li:hover div.l0 {left: 0px; width: 690px;}
ul.mainnav li:hover div.l5 {left: 5px; width: 685px;}
ul.mainnav li:hover div.l10 {left: 10px; width: 680px;}
ul.mainnav li:hover div.l15 {left: 15px; width: 675px;}
ul.mainnav li:hover div.l20 {left: 20px; width: 670px;}
ul.mainnav li:hover div.l25 {left: 25px; width: 665px;}
ul.mainnav li:hover div.l30 {left: 30px; width: 660px;}
ul.mainnav li:hover div.l35 {left: 35px; width: 655px;}
ul.mainnav li:hover div.l40 {left: 40px; width: 650px;}
ul.mainnav li:hover div.l45 {left: 45px; width: 645px;}
ul.mainnav li:hover div.l50 {left: 50px; width: 640px;}
ul.mainnav li:hover div.l55 {left: 55px; width: 635px;}
ul.mainnav li:hover div.l60 {left: 60px; width: 630px;}
ul.mainnav li:hover div.l65 {left: 65px; width: 625px;}
ul.mainnav li:hover div.l70 {left: 70px; width: 620px;}
ul.mainnav li:hover div.l75 {left: 75px; width: 615px;}
ul.mainnav li:hover div.l80 {left: 80px; width: 610px;}
ul.mainnav li:hover div.l85 {left: 85px; width: 605px;}
ul.mainnav li:hover div.l90 {left: 90px; width: 600px;}
ul.mainnav li:hover div.l95 {left: 95px; width: 595px;}

ul.mainnav li:hover div.l100 {left: 100px; width: 590px;}
ul.mainnav li:hover div.l105 {left: 105px; width: 585px;}
ul.mainnav li:hover div.l110 {left: 110px; width: 580px;}
ul.mainnav li:hover div.l115 {left: 115px; width: 575px;}
ul.mainnav li:hover div.l120 {left: 120px; width: 570px;}
ul.mainnav li:hover div.l125 {left: 125px; width: 565px;}
ul.mainnav li:hover div.l130 {left: 130px; width: 560px;}
ul.mainnav li:hover div.l135 {left: 135px; width: 555px;}
ul.mainnav li:hover div.l140 {left: 140px; width: 550px;}
ul.mainnav li:hover div.l145 {left: 145px; width: 545px;}
ul.mainnav li:hover div.l150 {left: 150px; width: 540px;}
ul.mainnav li:hover div.l155 {left: 155px; width: 535px;}
ul.mainnav li:hover div.l160 {left: 160px; width: 530px;}
ul.mainnav li:hover div.l165 {left: 165px; width: 525px;}
ul.mainnav li:hover div.l170 {left: 170px; width: 520px;}
ul.mainnav li:hover div.l175 {left: 175px; width: 515px;}
ul.mainnav li:hover div.l180 {left: 180px; width: 510px;}
ul.mainnav li:hover div.l185 {left: 185px; width: 505px;}
ul.mainnav li:hover div.l190 {left: 190px; width: 500px;}
ul.mainnav li:hover div.l195 {left: 195px; width: 495px;}

ul.mainnav li:hover div.l200 {left: 200px; width: 490px;}
ul.mainnav li:hover div.l205 {left: 205px; width: 485px;}
ul.mainnav li:hover div.l210 {left: 210px; width: 480px;}
ul.mainnav li:hover div.l215 {left: 215px; width: 475px;}
ul.mainnav li:hover div.l220 {left: 220px; width: 470px;}
ul.mainnav li:hover div.l225 {left: 225px; width: 465px;}
ul.mainnav li:hover div.l230 {left: 230px; width: 460px;}
ul.mainnav li:hover div.l235 {left: 235px; width: 455px;}
ul.mainnav li:hover div.l240 {left: 240px; width: 450px;}
ul.mainnav li:hover div.l245 {left: 245px; width: 445px;}
ul.mainnav li:hover div.l250 {left: 250px; width: 440px;}
ul.mainnav li:hover div.l255 {left: 255px; width: 435px;}
ul.mainnav li:hover div.l260 {left: 260px; width: 430px;}
ul.mainnav li:hover div.l265 {left: 265px; width: 425px;}
ul.mainnav li:hover div.l270 {left: 270px; width: 420px;}
ul.mainnav li:hover div.l275 {left: 275px; width: 415px;}
ul.mainnav li:hover div.l280 {left: 280px; width: 410px;}
ul.mainnav li:hover div.l285 {left: 285px; width: 405px;}
ul.mainnav li:hover div.l290 {left: 290px; width: 400px;}
ul.mainnav li:hover div.l295 {left: 295px; width: 395px;}

ul.mainnav li:hover div.l300 {left: 300px; width: 390px;}
ul.mainnav li:hover div.l305 {left: 305px; width: 385px;}
ul.mainnav li:hover div.l310 {left: 310px; width: 380px;}
ul.mainnav li:hover div.l315 {left: 315px; width: 375px;}
ul.mainnav li:hover div.l320 {left: 320px; width: 370px;}
ul.mainnav li:hover div.l325 {left: 325px; width: 365px;}
ul.mainnav li:hover div.l330 {left: 330px; width: 360px;}
ul.mainnav li:hover div.l335 {left: 335px; width: 355px;}
ul.mainnav li:hover div.l340 {left: 340px; width: 350px;}
ul.mainnav li:hover div.l345 {left: 345px; width: 345px;}
ul.mainnav li:hover div.l350 {left: 350px; width: 340px;}
ul.mainnav li:hover div.l355 {left: 355px; width: 335px;}
ul.mainnav li:hover div.l360 {left: 360px; width: 330px;}
ul.mainnav li:hover div.l365 {left: 365px; width: 325px;}
ul.mainnav li:hover div.l370 {left: 370px; width: 320px;}
ul.mainnav li:hover div.l375 {left: 375px; width: 315px;}
ul.mainnav li:hover div.l380 {left: 380px; width: 310px;}
ul.mainnav li:hover div.l385 {left: 385px; width: 305px;}
ul.mainnav li:hover div.l390 {left: 390px; width: 300px;}
ul.mainnav li:hover div.l395 {left: 395px; width: 295px;}

ul.mainnav li:hover div.l400 {left: 400px; width: 290px;}
ul.mainnav li:hover div.l405 {left: 405px; width: 285px;}
ul.mainnav li:hover div.l410 {left: 410px; width: 280px;}
ul.mainnav li:hover div.l415 {left: 415px; width: 275px;}
ul.mainnav li:hover div.l420 {left: 420px; width: 270px;}
ul.mainnav li:hover div.l425 {left: 425px; width: 265px;}
ul.mainnav li:hover div.l430 {left: 430px; width: 260px;}
ul.mainnav li:hover div.l435 {left: 435px; width: 255px;}
ul.mainnav li:hover div.l440 {left: 440px; width: 250px;}
ul.mainnav li:hover div.l445 {left: 445px; width: 245px;}
ul.mainnav li:hover div.l450 {left: 450px; width: 240px;}
ul.mainnav li:hover div.l455 {left: 455px; width: 235px;}
ul.mainnav li:hover div.l460 {left: 460px; width: 230px;}
ul.mainnav li:hover div.l465 {left: 465px; width: 225px;}
ul.mainnav li:hover div.l470 {left: 470px; width: 220px;}
ul.mainnav li:hover div.l475 {left: 475px; width: 215px;}
ul.mainnav li:hover div.l480 {left: 480px; width: 210px;}
ul.mainnav li:hover div.l485 {left: 485px; width: 205px;}
ul.mainnav li:hover div.l490 {left: 490px; width: 200px;}
ul.mainnav li:hover div.l495 {left: 495px; width: 195px;}

ul.mainnav li:hover div.l500 {left: 500px; width: 190px;}
ul.mainnav li:hover div.l505 {left: 505px; width: 185px;}
ul.mainnav li:hover div.l510 {left: 510px; width: 180px;}
ul.mainnav li:hover div.l515 {left: 515px; width: 175px;}
ul.mainnav li:hover div.l520 {left: 520px; width: 170px;}
ul.mainnav li:hover div.l525 {left: 525px; width: 165px;}
ul.mainnav li:hover div.l530 {left: 530px; width: 160px;}
ul.mainnav li:hover div.l535 {left: 535px; width: 155px;}
ul.mainnav li:hover div.l540 {left: 540px; width: 150px;}
ul.mainnav li:hover div.l545 {left: 545px; width: 145px;}
ul.mainnav li:hover div.l550 {left: 550px; width: 140px;}
ul.mainnav li:hover div.l555 {left: 555px; width: 135px;}
ul.mainnav li:hover div.l560 {left: 560px; width: 130px;}
ul.mainnav li:hover div.l565 {left: 565px; width: 125px;}
ul.mainnav li:hover div.l570 {left: 570px; width: 120px;}
ul.mainnav li:hover div.l575 {left: 575px; width: 115px;}
ul.mainnav li:hover div.l580 {left: 580px; width: 110px;}
ul.mainnav li:hover div.l585 {left: 585px; width: 105px;}
ul.mainnav li:hover div.l590 {left: 590px; width: 100px;}
ul.mainnav li:hover div.l595 {left: 595px; width: 95px;}

/* ##### Pfad / Breadcrumb ##### */
.breadcrumb {
	margin: 0; 
	padding: 0 0 0 5px;
	font-size: .9em;
	list-style: none;
}

.breadcrumb li {float: left; padding: 8px 0 0 10px; }

.breadcrumb li a:link, .breadcrumb li a:visited 
{padding-left: 10px; text-decoration: none; color: #333}

.breadcrumb li a:hover, .breadcrumb li a:active 
{color: #da5800}

/* Toolbox on page bottom */
.tboxcontent a:link, .tboxcontent a:visited, .tboxcontent span 
{color: #828282;
font-size: .8em;
margin-left: 8px;
}
.tboxcontent a:hover, .tboxcontent a:active 
{color: #da5800;}

.tboxcontent img  {border: none}

.tboxcontent .totop {display: block; float: right; padding-top: 2px;}

.tboxcontent a:link.bookmark, .tboxcontent a:visited.bookmark {position: relative; top: 5px; margin-left: 0}