﻿div#control_timebar {
	position:absolute; bottom:24px; left:0px; height:24px; right:0px;
	background:url(../img/map/all/opacity70.png) repeat;
	margin:0px; padding:0px; z-index:5000;
}
div#control_timebar div#powered { 
	position:absolute; top:-30px; left:5px; z-index:99; 
}
div#control_timebar div#nutzung { 
	position:absolute; top:-17px; right:5px; z-index:99; 
	color:#000000;
}
div#control_timebar div#nutzung a { color:#000000; text-decoration:underline; }

#rutsche {
	position:relative;
	z-index:1; margin: 0px auto; overflow: hidden; 
	height:24px; right:175px;
	border:0px;
}
 
#rutsche_inner { position:relative; width:2270px; height:23px; }

#timeline {
	position:relative;
	width:100%; height:24px; z-index:10;
	border-style:solid; border-width:0px; padding:0px; margin:0px;
}

#timeline div {
	font-family: arial, helvetica, courier new, courier, andale mono;
	font-size: 12px;
	color:#fff;
}

#mousemove, 
#drag {
	width:900px; height:122px; border:1px solid #000000;
	overflow:hidden; margin:0 auto;
}
 
#drag { }
 
.inside { }

.drag { background:#333333; }

#skala {
	width:2000px; height:22px; float:left;
	border-left:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
}

#pull_left {
	z-index:60; position:absolute;
	top:6px; left:0px; width:21px; height:17px;
	visibility:hidden;
	background-image:url('../img/zl_weiter_links_passiv.png'); border:0px;
}

#pull_right {
	z-index:60; position:absolute;
	top:6px; right:175px; width:21px; height:17px;
	visibility:hidden;
	background-image: url('../img/zl_weiter_rechts_passiv.png'); border:0px;
}

div#timeline_icon {
	z-index:50; position:absolute;
	top:0px; right:52px; width:127px; height:24px;
	border:0px; background-color:#333333;
}
div#timeline_icon  img { margin-top:4px; margin-left:5px; }
div#kalender_icon {
	z-index:50; position:absolute;
	top:0px; right:26px; width:26px; height:24px;
	border:0px; background-color:#333333;
}
div#question_icon {
	z-index:50; position:absolute;
	top:0px; right:0px; width:26px; height:24px;
	border:0px; background-color:#333333;
}
div#question_icon  img { margin-top:3px; }

#day_tick_line {
	height:5px; float:left;
	border-right:1px solid #CCCCCC;
}

#day_tick {
	width:10px; height:5px; float:left;
	border-top:0px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

#month_tick_line {
	height:17px; float:left;
	border-right:1px solid #CCCCCC;
}

#month_tick_empty {
	width:10px; height:14px; float:left;
	border-width:0px; border-bottom:0px; 
	border-top:1px solid transparent; border-right:1px solid transparent;
}

#month_tick_on{
	width:10px; height:17px; float:left;
	border-width:0px; border-top:1px solid transparent; border-right:1px solid #CCCCCC;
}

#tag {
	width:10px; height:5px; float:left;
	border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

#monat {
	width:50px; height:32px; float:left;
	border-right:0px ;
}

#mt {
	padding-bottom:5px; padding-left:5px;
	font-family:arial, helvetica, courier new, courier, andale mono;
	color:#FFFFFF; font-size: 13px; font-weight:bold; 
}

#balken { position:absolute; height:60px; width:100%; }

#knopf {
	float:left; top:6px; height:17px; width:11px;
	background-image: url('../img/regler_links.png');
}

#knopf2 {
	top:6px; height: 17px; width:11px; float:left;
	background-image: url('../img/regler_rechts.png');
}

#knopfc {
	top:6px; height:17px; width:21px; float:left;
}

#zahl {
	position: absolute; bottom:0px; width:70px;
	font-family:arial, helvetica, courier new, courier, andale mono;
	font-size: 11px; font-weight:bold; color:#FFFFFF;
}

#zahl2 {
	position:absolute; bottom:0px; width:70px; float:right;
	font-family:arial, helvetica, courier new, courier, andale mono;
	font-size:11px; font-weight:bold; color:#FFFFFF;
}

#diff { 
	position:absolute; bottom:0px;
	font-family:arial, helvetica, courier new, courier, andale mono;
	font-size:11px; font-weight:bold; color:#FFFFFF;
}

/* MEDIABAR */
div#mediabar { padding:7px 40px 0px 40px; }
div#mediabar div.medium { width:78px; height:78px; margin:0px 7px 0px 7px; float:right; border:1px solid #999999; background-color:#676767;}
div#mediabar img#mediabar_prev { position:absolute; left:10px; }
div#mediabar img#mediabar_next { position:absolute; right:10px; }
div#mediabar div.medium img { width:77px; height:77px;   }