/* SCHULLIGA 2009 V 1.0  */
/* Styles by elfnullfuenf, Joerg Gehring, www.elfnullfuenf.de. info@elfnullfuenf.de, 2009 */

/* General */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

html { 
	font-size: 100.01%
	}

body {
	color: #000;
	background: #000 url(../pics/ag/hgGrass.jpg) fixed repeat-x;
	text-align: center;
	font: 500 0.7em Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.5em;
	overflow-y: scroll;
	overflow-x: auto;
	}
	
body#bodyPrint {
	background: #fff;
	}


a img {
	border: none;
	outline: none;
	text-decoration: none;
	}


#columnMiddleStart p a:link, #columnMiddleStart p a:visited, #columnMiddle p a:link, #columnMiddle p a:visited {
	color: #ff6600;
	text-decoration: none;
	border-bottom: 1px solid #ff6600;
	}
	
#columnMiddleStart p a:hover, #columnMiddle p a:hover {
	background: #ff6600;
	color: #fff;
	}
	
#columnMiddleStart p.noBorder a:link, #columnMiddleStart p.noBorder a:visited, #columnMiddle p.noBorder a:link, #columnMiddle p.noBorder a:visited { 
        border: none;
	text-decoration: none;
	}
#columnMiddleStart p.noBorder a:hover, #columnMiddle p.noBorder a:hover { 
        border: none;
        background: none;
	text-decoration: none;
	}


#columnMiddle p a img.noBorder {
	border: none;
	outline: none;
	text-decoration: none;
	}

	
h2.berthold {
	display: inline;
	font: 500 32px berthold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #444444;
	background-color: #ffffff;
	line-height: 1em;
}


h2.berthold img {
	behavior: none;
	border:none;
	background-color: #ffffff;
	}

h3 {
	font: 500 1.05em Arial, Helvetica, sans-serif;
	color: #000;
	}	

/* Helpers */

.clear  {
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	height: 0;
	clear: both;
}

.headlineGrey {
	color: #555555;
	font: 600 1.6em Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	padding-bottom: 5px;
	}
	
.headlineGrey a:link, .headlineGrey a:visited {
	color: #555555;
	text-decoration: none;
	}
	
.headlineGrey a:hover {
	text-decoration: underline;
	}
	
.marginR20 {
	margin-right: 20px;
	}
	
.marginB30 {
	margin-bottom: 30px;
	}
	
	
.margin15Line {
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	}
	
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.medium {
	font-size: 1.25em;
	font-weight: 600;
	}


.error { font-size: 1em; color: #ff0000; }

/* Container */

#containerAll  {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	
#bannerTop {
	position: absolute;
	height: 90px;
	right: 170px;
	}
	
#bannerRight {
	position: absolute;
	width: 160px;
	right: 0px;
	top: 100px;
	text-align: left; 
	}


/* Header */

	
#slideShow {
	position: absolute;
	width: 910px;
	height: 159px;
	overflow: hidden;
	z-index: 1;
	top: 184px;
	}
	

#sponsorsTop {
	position: absolute;
	top: 100px;
	width: 910px;
	height: 84px;
	overflow: hidden;
	background: url(../pics/ag/hgSponsorsTopBig.jpg) no-repeat;
	color: #666;
	
	}
	
.sponsorsEntry {
	float: left;
	width: 140px;
	margin-right: 8px;
	overflow: hidden;
	text-align: center;
	}
	
.sponsorsEntryText {
	width: 100%;
	padding: 5px 0px;
	font: 500 0.8em Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: left;
	}

.sponsorsEntryFirst {
	margin-left: 14px;
	}
	
.sponsorsEntryLast {
	margin: 0px;
	}


#logo  {
	position: absolute;
	width: 162px;
	z-index: 5;
	top: 224px;
	left: 10px;
}


#logo h1 {
	text-indent: -9999px;
	font-size: 0;
	}
	
#logo h1 a {
	display: block;
	background: url(../pics/ag/logoTop.png) no-repeat;
	width: 162px;
	height: 105px;
	outline: none;
	}


/* --- Lists --- */

#columnMiddleStart ul, #columnMiddle ul {
	margin: 0px 0px 0px 15px;
}

#columnMiddleStart ul li, #columnMiddle ul li{
	display:list-item;
	list-style-type:square;
	line-height: 1.5em;
}

/* Navigation Main */
	

