@charset "utf-8";

@font-face {
	font-family:sansregular;
	src: url(../01_fonts/Open_Sans/OpenSans-Regular-webfont.eot); /* IE9 Compat Modes */
	src: url('../01_fonts/Open_Sans/OpenSans-Regular-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../01_fonts/Open_Sans/OpenSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../01_fonts/Open_Sans/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family:sansbold;
	src: url(../01_fonts/Open_Sans/OpenSans-Bold-webfont.eot); /* IE9 Compat Modes */
	src: url('../01_fonts/Open_Sans/OpenSans-Bold-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../01_fonts/Open_Sans/OpenSans-Bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../01_fonts/Open_Sans/OpenSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family:sanslight;
	src: url(../01_fonts/Open_Sans/OpenSans-Light-webfont.eot); /* IE9 Compat Modes */
	src: url('../01_fonts/Open_Sans/OpenSans-Light-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../01_fonts/Open_Sans/OpenSans-Light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../01_fonts/Open_Sans/OpenSans-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family:vailsnick;
	src:url(http://fairshoot.de/01_fonts/LetterGothic/LetterGothicStd.otf);	
}

* {
	margin:0px;
	padding:0px;	
}

body {
	margin:0px;
	padding:0px;
	width:100%;
	background:url(../02_patterns/paper_1.jpg);
}

*.xxx {
width:980px;
height: 100%;
position: absolute;
top: 0px;
left: 50%;
margin-left:-490px;
}

#gesamt {
	position:absolute;
	margin:0px;
	z-index:1;
	left:0px;
	top:0px;
	width:998px;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

#home {
	position:absolute;
	left:220px;
	top:0px;
}

#logo {
	position:absolute;
	left:295px;;
	top:-95px;
}

#logo2 {
	position:absolute;
	left:295px;;
	top:355px;
}

#about {
	background:none;
	position:absolute;
	left:0px;
	top:380px;
}

#team {
	background:#e96359;
	position:absolute;
	left:0px;
	top:1200px;
	width:980px;
	height:560px;
	overflow:hidden;
	box-shadow:0px 0px 30px rgba(0,0,0,0.4);
}

#shootings {
	background:none;
	position:absolute;
	left:0px;
	top:1780px;
}

#benefiz{
	background:#3fbfb2;
	position:absolute;
	left:0px;
	top:2500px;
	width:980px;
	height:600px;
	overflow:hidden;
	box-shadow:0px 0px 30px rgba(0,0,0,0.4);
}

#ausstellungen {
	background:none;
	position:absolute;
	left:0px;
	top:3125px;
}

#bilder {
	background:none;
	position:absolute;
	left:0px;
	top:3550px;
}

#support {
	background:none;
	position:absolute;
	left:0px;
	top:4400px;
}

#spenden {
	background:#e96359;
	position:absolute;
	left:0px;
	top:4930px;
	width:980px;
	height:380px;
	overflow:hidden;
	box-shadow:0px 0px 30px rgba(0,0,0,0.4);
}

#impressum {
	background:none;
	position:absolute;
	left:0px;
	top:5340px;
}

#datenschutz {
	background:none;
	position:absolute;
	left:0px;
	top:5790px;
}

#footer {
	background:none;
	position:absolute;
	left:0px;
	top:6900px;
}


*.kasten {
	background:#f8605f;
	position:absolute;
	left:315px;
	width:350px; /* Breite der Box */
	height:600px;
	box-shadow:0px 25px 30px rgba(0,0,0,0.4);	
}

#kontakt {
	position:absolute;
	left:0px;
	top:4100px;
}


*.kasten2 {
	background:#a3a8aa;
	position:absolute;
	left:0px;
	width:980px;
	height:132px;	
}

*.links {
	position:absolute;
	left:0px;
	top:500px;
}

*.supportlinks {
	position:absolute;
	left:0px;
	top:240px;
}

*.footerlinks{
	position:absolute;
	left:0px;
	top:0px;
}

*.footerrechts{
	position:absolute;
	left:614px;
	top:0px;
}

*.rechts {
	position:absolute;
	left:614px;
}

*.rechts2 {
	position:absolute;
	left:632px;
}

*.links3 {
	position:absolute;
	left:0px;
	top:475px;
}

*.rechts3 {
	position:absolute;
	left:555px;
	top:475px;
}

*.rechts4 {
	position:absolute;
	left:630px;
}

*.video {
	position:absolute;
	width:980px;
	height:280px;
	left:0px;
	top:192px;
}

*.links5 {
	position:absolute;
	left:0px;
	top:472px;
}

*.rechts5 {
	position:absolute;
	left:600px;
	top:472px;
}

*.endbildrechts {
	position:absolute;
	overflow:hidden;
	width:315px; /* Breite des bildes */
	height:600px;
	left:665px;
}

*.endbildlinks {
	position:absolute;
	overflow:hidden;
	width:315px; /* Breite des bildes */
	height:600px;
	left:0px;
}

/* ----- TEXTFORMATIERUNG ANFANG ----- */

/* -- Bereich Wettbewerb -- */

