@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro|Orienta|Open+Sans|Pontano+Sans);

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

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

a:hover { color: #A32900; }

body { 	
	text-align: center;	
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.5px;
	background-color: #999999
;
	
}
 img {
    border:none;
    outline:none;
}

#header
{
height: 100px;
z-index: 100;
background-color: #999999;
width: 80%;
padding-top: 50px;
margin: 0 auto;
position: fixed;
left: 10%;
text-align: right;

}

@media screen 

and (max-width : 1000px) 
{
#header
{
height: 100px;
z-index: 100;
background-color: #999999;
width: 80%;
padding-top: 50px;
margin: 0 auto;
position: absolute;
left: 10%;
text-align: right;
}
}
#headblock
{
position: fixed;
top: 0px;

background-color: #999999;
height: 150px;
z-index: 80;
width: 100%;
}
@media screen 

and (max-width : 1000px) 
{
#headblock
{
position: fixed;
top: 0px;

background-color: #999999;
height: 120px;
z-index: 80;
width: 100%;
display: none;
}
}
h1 {
text-align: left;


font-weight: normal;
color: #A32900;
font-size: 30px;
}

#language
{
text-align: right;
top: 35px;
position: relative;
display: inline;
}

#line {
border: medium none;
padding-left: 10%;
background-color: grey;
height: 1px;
}

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

list-style: none;}

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

text-align: right;
list-style: none;
margin-top: 7px;
}

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


margin-right: -100px;
}

#navi_2  li
{
display: inline;
margin-left: 7%;

}

.thumbs{

	top: 150px;
	right: 10%;
position: absolute;
text-align: right;
/*max-width: 750px;*/
padding-bottom: 40px;
padding-top: 10px;
width: 60%;
}


.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
{
left: 10%;
position: fixed;
bottom: 0;
text-align: left;
width: 80%;
z-index: 100;

height: 30px;
background-color: #999999;
}

@media screen 

and (max-width : 1000px) 
{
#copy
{
left: 10%;
position: fixed;
bottom: 0;
text-align: left;
width: 80%;
z-index: 100;
display: none;
height: 30px;
background-color: #999999;
}
}

#startpic
{
position: relative;
margin: 0 auto;
width: 50%;
top: 200px;
text-align: left;
padding-left: 100px;
}

#infotext
{
right:  10%;
position: absolute;
top: 190px;
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
{

display: inline-block;
width: 100px;

}

.vitae
{
position: relative;

text-align: left;
left: 0px;
}


#logo
{
    position: absolute;
    left: 0%;
    max-width: 200px;
    z-index: -1;
    opacity: 0.5;
    top: -90px;
    width: 60px;
}

}

#infotext1
{

    width: inherit;
}

}