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


body{
	
	background-color:rgb(0,0,0);
	font-size:100%; /* Base font size is 14px */
	font-family:Arial,'lucia Sans Unicode';
	line-height:0.9;
}
	
a{
	
	text-decoration:none;
}	
	
a: link, a:visited{
	
}

a: hover, a:active{
	color: #000;	
}	
	
.body{
	margin: 0 0;
	width: 100%;
	clear:both;
	
}	







	.mainHeader nav a:link, .mainHeader nav a:visited {
		color: #fff;
		display:inline-block;
		padding: 10px 25px;
		height: 60px;
		
}
.mainHeader nav a:hover, .mainHeader nav a:active,
 mainHeader nav .active a:visited {

	text-shadow:none;
}
.mainHeader nav .active a:link,
.mainContent {
	line-height: 25px;
	
}


	
#page3 {
	
	padding:0% 5%;
	margin-top:12%;
	width:90%;
	min-height:800px;
	height:auto;
	overflow:scroll;

	overflow-style:marquee-block;

	background-color:#000;
	
	
	
	
}

#container1{

width:3200px;
	height:800px;
	font-weight:bold;
		
		margin-top:3%;
		padding-top:2%;
		margin-left:-5%;
		left:0%;
	background-color:#000;

}
#maintext{
	width:200px;
	height:800px;
	font-weight:bold;
		font-size:300%;
		color:#fff;
		margin-left:1%;
		
		left:0%;
	background-color:#0000;
	border-right:1px solid #333 ;
	float:left;
	}
	

	#maintext2{
	width:200px;
	height:800px;
	font-weight:bold;
		font-size:300%;
		color:#fff;
		margin-left:0%;
		
		left:0%;
	background-color:#0000;
	border-left:1px solid #333 ;
	float:left;
	}
	
	#containerdaten{

width:100%;
	height:auto;
	font-weight:bold;
		
		margin-top:3%;
		padding-top:2%;
		margin-left:1%;
		left:0%;
	background-color:#000;

}
	#maintextdaten{
	width:95%;
	height:auto;
	font-weight:bold;
		font-size:300%;
		color:#fff;
		margin-left:1%;
		
		left:0%;
	background-color:#0000;

	float:left;
	}
	
	.daten {
	font-size: 40%;
	font-weight:lighter;
}
.green{
	color:#900;
	}
	
.green2{
	color:#900;
	font-size: 60%;
	}
	
		.grew{color:#999;
		font-size:60%;}
		#icon3{
			width:150px;
			height:50px;}
		#safarie{
			margin-left:0%;
			width:45px;
			height:30px;
			opacity:0.9;
			background-position:center;
			background-repeat:no-repeat;
			background-image:url(../imag/icon_safarie.png);
			background-size:contain;
			font-size:12px;
			text-align:center;
			color:#FFFFFF;
			font-weight:bold;
				text-shadow: 1px 1px 1px rgba(0,0,0,.9);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
			float:left;}
		
		#google{
			margin-left:5%;
			width:45px;
			height:30px;
			opacity:0.9;
			background-position:center;
			background-repeat:no-repeat;
			background-image:url(../imag/icon_google.png);
			background-size:contain;
			opacity:0.9;
			font-size:12px;
			color:#FFFFFF;
			font-weight:bold;
				text-shadow: 1px 1px 1px rgba(0,0,0,.9);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
			float:left;}
			
		
		#fox{
			margin-left:5%;
			width:45px;
			height:30px;
			opacity:0.9;
			background-position:center;
			background-repeat:no-repeat;
			background-image:url(../imag/icon_fox.png);
			opacity:0.9;
			font-size:12px;
			color:#FFFFFF;
			font-weight:bold;
				text-shadow: 1px 1px 1px rgba(0,0,0,.9);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
			background-size:contain;
			float:left;}
		
		
	#work1{
	width:300px;
	height:100%;
	background-color:#000;
	background-image:url(../imag/test1.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	#work1:hover{opacity:0.9;}
	
	
	
	
	
#con4 {
	position:relative;
	margin-left:20%;
	
	top:200px;
	width:200px;
	height:150px;
	z-index:6;
	
}




