@charset "UTF-8";

@media all
{	/* reset */
	html, body { margin:0; padding: 0 }

	option { padding-left: 0.4em }

	* html body * { overflow:visible;}
	* html iframe, * html frame { overflow:auto; }
	* html frameset { overflow:hidden; }

	html { height: 100%; margin-bottom: -1px; }
	body {
		font-size: 100.01%;

		color: #000;
		background: #fff;
		text-align: left;
	}

	fieldset, img { border: 0 solid; }

	ul, ol, dl { margin: 0 0 1em 1em; padding: 0 0 0 0; }
	li { margin-left: 1.5em; line-height: 120%; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 0 0 1em 1.5em; }
}

@media all
{	/* layout */
	#header, #main, #location, #footer { clear:both; }

	.subcolumns { width: 100%; overflow:hidden; }

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

	.c25l, .c25r { width: 25%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 50%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 75%; }
	.c38l, .c38r { width: 38.2%; }
	.c62l, .c62r { width: 61.8%; }

	.subc  { padding: 0 0.5em; }
	.subcl { padding: 0 1em 0 0; }
	.subcr { padding: 0 0 0 1em; }

	.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
	.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
	.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
	.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
		display:table-cell; vertical-align:top;
		float:none; margin:0; overflow:hidden;
	}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	.clearfix { display: block }

	#ie_clearing { display: none }

	.skip, .print, .hideme {
		position: absolute;

		top:  -1000em !important;
		left: -1000em !important;
	}

	body {
		font-family: Arial, Tahoma, sans-serif;
		font-size: 11pt;

		color: #800000;
		background: #FEECB4 url(/stream/images/layout/bg.jpg) repeat-x 0 0;
		line-height: 120%;
	}

	div.page_margins {
		margin: 0 auto 20px auto;

		width: 875px;

		background: #FEECB4;
	}

	div.page {
		border-left: 5px solid #800000;
		border-right: 5px solid #800000;
	}

	#header {
		height: 76px;
	}
	
	#header_left{
		width:175px;
		height:76px;
		float:left;
		background: #800000 url(/stream/images/layout/zur-aussicht.jpg) no-repeat 5px 50%;
	}
	
	#header_right{
		height:76px;
		text-align:center;
	}

	#teaser {
		height: 40px;
		background: #800000;
	}
	
	#teaserimage {
		height: 20px;
		width:155px;
		background: #FEECB4;
		text-align:center;
		padding:10px;
		float:left;
	}
	
	#teasertext {
		height: 26px;
		text-align:center;
		background: #800000;
		color: #FEECB4;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 14pt;
		line-height:120%;
		font-style:italic;
		padding:7px;
	}

	#location {
		padding: 0 0 0 200px;

		height: 20px;

		font-size: 7pt;
		line-height: 20px;

		color: #FEECB4;
		background: #800000;
	}

	#location a {
		text-decoration: none;

		color: #FEECB4;
	}

	#footer {
		padding: 10px 20px 10px 185px;

		text-align: center;
	}

	#footer a {
		color: #800000;;

		text-decoration: none;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#col1 {
		float: left;

		width: 175px;

		background: #800000;
	}

	#col3 {
		text-align: justify;

		border-left: 175px solid #800000;
	}

	#col3_content {
		padding: 10px 20px 10px 20px;
	}

	#nav {
		font-size: 12pt;

		color: #FEECB4;
	}

	#nav ul {
		margin: 0;
		padding: 0;

		list-style-type: none;
	}

	#nav li {
		margin: 0;
		padding: 0;
	}

	#nav li a {
		display: block;

		padding: 6px 10px;

		text-decoration: none;

		color: #FEECB4;
	}

	#nav li a:hover {
		text-decoration: underline;
		color: #FEECB4;
		/*background: #ffeea9;
		color: #800000;
		text-decoration:none;*/
	}

	#nav ul.level0 {
		margin-left: 20px;
	}

	#col1 a {
		font-weight: bold;

		text-decoration: none;

		color: #FEECB4;
	}

	#col1 a:hover {
		text-decoration: underline;
	}

	#col1 div.textbox {
		margin: 20px 10px 10px 10px;
		padding: 0;

		line-height: 120%;
	}
	
	#col1 div.textbox #webcam_link {
	border:1px solid #FEECB4;
	text-align:center;
	padding:5px;
	display:block;
	}
	
	#col1 div.textbox #webcam_link a:hover{
	background: #FEECB4;
	color: #800000;
	text-decoration:none;
	}

	#col3 div.subcolumns {
		margin-bottom: 1em;
	}

	#col3 a {
		font-weight: bold;

		text-decoration: none;

		color: #800000;
	}

	#col3 a:hover {
		text-decoration: underline;
	}

	#col3 p {
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
	}

	#col3 h1,
	#col3 h2,
	#col3 h3,
	#col3 h4,
	#col3 h5,
	#col3 h6 {
		line-height: 120%;
	}

	#col3 h1 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;

		font-family: 'Trebuchet MS', Times, sans-serif;
		font-size: 20pt;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		color: #000000;
	}

	#col3 h1.kw {
		margin: 0 0 15px 0;
		font-size: 14pt;
	}

	#col3 h2 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;

		font-family: Arial, Tahoma, sans-serif;
		font-size: 15pt;
		font-weight: normal;
		text-align: center;
		color: #000000;
	}

	#col3 h3 {
		margin: -10px 0 0 0;
		padding: 0 0 20px 0;
		text-align: center;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 13pt;
		font-weight: bold;
	}

	#col3 h4 {
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;

		font-family: Arial, Tahoma, sans-serif;
		font-size: 13pt;
		font-weight: bold;
	}

	#col3 h5 {
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;

		font-family: 'Trebuchet MS', Times, sans-serif;
		font-size: 11pt;
		font-weight: bold;

		color: #000000;
	}

	#col3 .tb_image_l {
		margin: 0 10px 5px 0;
	}

	#col3 .tb_image_r {
		margin: 0 0 5px 10px;
	}

	#col3 .search ol li {
		padding: 5px 0 0 0;

		list-style-type: decimal;
	}

	#col3 .search .search_info {
		padding: 10px 0 5px 0;
	}

	#col3 .search .description {
		font-size: 8pt;

		line-height: 110%;
	}

	#col3 .search .description .hl {
		padding: 0 1px;

		font-weight: bold;

		background: #FEECB4;
	}

	#col3 .search .link .hl {
		padding: 0 1px;

		font-weight: bold;

		text-decoration: inherit;

		background: #FEECB4;
	}

	#col3 .contactform fieldset.border {
		border: 1px solid #800000;
	}

	#col3 .contactform input.text {
		width: 345px;

		border: 1px solid #800000;
	}

	#col3 .contactform textarea {
		width: 345px;
		height: 100px;

		border: 1px solid #800000;
	}

	div.kwlayer, div.kwlayer a {
		font-size: 7pt;

		text-decoration: none;

		color: #e4cd85;
	}

	div.wikilinkbox {
		font-size: 7.5pt;
	}
}

@media print
{
	body {
		background: #ffffff;
	}

	div.kwlayer {
		display: none;
	}
}