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

src: url('Courier_Prime.eot');
src:  
		url('Courier_Prime.svg') format('svg'),


		url('Courier_Prime.woff') format('woff'),
		url('Courier_Prime.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: #9F8E9F; }

body { 	
	text-align: center;	
	font-family: 'pcourier' ;
	letter-spacing: 1.5px;
	background-color: white;
;
	
}
 img {
    border:none;
    outline:none;
}


#container
{
max-width: 1100px;
position: relative;
margin: 0 auto;
width: 90%;
}

#background {
 z-index: -1;
width: 40%;
position: fixed;
left: 30%;
top: 150px;
}

#header
{
height: 100px;
z-index: 100;

width: 100%;
padding-top: 30px;
margin: 0 auto;
position: relative;

text-align: right;
max-width: 1100px;


}

#headblock
{
position: fixed;
top: 0px;
display: none;
background-color:white;
height: 150px;
z-index: 80;
width: 100%;
}
@media screen 

and (max-width : 1000px) 
{
#headblock
{
position: fixed;
top: 0px;
display: none;
background-color: white;
height: 120px;
z-index: 80;
width: 100%;
display: none;
}
}

h1 {
text-align: left;
font-weight: normal;

font-size: 45px;
font-weight: normal;

}
h1 a{
color: #156b82;

}

@media screen 

and (max-width : 1100px) 
{
h1 {
text-align: left;
font-weight: normal;

font-size: 35px;
font-weight: normal;
color: #156b82;
}
h1 a{
color: #156b82;

}
}



h2
{
top: 45px;
position: absolute;
font-size: 22px;
right: 0px;
font-weight: normal;
}

@media screen 

and (max-width : 1100px) 
{
h2
{
top: 42px;
position: absolute;

right: 0px;
font-size: 16px;
font-weight: normal;
}
}

#bg
{

	z-index: -1;
	position: absolute;
	top: 140px;
	width: 80%;
	left: 10%;
}



#navi_1
{
	left: 10%;
position: absolute;
top: 120px;

list-style: none;}

#navi_1  li
{
margin-top: 10px;
text-align: left;
padding-left: 2%;
}
#navi_2
{

text-align: right;
list-style: none;

}

@media screen 

and (max-width : 1100px) 
{
#navi_2
{
font-size: 12px;
text-align: right;
list-style: none;

}
}
#navi_3
{
position: absolute;
text-align: left;
list-style: none;


}

#sonstiges
{
position: absolute;
text-align: left;
list-style: none;
z-index: 5;
padding-bottom: 15px;

}

#sonstiges li 

{
margin-top: 40px;
font-size: 22px;
background-color: black;
color: white;
text-align: center;
}

#sonstiges li a

{
display: block;
color: white;
}


#sonstiges  li a:hover
{
color: #9F8E9F;

}

#navi_3 li
{
margin-top: 40px;
font-size: 22px;
background-color: black;
width: 90px;
text-align: center;
}

#navi_3  li a
{
color: white;
}

#navi_3   li a:hover
{
color: #9F8E9F;

}

#infon{
text-align: left;
position: absolute;
right: 100%;
width: 100px;


margin-right: -100px;
}

#navi_2  li
{
display: inline;
padding-left: 2%;


}


.thumbs{

position: relative;
text-align: right;
padding-bottom: 40px;
padding-top: 30px;
    width: 80%;
    left: 20%;
}
}


.thumbsback
{
	top: 140px;
	right: 10%;
position: fixed;


height: 100%;
z-index: -1;
max-width: 750px;
padding-bottom: 40px;
width: 60%;}




.mar
{
margin-left: 15px;
margin-right: 0px;
margin-bottom: 15px;
height: 120px;
}
@media screen 

and (min-width : 1400px) 
{
.mar
{
margin-left: 15px;
margin-bottom: 15px;
height: 150px;
}
}


#content{
width: 650px;
height: 400px;

	right: 9%;
position: absolute;
top: 170px;
text-align: right;
}

.thumbstone
{
height: 120px;
margin: 5px;
}


#info{
left: 10%;
position: absolute;
top: 80px;
}

#copy
{

position: fixed;
bottom: 0;
text-align: left;
width: 90%;
z-index: 1;

height: 30px;
max-width: 1100px;
background-color: white;
}

@media screen 

and (max-width : 1000px) 
{
#copy
{

position: fixed;
bottom: 0;
text-align: left;
width: 90%;
z-index: 1;
display: none;
height: 30px;
max-width: 1100px;
background-color: white;
}




}

#startpic
{
position: relative;
margin: 0 auto;
width: 60%;
top: 50px;

}

#infotext
{
right:  10%;
position: absolute;

text-align: left;

width: 60%;
}

#infopic
{
position: fixed;
right: 10%;
top: 200px;
width: 17%;
}

@media screen 

and (max-width : 1200px) 
{
#infopic
{
width: 25%;
right: 0px;
position: absolute;
top: 0px;
min-width: 70px;
}
}


.vitayear
{
padding-top: 10px;
display: inline-block;
width: 130px;
text-align: right;

}

.vitae
{
padding-top: 10px;
position: relative;
padding-left: 20px;
text-align: left;
left: 0px;
}

#ausstellungen
{
text-align: left;
margin-top: 40px;
margin-left: 90px;
}

.ma_aus
{
margin: 15px 0 5px;
font-size: 18px;

}


#logo
{
    position: absolute;
    right: 0%;

    z-index: -1;
    opacity: 1;
    top: -20px;
    width: 300px;
}

}

#infotext1
{

    width: inherit;
}

}