/* TOPELEMENT */

/* !!!!! SECTIONS ARE HIDDEN AT THE MOMENT !!!!! */
/* all relevant snippets are marked with VV */
/* don't show the sections yet */


.topelement {
background-image:url(/2010/img/topelement/topelement.png);
background-position:bottom left;
width:600px;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#333333;
position:relative;

/* don't show the sections yet */
margin-bottom:-30px;
}

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

.topelement .gallerybar {
margin:1px 0px 0px 2px;
overflow:hidden;
width:595px;
height:398px;
position:relative;
background-color:#000000;
border:1px solid #cccccc;
}

.topelement.video .gallerybar {
height:357px;
width:595px;
border:1px solid #cccccc;
}

.topelement .imageholder {
position:absolute;
left:0px;
height:400px;
width:500000px;
cursor:pointer;
}

.topelement .imagewrap {
display:block;
height:400px;
width:597px;
float:left;
text-align:center;
background-color:#000000;
overflow:hidden;
}

.topelement .reklamadowrap {
width:597px;
height:400px;
float:left;
background-color:#ffffff;
}

.topelement .lastwrap {
width:597px;
height:400px;
float:left;
background-color:#000000;
}

.topelement .lastwrap h6 {
color:#aaaaaa;
font-weight:bold;
font-size:12px;
line-height:14px;
padding:10px 15px 5px 15px;
clear:both;
display:block;
}

.topelement .lastwrap ul {
margin:0px;
padding:0px;
}

.topelement .lastwrap li {
float:left;
height:41px;
width:188px;
border-bottom:1px solid #444444;
padding:5px 0px 5px 10px;
overflow:hidden;
}

.topelement .lastwrap li a:link, .topelement .lastwrap li a:visited {
text-decoration: none;
color: #cccccc;
}

.topelement .lastwrap li a:hover {
color:#ffffff;
}

.topelement .lastwrap li div.thumb {
float:left;
width:82px;
height:41px;
overflow:hidden;
background-color:#333333;
background-image:url(http://www.20min.ch/diashow/images/kein_bild_panel.png);
}

.topelement .lastwrap li img {
cursor:pointer;
}

.topelement .lastwrap li span {
float:left;
display:block;
width:95px;
padding-left:5px;
cursor:pointer;
}

/* start tilllate */
.topelement .tillatewrap {
width:597px;
height:400px;
float:left;
background-color:#000000;
}

.topelement .tillatewrap h6 {
color:#ffffff;
font-size:11px;
font-weight:bold;
margin:25px 0px 25px 0px;
text-align:center;
display:block;
}

.topelement .tillatewrap:hover h6 {
color:#ffffff;
text-decoration:underline;
}

.topelement .tillatewrap .tillatethumbs {
width:255px;
text-align:center;
margin-left:178px;
}

.topelement .tillatewrap .tillatethumbs .thumb {
width:120px;
height:120px;
float:left;
margin:2px;
border:1px solid #666666;
overflow:hidden;
}

.topelement .tillatewrap .tillatethumbs img.landscape {
height:120px;
}

.topelement .tillatewrap .tillatethumbs img.portrait {
width:120px;
}

.topelement .tillatewrap .tillatelogo {
margin:25px 150px 0px 200px;
}
/* end tilllate */

/*quiz*/
.topelement.quiz .quizimg img {
width:600px;
}

.topelement.quiz .quizname {
position: absolute;
top:0px;
left: 0px;
height: 35px;
background-color: #000000;
padding: 0px 8px;
line-height: 35px;
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
font-family: Georgia,"Times New Roman",Times,serif;
}

.topelement.quiz .mainbar {
position: relative;
min-height: 90px;
}

.topelement.quiz .mainbar .caption a {
color:#333333;
}

.topelement.quiz .mainbar a.quizbutton {
position: absolute;
bottom: 30px;
right: 0px;
width: 135px;
height: 60px;
background-image: url("/2010/img/topelement/topelement-quizbutton.png");
background-repeat: no-repeat;
}

.topelement.quiz .mainbar .caption {
margin: 0px 0px 0px 10px;
}

/*END:quiz*/


.topelement .back, .topelement .forward {
width:39px;
height:59px;
display:block;
background-image:url(/2010/img/topelement/separator_v.png);
background-repeat:repeat-y;
}

.topelement .back {
float:left;
background-position:right top;
}

.topelement .forward {
float:right;
background-position:left top;
}

.topelement .icon {
width:12px;
height:21px;
background-image:url(/2010/img/topelement/topelement_navi.png);
margin:19px 0px 0px 13px;
display:block;
cursor:pointer;
}

.topelement .back .icon {
background-position:0px 0px;
}

*html .topelement .back .icon {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_back.png');
background-image:none;
}

.topelement .back .icon.inactive {
background-position:0px -42px;
}

*html .topelement .back .icon.inactive {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_back_inactive.png');
background-image:none;
}

.topelement .forward .icon {
background-position:12px 0px;
}

*html .topelement .forward .icon {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_forward.png');
background-image:none;
}

.topelement .forward .icon.inactive {
background-position:12px -42px;
}

*html .topelement .forward .icon.inactive {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_forward_inactive.png');
background-image:none;
}

.topelement .back:hover .icon.active {
background-position:0px -21px;
}

*html .topelement .back:hover .icon.active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_back_active.png');
background-image:none;
}

