body {
backgroud-color: #ffffff;
width: 80%;
margin: 0 auto;
padding: 0;
}

h1 {
color: #808080;
text-align: center;
font-family: 'Raleway', serif;
font-style: normal;
font-weight: normal;
font-size: 3em;
padding: 3em 0 1em;
margin: 0;
}

#language {
color: #c0c0c0;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1em;
text-align: center;
padding: 1em;
margin: 0;
}

#language a:link, #language a:visited {
color: #c0c0c0;
text-decoration: none;
}

#language a:hover {
color: #000000;
text-decoration: none;
}

#branding {
height: 10%;
margin: 1em;
padding: 1em 1em 1em 1em;
}

#branding h2{
color: #808080;
text-align: left;
font-family: 'Raleway', serif;
font-style: normal;
font-weight: normal;
font-size: 1.0em;
margin: 0;
padding: 0 0 0 0;
float: left;
}

#branding a:link, #branding a:visited {
color: #808080;
text-decoration: none;
}

#branding a:hover {
color: #808080;
text-decoration: none;
}
#navigation {
float: right;
font-size: 1em;
margin:0;
padding: 0 0 0 0; 
list-style: none;
}

/** #navigation li:before {
content: "//";
padding: 0 1em 0 0;
}**/

#navigation li {
display: inline;
padding: 0 0.5em 0;
margin: 0;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1em;
text-align: center;
}

#navigation a:link, #navigation a:visited {
color: #c0c0c0;
text-decoration: none;
}

#navigation a:hover {
color: #000000;
text-decoration: none;
}

#picture {
clear: both;
border-width: 0;
text-align: center;
}

#mainpicture{
padding: 0;
margin: 4em 0 0 0;
}

#mainpicture img {
height: 400px;
vertical-align: bottom;
}

#title {
color: #808080;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1em;
}

#description {
color: #808080;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1em;
}





#picturenavigation {
list-style: none;
text-align: center;
marging: 0;
padding: 0;
}

#picturenavigation li {
display: inline;
}

#picturenavigation img {
height: 6em;
padding: 0 0.2em;
border-width: 0;
}

#picturenavigation .backnext{
height: 2em;
padding: 2em 1em;
}

#picturenavigation2 {
list-style: none;
}

#picturenavigation2 img {
height: 6em;
}


#news {
clear:both;
text-align: left;
list-style: none;
padding: 0 0 0 1em;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1.1em;
}

#news .date {
font-size: 0.9em;
color: #c0c0c0;
padding: 1em 0 0 0;
}

#news .pieceOfNews {
font-size: 1.1em;
color: #a0a0a0;
padding: 0 0 0 1em;
}


#links {
clear: both;
position: static;
margin :0;
padding: 1em 1em 1em 1em;
list-style: none;
}

#links li {
padding: 0.7em 0;
margin: 0;
font-family: 'Raleway', serif;
font-style: normal;
font-size: 1em;
text-align: left;
}

#links a{
  font-family: 'Raleway', serif;
}

#links a:link, #links a:visited {
color: #c0c0c0;
text-decoration: none;
}

#links a:hover {
color: #000000;
text-decoration: none;
}

#cv {
clear: both;
position: static;
margin: 0;
padding: 1em 1em 1em 1em;
color: #808080;
font-family: 'Raleway', serif;
text-align: left;
}

.born {
font-size: 0.8em;
}
.studies {
font-size: 0.9em;
}

#cv h3 {
font-weight: normal;
font-size: 1.2em;
margin: 0;
padding: 1em 0 0.5em 0;
}

#cv h4 {
font-weight: normal;
font-size: 1em;
padding: 0.5em 0 1em 1em;
margin: 0;
}

#cv ul{
list-style: none;
padding: 0;
margin: 0;
}

#cv li{
padding: 0 0 1em 2em;
margin: 0;
font-size: 0.9em;
}

#login {
	border: none;
	padding: 2em 0 2em 2em;
	width: 50%;
	text-aling:center;
	clear:both;
        font-family: 'Raleway';
}

#login label {
font-family: 'Raleway', serif;
color: #808080;
}

#login input {
font-family: inherit;
font-size: 100%;
}

textarea {
font-family: inherit;
font-size: 100%;
}

#sentmessage {
font-family: 'Raleway', serif;
font-size: 1.3em;
color: #606060;
clear: both;
padding: 2em 0 0 2em;
margin: 0;
}