*.kopf {
	position:absolute;
	width:980px;
	height:200px;
	top:200px;
}

*.h1 {
	font-family:vailsnick;
	font-size:50px;
	color:#001937;
	text-align:center;
	margin-left:-70px;
	letter-spacing: 0.1em;
}

*.h2 {
	font-family:sanslight,verdana,sans-serif;
	font-size:24px;
	color:#001937;
	text-align:center;
	margin-left:70px;
	letter-spacing:2px;
	margin-top:-10px;
	letter-spacing: 0.1em;
}

*.teilueberschrift {
	font-family:sansbold,verdana,sans-serif;
	font-size:16px;
	color:#001937;
	text-align:left;
}

*.text1 {
	font-family:sansregular,verdana,sans-serif;
	font-size:13px;
	color:#001937;
	text-align:left;
}

*.text2 {
	font-family:sansbold,verdana,sans-serif;
	font-size:13px;
	color:#001937;
	text-align:left;
}

*.mitte1 {
	position:absolute;
	left:340px;
	top:300px;
	width:315px; /*evtl. als id vergeben? */
}

/* -- Bereich Wettbewerb ENDE -- */

/* -- Bereich Termine -- */

*.kopf2 {
	position:absolute;
	width:980px;
	height:200px;
	top:50px;
}

*.h3 {
	font-family:vailsnick;
	font-size:50px;
	color:#001937;
	text-align:center;
	letter-spacing: 0.1em;
}

*.h4 {
	font-family:sanslight,verdana,sans-serif;
	font-size:24px;
	color:#001937;
	text-align:center;
	letter-spacing:2px;
	margin-top:-10px;
	margin-left:20px;
	letter-spacing: 0.1em;
}

*.text3 {
	font-family:vailsnick;
	font-size:21px;
	color:#001937;
	text-align:left;
}

*.text4 {
	font-family:sansregular,verdana,sans-serif;
	font-size:13px;
	color:#001937;
	text-align:left;
	margin-top:10px;
}

*.text5 {
	font-family:sansregular,verdana,sans-serif;
	font-size:13px;
	color:#fff;
	text-align:left;
	margin-top:10px;
}

*.linkstext {
	position:absolute;
	width:300px;
	top:180px;
	left:20px;
}

*.mittetext {
	position:absolute;
	width:315px;
	top:180px;
	left:340px;
}	

*.rechtstext {
	position:absolute;
	width:300px;
	top:180px;
	left:670px;
}

/* -- Bereich Termine ENDE -- */

/* -- Bereich Portfolio -- */

*.kopf3 {
	position:absolute;
	width:980px;
	height:200px;
	top:80px; /*statt 100px */
}

*.h5 {
	font-family:vailsnick;
	font-size:50px;
	color:#001937;
	text-align:center;
	letter-spacing: 0.1em;
}

*.h6 {
	font-family:sanslight,verdana,sans-serif;
	font-size:24px;
	color:#001937;
	text-align:center;
	letter-spacing:2px;
	margin-top:-10px;
	margin-left:20px;
}

/* -- Bereich Portfolio ENDE -- */

/* -- Bereich Videostream -- */

*.kopf4 {
	position:absolute;
	width:980px;
	height:200px;
	top:80px; /*statt 100px */
}

*.h7 {
	font-family:vailsnick;
	font-size:50px;
	color:#001937;
	text-align:center;
}

*.h8 {
	font-family:sanslight,verdana,sans-serif;
	font-size:24px;
	color:#001937;
	text-align:center;
	letter-spacing:2px;
	margin-top:-10px;
	margin-left:70px;
}

/* -- Bereich Videostream ENDE -- */

/* -- Bereich Anmeldung und Kontakt -- */

*.kopf5 {
	position:absolute;
	width:980px;
	height:200px;
	top:80px;
}

*.h9 {
	font-family:vailsnick;
	font-size:50px;
	color:#001937;
	text-align:center;
}

*.linksanmeldung {
	position:absolute;
	width:310px;
	top:150px;
	left:20px;
}

/* -- Bereich Anmeldung und Kontakt ENDE -- */

/* ----- TEXTFORMATIERUNG ENDE ----- */


/* ----- GALERIE ANFANG ----- */

#testbox {
	position:absolute;
	width:5880px; /*da 6 Bilder á 980px*/
	height:651px;
	top:0px;
	left:0px; /*das 1te Bild wird zuerst angezeigt*/
	z-index:8;
	
}

#maske {
	position:absolute;
	left:0px;
	top:100px; 
	/*Left u Top gibt die Position der Maske an!*/
	width:980px;
	height:651px; 
	/*Höhe u Breite muss so groß wie 1 BILD sein!*/
	z-index:9;
	overflow:hidden; 
	/*alles was über die Maskenebene hinausgeht, wird ABGESCHNITTEN;
					   eine Scrollmöglichkeit ist also NICHT möglich!*/
}

#navibox {
	font-family:sansregular;
	color:#001937;
	position:absolute;
	width:500px;
	height:80px;
	left:345px;
	top:745px;
	z-index:10;
	padding:20px;
	font-size:18px;
}

