@charset "UTF-8";
/* CSS Document für www.michaelrast.com*/

body {	 -webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
        color: #000;
	font-family: 'Droid Sans', sans-serif;
	font-weight:normal;
	font-size: 12px;
	display:compact;
	background-color:#fff;
	
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

#wrap {
	width: 1038px;
	height:inherit;	
        background-color: #fff;
	border: 0px solid #000;
	padding: 0px;
    margin: 0px auto;
	overflow-y:auto;	
		overflow-x:hidden;
}

.header {
	width: 100%;
	background: url(vorschau_306x180/logo_100.svg) no-repeat;
	background-position-x: center;
		background-position-y: top;
	height:160px;
	border:dotted 1px #fff;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
	
h1 {
	font-size: 16px;
	margin-left:23px;
	margin-top:13px;
	}	

a.hyper:link, a.hyper:visited, a.hyper:hover, a.hyper:active {
	color: #000;
		text-decoration:none;
	}

p {padding:0 20px;}


.fotoserie {
	width:306px;
	height:180px;
	background-color:f5f5f5;
	border:0px solid #ccc;
	float:left;
	margin-left:23px;
	margin-right:17px;
	margin-bottom:40px;

	}	

#footer {
	width: 100%;
	height:80px;
	}

.icon {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .icon:hover {
      opacity: 0.5;
      }

@media only screen and ( max-width:1050px ) {
	#wrap {
	width: 692px;
}
	
}
@media only screen and ( max-width:720px ) {
	#wrap {
	width: 331px;
    margin: 0px auto;
	padding:0px;
}
/*.header {
	width: 100%;
	background: url(vorschau_306x180/logo.gif) no-repeat;
	height:120px;
	border:dotted 1px #fff;
	margin-left:0px;
	margin-bottom:80px;
	overflow:visible;
	}
h1 {margin-top:80px;
	margin-left:23px;
	}	*/
.fotoserie {
		width:306px;
	height:180px;
	margin-left:23px;
	margin-right:0px;
	margin-bottom:40px;

	}	
	.header {
	
	background-position-x: right;
	}
}