@charset "utf-8";


#breadcrumbs {
	margin-bottom:1.5em;
}

			#right {
				float:right;
				width:315px;
			}
			#left {
				float:left;
				width:630px;
			}



.webcamimagezoomlink {
	position:relative;
	display:block;
}
.webcamimagezoomlink:hover .webcamimagezoonicon {
	background-color:rgba(0,0,0,.75);
	opacity:1;
}
.webcamimagezoomlink .webcamimagezoonicon {
	position:absolute;
	left:185px;
	z-index:100;
	
	display:block;
	width:50px;
	height:50px;
	background:url(/img/zoom-in.png?7ca2e7d0710c2d68789987338cc70174) center center no-repeat;
	background-color:rgba(0,0,0,.5);
	border-radius:25px;

	opacity:.8;

	transition:			all ease-in .1s;
	-o-transition:		all ease-in .1s;
	-ms-transition:		all ease-in .1s;
	-moz-transition:	all ease-in .1s;
	-webkit-transition:	all ease-in .1s;
}


/*********************************/
div.WEBCAM table.main {
	margin-top:.7em;
	border:1px solid #ddd;
	
	/* <Box Shadow... */
	box-shadow:0 2px 5px #ddd;
	-webkit-box-shadow:0 2px 5px #ddd;
	-moz-box-shadow:0 2px 5px #ddd;
	/* ...Box Shadow> */
}

/*********************************/
div.WEBCAM table.main td.foto {
	width:420px;
	
/*	background:#666;*/
	border-right:1px solid #ccc;
	
	/* <Box Shadow... */
	box-shadow:2px 2px 3px #ddd;
	-webkit-box-shadow:2px 2px 3px #ddd;
	-moz-box-shadow:2px 2px 3px #ddd;
	/* ...Box Shadow> */
}
div.WEBCAM table.main td.foto a img:hover {
	outline:1px solid #333;
	
	/* <Transparency... */
	opacity:.95;
	-moz-opacity:.95;
	filter:alpha(opacity = 95);
	/* ...Transparency> */
}
div.WEBCAM table.main td.foto iframe.panorama {
	border:none;
}

/*********************************/
div.WEBCAM table.main td.description  {
	padding:.5em;
	padding-left:1em;
}
div.WEBCAM table.main td.description b.time {
	display:block;
	font-size:22px;
	line-height:22px;
	margin-bottom:1em;
}

/*********************************/
div.WEBCAM table.main td.options {
	vertical-align:bottom;
}
div.WEBCAM table.main td.options div.option {
	
	/* <BG Fade... */
	background:#eee;
	background:-moz-linear-gradient(top, #fff, #eee);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
	/* ...BG Fade> */
}
div.WEBCAM table.main td.options div.option:hover {
	background:white;
}
div.WEBCAM table.main td.options div.option {
	/* <Transparency NO IE... */
	opacity:.8;
	-moz-opacity:.8;
	/* ...Transparency NO IE> */
}
div.WEBCAM table.main td.options div.option a {
	display:block;
	padding:3px .5em;
	padding-left:38px;
	line-height:2em;

	color:black;
	font-weight:bold;
	text-decoration:none;
	
	border-top:1px solid #ddd;
	
	background-position:7px center;
	background-repeat:no-repeat;
}
div.WEBCAM table.main td.options div.option:hover {
	/* <Transparency NO IE... */
	opacity:1;
	-moz-opacity:1;
	/* ...Transparency NO IE> */
}
div.WEBCAM table.main td.options div.option:hover a {
	text-decoration:underline;
}
div.WEBCAM table.main td.options div.option a.vollbild {
	background-image:url(/img/vollbild.png?6070d68794deaa83095dcaf0c452b27d);
	background-position:8px center;
}
div.WEBCAM table.main td.options div.option a.livestream {
	background-image:url(/img/live.png?0c89075e25119a81866798bd757c0b6b);
}
div.WEBCAM table.main td.options div.option a.current {
	background-image:url(/img/update.png?ca6a4583fae4c74eada1ac05d5d80edc);
}
div.WEBCAM table.main td.options div.option a.standort {
	background-image:url(/img/standort.png?853bcbf0638da242e75680f4a43d8704);
	background-position:10px center;
}
div.WEBCAM table.main td.options div.option a.zeitraffer {
	background-image:url(/img/video.png?911d8cce7dfcea3b8abe448a13d425de);
}
div.WEBCAM table.main td.options div.option a.mittag {
	background-image:url(/img/mittag.png?77f0dda6a24174f742b06e898d598929);
}
div.WEBCAM table.main td.options div.option div.extern {
	background:url(/img/link_extern.png?018b53e29ff40c595b122310271e5183) 170px center no-repeat;
}


/*********************************/
div.WEBCAM table.wetter tr.tag td {
	vertical-align:middle;
}
div.WEBCAM table.wetter td.value {
	text-align:center;
}