@font-face { font-family: 'source_sans_l'; 

src: url('Muli-Light.eot');
src: url('fonts/light.ttf') format('truetype'),
url('Muli-Light.woff') format('woff')
; }

@font-face { font-family: 'source_sans_r'; 

src: url('Muli-Light.eot');
src: url('fonts/regular.ttf') format('truetype'),
url('Muli-Light.woff') format('woff')
; }



* { 
	margin: 0px;
	padding: 0px; 	
}

a:link { text-decoration:none; font-weight: normal;  color: #674e64; }
a:visited { text-decoration:none; color: #674e64; } 


#navi_left a:link { text-decoration:none; font-weight: normal;  color: #256071; }
#navi_left a:visited { text-decoration:none; color: #256071; } 

h1 a:visited { text-decoration:none; color: white; } 
h1 a:link { text-decoration:none; font-weight: normal;  color: white; }
/*a:hover { color: #A32900; }*/

body { 	
	text-align: left;	
	font-family: 'Source_sans_l', sans-serif;
	color:  #666666;
	letter-spacing: 0.08em;

	
}
 img {
    border:none;
    outline:none;
}

#header a li:hover

{
border-color: white;
} 

#aktuell a:hover
{

font-style: italic;
}

#clickme:hover
{
cursor: pointer;


}

#wrapper
{
max-width: 1200px;
margin: 0px auto;

}

#balken
{
height: 150px;
z-index: 1;
background-color:  #ba8e19;

width: 100%;
border-bottom: 5px solid white;
}

#header
{
height: 150px;
background-color: #ba8e19;
	font-family: 'Source_sans_r', sans-serif;
width: 100%;
z-index: 5;

max-width: 1200px;
}

h1
{
padding-top: 85px;
padding-left: 30px;
font-size: 40px;
}

h2
{

font-size: 20px;
}

#leistung h2
{
font-size: 18px;
}


#navi_1
{
top: 90px;
font-size: 18px;
padding-right: 20px;
text-align: right;
position: absolute;
right: 0px;
}

#header a li
{
display: inline-block;
color: white;
list-style: none;
height: 41px;
padding: 18px 30px 0px;

border-width: 1px;
border-style: solid;
border-color:   #ba8e19;  
border-bottom: none;

border-top-left-radius: 5px;
border-top-right-radius: 5px;

}





h1 a
{
color: white;
}

#navi_malerei
{

position: relative;

}

#navi_left
{
padding-left: 30px;
margin-top: 200px;

	font-family: 'Source_sans_l', sans-serif;
	color: #256071;
}

.malerei_main
{
padding-bottom: 15px;
list-style: none;
}

.years
{
padding-bottom: 5px;
list-style: none;

}

#navi_info
{
padding-top: 30px;
list-style: none;
color:  #256071;
}

#navi_info li
{
list-style: none;
padding-bottom: 15px;
}
#content
{
padding-bottom: 20px;
top: 200px;
right: 0px;
text-align: right;
position: relative;
margin-left: 350px;
padding-right: 40px;
}



.gallery h2
{
padding-bottom: 15px;
font-size: 16px;
}


#kontakt
{
padding-bottom: 20px;
top: 200px;
right: 0px;
text-align: left;
position: relative;
margin-left: 300px;
padding-right: 40px;
font-family:  'Source_sans_l', sans-serif;
}

#kontakt h2
{
padding-bottom: 20px;
}

#exib
{
padding-bottom: 20px;
top: 200px;
right: 0px;
text-align: left;
position: relative;
margin-left: 300px;
padding-right: 40px;
font-family:  'Source_sans_l', sans-serif;
}

#exib table
{
text-align: left;

padding-bottom: 40px;
}

.hl_exib
{
font-family:  'Source_sans_r', sans-serif;
padding-bottom: 10px;
font-size: 20px;
padding-left: 10px;
}
.exib_year
{
width: 140px;
}

.exib_year1
{
width: 60px;
}

#shop
{
padding-bottom: 20px;
top: 200px;
text-align: left;
position: relative;
margin-left: 350px;
padding-right: 40px;
}



#media
{
padding-bottom: 20px;
top: 200px;
text-align: left;
position: relative;
margin-left: 350px;
padding-right: 40px;
}

#media div
{
position: relative;
padding-top: 70px;
clear: left;
}

#content a img

{
height: 90px;
}


/*#media img
{
width: 100%;
}
*/
#media img
{
width: 200px;
display: block;
float: left;
padding-right: 50px;

}

#media h2
{
font-size: 20px;
padding-bottom: 15px;
}


.mar
{
/*height: 150px;*/
margin-left: 15px;
margin-bottom: 15px;
}


#leistung
{
padding-bottom: 20px;
top: 200px;
right: 0px;
text-align: left;
position: relative;
margin-left: 300px;
padding-right: 40px;
}

.ul_leistung
{
list-style-type:circle;
padding-bottom: 30px;
margin-left: 15px;
}

.ul_leistung li
{
padding-bottom: 5px;
}


#aktuell
{
padding-bottom: 50px;
top: 200px;
right: 0px;
text-align: center;
position: relative;
margin-left: 300px;
padding-right: 40px;
}

#aktuell img
{
width: 42%;

padding-top: 30px;
}



#referenzen
{
padding-bottom: 20px;
top: 200px;
text-align: left;
position: relative;
margin-left: 350px;
padding-right: 40px;
}

#referenzen a
{
font-style: italic;
}



#referenzen h2
{
padding-bottom: 25px;	
    font-size: 18px;
    font-family: "Source_sans_l",sans-serif;
}


.ref_wrapper
{
padding-bottom: 35px;
}

.ref_pics
{


position: relative;

}


#referenzen img
{

margin-right: 15px;
margin-bottom: 15px;
}


.ref_text
{
font-family: "Source_sans_l",sans-serif;



padding-bottom: 20px;
}


#ueber
{
padding-bottom: 20px;
top: 200px;
text-align: left;
position: relative;
margin-left: 350px;
padding-right: 40px;
}

#ueber h2
{
padding-bottom: 30px;
}

#ueber div
{
padding-bottom: 50px;
}

#ueber p
{
padding-left: 50px;
padding-bottom: 10px;
}

#ueber_pics img
{
margin-left: 0px;
margin-right: 15px;
}


@media screen and (max-width: 1150px){
	
	#header
	{
	height: 150px;
	background-color: #ba8e19;
	position: absolute;
	width: 100%;
	z-index: 5;
	font-family: 'Source_sans_r', sans-serif;
	max-width: 1200px;
	}	
	
	#balken
	{
	height: 150px;
	z-index: 1;
	background-color:  #674e64;
	position: absolute;
	width: 100%;
	border-bottom: 5px solid white;
	}	
	
	h1
	{
	
	padding-top: 15px;
	padding-left: 30px;
	font-size: 40px;
	}

	#navi_1
	{

	font-size: 18px;
	text-align: left;
	position: absolute;
	left: 0px;
	padding-left: 30px;

	}

	.mar
	{
	/*height: 100px;*/
	margin-left: 15px;
	margin-bottom: 15px;
	}

	#content
	{
	padding-bottom: 20px;
	top: 200px;
	right: 0px;
	text-align: left;
	position: relative;
	margin-left: 300px;

	padding-right: 25px;
	}

}


.abs{
position: absolute;
}
.fix{
position: fixed;
top: -60px;
}

#rauch
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/rauch1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#rauch:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/rauch2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#earth
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/earth1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#earth:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/earth2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#explain
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/exp1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#explain:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/exp2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}


#vog
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/vog1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#vog:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/vog2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}


#family
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/fam1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#family:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/fam2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}


#against
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/again.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#against:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/again2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#guitar
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/guitar1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#guitar:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/guitar2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#hogan
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/hogan1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#hogan:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/hogan2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}


#boots
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/boots1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#boots:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/boots2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dance
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/dance1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#dance:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/dance2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}


#fts16
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/fts1.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#fts16:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/fts2.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#deaf
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/deaf_01.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#deaf:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/deaf_02.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#harbour
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/h_01.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#harbour:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/h_02.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}



#steiger
{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/Steiger_01.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}
#steiger:hover

{

width: 200px;
height: 150px;
background-image: url("bilder/alive/live/Steiger_02.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}




#barc1
{
width: 200px;
height: 150px;
background-image: url("bilder/media/barcelona.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#barc1:hover
{
background-image: url("bilder/media/barcelona_p.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#dok
{
width: 200px;
height: 150px;
background-image: url("bilder/media/a.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dok:hover
{
background-image: url("bilder/media/a_i.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#barc2
{
width: 200px;
height: 150px;
background-image: url("bilder/media/barcelona_i.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#barc2:hover
{
background-image: url("bilder/media/barcelona_i_p.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}
#steps
{
width: 200px;
height: 150px;
background-image: url("bilder/media/few_steps.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#steps:hover
{
background-image: url("bilder/media/few_steps_p.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}


#magic
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/magic.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#magic:hover
{
background-image: url("bilder/alive/live/magic_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}


#safari
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/safari.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#safari:hover
{
background-image: url("bilder/alive/live/safari_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#warm
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/EM2016warmup.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#warm:hover
{
background-image: url("bilder/alive/live/EM2016warmup_2.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#teaser
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/teaser.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#teaser:hover
{
background-image: url("bilder/alive/live/teaser_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#maxdog
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/Max+Falk_DBAC_2016.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#maxdog:hover
{
background-image: url("bilder/alive/live/Max+Falk_DBAC_2016_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#jonash
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/jonas_falk.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#jonash:hover
{
background-image: url("bilder/alive/live/jonas_falk_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}

#dbc2014
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/max_falk.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dbc2014:hover
{
background-image: url("bilder/alive/live/max_falk_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}
#dance01
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/FT_dancing_01.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dance01:hover
{
background-image: url("bilder/alive/live/FT_dancing_01_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}
#dance02
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/FT_dancing_02.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dance02:hover
{
background-image: url("bilder/alive/live/FT_dancing_02_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}
#dance03
{
width: 200px;
height: 150px;
background-image: url("bilder/alive/live/FT_dancing_03.jpg");
background-size: cover;
float: left;
margin-right: 50px;
}

#dance03:hover
{
background-image: url("bilder/alive/live/FT_dancing_03_02.jpg");
background-size: contain;
width: 200px;
height: 150px;
float: left;
}