/* droid-sans-regular - latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/DroidSans.eot'); /* IE9 Compat Modes */
  src: local('DM Sans Regular'), local('DMSans-Regular'),
       url('../fonts/DroidSans?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DroidSans.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/DroidSans.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DroidSans.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DroidSans.svg#DMSans') format('svg'); /* Legacy iOS */
}


html, body {

			width:100%;
			height:100%;
			margin:0;

}

body {


		font-family:'Droid Sans', arial, verdana, helvetica,suse sans;
		font-size:10pt;
		color:#444;
		line-height:15pt;
		text-align:center;
		background-color:#222; 
		
}

div.start {

		text-align:center;
		float:left;
		margin-right:15px;
		margin-bottom:5px;
		
		-moz-box-shadow:    none;
  		-webkit-box-shadow: none;
  		box-shadow:         none;
		
		
}

div.start img:hover {

			border:1px solid #666;
		
}

div.start:hover {

			margin-top:-1px;
			margin-left:-1px;
			margin-right:16px;
			margin-bottom:6px;
	}

div.box {

		min-height:150px;
		
}

.top {

		padding-top:65px;

}

.left {

		float:left;

}

.leftnav {

		width:100px;
		margin-right:25px;
		text-align:right;
		line-height:20pt;

}

.leftnav {

		width:100px;
		margin-right:25px;
		text-align:right;
		line-height:20pt;

}

.leftnav ul, .startnav.ul {

		list-style:none;
		padding-left:0;

}

.leftnav ul li, .startnav ul li {

		display:block;

}

.startnav ul li {

		float:left;
		margin-right:10px;

}

.leftnav ul li a, .leftnav ul li a:visited, .startnav ul li a, .startnav ul li a:visited {

		color:#aaa;

}

.leftnav ul li a.active, .leftnav ul li a.active:visited, .activeset {

		color:#ececec;
		font-weight:bold;
		
}

ul.sub {

		margin:5px 0 5px 0;
		border-top:1px solid #333;
		border-bottom:1px solid #333;
		padding:0 15px 0 0;
		font-style:italic;

}

.hundred {
		
		height:100%;

}

h1 {

		font-size:12pt;
		color:#ddd;
		font-weight:normal;

}

#container.mitte {

		width:854px;
			
}

#center_content {

		background-color:#000;
		
		-moz-box-shadow:    inset 0px 0px 5px 1px #333;
  		-webkit-box-shadow: inset 0px 0px 5px 1px #333;
  		box-shadow:         inset 0px 0px 5px 1px #333;

}

#container.mitte div.gallery {

		margin-left:auto;
		margin-right:auto;
		width:auto;		

}

#container.mitte div.gallery img {

		height:175px;
		margin:0 10px 10px 0;
		
}


.shadow, #container.mitte div.gallery img {


		-moz-box-shadow:    2px 2px 3px #000;
  		-webkit-box-shadow: 2px 2px 3px #000;
  		box-shadow:         2px 2px 3px #000;
		
}

.both {

		clear:both;

}


a:link{

	color:#bb0000;
	text-decoration:none;

}	

a:visited{

	color:#bb0000;
	text-decoration:none;

}	
	
	
a:hover{

	text-decoration:underline;

}



#hintergrund {



	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	width:979px;
	min-height:220px;
	height:auto;
	text-align:left;	
	z-index:0;

	/* Hack it for IE6 */
	* html #hintergrund {
	min-height:220px;
	min-h\eight:220px;
	}
	/* Ende*/