@charset "utf-8";

@media screen, projection, print {
	* { 
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:100.01%;
	}
	html {
		height:100%;
		width:100%;
	}
	
	img { behavior: url(pngbehavior.htc); }


	
	body {
		color:#666666;
		font-size:11px;
		line-height:1.4em;
		padding:0;
		margin:0;
		background-image: url(imaes/bg.jpg);
		background-repeat:no-repeat;
		background-position:center top;
	}
	a {
		color:#666;
		text-decoration: none;
	}
	
	#colon img {border: 0;}
	
	
	h1 {
		font-size:2.2em;
		text-align:center;
		margin:0.4em 0 1.3em 0;
	}
		.left {float:left;}
	.right {float:right;}
	#wrapper { 
 margin: 0 auto;
 width: 960px;
}

	h1 {
		font-size:2.2em;
		text-align:center;
		margin:0.4em 0 1.3em 0;
	}
	#header {
		width: 940px;
		height:120px;
 color: #333;
 padding: 10px;
 margin: 20px 0px 0px 20px;
}



#logo {
	width: 151px;
	height: 22px;
	margin: 50px 0 0 0;
}

#logo img {
	border: 0;
}

#colon {
	width: 51px;
	height: 109px;
}
#navi {
	float: left;	
	width: 850px;
	margin: 70px 0 0 0;
}

#navi ul {
	padding: 0;
	margin: 0;
}

#navi ul li {
	display: inline;
	margin: 0 20px 0 0;
	font-size: 10px;
	font-weight: bold;
}

#navi ul li a:hover {
	color: #F7A53B;
}



	#content{
		width:996px;
		margin: 0 auto;
		overflow:auto;

	}
	.imageflow .navigation{
		display:none;
	}
	#thumbnails{
		width:630px;
		margin:12px auto;
		padding: 0 10px 0 0;
	}
	#thumbnails img{
		margin:0 0 0 15px;
	}
	#thumbnails img.focussed{
		border:3px solid #F7A53B;
		margin-bottom:0px;
	}
	.triangle{
		font-size: 0px; 
		line-height: 0%; 
		width: 0px;
		position:relative;
	}
	.triangle.left{
		margin:40px -126px 0 126px;
		float:left;
		border-right: 30px solid #666;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.triangle.left:hover{
		border-right: 30px solid #000;
	}
	.triangle.right{
		margin:40px 126px 0 -126px;
		float:right;
		border-left: 30px solid #666;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.triangle.right:hover{
		border-left: 30px solid #000;
	}
		#footer { 
 width: 940px;
 color: #333;

 margin: 0 auto;
 padding: 10px;
 text-align:center; 
}

#footer ul {
	padding: 0;
	margin: 0;
	margin: 0 0 0 80px;
}

#footer ul li {
	display: inline;
	margin: 0 0 0 0;
	font-size: 10px;
	margin: 0 20px 0 0;

}

#impressum {
	padding: 20px;	
	font: 11px verdana, arial, sans-serif;
	line-height: 1.5em;
	color: #666;
}

#impressum h2 {
	margin: 10px 0 10px; font-size: 18px; color: #333333; text-transform: uppercase;	
}

#impressum a {
	text-decoration: underline;	
}

#center {
	width: 940px;
	margin: 0 auto;
}

#main {
	width: 630px;
	margin: 0 auto;	
}

#thumb {
	width: 109px;
	margin: 0 auto;	
	padding: 20px;
}