/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.5
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { 
	margin:0;
	padding:0;
}

body { 
	background:white;
	height:100%;
}

img { 
	border:none;
}
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:100px 0 0 0; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none;margin:-39px 0 -160px 0;}
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:white; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10;}
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#facebook{
	position: absolute;
	right: 509px;
	padding-top: 10px;
	width: 200px;
	height: 50px;
	}
	
p {
color:black;
font-size: 14px;
line-height: 22px;
font-family: verdana,helvetica,'Trebuchet MS', verdana, helvetica, sans-serif;
padding: 0;
margin: 20px 0 0 0;
}

		
	#sstreifen{
		position: absolute;
		top: 185px;
		right: 700px;
		width: 650px;
		height: 30px;
		
		background-color: white;
		}	
		
#index_pic{
	position: relative;
	margin:0;
	padding: 0;
	float: right;
	width: 1080px;
	height: 518px;
	background-image: url(/pics/index.gif);}		
		
			
#top{
	position: fixed;
	
	margin-top: 0;
	padding-bottom:0;
	width: 100%;
	height: 131px;
	text-align: right;
	background-color: white;
	z-index: 100;}
	
#logo{
	position: relative;
	margin:0 100px 0 0;
	padding: 0;
	width: 434px;
	height: 131px;
	background-image: url(/pics/logo.jpg);
	background-repeat: no-repeat;
	float: right;}

#content{
	position: relative;
	margin: 130px 99px 0 0;
	float: right;
	width: 700px; 
/*	height: 2000px;*/
	background-image: url(/pics/magazine_top.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-color: white;
	border-top: 2px solid black;
	
	}
#black_stripe{
	position: relative;
	margin-right: 99px;
	padding: 130px 0 0 0;
	width: auto;
	height: 489px;
	background-color: black;
	
	text-align: right;
	clear: both;
	}

#pic_about{
	width: 365px;
	height: 489px;
	float: right;
	background-image: url(/pics/about.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid white;}
	
#box_about{
	width: 365px;
	height: 470px;
	float: right;
	margin: 0 99px 100px 0;
	border-bottom: 7px solid black;
	color: white;}
#box_about_u{
	width: 365px;
	height: 470px;
	float: right;
	margin: 0 -826px 100px 0;
	border-bottom: 7px solid black;

	color: white;}
	
#box_about p{
	color:white;
font-size: 14px;
line-height: 13px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px -30px 0 0;}
	
#presse{
	position: relative;
	margin-top: 130px;
	margin-right: 99px;
	
	float: right;
	width: 1000px;
	height: 900px;
	text-align: right;
	background-color:white;
	border-top: 2px solid black;
	border-bottom: 7px solid black;}
	
#presse a{
	color: #33cc66;
	background-color: white;}
	
#impressum{
	position: relative;
	margin-top: 130px;
	margin-right: 99px;
	background-image: url(/pics/impressum.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float: right;
	width: 1000px;
	height: 900px;
	text-align: right;
	background-color:white;
	border-top: 2px solid black;
	}	
	
span.impressum{ text-decoration: underline;}
	
#text{
	position: relative;
	margin: 485px 0 0 0;
	text-align: right;
	font-family: Verdana, Arial, Geneva, sans-serif;
	
}

#text4{
	position: relative;
	margin: 664px 0 0 0;
	text-align: right;
	font-family: Verdana, Arial, Geneva, sans-serif;
	
}

#text_shops{
	position: relative;
	margin: 10px 0 0 0;
	padding-bottom: 30px;
	text-align: right;
	font-family: Verdana, Arial, Geneva, sans-serif;
}

#text_shops h1 {
font-family: Verdana, Arial, Geneva, sans-serif;
letter-spacing:0.1em;
padding: 30px 0 0 0;
text-align:right;
color: black;
text-transform: lowercase;
font-size: 16px;
font-weight: bold;
}

#text_shops p {
font-size: 16px;
line-height: 16px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
}

#linie {
width: 700px;
height: 2px;
border-bottom: 1px solid black;
}

h1 {
font-family: Verdana, Arial, Geneva, sans-serif;
letter-spacing:0.1em;
padding: 10px 0 15px 0;
text-align:right;
color: black;
text-transform: lowercase;
line-height: 100%;
font-size: 16px;
font-weight: bold;

}
.h1 contact {
font-family: Verdana, Arial, Geneva, sans-serif;
letter-spacing:0.1em;
padding: 10px 0 15px 0;
text-align:right;
color: white;
text-transform: lowercase;
line-height: 100%;
font-size: 16px;
font-weight: bold;
}

h2 {
padding: 15px 0 15px 0;
font-family: Verdana, Arial, Geneva, sans-serif;
letter-spacing:0.3em;
text-align:left;
text-transform: lowercase;
line-height: 100%;
font-size: 14px;
font-weight: normal;
}

h3 {
font-size:14px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

a {
color: #33cc66;
padding: 0 10px;
text-decoration: none;
font-family:verdana, helvetica,'Trebuchet MS',helvetica, sans-serif;
font-size: 16px;
letter-spacing: -1px;
}	

.presse {
color:black;
font-size: 14px;
line-height: 15px;
font-family: verdana, verdana, helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 0 0 0;
}

#presse p {
background-color: #d9d9d9;
}