.topelement .forward:hover .icon.active {
background-position:12px -21px;
}

*html .topelement .forward:hover .icon.active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_forward_active.png');
background-image:none;

}

.topelement .pagenumber {
float:left;
padding-top:23px;
text-align:center;
width:55px;
}

.topelement .leserreporter {
margin-left:15px;
margin-top:3px;
width:55px;
height:50px;
overflow:hidden;
background-image:url(/2010/img/topelement/leserreporter_bubble.png);
background-repeat:no-repeat;
overflow:hidden;
background-position:left 3px;
text-indent:1000px;
font-size:1px;
line-height:100px;
float:left;
display:none;
}

.topelement .caption {
float:left;
width:390px;
padding-top:8px;
padding-bottom:8px;
}

.topelement .caption a.allLink {
color: #333333;
}

.topelement .caption a.allLink:hover {
color: #000000;
}

.topelement .caption a span.storylink {
color:#044CA0;
}

.topelement .caption .restart_link:link, .topelement .caption .restart_link:visited {
color:#000000;
text-decoration:none;
float:left;
display:block;
width:285px;
padding-top:14px;
padding-left:125px;
}

.topelement .caption .restart_link:hover {
text-decoration:underline;
}

.topelement .caption .restart_link .restart_icon {
background-image:url(/2010/img/topelement/topelement_restart.png);
width:20px;
height:22px;
display:block;
float:left;
margin:-3px 10px 0px 0px;
}


.topelement.video .caption {
width:570px;
padding-left:12px;
}

.topelement .texttester {
width:390px;
display:none;
}

.topelement.video .texttester {
width:570px;
}

.topelement .more_link:link, .topelement .more_link:visited {
text-decoration:none;
color:#628bb7;
font-weight:bold;
}

.topelement .more_link:hover {
color:#000000;
}

.topelement .section {
width:99px;
height:30px;
margin:1px 0px 0px 100px;
background-image:url(/2010/img/topelement/topelement_section.png);
clear:both;

/* don't show the sections yet */
background-image:none;
}

/* don't show the sections yet */
/*
*html .topelement .section {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/topelement_section.png');
background-image:none;
}

.topelement.picture .section {
background-position:0px -30px;
}

*html .topelement.picture .section {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/2010/img/topelement/ie6/topelement_section_pics.png');
background-image:none;
margin-left:50px;
}
*/

.topelement .copyright {
position:absolute;
bottom:14px;
right:50px;
color:#999999;
font-size:10px;
}

.topelement .pagelink {
position:absolute;
top:380px;
left:3px;
background-image:url(/2010/img/topelement/linkfade.png);
display:none;
width:595px;
height:20px;
line-height:20px;
}

.topelement .pagelink a {
color:#eeeeee;
text-decoration:none;
padding-left:87px;
display:block;
}

.topelement .pagelink a:hover {
color:#ffffff;
}

.topelement .wemfngoogle {
height:0px;
width:0px;
overflow:hidden;
}

.topelement .video_showlarge {
margin-top:9px;
padding-top:9px;
background-image:url(/2010/img/panelbox/separator_h.png);
background-repeat:repeat-x;
background-position:left top;
display:block;
clear:both;
text-align:right;
color:#666666;
}

.topelement .video_showlarge:hover {
color:#000000;
}

.topelement .video_showlarge img {
opacity:0.6;
filter:alpha(opacity=60);
}

.topelement .video_showlarge:hover img {
opacity:1;
filter:alpha(opacity=100);
}

.story_head .story_media {
	position:relative;
}

.story_media .grossAnsicht {
	width:16px;
	height:13px;
	display:block;
	overflow:hidden;
	text-indent:50px;
	background-image:url(/2010/img/topelement/topelement_zoom_icon.png);
	position:absolute;
	right:7px;
	top:7px;
	z-index:200;
}

.story_media .grossAnsicht:hover {
	background-image:url(/2010/img/topelement/topelement_zoom_icon_hover.png);
}

/* /TOPELEMENT */