@font-face {
  font-family: oswald-reg;
  /* src: url('webfont.eot'); IE9 Compat Modes */ 
       
src: url('fonts/Oswald-Regular.eot') format('embedded-opentype');

 src:url('fonts/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */
     url('fonts/Oswald-Regular.ttf')  format('truetype');   
       
       
}

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

a:link { text-decoration:none; font-weight: normal; color: black; }
a:visited { text-decoration:none; color: black; } 

a:hover {color: #7A6161;}

#one p:hover  {color: #7A6161;}
.two p:hover  {color: #7A6161;}

a.white:link { text-decoration:none; font-weight: normal; color: white; }
a.white:visited { text-decoration:none; font-weight: normal; color: white; }

a.white:hover {color: #7A6161;}


img {
    border:none;
    outline:none;
}

body { 	

	font-family: oswald-reg, sans-serif;
	letter-spacing: 1px;


	
}

#start_text
{
font-size: 22px;
position: absolute;

margin-left: 100px;
text-align: left;

}

#background
{
	  background: url("bilder/gruen.jpg") no-repeat;
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
background-size: cover;
opacity: 1;
}

#header
{
position: fixed;
width: 100%;
}

@media screen 

and (max-width : 1150px) 
{
#header{

position: absolute;


}


#background
{
	  background: url("") no-repeat;
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
background-size: cover;
top: 4px;
}



}


#wrapper
{
position: absolute;
left: 5%;
width: 90%;

}

h1
{
color: #999;
font-weight: normal;
font-size: 25px;
padding-top: 40px;
z-index: -8;
}

h2
{
padding-bottom: 20px;
font-weight: normal;
font-size: 18px;
}

.hr

{
color:  #black;
border:none;	
border-top:1px black solid;
height: 1px;
padding-top: 5px;
margin-top: 1px;
}



#balken
{
	position: absolute;
top: 0px;
height: 85px;
background-color: white;
z-index: -3;
width: 100%;
}

#navi
{
position: absolute;
top: 120px;

font-size: 18px;
width: 125px;
}

#navi a
{
display: block;
padding-top: 3px;
}

.hl{cursor: pointer;}

.cr{
display: none;
}

.bgc{

}





.photopaint
{
padding-bottom: 7px;
font-size: 15px;
}


#content
{
position: absolute;
left: 300px;
top: 120px;
z-index: -15;
padding-bottom: 30px;

}

#content a img
{
padding-right: 30px;
padding-bottom: 30px;

}

.gallery
{
padding-bottom: 50px;
}


#vita table
{
margin-left: -5px;
font-size: 14px;
}

#exibitions table
{
margin-left: -5px;
font-size: 14px;
}

#scholarship table
{
margin-left: -5px;
font-size: 14px;
}





.hl_vita
{
	color: #999;
padding-bottom: 10px;
font-size: 18px;
}

.vita_year
{
width: 120px;

}

#info p
{
padding-bottom: 15px;
}
#info p span
{
width: 100px;
display: block;
padding-bottom: 5px;
}

#startpic
{
width: 55%;
margin-left: 5%
}

.white
{
color: white;
}

.opacity_none
{
opacity: 0;
}

#flyer
{
		  background: url("bilder/flyer_gruen.jpg") no-repeat;
	background-size: cover;
width: 100%;
height: 100%;
position: fixed;

}

#flyer img
{
width: 100%;


}

#flyer_text
{
position: absolute;
left: 30%;
top: 100px;
font-size: 14px;
}

#subtext_start
{
font-size: 13.5px;
text-align: right;
margin-top: 5px;
font-family: oswald-reg;


}

.dsp_true
{
display: block;
}


.dsp_false
{
display: none;

}

#photo3_text
{
padding-bottom: 20px;
text-align: justify;
width: 90%;
font-size: 16px;
}