@charset "UTF-8";
/* CSS Document */

/* thin-navigation */
.thin-navigation {
	display:none;
	position:fixed;
	width:60px;
	height:50%;
	top:30%;
	left:3%;
	overflow:hidden;
	z-index:2000;
}

.thin-navigation li {
	height:12.5%;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	list-style-type:none;	
}

.thin-navigation li a {
	display:block;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-image:url(../common/ie9-needs-background.png);
}

.thin-navigation li a span {
	display:block;
	height:100%;
	width:2px;
	padding:0;
	margin:0 0 0 30px;
	background-color:#888888;
}

.thin-navigation li a:hover span {
	background-color:#e60000;
}

.thin-navigation li .aktiv span {
	background-color:#e60000;
}

/* fuer ie10: graues feld */
.thin-navigation li a:active{
	background-color: transparent;
}

@media screen and ( min-width:600px ) {
	/* thin-navigation */
	.thin-navigation {
		display:block;
		left:0%;
	}
}

@media screen and ( min-width:900px ) {
	/* thin-navigation */
	.thin-navigation {
		left:3%;
	}
}

/* landscape */
@media screen 
  and (max-width: 760px)
   and (max-height: 500px) 
   and (orientation: landscape) {
	  .thin-navigation {
			display:none; 
	}