/* Aussehen 511_14 ---------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed|Ubuntu:300,400,500,700');
@font-face 	{ font-family: 'Script MT'; font-style: 'normal'; src: url(../font/SCRIPTBL.TTF); }
*			{ padding: 0; margin: 0; }
html,body	{ width: 100%; height: 100%; min-width: 100%; background-color: #F0F0F0; color: #3E3E3D; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 20px; }
html		{ overflow-y: scroll; } /* Scrollbalken immer da */

/* Text --------------------------------------------------------------------------------- */
h1	{ font-weight: 500; font-size: 40px; line-height: 44px; padding: 0; margin: 0 0 10px 0; }
h2	{ font-family: 'Script MT'; font-size: 34px; line-height: 24px; padding: 0; margin: 0 0 20px 0; }
p 	{ font-weight: 400; font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 25px 0; }
.upper { font-weight: 400; text-transform: uppercase; }

a, a:link, a:visited, a:hover, a:focus, a:active { color: #C4BD4D; text-decoration: none; }

/* colors text: #3E3E3D; senf: #C4BD4D; grey: #F0F0F0; */

/* Aussehen ----------------------------------------------------------------------------- */
#bg	{ position: absolute; top: 0; width: 100%; min-width: 100%; min-height: 100%; padding: 0; margin: 0; background: url(../images/cv_watermark.png) bottom right no-repeat fixed; z-index: 1; }
	#top{ position: fixed; right: 0; width: 94%; height: 200px; margin: 0; padding: 0; border-bottom: 4px solid #3E3E3D; background-color: #F0F0F0; z-index: 10; }
	#cont { float: right; width: 90%; height: 100%; margin: 250px 4% 0 0; padding: 0; z-index: 10; }
	
/* Navi --------------------------------------------------------------------------------- */
		#navi		{ position: fixed; top: 160px; right: 0; width: 200px; height: 40px; margin: 0; padding: 0; z-index: 100; }
		#navi ul	{ margin: 0; list-style-type: none; display: inline; text-decoration: none; font-size: 22px; font-weight: 500; word-spacing: 30px; }
		#navi ul li { display: inline-block; }
			#navi ul li a	{ color: #3E3E3D; margin: 0; padding :0; }
			#navi li a:hover{ color: #C4BD4D; margin: 0; padding :0; }			
			#portfolio #navi li a#n_portfolio { color: #C4BD4D; margin: 0; padding :0; }			
			#vita #navi li a#n_vita { color: #C4BD4D; margin: 0; padding :0; }			
			#skills #navi li a#n_skills { color: #C4BD4D; margin: 0; padding :0; }			
			#impressum #navi li a#n_impressum { color: #C4BD4D; margin: 0; padding :0; }