#navMain {
	position: absolute;
	top: 343px;
	width: 910px;
	height: 37px;
	overflow: hidden;
	background: #fff url(../pics/ag/navMainHG.png) repeat-x	;
}

#navMain ul {
		float: left;
		list-style-type: none;
}


#navMain ul li {
		list-style-type: none;
		display: inline;
		float: left;
}



#navMain ul li a:link, #navMain ul li a:visited {
		float: left;
		display: block;
		height: 34px;
		text-transform: uppercase;
		line-height: 1em;
		color: #cdcdcd;
		font: 500 0.95em Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 10px;
		}

#navMain ul li a:hover, #navMain ul li a.on {
		background: url(../pics/ag/navMainActive.png) repeat-x;
		color: #fff;
}

/* Navigation Level 2 */
	

#navLev2 {
	float: left;
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
	background: url(../pics/ag/navSubHG.png) repeat-x;
	height: 24px;
}

#navLev2 ul {
	float: left;
	margin: 0;
	list-style-type: none;
}


#navLev2 ul li {
	list-style-type: none;
	display: inline;
	float: left;
}



#navLev2 ul li a:link, #navLev2 ul li a:visited {
	float: left;
	display: block;
	height: 24px;
	text-transform: uppercase;
	line-height: 1em;
	color: #666;
	font: 600 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 10px;
	}
	

#navLev2 ul li a:hover, #navLev2 ul li a.on {
	background: #ff6600;
	color: #fff;
}


/* Navigation Level 3 */
	

#navLev3 {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #ff6600;
	height: 24px;
	}

#navLev3 ul {
	float: left;
	margin: 0;
	list-style-type: none;
	}


#navLev3 ul li {
	list-style-type: none;
	display: inline;
	float: left;
	padding: 3px 0px;
	}



#navLev3 ul li a:link, #navLev3 ul li a:visited {
	float: left;
	display: block;
	text-transform: uppercase;
	line-height: 1em;
	color: #fff;
	font: 500 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px 6px;
		}

#navLev3 ul li a:hover, #navLev3 ul li a.on {
	background: #fff;
	color: #666;
	}

.navLev3day {
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	}
	
.navLev3plan a:link, .navLev3plan a:visited {
	float: right;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../pics/ag/arrowNavLev3Plan.png) center left no-repeat;
	}

.navLev3plan a:hover {
	text-decoration: underline;
	}
	
	
/* Navigation Mediathek rechte Spalte */
	

#navMediathek {
	float: left;
	width: 165px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#navMediathek ul {
	float: left;
	padding: 5px 0 0 0;
	list-style-type: none;
}


#navMediathek ul li {
	list-style-type: none;
	display: inline;
	white-space: nowrap;
	}



#navMediathek ul li a:link, #navMediathek ul li a:visited {
	float: left;
	line-height: 1em;
	color: #666;
	font: 500 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 3px; 
	margin: 0 5px 0 0;
	}
	

#navMediathek ul li a:hover, #navMediathek ul li a.on {
	background: #ff6600;
	color: #fff;
}


/* --- Language select --- */


#languageSelect {
	position: absolute;
	top: 343px;
	left: 770px;
	width: 140px;
	background: #fff url(../pics/ag/navMainHG.png) repeat-x	;
	text-align: right;
	}
	
#languageSelectButton a:link, #languageSelectButton a:visited {
		display: block;
		width: 100px;
		height: 20px;
		text-transform: uppercase;
		line-height: 1em;
		color: #cdcdcd;
		font: 500 0.95em Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 10px;
		padding-right: 20px;
		background: url(../pics/ag/arrowLanguage.png) right 12px no-repeat;
		}
		
#languageSelectButton span {
		display: block;
		width: 100px;
		height: 20px;
		line-height: 1em;
		padding: 10px;
		padding-right: 20px;
		}
	
#languageBox {
	position: absolute;
	top: 356px;
	left: 770px;
	width: 140px;
	background: #000 url(../pics/ag/hgLanguageBox.png) -5px 0px no-repeat;
	margin-right: 100px;
	display: none;
	}
	
#languageBox ul {
	float: left;
	width: 100%;
	padding: 80px 8px 8px 8px;
	color: #ff6600;
	}
	
#languageBox ul li a:link, #languageBox ul li a:visited {
	line-height: 1em;
	color: #fff;
	font: 500 0.95em Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

#languageBox ul li a:hover, #languageBox ul li a.on {
	color: #ff6600;
	}
	


/* Navigation U */
	
