@font-face {
	font-family: 'Sansation-Light';
	src: url('font/Sansation-Light.eot'); /* IE9 Compat Modes */
	src: url('font/Sansation-Light.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
		 url('font/Sansation-Light.woff') format('woff'), /* Modern Browsers */
		 url('font/Sansation-Light.svg#Sansation-Light') format('svg'); /* Legacy iOS */
		 /* ttf für Safari, Android, iOS */
}

html, body { height: 100%; }
body { background-image:url(hintergrund.png); background-size:cover; margin:0; padding:0; color:#DDDDDD; font-size:14px; font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif; font-style:italic; }

p {margin:0px 0px 8px 0px; padding:0;}
h1 {color:#DDDDDD; font-size:24px; font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; margin:0; padding:5px 0px 15px 0px;}


h2 {font-size:13px; font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; margin:0; padding:0px 0px 15px 0px;}
h3 {color:#009999; font-size:13px; font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; margin:0; padding:0px 0px 0px 0px;}
.fett {font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif;}
.blau {color:#009999;}
.teamname {color:#FFFFFF; font-size:32px; font-family:Sansation-Light,Verdana,Arial,Helvetica,sans-serif;}
.teamtext {color:#FFFFFF; }
a img { border:none; }

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

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

a.team:link 	{ color:#b1b5b5; text-decoration:none; }
a.team:visited	{ color:#b1b5b5; text-decoration:none;}
a.team:hover, a:active, a:focus { color:#009999; text-decoration: none; }
a.teamactive:link 	{ color:#009999; text-decoration:none; }
a.teamactive:visited	{ color:#009999; text-decoration:none;}
a.teamactive:hover, a:active, a:focus { color:#009999; text-decoration: none; }

#textfeld	{position:relative; width:100%; margin:0 auto;}

#logo		{position:fixed; z-index:2; top:0px; left:0px; width:300px; height:216px; background-image: url("logo_naber.png"); background-repeat: no-repeat; background-position:-55px -53px; background-attachment:fixed;}
#aufheller	{position:fixed; z-index:1; top:0px; left:0px; width:100%; height:100%; background-image: url("aufheller.png"); background-repeat: no-repeat; background-position:left top; background-attachment:fixed;}
#show		{position:fixed; z-index:9; top:495px; left:260px; width:155px; height:29px; background:#444444; border-bottom:1px #FFFFFF solid; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; padding:5px 10px 0px 12px;}
#hintergrund{position:fixed; z-index:0; top:0px; left:0px; width:100%; height:100%; background-image:url("img/Homebild.jpg"); background-repeat:no-repeat; background-position:left top; background-attachment:fixed; background-size:cover;}
#menuA		{position:absolute; z-index:9; top:180px; left:0px;   width:125px; height:100px;}
#menuB		{position:absolute; z-index:9; top:180px; left:130px; width:125px; height:100px;}
#inhalt70	{position:absolute; z-index:9; top:180px; left:260px; height:329px; width:560px; background:#444444; border-bottom:1px #FFFFFF solid; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; padding:10px 20px 10px 20px; }
#footer		{position:fixed; z-index:9; width:100%; bottom:0px; height:20px; background:#444444; font-size:12px; font-style:normal; }

ul#menu1	{margin:0px 0px 0px 0px; padding:0; list-style-type:none; font-size:15px;}
ul#menu1 li	{padding:0px 0px 0px 0px; list-style-type:none; width:125px; height:34px; border-bottom:1px #CCCCCC solid;}
ul#menu1 a	{color:#000000; display:block; width:115px; height:25px; text-decoration:none; padding-top:9px; padding-right:10px; text-align:right; background-color:#FFFFFF; }
ul#menu1 a:hover, ul#menu1 li.active a { color:#FFFFFF; height:25px; background-color:#666666; }

ul#menu2	{margin:0px 0px 0px 0px; padding:0; list-style-type:none; font-size:15px;}
ul#menu2 li	{padding:0px 0px 0px 0px; list-style-type:none; width:125px; height:34px; border-bottom:1px #FFFFFF solid;}
ul#menu2 a	{color:#FFFFFF; display:block; width:115px; height:25px; text-decoration:none; padding-top:9px; padding-right:10px; text-align:right; background-color:#888888;}
ul#menu2 a:hover, ul#menu2 li.active a { color:#FFFFFF; height:25px; background-color:#000000; }

#feldweiss {position:relative; z-index:8; top:110px; left:170px; width:680px; background-color:#FFFFFF; border: 0px; -webkit-box-shadow: #999 2px 2px 10px; -moz-box-shadow: #999 2px 2px 10px; box-shadow: #999 2px 2px 10px; padding-left:80px; padding-right:30px; padding-bottom:30px; float:left;}


/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.gradient { filter: none; }
#b1, #b2, #b3, #b4, #b5 {
	background: #656565; /* Old browsers */
	cursor:pointer;
	margin-left:-80px; margin-right:-30px; padding: 10px 30px 10px 80px; color:#FFFFFF;
	margin-bottom:20px; margin-top:-10px;
background-image: linear-gradient(bottom, #111111 0%, #656565 100%); /* W3C */
background-image: -o-linear-gradient(bottom, #111111 0%, #656565 100%); /* Opera 11.10+ */
background-image: -moz-linear-gradient(bottom, #111111 0%, #656565 100%); /* FF3.6+ */
background-image: -webkit-linear-gradient(bottom, #111111 0%, #656565 100%); /* Chrome10+,Safari5.1+ */
background-image: -ms-linear-gradient(bottom, #111111 0%, #656565 100%); /* IE10+ */
background-image: -webkit-gradient(	linear,	left bottom, left top, color-stop(0, #111111), color-stop(1, #656565)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#111111',GradientType=0 ); /* IE6-8 */
}