@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body{  background: #0D2B3E; margin: 0; padding: 0; font-family: arial; }
    		

#wrapper { width: 1000px;margin: 0 auto;background:#fff;
			margin-top:20px;
			padding:10px 40px 40px 40px;
			 -moz-box-shadow:    2px 1px 12px #C0BDAA;
		-webkit-box-shadow: 2px 1px 12px #C0BDAA;
		box-shadow:         2px 1px 12px #C0BDAA;
			
			}

#top {position:relative; width:100%; height:120px; margin:0;padding:0;}

#menu_bar {position:absolute; top:40px;right:0; width:auto;text-align:right; color:#fff;}

#menu_bar a{background: url('/assets/img/layout/arrow.gif') 0 5px no-repeat;padding-left:30px;line-height:40px;height:60px;display:block;
			font-family: 'Roboto Condensed', sans-serif;color:#0D2B3E; font-weight: 400; font-size:16px;text-decoration:none;}

#menu_bar a:hover{color:#faa61a;}
			
			
#main { 

	}	


#logo { 	top:5px; left:-20px;position:absolute;}


	

    		
ul {list-style:none;margin:0;padding:0; }
ul li{ position:relative;display:block;float:left;
		width:320px;
		height:250px;
		background:#fff;
		margin-right:20px;
					
		transition:All 0.6662s ease-out;
		-webkit-transition:All 0.6662s ease-out;
		-moz-transition:All 0.6662s ease-out;
		-o-transition:All 0.6662s ease-out;
		transform: rotate(0deg) scale(1.0) skew(-0deg) translate(0px);
		-webkit-transform: rotate(0deg) scale(1.0) skew(-0deg) translate(0px);
		-moz-transform: rotate(0deg) scale(1.0) skew(-0deg) translate(0px);
		-o-transform: rotate(0deg) scale(1.0) skew(-0deg) translate(0px);
		-ms-transform: rotate(0deg) scale(1.0) skew(-0deg) translate(0px);
		
		
		
	
	}
									
ul li:hover{ -background:#eee;
		transform: rotate(0deg) scale(1.05) skew(-0deg) translate(0px);
		-webkit-transform: rotate(0deg) scale(1.05) skew(-0deg) translate(0px);
		-moz-transform: rotate(0deg) scale(1.05) skew(-0deg) translate(0px);
		-o-transform: rotate(0deg) scale(1.05) skew(-0deg) translate(0px);
		-ms-transform: rotate(0deg) scale(1.05) skew(-0deg) translate(0px);
	
		
	
		
				}
ul li:last-child { margin-right: 0px;}
  	
ul li .text{padding:20px;position:absolute; top:210px;left:0;color:#666; font-size:13px;}
ul li img{position:absolute; left: 0; top:45px; width:320px; height:180px; border:none;border-bottom:3px solid #faa61a;}

ul li .name{ position:absolute; top:6px;width:320px; padding: 5px 0px; text-align:center;color:#000;font-family: 'Roboto Condensed', sans-serif;font-weight: 400; font-size:20px;background:#faa61a;}

.spruch { font-family: 'Roboto Condensed', sans-serif;color:#4675A7; font-weight: 400; font-size:26px;}
.spruch p{ font-family: 'Roboto Condensed', sans-serif;color:#333; font-weight: 400; font-size:20px;}

ul li .one { width:320px;
		height:250px;border:1px solid #ccc;
	-webkit-animation: linear 3.4s;
    -webkit-animation-name: one;
   	-moz-animation: linear 3.4s;
    -moz-animation-name: one;
	}			

@-webkit-keyframes one /* Safari and Chrome */{
			0% { opacity: 0;}
			20% { opacity: 0; }
			50% { opacity: 1; }
			100% { opacity: 1;}
        
    } 
	
@-moz-keyframes one /* Firefox */ {
			0% { opacity: 0;}
			20% { opacity: 0; }
			50% { opacity: 1;}
			100% { opacity: 1;}
        
    } 	
	
ul li .two { width:320px;
		 height:250px;
		 border:1px solid #ccc;
	-webkit-animation: linear 3.4s;
    -webkit-animation-name: two;
   	-moz-animation: linear 3.4s;
    -moz-animation-name: two;
	
	}			

@-webkit-keyframes two /* Safari and Chrome */{
			0% { opacity: 0;top:100px;}
			50% { opacity: 0;top:100px;}
			80% { opacity: 1;top:0px;}
        
    } 
	
@-moz-keyframes two /* Firefox */ {
			0% { opacity: 0;top:100px;}
			50% { opacity: 0;top:100px;}
			80% { opacity: 1;top:0px;}
        
    } 
	
ul li .three { 
	width:320px;
		height:250px;border:1px solid #ccc;
	-webkit-animation: linear 3.4s;
    -webkit-animation-name: three;
   	-moz-animation: linear 3.4s;
    -moz-animation-name: three;
	}			

@-webkit-keyframes three /* Safari and Chrome */{
			0% { opacity: 0;}
			80% { opacity: 0; }
			100% { opacity: 1;}
        
    } 
	
@-moz-keyframes three /* Firefox */ {
			0% { opacity: 0;}
			80% { opacity: 0;}
			100% { opacity: 1;}
        
    } 
	
			
 /**
  * @COOKIE
  */

#eu_cookie {
background: rgba(150,150,150,1.0);
color:#fff;
}

#eu_cookie a {color:#fff; text-decoration:none;}
#eu_cookie a:hover {text-decoration:underline;}
#eeu_cookie #cookieinhalt {
padding:10px;
padding-top:5px; 
padding-right:40px; 
padding-bottom:10px;
background:rgba(220,220,220,0.5);
}

#eu_cookie {
text-align:center;
position:fixed;
bottom:0px;
z-index:10000;
width:100%; 
font-size:12px; 
line-height:28px;
}

#eu_cookieCloser {
color: #fff;
text-decoration: none;
cursor:pointer;

}

#eu_cookieCloser:hover {
color:#000;
}