/* The fonts listed in this notice are subject to the End User License */
/* Agreement(s) entered into by the website owner. All other parties are */
/* explicitly restricted from using the Licensed Webfonts(s). */
/* Webfont: Etelka Narrow Text Pro by Storm */
/* URL: https://www.myfonts.com/fonts/storm/etelka/narrow-text-pro/ */
/* Copyright: Copyright (c) 2005 by Frantisek Storm, www.stormtype.com. All rights reserved. */
/* Licensed pageviews: 10,000 */
/* License: http://www.myfonts.com/viewlicense?type=web&buildid=2783413 */

@font-face {
	font-family: 'EtelkaNarrowText';
	src: url('webfonts/2A78B5_0_0.eot'); /* IE9 Compat Modes */
	src: url('webfonts/2A78B5_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('webfonts/2A78B5_0_0.woff') format('woff'), /* Modern Browsers */
	url('webfonts/2A78B5_0_0.ttf') format('truetype');}

html, body { height: 100%; }
body	{ margin:0; padding:0; font-size:18px; font-family:EtelkaNarrowText,Arial,Helvetica,sans-serif; font-weight:normal; font-style:normal; color:#585757; background-color:#000000; letter-spacing:0.01em}

#menu	{ position:fixed; z-index:9; left:-60px; right:-60px; top:0px; width:938px; height:107px; margin:0 auto; background-image:url(header.png);} 
#logo	{ position:absolute; z-index:1; top:20px; left:85px; width:150px; height:57px;}
#mail	{ position:absolute; z-index:1; top:40px; left:742px; width:200px; height:57px; font-size:13px;}
ul#mainnav { position:absolute; bottom:17px; left:265px; margin:0; padding:0; width:700px; height:55px; overflow:hidden;  }
ul#mainnav li { list-style-type:none; float:left; font-size:26px; line-height:62px; border-right:#9f9f9f 2px solid; }
ul#mainnav li a { text-decoration:none; display:block; color:#585757; margin:-7px 0px 0px 0px; padding:0px 10px 0px 10px; font-weight:normal; }
ul#mainnav li.active a, ul#mainnav li a:hover { color:#f39200; }

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

a.aweiss:link { color:#ffffff; text-decoration:none; }
a.aweiss:visited {	color:#ffffff; text-decoration:none;}
a.aweiss:hover, a.aweiss:active, a.aweiss:focus { color:#f39200; text-decoration: none; }

#mission	{z-index:0; width:100%; height:auto; background-image:url("hg-hellgrau.jpg"); background-repeat:no-repeat; background-position:left top; background-attachment:local; background-size:cover;}
#portfolio	{z-index:0; width:100%; height:auto; background-image:url("hg-blaugrau.jpg"); background-repeat:no-repeat; background-position:left top; background-attachment:local; background-size:cover;}
#person		{z-index:0; width:100%; height:auto; background-image:url("hg-orange.jpg");   background-repeat:no-repeat; background-position:left top; background-attachment:local; background-size:cover;}
#referenzen	{z-index:0; width:100%; height:auto; background-image:url("hg-hellgrau.jpg"); background-repeat:no-repeat; background-position:left top; background-attachment:local; background-size:cover;}
#kontakt	{z-index:0; width:100%; height:100%; background-color:#FFFFFF; }

#table_home			{ color:#585757; background-image:url(hg_home.png);	      background-repeat:no-repeat; background-position:310px 170px; width:770px; background-size:475px; }
#table_portfolio	{ color:#FFFFFF; background-image:url(hg_portfolio.png);  background-repeat:no-repeat; background-position:-30px 220px; background-size:65%; width:810px; }
#table_person		{ color:#FFFFFF; background-image:url(hg_person.png);	  background-repeat:no-repeat; background-position:-200px bottom; background-size:120%; width:1170; }
#table_referenzen	{ color:#585757; background-image:url(hg_referenzen.png); background-repeat:no-repeat; background-position:0px 150px; background-size:45%; width:1370; }
#table_kontakt		{ color:#FFFFFF; background-image:url(hg_kontakt.png);	  background-repeat:no-repeat; background-position:50px 120px; width:770px; }
#table_kontakt2		{ width:100%; background-image:url("hg-schwarz.jpg");  background-repeat:no-repeat; background-position:left top; background-attachment:local; background-size:cover;}

p {margin:0px 0px 8px 0px; padding:0;}
h1 {font-size:36px; font-family:EtelkaNarrowText,Arial,Helvetica,sans-serif; font-weight:normal; margin:0; padding:5px 0px 15px 0px;}
h2 {font-size:18px; font-family:EtelkaNarrowText,Arial,Helvetica,sans-serif; font-weight:normal; margin:0; padding:0px 0px 0px 0px;}

#reflist {padding:0; margin:0px 0px 0px 150px;}
#reflist li {padding:0px 0px 10px 0px;}

input#text 		{ background-color:#FFFFFF; width:290px; font-family:EtelkaNarrowText,Verdana,Arial,Helvetica,sans-serif; font-size:16px; height:20px; }
textarea#text	{ background-color:#FFFFFF; width:290px; font-family:EtelkaNarrowText,Verdana,Arial,Helvetica,sans-serif; font-size:16px; height:50px;}
input#senden	{ background-color:#FFFFFF; width:100px; font-family:EtelkaNarrowText,Verdana,Arial,Helvetica,sans-serif; font-size:16px; height:30px; border:none; font-weight:bold; }

.code			{ color:black; font-family:EtelkaNarrowText,Verdana,Arial,Helvetica,sans-serif; font-size:16px; line-height:16pt; width:50px;  }