@charset "UTF-8";

/*
 *	Name: style-main.css
 *	Projekt: Treffen der Fussballzwerge
 *	Web: http://www.treffen-der-fussballzwerge.de
 *
 *	Autor: iNet Innovative Internetmarketing GbR Kilian Krys & Philip Hellmig
 *	Web: http://www.inet-innovative.com
 *
 *	Letztes Update: 19.08.2012
 */

/* ################# HTML ELEMENTE ################## */
body 	{ margin: 0px 0px; font-family: "Comic Sans MS", Verdana, Arial; font-size: 13px; background: #00002F; line-height: 1.5; }
a		{ color: blue; text-decoration: none; }
a:hover	{ text-decoration: underline; }

h1		{ display: inline; font-family: "Comic Sans MS", Verdana, Arial; font-size: 18px; color: red; }
h2		{ display: inline; font-family:"Comic Sans MS", Verdana, Arial; font-size: 16px; }

p					{ margin: 0px; padding: 0px; }
input, textarea		{ font-family: "Comic Sans MS", Verdana, Arial; font-size: 12px; font-weight: normal; }


/* ################# MAIN TEMPLATE ELEMENTE ################## */
#noScriptMain	{ position: absolute; right: 10px; top: 10px; padding: 10px; width: 350px; background: red; color: white; font-size: 11px; }

#welcome			{ position: absolute; top: 10px; left: 10px; width: 280px; height: 70px; background: #D40000; padding: 10px; color: white; text-align: center; display: none; font-size: 12px; }
#welcome SPAN		{ font-weight: bold; }
#welcome DIV		{ font-size: 11px; }

#header 				{ text-align: center; height: 103px; color: white; font-size: 22px; font-weight: bold; width: 100%; padding-top: 10px; background: url(../images/header-back.jpg) repeat-x; }
#anzeige				{ position: absolute; left: 50%; margin-left: -210px; top: 116px; background: url(../images/anzeige.png) no-repeat; width: 368px; height: 82px; z-index: 39; padding-top: 34px; font-weight: bold; font-size: 14px; text-align: center; color: red; }
#mainContainer			{ height: 540px; overflow: hidden !important; margin: 0px 20px; position: relative; }
#mainContainer #content	{ margin-left: -1270px; width: 3805px; height: 541px; background: url(../images/back.jpg) repeat-x; position: relative; }

#mainContainer #schattenTop		{ position: absolute; left: 0px; top: inherit; background: url(../images/schatten-top.png) repeat-x; width: 100%; height: 15px; z-index: 40; }
#mainContainer #schattenBottom	{ position: absolute; left: 0px; top: inherit; background: url(../images/schatten-bottom.png) repeat-x; width: 100%; height: 15px; z-index: 40; margin-top: -15px; }

#scrollLeft 	{ width: 71px; height: 91px; position: absolute; top: inherit; left: 0; margin: 210px 0px; z-index: 37; text-align: center; }
#scrollRight 	{ width: 71px; height: 91px; position: absolute; top: inherit; right: 0; margin: 210px 0px; z-index: 37; text-align: center; }

#footer			{ position: relative; padding: 5px 30px 0px 30px; color: white; background: #00002F; ; z-index: 40; font-size: 12px; }
#footer a		{ color: white !important; }
#footerNavi		{ float: right; text-align: right; }

.clear			{ clear: both; }
.highlight		{ color: red; }
.error			{ color: red; font-weight: bold; }
.odd			{ background: #EEEEEE; }
.info			{ color: #555; }
.smallInfo		{ color: #555; font-size: 10px; }

#successField100{ position: absolute; top: 10px; left: 50%; width: 300px; margin-left: -150px; background: #090; display: none; padding: 5px; text-align: center; color: white; }

.globalShadow		{ box-shadow: 0px 0px 5px #000000; -moz-box-shadow: 0px 0px 5px 4px #000000; -webkit-box-shadow: 0px 0px 5px 4px #000000; }
.roundBorder		{ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; }


/* ################## CONTENT DETAILS ################ */
#content DIV	{ position: absolute; left: inherit; top: inherit; }

/* wolken */
#content .wolke	{ background: url(../images/wolke.png) no-repeat; width: 220px; height: 105px; z-index: 1; }
#content #w1	{ top: 100px; left: 250px; }
#content #w2	{ top: 50px; left: 850px; }
#content #w3	{ top: 40px; left: 1400px; }
#content #w4	{ top: 90px; left: 2100px; }
#content #w5	{ top: 80px; left: 2700px; }
#content #w6	{ top: 70px; left: 3400px; }

#content #umkleide		{ width: 375px; height: 262px; top: 170px; left: 0px; z-index: 5; }

#content #strasse		{ top: 229px; left: 430px; z-index: 3; }
#content #anfahrt		{ width: 262px; height: 121px; top: 229px; left: 700px; z-index: 4; }

#content #organisation	{ width: 167px; height: 144px; top: 370px; left: 450px; z-index: 6; }

#content #bildschirm	{ width: 234px; height: 250px; top: 180px; left: 990px; z-index: 6; }

#content #spielregeln	{ width: 143px; height: 150px; top: 360px; left: 1420px; z-index: 6; }
#content #tribueneBack	{ left: 1452px; top: 114px; z-index: 3; }
#content #ergebnisse	{ width: 1337px; height: 214px; top: 230px; left: 1100px; z-index: 5; padding: 0px 688px 100px 535px; background: url(../images/tor-linien.png) 0px 120px no-repeat; }
#content #downloads			{ width: 74px; height: 102px; top: 400px; left: 2030px; z-index: 5; }
#content #downloadsRasen1 	{ width: 74px; height: 26px; top: 476px; left: 2030px; z-index: 6; }
#content #downloadsRasen2	{ width: 74px; height: 26px; top: 476px; left: 2180px; z-index: 6; }
#content #wegweiser			{ width: 111px; height: 187px; top: 210px; left: 2350px; z-index: 5; }
#content #gaestebuch		{ width: 131px; height: 94px; top: 420px; left: 2450px; z-index: 6; }
#content #pinnwand			{ width: 195px; height: 198px; top: 240px; left: 2600px; z-index: 5; }

/* links */
#content #links			{ left: 2800px; top: 190px; width: 584px; height: 220px; background: url(../images/sandbox.jpg) 0px 100px no-repeat; }

#content #links DIV 	{ position: absolute; top: inherit; left: inherit; width: 87px; height: 102px; color: black; font-size: 11px; text-align: center; }
#content #links DIV A	{ display: block; padding: 12px 2px 70px 3px; color: black; }

#content #links #l1		{ top: 50px; left: 60px; background: url(../images/fahne-gelb.gif) no-repeat; z-index: 11; }
#content #links #l2		{ top: 35px; left: 170px; background: url(../images/fahne-rot.gif) no-repeat; z-index: 11; }
#content #links #l3		{ top: 30px; left: 300px; background: url(../images/fahne-gelb.gif) no-repeat; z-index: 11; }
#content #links #l4		{ top: 55px; left: 430px; background: url(../images/fahne-rot.gif) no-repeat; z-index: 11; }

#content #links #l5		{ top: 100px; left: 90px; background: url(../images/fahne-rot.gif) no-repeat; z-index: 12; }
#content #links #l6		{ top: 90px; left: 210px; background: url(../images/fahne-gelb.gif) no-repeat; z-index: 12; }
#content #links #l7		{ top: 100px; left: 380px; background: url(../images/fahne-rot.gif) no-repeat; z-index: 12; }

/* news */
#content #news				{ left: 3330px; top: 190px; background: url(../images/news.png) no-repeat; width: 450px; height: 316px; z-index: 20; }
#content #news #newsContent	{ position: absolute; top: 70px; left: 90px; width: 265px; height: 175px; color: black; font-size: 11px; overflow: auto; }


/* Kontakt */
#kontaktContainer			{ position: absolute; top: 650px; right: 30px; width: 296px; height: 0px; overflow: hidden; }	/*height: 416; top: 250*/
#kontakt					{ position: absolute; top: 0px; right: 0px; width: 260px; height: 370px; padding: 15px; line-height: 1.2; font-size: 11px; z-index: 39; }
#kontaktBack				{ position: absolute; top: 0px; right: 0px; width: 290px; height: 410px; border: 3px solid black; border-bottom: none; background: white; z-index: 38; }
#kontakt input				{ font-size: 11px; padding: 0px; }
#kontakt #kontaktClose		{ position: absolute; top: 8px; right: 5px; }
#kontakt #kontaktSuccess	{ position: absolute; top: 120px; left: 0px; width: 265px; height: 400px; margin: 0 auto; padding: 40px 10px; text-align: center; display: none;  background: #e6f4e8; color: green; font-size: 12px; font-weight: bold; }


/* ################# PAGE CONTENT ############### */
#blackBackground	{ position: absolute; left:0px; top:0px; background-color: #000000; z-index: 50; width: 1000px; height: 1000px; display: none; }
#requestDetails		{ position: absolute; left: 100px; top: 20px; width: 936px; z-index: 51; display: none; overflow: hidden; }

#requestDetailsTop		{ background: url(../images/content-top.png) no-repeat; height: 33px; }
#requestDetailsMiddle	{ background: url(../images/content-middle.png) repeat-y; padding: 10px 20px 0px 20px; height: 600px; }
#requestDetailsBottom	{ background: url(../images/content-bottom.png) no-repeat; height: 33px; }

#closeRequestDetails	{ position: absolute; top: 25px; right: 30px; margin-top: 0px; text-align: right; }
#closeRequestDetails100	{ position: absolute; top: 15px; right: 30px; margin-top: 0px; text-align: right; }
#requestDetailsContent	{ padding: 0px 20px; height: 590px; overflow: auto; }

#requestDetails100 			{ position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; z-index: 50; display: none; background: #FFFFFF; }
#requestDetails100Content	{ position: absolute; top: 40px; left: 5px; right: 5px; bottom: 5px; padding: 0px 20px 20px 20px; overflow: auto; }

/* ################ UMKLEIDE ############### */
.mannschaft				{ width: 205px; height: 150px; float: left; text-align: center; padding: 20px 0px; }
.mannschaft SPAN		{ font-size: 14px; font-weight: bold; color: blue; }

#umkleideAltersgruppen	{ width: 600px; margin: 0 auto; }
.altersgruppe			{ width: 200px; height: 100px; float: left; text-align: center; font-size: 14px; margin-top: 30px; font-weight: bold; }
.altersgruppe A 		{ text-decoration: none; }
.altersgruppe A SPAN	{ font-size: 36px; color: red; }

.altersgruppeAnz		{ font-size: 11px; font-weight: normal; }

.homepageUrl			{ font-size: 12px; width: 90%; margin: 0 auto; }

/* ################ ORGANISATION ############### */
.orgaEintrag					{ margin: 0px 0px 0px 20px; color: white; width: 820px; }
.orgaEintragTop					{ background: url(../images/organisatoren-top.jpg) no-repeat; height: 26px; }
.orgaEintragContent				{ background: url(../images/organisatoren-middle.jpg) repeat-y; padding-top: 10px; }
.orgaEintragContent a			{ color: white !important; text-decoration: underline; }
.orgaEintrag .orgaEintragBottom	{ background: url(../images/organisatoren-bottom.jpg) no-repeat; height: 28px; margin-top: -5px; }
.orgaEintragContent .orgaPic	{ float: left; width: auto; margin: -15px 0px 0px 40px; padding: 5px; background: white; }
.orgaDescr						{ float: right; width: 500px; margin-right: 30px; }
.orgaName						{ font-size: 14px; font-weight: bold; margin-top: 20px; text-decoration: underline; }


/* ############### BILDERGALLERIE ############## */
.gallerieJahr		{ background: white; color: red; font-weight: bold; border-bottom: 1px solid #777; margin-bottom: 15px; font-size: 14px; }
.gallerieAlbum		{ float: left; width: 255px; height: 230px; text-align: center; padding: 10px 0px; margin: 10px; background: #DDD; border: 1px solid #999; }


#galleryBig			{ border: 1px solid #999; margin: 16px 50px 0px 50px; text-align: center; background: #DDD; }
#galleryBigImage	{ }
#galleryArrowDown	{ text-align: center; height: 12px; margin: 0px 50px; }
#galleryThumbs		{ overflow: hidden; margin: 0 auto; margin: -18px 20px 0px 0px; height: 82px; }
#galleryThumbsTable	{ margin-left: 370px; }

#galleryScrollLeft	{ width: 33px; height: 100px; position: absolute; left: 90px; top: 270px; }
#galleryScrollRight	{ width: 33px; height: 100px; position: absolute; right: 92px; top: 270px; }


/* ############### PINNWAND #################### */
.pdfListEntry				{ padding: 3px 0px 2px 20px; height: 30px; }
.pdfListEntry a.fileLink	{ margin-left: 20px; margin-top: -20px; }


/* ############### GÄSTEBUCH ############### */
#gbAddEntry			{ border: 1px solid #333; padding: 5px; background: #EFEFEF; margin-top: 5px; }
#guestbookContainer	{ background: url(../images/gb-fussballfeld.jpg) no-repeat; width: 809px; height: 516px; overflow: auto; margin: 0 auto; margin-top: 10px; }

.gbEntry			{ width: 741px; margin: 0 auto; }
.gbEntryTop			{ background: url(../images/gb-entry-top.png) no-repeat; height: 8px; }
.gbEntryTitle		{ background: url(../images/gb-entry-top-back.png) repeat; font-weight: bold; padding: 0px 20px 7px 20px; }
.gbEntryContent		{ background: url(../images/gb-entry-content.png) repeat; color: white; padding: 10px 30px; }
.gbEntryBottom		{ background: url(../images/gb-entry-bottom.png) no-repeat; height: 6px; padding: 0px !important; }

.gbEntryNr			{ float: right; width: 50px; text-align: right; }

#gbSeitenNavi		{ width: 780px; margin: 0 auto; color: #333; font-weight: bold; text-align: center; font-size: 12px; }
#gbSeitenInfo		{ width: 150px; position: absolute; top: inherit; left: inherit; text-align: left; font-size: 12px; }


/* ############### SPONSOREN ################### */
#content #sponsoren						{ top: 270px; left: 1350px; z-index: 4; background: url(../images/sponsoren-back.png) no-repeat; width: 832px; height: 50px; }
#content #sponsoren DIV					{ position: relative !important; }
#content #sponsoren #sponsorenContainer	{ top: 1px; left: 0px; margin-left: 126px; width: 700px; height: 45px; overflow: hidden; }
#sponsorenContent						{ width: auto; }
#sponsorenContent .sponsorenEntry		{ padding-left: 40px; padding-right: 40px; background: red; float: right; }
#sponsorenWeitere						{ padding-top: 10px; text-align: center; width: 300px; font-weight: bold; color: red; font-size: 14px; }
#content #sponsoren #sponsorenGreen		{ top: -4px; left: 0px; background: url(../images/sponsoren-rasen.png) no-repeat; width: 832px; height: 9px; }


/* ############## LOGIN ###################### */
#loginContainer			{ display: none; width: 400px; height: auto; position: fixed; top: 50%; left: 50%; padding: 10px; margin: -90px 0px 0px -210px; background: #FFF; border: 3px solid black; z-index: 50; }
#closeLoginContainer	{ position: absolute; top: 5px; right: 3px; }
#loginTable				{ border: 1px solid #666; background: #EFEFEF; }
.pd10					{ padding-left: 10px; }


/* ################# EXTRA SEITEN ################# */
#extraPage					{ background: white; width: 100%; }
#extraPage #schattenTop		{ position: absolute; top: inherit; left: 0px; background: url(../images/schatten-top.png) repeat-x; width: 100%; height: 15px; z-index: 40; }
#extraPage #schattenBottom	{ position: absolute; top: inherit; left: 0px; background: url(../images/schatten-bottom.png) repeat-x; width: 100%; height: 15px; margin-top: -15px; z-index: 40; }
#extraPage #extraContent	{ width: 880px; margin: 0 auto; padding: 20px 30px; text-align: justify; background: url(../images/extras-back.jpg) repeat-y; }


/* ################ FLASH TORSCHIESSEN ############### */
#content #torschiessen	{ width: auto; height: auto; z-index: 7; top: 181px; left: 1505px; }
#torschiessenSWF		{ z-index: 8; }
#content #loadGame		{ top: 322px; left: 1932px; z-index: 7; }