#impressum  p{
color:black;
font-size: 14px;
line-height: 15px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 0 0 0;
text-decoration: none !important;
}

.span about p{
color:white !important;
font-size: 14px;
line-height: 15px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 0 0 0;
text-decoration: none !important;
}

/*==========================  MAGAZINE  ==========================*/

.magazine-container {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #7f7e7e;
	/*border-right: 1px solid #7f7e7e;*/
}

.magazine-img {
  float: right;
  background-repeat: no-repeat;
  background-position: right;
  text-align: right;
}

.magazine-nr {
	position: absolute;
	top: 0; left: -240px;
}

#box5 {
	width: 700px;
	height: 462px;
	background-image: url(/pics/portfolio/magazine-5/cover-mag-5.jpg); }
#box4 {
	width: 700px;
	height: 654px;
	background-image: url(/pics/mag_4.jpg); }
#box3 {
	width: 700px;
	height: 462px;
	background-image: url(/pics/mag_3.jpg); }
#box2 {
	width: 700px;
	height: 467px;
	background-image:url(/pics/pic_2.jpg); }	
#box1 {
	width: 700px;
	height: 474px;
	background-image:url(/pics/pic_1.jpg); }

.magazine-container h1 { margin: 10px 0 0 0; /*padding-right: 15px;*/ }
.magazine-container p { margin: 0 0 0 0; /*padding-right: 15px;*/ }
.main-magazine p { text-align: right; }

.mag-preview { clear: both; display: block; padding-top: 12px;  }
.mag-preview a img { margin-bottom: 10px; }

.magazine {
color:#7f7e7e;
font-size: 14px;
line-height: 25px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 10px 0 0 0;
text-align: right;
}


.magazine1{
color:black;
font-size: 14px;
line-height: 25px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 220px 0 0 0;
text-align: right;
}


h4{
color:#7f7e7e;
font-size: 14px;
line-height: 25px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 0 0 0;
text-align: right;
}


.magazine2{
color:black;
font-size: 14px;
line-height: 25px;
font-family: verdana,helvetica,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 0 0 0;
text-align: right;
}


.contact {
color:white;
font-size: 18px;
line-height: 20px;
font-family: helvetica, verdana,'Trebuchet MS', sans-serif;
padding: 0;
margin: 20px 10px 0 0;
text-align: right;
}


/*------------------------------contact---------*/
#bg_contact{
position: relative;
margin-right: 0;
padding: 130px 0 0 0;
width: auto;
height: 1700px;
background-image: url(/pics/bg_contact.jpg);
background-color: black;
text-align: left;
clear: both;
}

	
#contact_box{
width: 500px;
height: 389px;
float: right;
margin-top: 30px;
margin-right: 50px;
margin-bottom: 100px;
margin-left: 0pt;
}


#form{
position: relative;
padding-right: 99px;
width: 432px;
height: 690px;
background-color: white;
float: right;
}


/*------------menu----------------*/	
#menu {
position: relative;
width: 600px;
height: 50px;
text-align: left;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 16px;
margin:101px -507px 0 0;
float: right;
z-index: 500;
}

#menu ul{ list-style-type: none; }


#menu ul li{	
list-style-type: none;
color: black;
display: inline;
padding: 4px;
}


#menu ul li a{
text-decoration: none;
list-style-type: none;
background-color: none;
text-align: left;
color: #302f2f;
display: inline;
margin:0 0 0 -27px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 16px;
}


#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
background-color: none;
text-align: right;
color: #302f2f;
display: inline;
margin:0 0 0 -27px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 16px;
}


/*----------menu index-----------------------------------------------*/


#menu_index {
position: relative;
width: 1080px;
height: 518px;
text-align: left;
font-family: verdana, helvetica, arial, sans-serif;
display: block;
font-size: 16px;
margin:93px 99px 0 0;
float: right;
}


#menu_index  ul{
width: 1080px;
height: 518px;
list-style-type: none;
}


#menu_index  ul li{
width: 1080px;
height: 518px;
list-style-type: none;
color: black;
display: block;
background-image: url(/pics/c.gif);
background-repeat: no-repeat;
}


#menu_index  ul li a{
width: 1080px;
height: 518px;
text-decoration: none;
list-style-type: none;
background-color: none;
text-align: left;
color: #302f2f;
display: block;
margin:0 0 0 -27px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 16px;
}


#menu_index  ul li a:hover{
width: 1080px;
height: 518px;
margin:-2px 50px 0 0;
list-style-type: none;
color: black;
display: block;
background-image: url(/pics/d.jpg);
background-repeat: no-repeat;
}


/*----------------------- blog -------------------------*/
.blog-iframe {
	float: left;
	display: block;
	margin: 130px 0 0 -2px;
	height: 100%;
	width: 100%; }

.iframe-container {
	height: 100%; }

/*----------------------- social-links -------------------------*/
.social-links {
	position: absolute;
	z-index: 100;
	top: 48px;
	left: 105px;
	width: 200px;
	height: 20px;
	list-style: none; }
/*.social-links li { width: 20px; height: 20px; }*/
.social-links li a {
	float: left;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-size: 80px 20px;
	background-image: url(../img/social-icons.png); }
.social-links .flickr a { background-position: 0 0; }
.social-links .facebook a { background-position: -40px 0; }
.social-links .tumblr a { background-position: -20px 0; }
.social-links .instagram a { background-position: -60px 0; }