/*--- 20 min. NAVIGATION ---*/

/*____Header____*/
#header_box {
width:955px;
height:30px;
position:relative;
font-size:11px;
}

#header_box a {
text-decoration:none;
color:#044CA0;
}

#header_box a:hover {
color:#000000;
}

#header_box .login {
height:inherit;
float:left;
line-height:30px;
padding:0px 10px;
}

*html #header_box .login {
position:relative;
top:7px;
}

#header_box .login a {
margin:0px 5px 0px 0px;
}

#header_box .login .messengerbutton {
background-image: url("/2010/img/navigation/button-messenger.png");
background-repeat:no-repeat;
background-position: left 0px;
display:inline-block;
width:0px;
padding-left:14px;
height:14px;
overflow:hidden;
line-height:14px;
margin:0px 0px 0px 2px;
vertical-align:text-bottom;
}

#header_box .login .userbutton {
background-image: url("/2010/img/navigation/button-members.png");
background-repeat:no-repeat;
background-position: left 1px;
display:inline-block;
width:auto;
padding-left:10px;
height:14px;
overflow:hidden;
line-height:14px;
margin:0px 0px 0px 8px;
vertical-align:text-bottom;
}

#header_box .login .messagesbutton {
background-image: url("/2010/img/navigation/button-messages.png");
background-repeat:no-repeat;
background-position: left 2px;
display:inline-block;
width:16px;
height:14px;
overflow:hidden;
line-height:14px;
margin:0px 0px 0px 5px;
vertical-align:text-bottom;
}

#header_box .naviweather {
position:absolute;
bottom:-7px;
left:200px;
width:550px;
text-align:center;
height:45px;
line-height:45px;
}

#header_box .naviweather .weather_icon {
vertical-align:middle;
position:relative;
bottom:3px;
width:30px;
height:30px;
}

#header_box .naviweather .weather_icon.first {
width:45px;
height:45px;
bottom:5px;
}

#header_box .naviweather .morelink {
padding-right:3px;
}

#header_box .naviweather .morelink span {
display:inline-block;
vertical-align:middle;
background-image: url("/2010/img/webicons.png");
background-position: -190px -28px;
cursor: pointer;
height: 12px;
overflow: hidden;
width: 9px;
}

#header_box .partner {
height:inherit;
float:right;
line-height:30px;
padding: 0 2px 0 12px;
}

#header_box .partner span {
float:left;
margin:0px 10px 0px 0px;
font-weight:bold;
}

#header_box .partner .epaper {
float:left;
height:32px;
padding: 4px 10px 0px 0px;
}
/*
#header_box .partner .icon_epaper {
width:20px;
height:22px;
margin:6px 2px 0px 0px;
background-image:url(/2010/img/navigation/20min-epaper.png);
overflow:hidden;
float:left;
}*/
	
/*#header_box .partner a.ro-de {
width:auto;
height:30px;
background-image:url(/2010/img/navigation/20min-small.png);
background-repeat:no-repeat;
background-position:0px;
overflow:hidden;
float:left;
opacity:0.8;
filter:alpha(opacity=80);
padding:0px 10px 0px 22px;
font-size:11px;
font-weight:normal;
}

#header_box .partner a.ro-de {
opacity:1;
filter:alpha(opacity=100);
}*/

/*#header_box .partner a.lang {
float: left;
padding: 6px 10px 0 0;
}*/

#header_box .partner .langlogo {
float:left;
margin-top:6px;
}

#header_box .partner .sitelang {
float:left;
margin-top:6px;
height:18px;
background-image:url(/2010/img/navigation/icon_language_bar.png);
background-position: left center;
padding:0px 5px 0px 5px;
line-height:18px;
}

#header_box .partner .sitelang:hover {
background-image:url(/2010/img/navigation/icon_language_bar_hover.png);
}

#header_box .partner .sitelang.active {
font-weight:bold;
}

#header_box .partner .sitelang.last {
background-position: right center;
margin-right:12px;
}

#header_box .partner a.icon_friday {
width:43px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -60px;
overflow:hidden;
float:left;
}