.sb-description h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#fff;
	font-size:11px;
	font-weight:100;
	
}
.sb-description h3:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#900;
	font-size:13px;
	font-weight:bold;
	
}
.sb-description {
	bottom:-143px;
	left:2px;
	right:20px;
	z-index: 10;
	position: absolute;
	border:2px #FFFFFF solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:13px;
	
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fffff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	height: 155px;
	width:155px;}
	

 .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
	
}

.sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(40,40,40, 1.0);
	height: 180px;
	width:180px;
		left:-5px;
	right:35%;
	border:0px #FFFFFF solid;
	

}		

	
	
	
	
		#work2{
	width:300px;
	height:800px;
	background-image:url(../imag/test2.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	#work2:hover{opacity:0.9;}	
	
		#work3{
	width:300px;
	height:800px;
	background-image:url(../imag/advecoo1.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#work3:hover{opacity:0.9;}
	
	
	
		#work4{
	width:300px;
	height:800px;
	background-image:url(../imag/koller.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#work4:hover{opacity:0.9;}
	
	
		#work5{
	width:300px;
	height:800px;
	background-image:url(../imag/triskel.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#work5:hover{opacity:0.9;}
	
		#work6{
	width:300px;
	height:800px;
	background-image:url(../imag/alex1.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#work6:hover{opacity:0.9;}
	
		#workphoto{
	width:300px;
	height:800px;
	background-image:url(../imag/photo1.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#workphoto:hover{opacity:0.9;}
	
	#workflash{
	width:300px;
	height:800px;
	background-image:url(../imag/flash1.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	
	
	
	
	
	#workflash:hover{opacity:0.9;}	
	
	
	
#work7{
	width:300px;
	height:800px;
	background-image:url(../imag/foryou.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.1;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:1px solid #333 ;
	border-right:1px solid #333 ;
	float:left;
	}
	#work7:hover{opacity:0.9;}

 .container {
	 margin-top:15%;
	clear: both;
	float:left;
	width: 100%;
	overflow: hidden;

}

#navi {
	
float: left;
width:100%;
position: relative;
left: 50%;

margin-top:1%;
padding: 0;
list-style-type: none;
}

#navi li {

float: left;
position: relative;
right: 50%;
}
	

#pagemail {
	
	padding:2% 0%;
	margin-top:3%;
	width:100%;
	height:auto;
	min-height:800px;
	
	

	overflow-style:marquee-block;

	background-color:#000;
	
	
	
	
}
#iconmail{
	width:180px;
	height:180px;
	background-image:url(../imag/email%20Kopie.png);
		background-repeat:no-repeat;
	background-size:contain;
	background-position:center;}

	#containermail{

width:100%;
	height:auto;
	min-height:950px;
	font-weight:bold;
		
		margin-top:1%;
		padding-top:2%;
		margin-left:0%;
		left:0%;
	background-color:#000;
	background-image:url(../imag/hintergrund_wolken-Kopie.gif);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.9;
	


}
		
		
		
			
		

#page6{
	bottom:-5px;
	width:100%;}


.mainFooter{
	background-color:#fff;
	width:100%;
	height:auto;
	min-height:350px;
	font-family: Arial, Helvetica, sans-serif;
	}

.footer p {
	
}
.body .mainContent #page6 .mainFooter p .footer .footer {
	color: #999;
	
}

.srcoll {
	font-size: 50%;
}
body,td,th {
	font-family: Arial, "lucia Sans Unicode";
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #fff;
	
				text-shadow: 1px 1px 1px rgba(0,0,0,.9);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
a:active {
	text-decoration: none;
}








#pagek {
	
	padding:0% 0%;
	margin-top:-3%;
	width:99%;
	
	height:90%;
	overflow:hidden;

	overflow-style:marquee-block;

	background-color:#000;
	
	
	
	
}



	#containerken{

width:80%;
height:1200px;
margin-top:-9%;
margin-bottom:1px;
text-align:center;
		padding:0% 0%;
		
		
	background-image:url(../imag_porf/ken3b.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	
}
#black{
	width:100%;
	height:750px;
	background-color:#fff;
	
	
		color:#000;

	font-size:300%;
	font-weight:bold;}
	
	#plus{
		margin-top:2%;
		width:100%;
		
		color:#900;
	text-align:center;
	font-size:55%;
	font-weight:bold;}
	
	
	.me{
		color:#000;
	text-align:center;
	font-size:70%;
	font-weight:bold;
	font-style:italic;}
	

	.me2{
		color:#666;
	text-align:center;
	font-size:95%;
	font-weight:bold;
	font-style:normal;
	}
	
	.me3{
		color:#900;
	text-align:center;
	font-size:110%;
	font-weight:bold;}
	
		.me4{
		color:#900;
	text-align:center;
	font-size:75%;
	font-weight:bold;
	font-style:normal;
	}
	
	#bottomimagME{
	margin-top:-5%;
	margin-bottom:1%;
	width:100%;
	height:400px;

	
	background-image:url(../imag_porf/unterworkserv.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	}	
