@import url('reset.css');
body{
	background:#bdbbbb url(../images/pinstripe.gif) repeat-x top left;
	color:#000;
	font-family: Georgia, "Times New Roman",sans-serif;
	font-size:12px;
}
a{
	color:#000;
	text-decoration:none;
}
#header h1{
	margin:10px 0 0 20px;
	font-size:80px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	color:#444;
	font-family: 'Wire One', arial, serif; 
}
#header span{
	font-style:italic;
	margin:-10px 0 10px 188px;
	display:block;
	color:#555;
	text-shadow:1px 1px 1px #fff;
}
.iw_wrapper{
	width:70%;
	margin:50px auto 100px auto;
	position:relative;
}
ul.iw_thumbs li{
	float:left;
	margin:5px;
}
ul.iw_thumbs li div{
	position:absolute;
	top:5px;
	width:180px;
	padding:0px 10px;
	display:none;
	color:#fff;
	z-index:100;
}
ul.iw_thumbs li div h2{
	font-family: 'Wire One', arial, serif;
	font-size:38px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
}
ul.iw_thumbs li div p{
	font-size:11px;
	line-height:16px;
	font-size: 13px;
  line-height: 19px;
	font-style:italic;
}
ul.iw_thumbs li:nth-child(1){
	margin-left:50px;
}
ul.iw_thumbs li:nth-child(even){
	margin-top:30px;
}
ul.iw_thumbs li:nth-child(3n){
	margin-left:20px;
}
ul.iw_thumbs li img{
	border:7px solid #fff;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;
	z-index:1;
}
*+html ul.iw_thumbs li img{
position:relative;
z-index:11000;
}
ul.iw_thumbs li img:hover{
	-moz-box-shadow:1px 1px 7px #777;
	-webkit-box-shadow:1px 1px 7px #777;
	box-shadow:1px 1px 7px #777;
}
ul.iw_thumbs li:nth-child(even) img{
	height:20px;
}
ul.iw_thumbs li:nth-child(odd) img{
	height:40px;
}
ul.iw_thumbs li:nth-child(5n) img{
	height:70px;
}
ul.iw_thumbs li:nth-child(6n) img{
	height:110px;
}
ul.iw_thumbs li:nth-child(7n) img{
	height:20px;
}
.iw_ribbon{
	position:fixed;
	height:126px; /*first 126 then 0 to close and 100% to open (while top goes to 0) */
	height:226px;
	width:0px;/*first 0 then animate to 100%*/
	left:0px;/*or right 0*/
	top:0px; /*First, top of thumb, then animate to 0*/
	background:#000;
	opacity:0.8;
	z-index:10;
	overflow:hidden;
	display:none;
}
*+html .iw_ribbon{
/*position:relative;*/
background-color:transparent;
/*background-image: url(../images/bg.png);
background-repeat:repeat;*/
z-index:10;
}
.iw_close{
	position:absolute;
	top:10px;
	right:10px;
	background:transparent url(../images/close.png) no-repeat center center;
	width:22px;
	height:22px;
	display:none;
	cursor:pointer;
	background-size: 20px 20px;
}
.iw_zoom{
	color:white;
	font-size:8px;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	padding:14px;
	display:none !important;
	float:right;
	margin-right:30px;
}
.iw_ribbon img{
	position:absolute;
	top:50%;
	left:50%;
	border:7px solid #fff;
	z-index:10001;
}
.iw_loading{
	background: #fff url(../images/loader.gif) no-repeat center center;
	width:28px;
	height:28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	margin: -14px 0px 0px -14px;
	opacity:0.8;
}
/* Footer Style */
.footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#000;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	z-index:4;
}
.footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.footer a:hover{
	color:#fff;
}
.footer a span{
	font-weight:bold;
}
.footer a.left{
	float:left;
}
.sweetMenuAnchor{
	/*border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;*/
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	color:#ddd;
	font-size: 13px;
	text-align: right;
	text-decoration: none;
	background:#000;
	opacity:0.8;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	background-size: 15px 15px;
}

.sweetMenuAnchor span{
	display: block;
	padding-top: 4px;
}
.bild {
	float:left;
}
.bild img{
	border:7px solid #fff;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;
}
.text{
	width:450px;
	float:right;
	color:#555;
	text-shadow:1px 1px 1px #fff;
	font-size: 15px;
	line-height: 1.4;
}
.text h2{
	font-size:30px;
	font-size:35px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	color:#444;
	font-family: 'Wire One', arial, serif; 
}
.text_only{
	width:750px;
	float:left;
	color:#555;
	text-shadow:1px 1px 1px #fff;
	font-size: 15px;
	line-height: 1.4;
}
.text_only h2{
	font-size:30px;
	font-size:35px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	color:#444;
	font-family: 'Wire One', arial, serif; 
}
.opennav, .closebtnnav {
	display: none;
}
/* Responsive */

@media only screen and (max-width: 767px) {
	
html, body {
	overflow-x: hidden;
}
body {
  background-image: none;
  background-color: #efefef;
}
#header {
	width: 80%;
	margin: 0 auto;
}	
#header h1 {
  margin: 10px 0 0 0;
}
#header span {
  font-style: italic;
  margin: 10px 0 0 0;
}
.iw_wrapper {
	width: 80%;
}	
.text_only {
  width: 100%;
  float: none;
}
.bild {
	float: none;
	margin-bottom: 20px;
}
.bild img {
	width: 100%;
	height: auto;
}
.text {
  width: 100%;
  float: none;
}
.masonry-brick, ul.iw_thumbs li {
  position: relative !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  top: unset !important;
  left: unset !important;
}
.masonry-brick img, ul.iw_thumbs li img {
  width: 100%  !important;
  height: auto !important;
  pointer-events: none !important;
}
	
ul.iw_thumbs li div {
  position: relative;
  top: unset;
  margin-top: 10px;
  width: 100%;
  padding: 0px 10px;
  display: block;
  color: #555;
  z-index: 100;
  margin-bottom: 20px;
}
.iw_ribbon {
	display: none !important;
}	
.footer {
  position: fixed;
  height: 40px;
  padding-bottom: 10px;
  text-align: center;
}
.footer a {
  float: none;
  display: block;
}
.footer a.left {
  float: none;
  width: 100%;
  display: block;
}
	
ul.rex-navi1 {
	
	text-align: center;
	
	height: 0;
  width: 100%;
  position: fixed; 
  z-index: 1000; 
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0, 0.9); 
  overflow-x: hidden; 
  transition: 0.5s; 
	
}
ul.rex-navi1 li {
	padding: 7px;
}
ul.rex-navi1 li:first-child {
	padding-top: 80px;
}
ul.rex-navi1 li a {
	color: #fff;
	font-size: 18px;
}	
.opennav {
	display: block;
  	position: absolute;
	top: 10px;
    right: 15px;
    font-size: 35px;
	cursor: pointer;
}
.closebtnnav {
	display: none;
  	position: absolute;
	top: 10px;
    right: 15px;
    font-size: 45px;
    color: #fff;
    z-index: 11000;
}
	
}