*html #header_box .partner a.icon_friday {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .partner a:hover.icon_friday {
width:43px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -60px;
overflow:hidden;
float:left;
}

*html #header_box .partner a:hover.icon_friday {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .partner a.icon_piazza {
width:48px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -60px;
overflow:hidden;
float:left;
opacity:0.8;
filter:alpha(opacity=80);
}

*html #header_box .partner a.icon_piazza {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .partner a:hover.icon_piazza {
width:48px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -60px;
overflow:hidden;
float:left;
opacity:1;
filter:alpha(opacity=100);
}

*html #header_box .partner a:hover.icon_piazza {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .partner a.icon_tilllate {
width:86px;
height:25px;
background-image:url(/2010/img/webicons.png);
background-position:-96px -218px;
overflow:hidden;
float:left;
margin-left:8px;
margin-right:8px;
}

*html #header_box .partner a.icon_tilllate {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .partner a:hover.icon_tilllate {
width:86px;
height:25px;
background-image:url(/2010/img/webicons.png);
background-position:-96px -218px;
overflow:hidden;
float:left;
margin-left:8px;
}

*html #header_box .partner a:hover.icon_tilllate {
background-image:url(/2010/img/webicons-ie6.png);
}

#header_box .icon_piazza span, .icon_friday span, .icon_tilllate span, .icon_mobile span, .icon_soundshack span {
display:none;
}

/*#header_box .partner a.link_epaper {
float:left;
margin-right:10px;
}

#header_box .partner a.link_epaper span.epaper {
width:16px;
height:16px;
margin:6px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-24px -200px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

#header_box .partner a.link_epaper:hover span.epaper {
filter:alpha(opacity=100);
opacity:1;
}*/

/*____Navigation____*/		 	
#navi_box {
width:955px;
height:115px;
background-image:url(/2010/img/navigation/navi-background.png);
background-repeat:no-repeat;
position:relative;
}

#logo {
width:75px;
height:99px;
padding:8px;
float:left;
position:absolute;
left:0;
top:0;
}

#navigation {
width:860px;
height:115px;
margin:0px 0px 0px 91px;
position:relative;
}

/*__Navigation / Shortlinks____*/	
.navi_shortlinks {
height:36px;
width:851px;
position:absolute;
top:0;
left:1px;
}

/*__Navigation / Shortlinks / Media____*/
.navi_media {
height:inherit;
float:left;
font-size:11px;
}

.navi_media ul {
margin:0px 0px 0px 10px;
padding:0;
list-style-type:none;
}

.navi_media ul li {
margin:0px 20px 0px 0px;
padding:0px;
line-height:36px;
float:left;
}

.navi_media ul li a {
color:#666666;
padding:0;
text-decoration:none;
}

.navi_media ul li a:hover {
color:#000000;
}