@media only screen and (min-width: 601px) and (max-width: 790px) 
{
	
#page3 {
	
	padding:0% 0%;
	margin-top:12%;
	width:100%;
	
	height:auto;
	overflow:scroll;

	overflow-style:marquee-block;

	background-color:#000;}
	
	
	
	
	
#container1{

width:100%;
	height:350px;
	font-weight:bold;
		
		margin-top:15%;
		padding-top:5%;
		margin-left:0%;
		left:0%;
	background-color:#000;

}



	#containerken{

width:100%;
height:900px;
margin-top:-2%;
text-align:center;
		padding:0% 0%;
		
		
	background-image:url(../imag_porf/ken2b.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	
}

#maintext{
	width:100%;
	height:200px;
	font-weight:bold;
		font-size:200%;
		color:#fff;
		margin-left:1%;
		margin-bottom:30px;
		top:-40px;
		
		left:1px;
	background-color:#0000;
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	#maintext2{
	width:100%;
	height:80px;
	font-weight:bold;
		font-size:200%;
		color:#fff;
		margin-left:0%;
		
		left:0%;
	background-color:#0000;
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
#work1{
	width:100%;
	height:300px;
	background-image:url(../imag/test1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	#work1:traget{
		opacity:0.9;}
	
	
	
	
	
#con4 {
	position:relative;
	margin-left:10%;
	
	top:-21px;
	width:200px;
	height:150px;
	z-index:6;
	
}




.sb-description h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#fff;
	font-size:11px;
	font-weight:100;
	
}
.sb-description h3:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#900;
	font-size:13px;
	font-weight:bold;
	
}
.sb-description {
	bottom:-100px;
	left:2px;
	right:20px;
	z-index: 10;
	position: absolute;
	border:2px #FFFFFF solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:13px;
	
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fffff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	height: 155px;
	width:155px;
}

 .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
	
}

.sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(40,40,40, 1.0);
	height: 180px;
	width:180px;
		left:-5px;
	right:35%;
	border:0px #FFFFFF solid;
	

}		

	
	
	
	
		#work2{
	width:100%;
	height:300px;
	background-image:url(../imag/test2.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	#work2:hover{opacity:0.9;}	
	
		#work3{
width:100%;
	height:300px;
	background-image:url(../imag/advecoo1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work3:hover{opacity:0.9;}
	
	
	
		#work4{
	width:100%;
	height:300px;
	background-image:url(../imag/koller2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work4:hover{opacity:0.9;}
	
	
		#work5{
	width:100%;
	height:300px;
	background-image:url(../imag/triskel.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work5:hover{opacity:0.9;}
	
		#work6{
	width:100%;
	height:300px;
	background-image:url(../imag/alex1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;;
	float:left;
	}
	
	
	
	
	
	#work6:hover{opacity:0.9;}
	
	#workphoto{
	width:100%;
	height:300px;
	background-image:url(../imag/photo2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;;
	float:left;
	}
	
	
	
	
	
	#workphoto:hover{opacity:0.9;}
	
	
	
	#workflash{
	width:100%;
	height:300px;
	background-image:url(../imag/flash2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#workflash:hover{opacity:0.9;}
	
	
	
#work7{
	width:100%;
	height:300px;
	background-image:url(../imag/foryou.2.png);
	background-repeat:no-repeat;
		background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	#work7:hover{opacity:0.9;}



	
	
	
	
	
.half{
	
	width:95%;}	
}
@media only screen and (min-width: 150px) and (max-width: 600px) 
{
	body{
	
	background-color:rgb(20,20,20)}
	
	
	 #page1{
	
		
		}
	
	
	
	
#page3 img{
		width: 100%;
		background-size:contain;
	height:auto;
	margin: 5% 0;

	
	
}
	 
		
#page3 {
	
	padding:0% 0%;
	margin-top:12%;
	width:100%;
	
	height:auto;
	overflow:scroll;

	overflow-style:marquee-block;

	background-color:#000;}		 
			
	
	.body{
	
	width: 100%;
	font-size:95%;
}	




	.mainHeader nav a:link, .mainHeader nav a:visited {
		
		padding: 10px 25px;
		height:30px;
		display:block;
		
}

.mainHeader nav .active a:link,
.mainContent {
	line-height: 25px;
	
}	
	
	

.container{
	width:100%;
}







	

#container1{

width:100%;
	height:350px;
	font-weight:bold;
		
		margin-top:15%;
		padding-top:5%;
		margin-left:0%;
		left:0%;
	background-color:#000;

}




#pagek {
	
	padding:0% 0%;
	margin-top:-2%;
	width:100%;
	
	height:100%;
	overflow:scroll;

	overflow-style:marquee-block;

	background-color:#000;
	
	
	
	
}

	#containerken{

width:100%;
height:500px;
margin-top:-10%;
text-align:center;
		padding:0% 0%;
		
		
	background-image:url(../imag_porf/ken2b.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	
}


#black{
	width:100%;
	height:550px;
	}
	
	#bottomimagME{
	margin-top:-5%;
	margin-bottom:1%;
	width:100%;
	height:150px;

	
	background-image:url(../imag_porf/unterworkserv.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	}	
	
	