.navU {
	float: left;
	width: 166px;
	}

.navU ul {
	float: left;
	list-style-type: none;
	}


.navU ul li {
	list-style-type: none;
	float: left;
	height: 31px;
	width: 166px;
	}



.navU ul li a:link, .navU ul li a:visited {
	display: block;
	text-transform: uppercase;
	line-height: 1em;
	color: #cdcdcd;
	font: 500 0.95em Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px;
	background:url(../pics/left/hgNavU.png) no-repeat;
	}

.navU ul li a:hover, .navU ul li a.on {
	background: url(../pics/left/hgNavUActive.png) repeat-x;
	color: #fff;
	}



/* Content */


#containerColumns {
	position: absolute;
	top: 377px;
	width: 910px;
	
	}
	
#containerColumnsInner {
	float: left;
	width: 910px;
	padding: 65px 0px 30px 0px;
	overflow: hidden;
	background: #fff url(../pics/ag/contentGlowBottom.png) repeat-x bottom left;
	}
	
#columnLeft {
	float: left;
	width: 166px;
	margin-right: 20px;
	overflow: hidden;
	}
	
.elementsLeft {
	float: left;
	margin-bottom: 2px;
	}


#columnMiddle {
	float: left;
	width: 527px;
	margin-right: 20px;
	overflow: hidden;
	background: url(../pics/ag/checkGrey.png) top left repeat-x;
	padding-top: 10px;
	}
	
#columnRight {
	float: left;
	width: 160px;
	overflow: hidden;
	}


#columnMiddleStart {
	float: left;
	width: 461px;
	margin-right: 20px;
	overflow: hidden;
	}
	
#columnRightStart {
	float: left;
	width: 225px;
	overflow: hidden;
	}
	
#contentMiddle {
	float: left;
	margin-top: 20px;
	}
	
.elementsStartRight {
	float: left;
	width: 225px;
	margin-bottom: 15px;
	}
	
.elementsRight {
	float: left;
	width: 160px;
	margin-bottom: 15px;
	}
	

.trenner { 
        color: #ccc;
        font-size: 1px;
        line-height: 1;
        background-color: #ccc;
        width: 100%;
        height: 1px;
        overflow: hidden;
	margin: 15px 0px;
}

.trennerCheck {
	float: left;
	width: 100%;
	margin: 15px 0px;
	background: url(../pics/ag/checkGrey.png);
	height: 4px;
	overflow: hidden;
	line-height: 1px; 
	}
	
.trennerCheckNoMargin {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../pics/ag/checkGrey.png);
	height: 4px;
	line-height: 1px;
	}
	
.trennerCheckSmall {
	float: left;
	width: 100%;
	margin: 15px 0px;
	background: url(../pics/ag/checkGrey.png);
	height: 2px;
	line-height: 1px;
	}
		
.wrap2ColsSpeperator {
	float: left;
	width: 527px;
	background: url(../pics/ag/checkGrey.png) top center repeat-y;
	}
	
.unitCol253 {
	float: left;
	width: 253px;
	overflow: hidden;
	} 


/* --- Footer --- */


#footer {
	float: left;
	width: 910px;
	color: #fff;
	background: #454445 url(../pics/ag/hgFooter.png) repeat-x bottom left;
}

#footerContainer  {
	float: left;
	padding: 15px 10px;
}

.footerColM40 {
	float: left;
	width: 162px;
	overflow: hidden;
	margin-right: 20px;
	}
	
#topLink {
	float: left;
	width: 162px;
	text-align: right;
	}
	

#footer p a:link, #footer p a:visited {
	padding: 2px 5px 2px 0px;
	color: #fff;
	text-decoration: none;
}
	

#footer h4 {
	font: 500 1em Arial, Helvetica, sans-serif;
	color: #cdcdcd;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: 5px;
}


ul.footerList  {
	float: left;
	list-style-type: none;
}


ul.footerList li a:link, ul.footerList li a:visited {
	line-height: 1.3em;
	padding: 2px 5px 10px 0px;
	color: #cdcdcd;
	text-decoration: none;
}

ul.footerList li a:hover, #footer p a:hover {
	color: #fff;
	text-decoration: underline;
}

ul.footerList li a img {
	padding: 2px 5px 0px 0px;
	text-decoration: none;
}

.myspace, .youtube, .facebook, .twitter {
	padding-left: 30px;	
	height: 25px;
	}
	