.navi_media a .icon_video {
width:16px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_video {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_radio {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-23px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_radio {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_tv {
width:16px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_tv {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_bilder {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-72px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_bilder {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_infografiken {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-96px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_infografiken {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_epaper {
width:16px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -12px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_epaper {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_games {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-214px -24px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_games {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_eprospekte {
width:15px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-216px -12px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_eprospekte {
filter:alpha(opacity=100);
opacity:1;
}	

.navi_media a .icon_dossier {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-144px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_dossier {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_quiz {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-120px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_quiz {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_umfrage {
width:18px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-168px -0px;
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_umfrage	 {
filter:alpha(opacity=100);
opacity:1;
}

.navi_media a .icon_apps {
width:12px;
height:12px;
margin:11px 2px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-120px -36px; 
overflow:hidden;
float:left;
filter:alpha(opacity=80);
opacity:0.8;
}

.navi_media a:hover .icon_apps {
filter:alpha(opacity=100);
opacity:1;
}


/*__Navigation / Shortlinks / Suche____*/
.navi_search {
height:inherit;
float:right;
font-size:11px;
line-height:36px;
}

.navi_search a {
color:#666666;
text-decoration:none;
margin:0px;
padding:0px;
}

.navi_search a:hover {
color:#000000;
}

.navi_search label {
margin:0px 0px 0px 10px;
}

.navi_search .search_box {
background-image:url(/2010/img/navigation/search-box.png);
background-repeat:no-repeat;
width:173px;
height:21px;
margin:8px 0px 0px 0px;
display:block;
float:left;
position:relative;
}

.search_box_local {
background-image:url(/2010/img/navigation/search-box.png);
background-repeat:no-repeat;
width:173px;
height:21px;
margin:8px 88px;
position:relative;
}

.search_box input, .search_box_local input {
position:absolute;
width:125px;
height:16px;
border:1px solid #FFFFFF;
border:none;
margin:4px 26px;
color:#999999;
line-height:16px;
}

.search_box  a.search, .search_box_local a.search {
display:block;
position:absolute;
right:5px;
top:5px;
width:13px;
height:13px;
background-image:url(/2010/img/navigation/search-button.png);
background-repeat:no-repeat;
}

.navi_search .forIE6, .socialnetworks_links .forIE6 {
clear:both;
}

*+html #navigation #sbox, *html #navigation #sbox {
left:150px !important;
top:-10px !important;
height:63px !important;border:2px solid red;
}

/*__Navigation / Mainnavi____*/
.mainnavi_box {
height:41px;
width:851px;
font-size:14px;
font-weight:bold;
position:absolute;
top:35px;
left:0px;
z-index:50;
}

.mainnavi {
float:left;
height:inherit;
position:absolute;
}

.mainnavi ul {
height:41px;
list-style-type:none;
}

.mainnavi ul li {
height:41px;
display:block;
position:relative;
float:left;
}

.mainnavi ul li a {
float:left;
color:#FFFFFF;
height:38px;
line-height:38px;
padding:1px 13px 0px 10px;
margin:1px 0px 0px 0px;
text-decoration:none;
background-image:url(/2010/img/navigation/navi-link-background.png);
background-position:right top;
background-repeat:no-repeat;
cursor:pointer;
}

/* IE7 */
*+html .mainnavi ul li#mehr_button a {
line-height:30px;
}

.mainnavi ul li a span {
color:#666666;
position:absolute;
line-height:38px;
left:0;
top:0;
padding:1px 10px;
}

.mainnavi ul li a:hover {
color:#FFFFFF;
background-image:url(/2010/img/navigation/navi-link-background-hover.png);
background-repeat:no-repeat;
background-position:right top;
line-height:38px;
padding:1px 13px 0px 10px;
}

/* IE7 */
*+html .mainnavi ul li#mehr_button a:hover {
line-height:30px;
}

.mainnavi ul li a:hover span {
color:#666666;
position:absolute;
line-height:38px;
left:0;
top:0;
padding:1px 10px;
}

.mainnavi ul li a.active {
float:left;
color:#FFFFFF;
height:41px;
padding:0px 13px 0px 10px;
margin:0px 0px 0px -2px;
text-decoration:none;
background-position:right top;
background-repeat:no-repeat;
cursor:pointer;
background-image:url(/2010/img/colors/mainnavi-color.png);
}

.mainnavi ul li a.active:hover {
float:left;
color:#FFFFFF;
height:41px;
padding:0px 13px 0px 10px;
margin:0px 0px 0px -2px;
text-decoration:none;
background-position:right top;
background-repeat:no-repeat;
cursor:pointer;
border-left:solid 1px #333333;
background-image:url(/2010/img/colors/mainnavi-color.png);
}

.mainnavi ul li a.active.first, .mainnavi ul li a.active.first:hover  {
margin:0;
padding:0px 12px 0px 9px;
}

.mainnavi ul li a.active span {
display:none;
}

/*--- Mehr Button ---*/
#mehr_button a {
display:none;
}

/* IE6 */
*html #mehr_button img {
display:none;
}

.mainnavi ul li a.icon_mehr {
background-image:url(/2010/img/navigation/navi-link-background-mehr.png);
background-position:right top;
background-repeat:no-repeat;
padding:1px 28px 0 10px;
}

.mainnavi ul li a.icon_mehr:hover {
background-image:url(/2010/img/navigation/navi-link-back-mehr-hover.png);
background-position:right top;
background-repeat:no-repeat;
padding:1px 28px 0 10px;
color:#FFFFFF;
}

.mainnavi ul li#mehr_button a.icon_mehr.active {
padding:0px 5px 0px 10px;
background-image:url(/2010/img/colors/mainnavi-color.png);
}

.mainnavi ul li#mehr_button a.icon_mehr.active:hover {
padding:0px 5px 0px 10px;
background-image:url(/2010/img/colors/mainnavi-color.png);
}

.mainnavi ul li a.icon_mehr img{
display:none;
}

.mainnavi ul li a.icon_mehr.active img {
display:inline;
margin:0px 5px 0px 5px;
}

.mainnavi ul li a.icon_mehr_active {
background-image:url(/2010/img/navigation/navi-link-back-mehr-hover.png);
background-position:right top;
background-repeat:no-repeat;
padding:1px 28px 0 10px;
color:#FFFFFF;
}

/*__Navigation / Mainnavi / Flap____*/
ul.navi_flap {
background-image:url(/2010/img/navigation/subnavi-flap-background.png);
background-repeat:no-repeat;
background-position:bottom;
margin-top:30px;
padding:0px 0px 2px 0px;
width:165px;
height:auto;
font-size:12px;
position:absolute;
top:180px;
left:500px;
z-index:666;
}

ul.navi_flap li {
height:25px;
line-height:25px;
border-top:1px solid #BEBEBE;
margin:0px;
width:165px;
}

ul.navi_flap li.navi_extramenu {
background-image:url(/2010/img/navigation/subnavi-flap-background-1px.png);
background-repeat:repeat-y;
}

ul.navi_flap li a {
text-decoration:none;
color:#666666;
display:block;
padding:0px 0px 0px 12px;
line-height:25px;
height:25px;
width:153px;
background-image:none;
}

ul.navi_flap li a:hover {
color:#000000;
padding:0px 0px 0px 12px;
line-height:25px;
background-image:url(/2010/img/navigation/flap_hover.png);
background-repeat:repeat;
}

#mehr_flap {
display:none;
}

/*__Socialnetworks Links__*/
.socialnetworks_links {
height:inherit;
float:right;
line-height:41px;
}

.socialnetworks_links a {
text-decoration:none;
}

.socialnetworks_links ul {
clear:both;
display:block;
}

.socialnetworks_links ul li {
height:inherit;
float:left;
}

.socialnetworks_links ul li span {
visibility:hidden;
}

.socialnetworks_links a.icon_twitter {
width:18px;
height:20px;
margin:10px 5px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -40px;
overflow:hidden;
}

.socialnetworks_links a:hover.icon_twitter {
width:18px;
height:20px;
margin:10px 5px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -40px;
overflow:hidden;
}

.socialnetworks_links a.icon_rss {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -40px;
overflow:hidden;
}

.socialnetworks_links a:hover.icon_rss {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -40px;
overflow:hidden;
float:left;
}

.socialnetworks_links a.icon_facebook {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-24px -40px;
overflow:hidden;
float:left;
}

.socialnetworks_links a:hover.icon_facebook {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-24px -40px;
overflow:hidden;
float:left;
}

.socialnetworks_links a.icon_kooaba {
width:20px;
height:20px;
margin:10px 0px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -221px;
overflow:hidden;
float:left;
}

.socialnetworks_links a:hover.icon_kooaba {
width:20px;
height:20px;
margin:10px 0px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -221px;
overflow:hidden;
float:left;
}

.socialnetworks_links a.icon_slices {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-72px -221px;
overflow:hidden;
float:left;
}

.socialnetworks_links a:hover.icon_slices {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-72px -221px;
overflow:hidden;
float:left;
}

/*__Navigation / Subnavi____*/
.subnavi_box {
height:38px;
width:851px;
line-height:38px;
font-size:11px;
position:absolute;
top:76px;
color:#FFFFFF;
z-index:25;
}

.subnavi {
width:850px;
height:31px;
padding:0px;
background-image:url(/2010/img/colors/channel-color.png);
background-repeat:no-repeat;
background-position:-0px -0px;
}

*html .subnavi {
overflow:hidden;
}

.subnavi ul {
list-style-type:none;
}

.subnavi ul li {
float:left;
height:31px;
line-height:31px;
margin:0px;
}

.subnavi ul li a {
color:#FFFFFF;
text-decoration:none;
line-height:31px;
padding:9px 11px 6px 11px;
}

.subnavi ul li a:hover {
padding:9px 11px 6px 11px;
background-repeat:repeat-x;
/*border-left:solid transparent 1px;
border-right:solid transparent 1px;*/
background-image:url(/2010/img/colors/subnavi-active.png);
}

*html .subnavi ul li a:hover {
background-image:url(/2010/img/colors/subnavi-active-ie6.png);
}

.subnavi ul li.active {
float:left;
height:44px;
line-height:31px;
margin:0px;
background-image:url(/2010/img/navigation/subnavi-pfeil-active.png);
background-position:bottom center;
background-repeat:no-repeat;
}

.subnavi ul li.active a {
/*border-left:solid #f9f9f9 1px;
border-right:solid #f9f9f9 1px;*/
padding:9px 11px 6px 11px;
background-image:url(/2010/img/colors/subnavi-active.png);
background-repeat:repeat-x;
}

*html .subnavi ul li.active a, *html .subnavi ul li.active a:hover {
background-image:url(/2010/img/colors/subnavi-active-ie6.png);
color:#000000;
}

.subnavi ul li.active a:hover {
/*border-left:solid #f9f9f9 1px;
border-right:solid #f9f9f9 1px;*/
}

.subnavi ul li:first-child.active a {
/*border-left:solid transparent 1px;
border-right:solid #f9f9f9 1px;*/
padding:9px 11px 6px 11px;
background-image:url(/2010/img/colors/subnavi-active.png);
background-repeat:repeat-x;
}

.subnavi ul li:first-child.active a:hover {
/*border-left:solid transparent 1px;
border-right:solid #f9f9f9 1px;*/
padding:9px 11px 6px 11px;
background-image:url(/2010/img/colors/subnavi-active.png);
background-repeat:repeat-x;
}

/*promo*/
.subnavi ul li.promotion a {
background-image:url(/2010/img/colors/subnavi-promo.png);
}
.subnavi ul li.promotion a:hover, .subnavi ul li.active.promotion a {
background-image:url(/2010/img/colors/subnavi-active-promo.png) !important;
}

*html .subnavi ul li.promotion a {
background-image:url(/2010/img/colors/ie6/subnavi-promo.png);
}
*html .subnavi ul li.promotion a:hover, .subnavi ul li.active.promotion a {
background-image:url(/2010/img/colors/ie6/subnavi-active-promo.png) !important;
}

/*__Navigation / Specialfront____*/
.no_subnavi_box {
height:38px;
width:851px;
line-height:38px;
font-size:11px;
position:absolute;
top:76px;
left:1px;
z-index:25;
}

.navi_local {
height:inherit;
float:left;
padding:0px 8px;
}

.navi_leserreporter {
height:inherit;
float:right;
}

.navi_leserreporter a {
color:#666666;
padding:0;
text-decoration:none;
}

.navi_leserreporter a:hover {
color:#000000;
}

.navi_leserreporter a.icon_leserreporter {
width:30px;
height:30px;
margin:5px 0px 0px 4px;
background-image:url(/2010/img/webicons.png);
background-position:-101px -63px;
overflow:hidden;
float:left;
}

.navi_leserreporter a:hover.icon_leserreporter {
}

.navi_leserreporter a span {
display:none;
}

/*__Webicons____*/

.icon_rss {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -60px;
overflow:hidden;
float:left;
}

.icon_facebook {
width:20px;
height:20px;
margin:10px 3px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-24px -28px;
overflow:hidden;
float:left;
}

.icon_twitter {
width:18px;
height:20px;
margin:10px 0px 0px 0px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -28px;
overflow:hidden;
float:left;
}

.icon_leserreporter {
width:30px;
height:30px;
margin:5px 0px 0px 4px;
background-image:url(/2010/img/webicons.png);
background-position:-101px -63px;
overflow:hidden;
}

.icon_friday {
width:48px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -48px;
overflow:hidden;
float:left;
}

.icon_piazza {
width:48px;
height:30px;
background-image:url(/2010/img/webicons.png);
background-position:-48px -48px;
overflow:hidden;
float:left;
}

.icon_mobile {
width:33px;
height:20px;
background-image:url(/2010/img/webicons.png);
background-position:-72px -112px;
overflow:hidden;
float:left;
margin-top:5px;
margin-right:10px;
}

*html .icon_mobile {
background-image:url(/2010/img/webicons-ie6.png);
}

.icon_mobile_lang {
background-image:url("/2010/img/navigation/mobile_icon_small.png");
background-position:0 50%;
background-repeat:no-repeat;
float:left;
height:28px;
margin-right:10px;
overflow:hidden;
padding:0 10px 0 40px;
width:33px;
}

.icon_soundshack {
width:63px;
height:17px;
background-image:url(/2010/img/webicons.png);
background-position:-0px -114px;
overflow:hidden;
float:left;
margin-top:7px;
margin-right:10px;
}

.icon_soundshack_lang {
background-image:url("/2010/img/navigation/soundshack_icon_small.png");
background-position:0 8px;
background-repeat:no-repeat;
float:left;
height:28px;
margin-right:10px;
overflow:hidden;
padding:0 10px 0 68px;
width:33px;
}

*html .icon_soundshack {
background-image:url(/2010/img/webicons-ie6.png);
}

/* SOUNDSHACK STILL HIDDEN */
.icon_soundshack {
display: block;
}

/*__Navigation / Inhaltsverzeichnis____*/
#directory_front {
width:950px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 21px;
background-color:#F5F5F5;
border-top:solid #CCCCCC 1px;
border-bottom:solid #CCCCCC 1px;
position:relative;
display:none;
overflow:hidden;
}

.directory_col {
width:110px;
float:left;
margin:0px 0px 0px 8px;
}

*html .directory_col {
margin:0px 0px 0px 4px;
}

.directory_col ul {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.directory_col ul li {
list-style:none;
line-height:14px;
padding:0px 0px 6px 0px;
}

.directory_col ul li a {
color:#555555;
}

.directory_col ul li a:hover {
color:#000000;
}

.directory_col ul li.letter {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
text-decoration:underline;
padding:10px 0px 5px 0px;
}

#directory_front .close_function {
width:17px;
height:16px;
position:absolute;
right:0;
top:0;
background-image:url(/2010/img/navigation/close_directory.png);
overflow:hidden;
}

#directory_front .close_function:hover {
cursor:pointer;
opacity:0.8;
}


/* Leserreporter - Dropdown Bubble */

#lrbubble {
	width: 145px;
	height: 0px;
	position: absolute;
	left: 806px;
	top:135px;
	background:url(/2010/img/navigation/dropdownbubble.png) top center no-repeat; 
	overflow: hidden;
	
	-moz-transition: height 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: height 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition:  height 0.4s ease-in-out; /* Opera */
	transition:  height 0.4s ease-in-out;
	z-index: 10;

}
#lrbubble ul {
	margin: 20px 0 7px 10px;
}
#lrbubble ul li {
	font-size: 11px;
	background:url(/2010/img/navigation/arrow-white.png) 0px 3px no-repeat;
	padding-left: 10px;
}
#lrbubble ul li a {
	color: #eeeeee;
}
#lrbubble ul li a:hover {
	color: #fff;
}
/*#lrbubble.hidden {
	display: none;
	height:	0px;
}*/
#lrbubble.show {
	height:	55px;
}