#maintext{
	width:100%;
	height:200px;
	font-weight:bold;
		font-size:200%;
		color:#fff;
		margin-left:1%;
		margin-bottom:30px;
		top:-40px;
		
		left:1px;
	background-color:#0000;
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	#maintext2{
	width:100%;
	height:60px;
	font-weight:bold;
		font-size:200%;
		color:#fff;
		margin-left:0%;
		
		left:0%;
	background-color:#0000;
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	#work1{
	width:100%;
	height:300px;
	background-image:url(../imag/test1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	#work1:traget{
		opacity:0.9;}
	
	
	
	
	
#con4 {
	position:relative;
	margin-left:10%;
	
	top:-21px;
	width:200px;
	height:150px;
	z-index:6;
	
}




.sb-description h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#fff;
	font-size:11px;
	font-weight:100;
	
}
.sb-description h3:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#900;
	font-size:13px;
	font-weight:bold;
	
}
.sb-description {
	bottom:-100px;
	left:2px;
	right:20px;
	z-index: 10;
	position: absolute;
	border:2px #FFFFFF solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:13px;
	
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fffff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	height: 155px;
	width:155px;
}

 .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
	
}

.sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(40,40,40, 1.0);
	height: 180px;
	width:180px;
		left:-5px;
	right:35%;
	border:0px #FFFFFF solid;
	

}		

	
	
	
	
		#work2{
	width:100%;
	height:300px;
	background-image:url(../imag/test2.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	#work2:hover{opacity:0.9;}	
	
		#work3{
width:100%;
	height:300px;
	background-image:url(../imag/advecoo1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work3:hover{opacity:0.9;}
	
	
	
		#work4{
	width:100%;
	height:300px;
	background-image:url(../imag/koller2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work4:hover{opacity:0.9;}
	
	
		#work5{
	width:100%;
	height:300px;
	background-image:url(../imag/triskel.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work5:hover{opacity:0.9;}
	
		#work6{
	width:100%;
	height:300px;
	background-image:url(../imag/alex1.2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#work6:hover{opacity:0.9;}
	
			#workphoto{
	width:100%;
	height:300px;
		background-image:url(../imag/photo2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#workphoto:hover{opacity:0.9;}
	
	
	
			#workflash{
	width:100%;
	height:300px;
		background-image:url(../imag/flash2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
	border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	
	
	
	
	
	#workflash:hover{opacity:0.9;}
	
	
	
#work7{
	width:100%;
	height:300px;
	background-image:url(../imag/foryou.2.png);
	background-repeat:no-repeat;
		background-size:cover;
	background-position:center;
	opacity:0.2;
	
		color:#3C0;
		margin-left:0px;
		
	
border-left:none ;
	border-right:none ;
	border-bottom:#333333 1px solid;
	float:left;
	}
	#work7:hover{opacity:0.9;}


	.scroll{
		color:#fff;
		font-size:1px;}
		
		
		
}