html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-align: left;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

@font-face {
    font-family: 'vollkornbold';
    src: url('vollkorn-bold-webfont.eot');
    src: url('vollkorn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('vollkorn-bold-webfont.woff') format('woff'),
         url('vollkorn-bold-webfont.ttf') format('truetype'),
         url('vollkorn-bold-webfont.svg#vollkornbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornitalic';
    src: url('vollkorn-italic-webfont.eot');
    src: url('vollkorn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('vollkorn-italic-webfont.woff') format('woff'),
         url('vollkorn-italic-webfont.ttf') format('truetype'),
         url('vollkorn-italic-webfont.svg#vollkornitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornregular';
    src: url('vollkorn-regular-webfont.eot');
    src: url('vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('vollkorn-regular-webfont.woff') format('woff'),
         url('vollkorn-regular-webfont.ttf') format('truetype'),
         url('vollkorn-regular-webfont.svg#vollkornregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { font-size: 62.5%; } 
body { font-size: 16px; font-size: 1.6rem; font-family: 'vollkornregular', serif;}
h1   { font-size: 32px; font-size: 3.2rem; padding-top: 1rem; font-family: 'vollkornbold', serif; }
h2   { font-size: 28px; font-size: 2.8rem; padding-top: 1rem; font-family: 'vollkornbold', serif; }
h3   { font-size: 20px; font-size: 2.0rem; padding-top: 1rem; font-family: 'vollkornbold', serif; }
th   { font-family: 'vollkornbold', serif; }
b    { font-family: 'vollkornbold', serif; }


html
{
background-color: #DBD0AA;
height:100%;
}

body
{
background-color: #DBD0AA;
background:-moz-linear-gradient(bottom, #DBD0AA, #FBF6E4); /* Firefox */
background:-webkit-linear-gradient(bottom, #DBD0AA, #FBF6E4); /* Safari, Chrome */
background:-o-linear-gradient(bottom, #DBD0AA, #FBF6E4); /* Opera */
background:-ms-linear-gradient(bottom, #DBD0AA, #FBF6E4); /* IE */
background:linear-gradient(bottom, #DBD0AA, #FBF6E4); /* W3C Standard */
background-repeat:repeat-x;
color: #111;

        -webkit-animation-duration: 1s;
        -webkit-animation-delay: .5s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -webkit-animation-name: fadeIn;
        -moz-animation-duration: 1s;
        -moz-animation-delay: .5s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -moz-animation-name: fadeIn;
        animation-duration: 1s;
        animation-delay: .5s;
        animation-timing-function: ease;
        animation-fill-mode: both;
        animation-name: fadeIn;
	
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
height:100%;
}

body div div
{
padding: 2rem;
}

#menu {margin: 0; padding: 0; position: fixed; top:0px; width: 100%; }
#menu hr { position: static; display: block; height: 1.5rem; border: 0; border-top: 1rem solid #383127; margin: 0; padding: 0; }

#menu div {
float: right;
margin: 0;
margin-right: 20rem;
margin-top: -15rem;
padding-left: 3rem;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#menu div span {
display:block;
margin: 3.3rem;
margin-left: 0;
}

#menu div span a {
background: #383127;
color: #d8ccc0;
padding: 1.5rem;
padding-left: 3rem;
text-align:left;
text-decoration: none;
}

#profil,#bildungsweg,#praxis,#qualifikation,#verbindung,#interesse,#impressum
{
height:100%;
}

#profil
{
background: url(kabel.svg) no-repeat center center;
background-size: contain;
}

#profil div
{
position: relative;
left: 20%;
top: 80%;
width:100rem;
}

#bildungsweg
{
background: #0eae35;
color: #FFFFFF;
}

body div h1
{
padding: 1.4rem;
color: #000000;
}

#praxis
{
background: #3faeb2;
color: #160c01;
}

#praxis table tr td
{
padding: 0.5rem;
}

#qualifikation
{
background: #d46000;
}

#interesse
{
background: #6f00ff;
color: #FFFFFF;
}