@media screen {
	/* Allgemein */
	html {
		margin:0px;
		padding:0px;
	}

	body {
		margin:0px;

		padding-top:0px;
		padding-left:10px;
		padding-bottom:10px;
		padding-right:40px;

		background:url(schattenrechts_s.png);
		background-color:white;
		background-repeat:repeat-y;
		background-position:right;

		color:black;
		font-family:sans-serif;
	}
	#header {
		margin-top:-21px;
		margin-right:-40px;
		margin-left:-10px;
		padding-top:20px;
		padding-right:200px;
		padding-bottom:8px;
		min-height:120px;

		background:url(schattenoben_s.png);
		background-color:#b8c813;
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#wrlogo1 {
		position:relative;
		top:-155px;
		padding:0px;
		margin:0px;
		margin-right:-40px;
	}
	#wrlogo2 {
		position:absolute;
		right:0px;
		background-image:url("ecklogo_s.png");
		width:196px;
		height:231px;
	}
	#wrlogo3 {
		width:156px;
		height:77px;
		float:right;
	}
	.seitentyplogo {
		width:100px;
		height:100px;
		padding:0px;
		padding-right:10px;
		margin:0px;
		background-repeat:no-repeat;
		float:left;
	}
	#logo_schnee      { background-image:url("schneeflocke_s.png"); }
	#logo_bahn        { background-image:url("bahn_s.png"); }
	#logo_huette      { background-image:url("huette_s.png"); }
	#logo_faq         { background-image:url("faq_s.png"); }
	#logo_links       { background-image:url("links_s.png"); }
	#logo_impressum   { background-image:url("impressum_s.png"); }
	#logo_korrektur   { background-image:url("korrektur_s.png"); }
	#logo_datentypen  { background-image:url("datentypen_s.png"); }
	#logo_foto        { background-image:url("foto_s.png"); }
	#logo_schluessel  { background-image:url("schluessel_s.png"); }
	#logo_telefon     { background-image:url("telefon_s.png"); }
	#logo_persoenlich { background-image:url("persoenlich_s.png"); }
	#logo_neuebahn    { background-image:url("neuebahn_s.png"); }
	
	/* Ueberschriften */
	h1 {
		color:white;
		font-size:24pt;
		font-family:sans-serif;
	}

	h2 {
		color:white;
		background-color:#b8c813;
		clear:right;
		padding-top:6px;
		padding-left:10px;
		padding-bottom:25px;
		margin-right:-11px;
		margin-left:-10px;

		background:url(schattenoben_s.png);
		background-color:#b8c813;
		background-repeat:repeat-x;
		background-position:bottom;
	}
	h2.first {
		color:black;
		background:white;
		padding:5px;
		clear:none;
		
	}

	/* Links */
	a:visited {
		color:#b8c813;
		text-decoration:underline;
	} 
	a {
		color:#abba20;
		text-decoration:underline;
	}
	a:hover, a:focus {
		color:white;
		background-color:#b8c813;
		/*
		border-style:solid;
		border-color:white;
		border-width:medium;
		padding:5px;
		z-index:2;
		*/
	}

	/* Tabellen */
	table, .table {
		border-spacing: 0px;
		border-collapse: collapse;
		empty-cells: show;
		text-align: left;
		border-style: solid;
		border-width: thin;
		border-right-width:10px;
		border-color:#b8c813;
	}
	td, .td {
		border-style: none;
		padding: 3px;
	}
	th, .th {
		color:white;
		background-color:#b8c813;
		border-bottom-style: solid;
		border-bottom-width: thin;
		border-bottom-color: black;
		padding: 5px;
	}
	.evenrow td, .evenrow {
		background-image:url(boxhg_s.png);
	}
	.oddrow td, .oddrow {
		background-image:url(boxhg2_s.png);
	}
	.ueberschriftlinks th {
		border-style: none;
		border-right-style: solid;
		border-right-color: black;
		padding: 10px;
	}
	.ueberschriftlinks td {
		padding: 10px;
	}
	div.table {
		display:table;
	}
	form.evenrow, form.oddrow, .tr {
		display:table-row;
	}
	.td, .th {
		display:table-cell;
	}

	/* Navigation */
	#navigation {
		line-height:150%;
		color:#bbbbbb;
	}
	#navigation li {
		display:inline;
		/* color:#bbbbbb;*/
		color:black;
		line-height:150%
	}
	#navigation a, #navigation a:visited {
		color:white;
		text-decoration:none;
		padding:5px;
	}
	#navigation a:hover, #navigation a:focus {
		color:black;
		text-decoration:none;
		background-color:white;
	}
	ul.seitennavigation {
		margin:0px;
		padding:0px;
		font-size:smaller;
		font-style:italic;
	}
	ul.seitennavigation:before {content:"Gehe zu: ";}
	ul.seitennavigation li {
		display:inline;
		padding-left:5px;
		padding-right:5px;
	}

	/* Spezielles */
	.hinweis {
		border:solid medium #b8c813;
		padding:10px; 
		margin-top:30px;
		margin-bottom:40px;
		font-size:larger;
	}
	hr {
		border-style:none;
		background-color:#CCCCDD;
	}
	.bahnzustand .bitteeintragen {
		color:gray;
		font-size:x-small;
	}
	.bahnzustand .datum {
		font-size: small;
	}
	.laenge, .hoehendifferenz, .hoehe_oben, .entfernung_ibk {
		text-align: right;
		white-space: nowrap;

	} 
	.note, .deaktivieren {
		text-align: center;
		white-space: nowrap;
	}
	.datum, .gehzeit {
		text-align: left;
		white-space: nowrap;
	}
	.telnr {
		font-size: small;
	}
	.telinfo {
		font-size: x-small;
		color: gray;
	}
	#map_tirol {
		border-style:solid;
		border-width:10px;
		border-color:#b8c813;
	}
	#map_tirol_copyright {
		font-size:smaller;
	}
	.bemerkung {
		font-size:smaller;
	}
	.prinzip {
		background:url(boxhg.png);
		font-size:larger;
		border-style:solid;
		border-width:10px;
		border-color:#b8c813;
		padding:20px;
		clear:both;
	}
	.prinzip li {
		margin-top:15px;
		margin-bottom:15px;
	}
	.rodelbahnen_huetten li {
		margin-top:3px;
		margin-bottom:3px;
		font-size:smaller;
	}
	a.button {
		text-decoration:none;
		color:black;
		font-size:larger; 
		border-style:outset;
		background-color:white;
		padding-left:10px;
		padding-right:10px;
	}
}

@media print {
	body {
		margin:0.0cm;
	}
	#navigation {
		visibility: hidden;
		height: 0px;
	}
	#wrlogo1, #wrlogo2, #wrlogo3 {
		visibility: hidden;
		height: 0px;
	}
}

@media handheld {
	body {
		margin:0.0cm;
	}
	#navigation {
		visibility: hidden;
		height: 0px;
	}
	#wrlogo1, #wrlogo2, #wrlogo3 {
		visibility: hidden;
		height: 0px;
	}
}