#pfeil1 {
	position:absolute;
	left:30px;
	top:388px;
	z-index:11;
}

#pfeil2 {
	position:absolute;
	left:930px;
	top:388px;
	z-index:11;
}

a {
	color:#E96359;
	text-decoration:none;
}

a:link, a:visited {
	color:##E96359;
}

a:hover {
	color:#f8605f;
	text-decoration:none;
	font-family:sansbold,verdana,sans-serif;
}

a:active {
	color:#001937;
	/*text-decoration:none;*/
}

*.linksanmeldung a:hover {
	color: #FFF;
}

*.linksanmeldung a {
	color:#001937;
	font-family:sansbold,verdana,sans-serif;
}

*.mitte1 a:hover {
	color:#f001937;
}

*.mitte1 a {
	color:#E96359;
	font-family:sansbold,verdana,sans-serif;
}

/* ----- GALERIE ENDE ----- /*


/* ----- KONTAKT ANFANG ----- */

*.kontakttext{
	position:absolute;
	width:315px;
	top:160px;
	left:340px;
	
}	

*.ilona {
	width:135px;
	margin-right:10px;
	float:left;
	position:absolute;
	left:340px;
	top:300px;
	
}

*.steffi {
	width:135px;
	position:absolute;
	left:510px;
	top:300px;
	
}

/* ----- KONTAKT ENDE ----- */

/* ----- IMPRESSUM ANFANG ----- */

#sitemap {
	position:absolute;
	left:20px;
	top:20px;
	color:#fff;
	font-family:sansregular,verdana,sans-serif;
	font-size:11px;
	text-align:left;
	letter-spacing:2px;
}

*.firstmap a {
	color:#fff;	
}

*.firstmap a:hover {
	color:#f8605f;	
	text-decoration:none;
}

*.secondmap a {
	color:#fff;	
}

*.secondmap a:hover {
	color:#f8605f;	
	text-decoration:none;
}

*.firstmap {
	width:135px;
	margin-right:10px;
	float:left;
	position:absolute;
	left:0px;
}

*.secondmap {
	width:135px;
	position:absolute;
	left:145px;
}

*.thirdmap a {
	color:#fff;	
}

*.thirdmap a:hover {
	color:#f8605f;	
	text-decoration:none;
}

*.thirdmap {
	width:135px;
	position:absolute;
	left:290px;
}

#copy {
	position:absolute;
	left:413px;
	top:100px;
	width:300px;
	font-family:sansregular,verdana,sans-serif;
	font-size:13px;
	color:#fff;
	text-align:left;
}


/* ----- IMPRESSUM ENDE ----- */

/* ----- NAVIGATION ANFANG ----- */

#navigation {
	position:absolute;
	left:0px;
	top:0px;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=##CC002D4B,endColorstr=##CC002D4B);
	zoom: 1;
	background:rgba(0,45,75,0.8);
	z-index:9999;
	width:998px;
}

nav {
	width:835px;
	margin-left:80px;
	font-family:sansregular;
	font-size:13px;
	letter-spacing:2px;
	float:left;
}

ul#hauptliste{
	margin:0px auto;
	position:relative;
	float:left;
	background:none;
}

ul#hauptliste li{
	display:inline-block;
	position:relative;
	float:left;
}

ul#hauptliste li a{
	padding:10px 2px;
	padding:10px 20px;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}

ul#hauptliste li a:hover, a:active {
	color:#f8605f;
	text-decoration:underline;
}

ul#hauptliste li a:hover {
	background-color:rgba(0,45,75,0.8);
	/*color 0.2 linear;*/
}

ul#hauptliste li:hover > a{
	background-color:rgba(0,45,75,0.8);
}

ul#hauptliste ul,ul#hauptliste ul li ul{
	list-style:none;
	position:absolute;
	z-index:9999;
	background:rgba(0,45,75,0.8);
	width:180px;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity 0.4s linear, visibility 0.4s linear;
	-moz-transition:opacity 0.4s linear, visibility 0.4s linear;
	-o-transition:opacity 0.4s linear, visibility 0.4s linear;
	transition:opacity 0.4s linear, visibility 0.4s linear;
}

ul#hauptliste li:hover > ul{
	visibility:visible;
	opacity:1;
}

/*erste hälfte: ul die in der Hauptliste liegt (der erste BlocK); 
  zweite hälfte: ul die der Hauptliste untergeordnet sind (quasi 2es Lever)*/
  
ul#hauptliste ul li{
	clear:both;
	width:100%;
}

ul#hauptliste ul li a{
	background:none;
	display:inline-block;
	float:left;
	clear:both;
	border:0px none;
	width:130px; 
}

ul#hauptliste ul{
	top:38px; /*Verschiebung der Blöcke*/
	left:0px;
}

ul#hauptliste ul li ul{
	top:0px;
	left:181px; /*Gesamtbreite der formatierten Blöcke +1*/
}

*.verweise {
	position:absolute;
	margin:0px;
	padding:0px;
	top:0px;
}

/* ----- NAVIGATION ENDE ----- */