@CHARSET "ISO-8859-1";

/* ----------------Reset CSS----------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

body { 
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color:#000;
	background-color:#000;
}


a, a:visited, a:active{
	color: #736c59; 
	text-decoration: none;
	border-bottom: 1px solid; 
}
	
a:hover {color: #000;}


a, a:visited, a:active { 
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;  
	-o-transition: all 0.15s linear;  
	transition: all 0.15s linear;
}

hr{
	margin-top: 15px;
	margin-bottom: 30px;
	border: 0;
	color: #000;
	background-color: #000;
	height: 2px;
}


a.l, a.l:visited, a.l:active{
	display:block;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
	color:#000000;
	border-top: 2px solid #000; 
	border-bottom: 2px solid #000; 
}

a.l:hover {
	background-color:#000;
	color:#d1d0cd;
}

.notop{border-top:none!important;}


a.fb, a.fb:visited, a.fb:active{
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
	display: table-cell;
	position: relative;
	line-height: 20px;
	border-top: 2px solid; 
	border-bottom: 2px solid; 
	
	padding:22px 5px 20px 5px;
	
	width: 170px;
    margin: 0 auto;
}
/*
a.fb:before{
	font-family: "FontAwesome";
	content:"\f09a";
	display: block;
	font-size: 37px;
     	margin-bottom: 20px;
}
*/

/* ----------selection color ---------------*/
::-moz-selection{ background: #adaba6; color:#000; text-shadow: none; }
::selection { background:#adaba6; color:#000; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #adaba6; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }



/* ----------divs---------------*/


#container {
     width: 555px;
     margin: 56px auto;
	 position:relative;
	 z-index:200;
	 background-color: #d1d0cd;
}

#abstand{padding: 60px;}



@media only screen and
(min-device-width:320px) and
(max-device-width:480px){
//	#container { width: 60%;}
}


#logo {
    background: none repeat scroll 0 0;
    width: 245px;
    height: 132px;
    margin: 0 auto;
	margin:100px auto;

}
#logo A {
    background: url("wolf-logo.png") no-repeat scroll 0 0 ;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 132px;
    text-align: left;
    text-decoration: none;
    text-indent: -9000px;
    width: 245px;
}


#stores{
	text-align:center;
	margin-bottom: 70px;
}

#stores p{
	margin-bottom: 40px;
}


.galerie {
  width: 100%;
  height: 555px;
  min-height: 500px;
  position: relative; 
  margin: 0 auto;
  }
  
  

/* ----------typo---------------*/

h1{
	font-weight:300;
	font-size: 30px;
	line-height: 40px;
	text-align:center;
	
}

h2{
	font-weight:700;
	font-size: 20px;
	text-align:center;
	margin-bottom: 30px;
	text-transform:uppercase;
	letter-spacing:2px;
}

h3{
	font-weight:700;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 25px;
}


.signatur{
	margin-top: 15px;
	font-size: 19px;
	text-transform:uppercase;
	font-weight: 700;
	display:block;
	letter-spacing: 3px;
}


em{
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	font-size:1.158em;
}



.zwischen{
	display:block;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
}