.myspace {
	background: url(../pics/ag/myspace.png) no-repeat 0px 0px;
	}

.youtube {
	background: url(../pics/ag/youtube.png) no-repeat 0px -2px;
	}

.facebook {
	background: url(../pics/ag/facebook.png) no-repeat 0px 2px;
	}
	
.twitter {
	background: url(../pics/ag/twitter.png) no-repeat 0px 2px;
	}
	
/* --- COPY / Login --- */

#copy, #login {
	float: left;
	padding: 5px 0px 15px 0px;
	width: 455px;
	color: #fff;
	}

#copy a:link, #copy a:visited, #login a:link, #login a:visited {
	text-decoration: none;
	color: #fff;
	}

#login {
	text-align:right;
	}
	
/* --- Table Report --- */

table.report  { float: left; width: 100%; text-align: left; border: 0px; border-spacing: 0px; border-collapse: collapse; }
table.report th  {color: #fff; font: 600 1em Arial, Helvetica, sans-serif; background-color: #444; text-align: left; padding: 6px; vertical-align: top; border-right: 1px solid #aeaeab; }
table.report td   { font: 500 1em Arial, Helvetica, sans-serif; padding: 6px; border: 1px solid #aeaeab;  }
table.report td a:link, table.report td a:visited { color: #ff6600; text-decoration: none; border-bottom: 1px solid #ff6600; }
table.report td a:hover { background: #ff6600; color: #fff; }

/* --- Table Anmeldung --- */
table.anmeldung td   { font: 500 1em Arial, Helvetica, sans-serif; padding: 2px; }
table.anmeldung td a:link, table.anmeldung td a:visited { color: #ff6600; text-decoration: none; border-bottom: 1px solid #ff6600; }
table.anmeldung td a:hover { background: #ff6600; color: #fff; }

table.contenttable td a:link, table.contenttable td a:visited {
	border: none;
	text-decoration: none;
	}


/* --- MAP --- */

.mapContainer {
	position: relative;
	width: 527px;
	text-align: center;
	}

.spot {
	position: absolute;
	background: url(../pics/ag/spot.png) no-repeat center center;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -100px;
	z-index: 4;
	overflow: hidden;
	}



#easyTooltip{
	padding:5px;
	background-color: #444444;
	color:#ffffff;
	text-align: left;
	z-index: 6;
	}
					



/* --- Player Teaser --- */


.playerTeaser {
	float: left;
	}


.playerImage {
	float: left;
	width: 175px;
	height: 175px;
	background: #ccc;
	border: 1px solid #666;
	overflow: hidden;
	text-align: center;
	margin-right: 20px;
	}

.playerText {
	float: left;
	width: 264px;
	overflow: hidden;
	margin-bottom: 20px;
	}

.playerMore {
	float: left;
	width: 164px;
	}

.playerAll {
	float: left;
	text-align: right;
	width: 100px;
	}

#coop {
	position: absolute;
	top: 226px;
	left: 185px;
	background: url(../pics/ag/hgCoopTitle.png) repeat-x;
	z-index: 4;
	}

.coopTitle {
	float: left;
	font: 500 0.8em Arial, Helvetica, sans-serif;
	color: #555;
	padding: 1px 1px 5px 1px;
	}
	
.coopContent {
	clear: both;
	float: left;
	}
	
#PlaygroundInfo {
	clear: both;
	float: left;
	padding-top: 40px;
	width: 527px;
	overflow:hidden;
	}
	
.arenaInfoLeft {
	float: left;
	width: 325px;
	margin-right: 20px;
	overflow: hidden;
	padding-right: 20px;
	border-right: 1px solid #999;
	}
	
.arenaInfoLeft {
	border-right: none;
	}
	
goalGetter {
	float: left;
	width: 160px;
	height: 90px;
	text-indent: -9999px;
	}
	
goalGetter a {
	font-size: 0;
	display: block;
	width: 160px;
	height: 90px;
	background: url(../pics/ag/bt_Torjaeger.jpg) no-repeat;
	}
	
#printView {
	float: left;
	width: 121px;
	height: 26px;
	text-indent: -9999px;
	}
	
#printView a {
	font-size: 0;
	display: block;
	width: 121px;
	height: 26px;
	background: url(../pics/ag/printView.png) no-repeat;
	}
	

#contentPrintContainer {
	float: left;
	width: 600px;
	margin: 50px;
	text-align: left;
	}
	
#contentPrint {
	float: left;
	width: 600px;
	}