body{
		margin:0;padding:0;
		background-color: #696969;
		font-family: arial;
		font-size: 11px;
		color: #333333;
	}
	ul{
		margin:0;padding:0;
	}
	p{
		margin-top:0px;
		margin-bottom: 7px;
	}
	a{
		margin:0;
		padding:0;
		text-decoration: none !important;
		color:#333333;
	}

	img{
		border: 0;
	}
	
	#wrapper{
		width: 960px;
		height: 340px;
		position: absolute;
		left:50%;
		top:50%;
		margin-left:-465px;
		margin-top:-170px;
	}

	#top,#controls,#bottom{
		position: relative;
		width:100%;
		height:30px;
		line-height: 30px;
	}

	#top-border{
		border-top:1px solid #A9A9A9;
	}

	#controls{
		border-bottom:1px solid #A9A9A9;
	}

	.right_cont{
		float:right;
		width:320px;
	}

	#middle{
		height: 240px;
		padding-top:10px;
	}
	.menu a{
		font-size: 10px;
		color: #A9A9A9;
		text-decoration: none;
	}
	.menu li:hover a{
		color:white;
	}
	.menu li{
		display: inline;
		/*margin-right:5px;*/
	}

	.bracket_left{
		background-position: center;
		background-repeat: no-repeat;
		height:18px;
		line-height: 18px;
		width: 3px;
		display: inline-block;
		margin-right: -2px;
	}

	.bracket_right{
		background-position: center;
		background-repeat: no-repeat;
		height:18px;
		line-height: 18px;
		width: 3px;
		display: inline-block;
		margin-left: -2px;
	}


	.current_menu a{
		color:white !important;
	}

	.current_menu span{
		color:white;
	}

	.menu li:hover .bracket_left, 
	.current_menu .bracket_left, 
	#index_tour li:hover .bracket_left{
		background-image: url(../img/bracket_left.png);
	}

	.menu li:hover .bracket_right,
	.current_menu .bracket_right,
	#index_tour li:hover .bracket_right{
		background-image: url(../img/bracket_right.png);
	}


	/*Projekte*/

	#projects_cont{
		height: 300px;
	}
	.projekt {
		vertical-align: top;
		display: inline-block;
		width:160px;
		min-height: 90px;
	}

	.projekt span:hover{
		font-style: underline;
	}
	.projekt .jahr, .projekt .typ{
		color: #333333;
	} 
	.projekt .name{
		font-weight: regular;
		color:#A9A9A9;
		font-size: 11px;
	}

	/*DETAILS*/
	#img_cont, #info, #details{
		position: absolute;
		font-family: Regular, sans-serif;
	}

	#details{
		height: 240px;
		
	}

	#img_cont{
		left:5px;
		width:320px;
	}
	#img_cont>img{
		width:320px;
		height: 240px;
	}
	#info{
		right:5px;
		width:313px;
	}
	#details{
		width:250px;
		left:50%;
		margin-left:-140px;
	}

	.thumbs{
		width:33px;
		margin-right: 0px;
		margin-left: 7.5px;
		margin-top: 2px;
	}

	.thumbs:hover{
		cursor: pointer;
	
	}

	.active:hover{
		cursor: default;
	}



#index_tour{
	position: absolute;
	display: inline;
	left:50%;
	width: 150px;
	height: 40px;
	margin-left: 4px;

}

#index_tour li:hover a{
	color:white;
}

#index_tour a{
	font-size: 10px;
	color: #A9A9A9;
	text-decoration: none;
}
#index_tour li{
	display: inline;
}

#tour{
	margin-left: 50px;
}

#tour img{
	position: absolute;
	margin-top: 7px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


#tour img:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


/*Profil*/
#profil-controls{
	display:inline;
	margin-left:340px;
}

#profil-controls a{
	color:#A9A9A9;
	text-decoration: none;
	font-size: 10px;
}


.bold{
	font-weight: bold;
}


.headline1{
	font-family: Arial;
	font-size: 11px;
	color:  #A9A9A9;
}

.headline2{
	font-family: Arial;
	font-size: 11px;
	color:  #A9A9A9;
}