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

html, html body {
	/*background:#c0c0c0 url(../slices/bg.png) 0px 30px repeat-x;*/
	font-family: 'Nobile','Lucida Grande', Arial, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#333;
	margin:0;
	padding:0;
	background: #FFF; /* for non-css3 browsers */
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFF,  #DDD); /* for firefox 3.6+ */
	height:100%;
	background-attachment:fixed;
	background-position:left bottom;
	background-repeat:repeat-x;
}

.cont {
	margin-top:50px;
	position:absolute;
	/*display:inline-block;*/
	width:100%;

}

/*for all browsers, including IE*/ /*
.cont  {
width:100%;
height:100%;
min-height:100%;
}
/*fixes error in non-IE agents*/
/*html>body .cont  {
	height:auto;
	min-height:100%;
	}
*/


a {
	color:#141414;
	text-decoration:none;
}

a:hover {
	background-color:#96be00;
	color:#000;
}

br {
	/*line-height:0.5;*/
}

h3{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#FFF; 
	font:17px 'Copse','Lucida Grande',Arial, sans-serif;
	letter-spacing:1px;
	/*line-height:1;*/
	}
				
				
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  
  }
  
li {
  position: relative;
  list-style:none;
  
}


li ul {
  display: none;
  position: absolute; 
  top: 50px;
  left: 0;
  margin-top:20px;
  border:#141414 1px solid;
-moz-box-shadow: 1px 2px 5px #333;
-webkit-box-shadow: 1px 2px 5px #333;
box-shadow: 1px 2px 5px #333;


}

li a {
	
	background:#FFFFFF; /*url(../slices/list_bg.png);*/
	width: 91px;
	display:block;
	padding-left:7px;
	/*opacity: .95; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";*/
}

li > ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul{ display: block; }


.filter_button {
	width:100px;
	height:20px;
	background:url(../slices/filtern_simple.png) no-repeat 0px 0px;
	list-style:none;
	position:absolute;
	margin-left:10px;
	margin-top:30px;
	float:left;
	}
.filter_button:hover {
	background:url(../slices/filtern_simple.png) no-repeat 0px -20px;
	}
	
.project_button{
	width:100px;
	height:20px;
	background:url(../slices/projekte_simple.png) no-repeat 0px 0px;
	list-style:none;
	position:absolute;
	margin-left:10px;
	margin-top:30px;
	z-index:1051;
	}
.project_button:hover {
		background:url(../slices/projekte_simple.png) no-repeat 0px -20px;
}

.about_button {
	width:24px;
	height:20px;
	background:url(../slices/about_simple.png) no-repeat 0px 0px;
	list-style:none;
	position:absolute;
	margin-left:120px;
	margin-top:30px;
	z-index:1051;
	}
.about_button:hover {
		background:url(../slices/about_simple.png) no-repeat 0px -20px;
}

.kontakt_button {
	width:24px;
	height:20px;
	background:url(../slices/kontakt_simple.png) no-repeat 0px 0px;
	list-style:none;
	position:absolute;
	margin-left:154px;
	margin-top:30px;
	z-index:1051;
	}
.kontakt_button:hover {
		background:url(../slices/kontakt_simple.png) no-repeat 0px -20px;
}

.topbar {

	width:100%;
	height:51px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
	/*background:url(../slices/nav_bg_simple.png) repeat-x;*/
	background: #000;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #000, #333);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#FF333333);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#FF333333)";

	
	position:fixed;
	z-index:1050;
	display:block;
	
}


	



/* PROJEKT SLIDER CSS*/

		.boxgrid{ 
				width: 250px; 
				height: 170px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 1px #333333;
				position: relative; 
				overflow:hidden;
				-moz-box-shadow: 1px 2px 5px #333;
				-webkit-box-shadow: 1px 2px 5px #333;
				box-shadow: 1px 2px 5px #333;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					width:250px;
					height:170px;
				}
				.boxgrid p{ 
					padding: 0 5px; 
					color:#cfcfcf; 
					font-weight:normal; 
				}
				
				.boxgrid a{
					color:#afafaf;
					
					}
				.boxgrid a:hover{
					color:#000000;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 110px; 
				width: 100%; 
				opacity: .90; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
			.boxcaption a {
				margin-top:5px;
				padding-left:1px;
				padding-right:1px;
				margin-left:3px;
				margin-right:-1px;
				
			}
 				
 				.caption .boxcaption {
 					top: 142px;
 					left: 0;
 				}
			.date {
				top:0px;
				right:0px;
				position:absolute;
				color:#FFF;
				font-size:12px;
				background:#000;
				padding:0px 2px;
				/*opacity: .85; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";*/
				
				}
				.tags {
					top:auto;
					bottom:5px;
					position:absolute;
					}
				.tags a {
					float:left;
					display:inline;
					}
/*GALLERY TEXT CSS */

.gallery_text {
	background:#000;
	opacity: .85; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	color:#FFF;
	width:100%;
	margin-bottom:0px;
	position:absolute;
	bottom:0px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:1005;
	
	
	}
br {
	font-size:9px;
	}
	
.gallery_text p {
	
	width:400px;
	margin-left:10px;
	}
/* SLIDESHOW CSS */			
				
#screen2 ul, li, h4, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}

.next, .prev{
	cursor:pointer;
}

#screen2{
	position:absolute;
	width:100%;
	margin-top:20px;
	
}
	#screen2 #buttons{
		
		margin-bottom:5px;
		width:100%;
	}
	
	#screen2 #buttons a{
		margin:10px 10px;
		color:#000;
	}
	#screen2 .prev{
		float:left;
	}
	#screen2 .next{
		float:right;
	}

#slideshow{
	overflow:hidden;
	width:100%;

	
}

	#slideshow ul{
		width:1000%;
		
	}

		#slideshow li{
			float:left;
			margin:0 0;
			margin-right:300px;
			cursor:pointer;
		}


.head {
	
	height:24px;
	margin-top:23px;
	margin-right:10px;
	padding:0px;
	border:none;
	float:right;
	
	
	}