body{
	font-family:		Verdana, sans-serif;
	font-size: 			12px;
	/*background-color:	#008000;*/
	background-image:	url('../bilder/background.jpg');
	}

#mantel {
	background-color: 	#ffffff;
	/*border:			1px solid #008000;*/
	padding: 			0px;
	width: 				960px;
	margin:				auto;
}


#banner {
	background-color: 	#ffffff;
	/*border-bottom:	1px solid #000080;*/
	padding: 			0px;
	width: 				100%;
	height:				100px;
}


/*Spalten mit Navigation, Inhalt und News*/
#spalte_links {
	line-height: 		1.2em;
	padding: 			0%;
	margin-right:		2%;
	width: 				15%;
	float: 				left;
	margin-bottom:		10px;

}

#spalte_mitte {
	line-height: 		1.2em;
	background-color: 	white;
	padding: 			2%;
	margin-right:		1.5%;
	width: 				48%;
	float: 				left;
	margin-bottom:		10px;
	border-left:		1px solid #008000;
	border-right:		1px solid #008000;
}

#spalte_mitte a img{

	border:				1px;
	border-bottom-color:black;
}



#spalte_rechts {
	line-height: 		1.2em;
	background-color: 	white;
	padding: 			2%;
	width: 				25%;
	float:				right;
	margin-bottom:		10px;
}


#fusszeile {
	/*background-color:	#C0C0C0;*/
	/*border:			1px solid #000080;*/
	padding: 			0px;
	width: 				100%;
	clear:				both;
	text-align:			center;
}

/*--------------------------------
TEXTE FORMATIEREN
----------------------------------*/
p{
	margin		: 0px 0px 0px 0px;
	
}

.bereichstitel
{
border-bottom			: 1px solid #008000;
border-top				: 1px solid #008000;
color					: #008000;
font-size				: 20px;
font-weight				: bold;
display					: block;
margin-bottom			: 10px;
padding					: 2px 0px 2px 0px;
line-height             : 1.3em;
}

.headlines{
/*Dies ist eine freie Klasse. Sie kann auf alle Elemente angewendet werden.*/
	font-weight			: bold;
	font-size           : 14px;
	color				: darkred;
	margin				: 10px 0px 3px 0px;
}

.headlinenews{
	font-size			: 13px;
	font-weight			: bold;
	color           	: #008000;
	margin				: 10px 0px 3px 0px;

}

.fett{
	font-weight			:bold
}

.normal{
	font-family:		Verdana, sans-serif;
	font-size: 			12px;
}

.link{
	font-family:		Verdana, sans-serif;
	font-size: 			12px;
	color:				#008000;
}

.zentriert_gruen{
	font-family:		Verdana, sans-serif;
	font-size: 			12px;
	text-align:			center;
	color:				#008000;
}


.fusszeile_zentriert{
	font-family:		Verdana, sans-serif;
	font-size: 			12px;
	color:				black;
	border-top: 		1px solid #008000;
	display: 			block;

}



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

/*Formatiert die Listenelemente des Navigationsmenüs: Wir setzen die einzelnen Navigationshyperlinks
zuerst als Aufzählungen, um sie zu strukturieren.
Wir benutzen die Liste nur für die Strukturierung: Aufzählungszeichen sind unerwünscht und werden eliminiert.
*/

/*		Hauptmenü										*/
/*		------------------------------------------------*/
#menudiv {
	width			: 100%;
}


ul.navi {
list-style-type			: none; /*Keine Äufzählungszeichen*/
margin-left				: 0px; /*Kein Abstand links beim Internet Explorer*/
padding-left			: 0px; /*Kein Abstand links beim Firefox*/
margin-top				: 0px; /*Kein Abstand oben im Firefox*/
margin-bottom			: 0px; /*Kein Abstand unten im Firefox*/

}


/*Formatiert die Links des Navigationsmenüs*/				
a.lead	{
	text-decoration		: none;				/*Link ist nicht unterstrichen*/
	color				: #008000;			/*Schriftfarbe*/
	display				: block;			/*Der Link und seine Hintergrundfarbe füllen die ganze Zelle, da sie als Blockelement dargestellt werden*/
	padding				: 6px;				/*Innenabstand zur Tabellenzelle*/
	background-color	: #FFFFFF;
	border-bottom		: 1px #008000 solid;
	font-weight			: bold;
	}			


/*Formatiert die Links des Hauptmenüs beim Überfahren*/		
a.lead:hover 	{
	color				: #008000;
	background-color	: #eae000;

}

/*	Untermenü
-------------------------------------------------------		*/
/*Formatiert die Container der Untermenüs*/
.submenu {
	position		: absolute;
	width			: 220px; 
	visibility		: hidden; 
	z-index			: 2;
}
/*Formatiert die einzelnen Divs/Schaltflächen des Untermenüs*/
.navi {
	padding			: 0px;
}
/*Formatiert die Links des Untermenüs*/	
a.line	{
	text-decoration : none;
	color 			: #FFFFFF;
	display			: block;
	padding 		: 3px;
	padding-left	: 5px;
	background-color: #008000;
	border-bottom 	: 1px #FFFFFF solid;
}		
a.line:hover	{
	color					: #008000;
	background-color		: #eae000;
}


/*--------------------------------
Shop
----------------------------------*/

#bestellung_artikel {
	width: 100%;
}
#rechnung_artikel {
	width: 100%;
}
.bestellung_beschreibung {
	background-color: #cdd1d8;
	width: 86px;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
}
.bestellung_inhalt {
	background-color: #f7f7f7;
	width: 520px;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: left;
}
.rechnungdetail {
	background-color: #e9e9e9;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	width: 100%;
}
.rechnungsbetrag {
	background-color: #e9e9e9;
	font-family: Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
	text-align: right;
	width: 42px;
}
.adressangaben {
	background-color: #f7f7f7;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}
.adressdetails {
	width: 96px;
	background-color: #f7f7f7;
}



/*--------------------------------
Tabellen
----------------------------------*/

td{
	vertical-align		: top;	
	
}

td2{
	vertical-align		: top;	
	
}


#tabelle {
	width				: 100%;
	background-image	: url('../bilder/stadionguide/background1.jpg');
}

#tabelle td {	
	color				: #FFCC00;
}

td.bezeichner {
	width				: 40%;
	color				: #FFCC00;
}

td.inhalt {
	width				: 60%;
	color				: #FFCC00;
}

/*--------------------------------
Bilder
----------------------------------*/

.bild{
	margin-left			: 7px;
	margin-bottom		: 5px;
	margin-top			: 0px;
	border-width		: 0px;


}

.bild2{
	margin-left			: 10px;
	margin-bottom		: 5px;
	margin-top			: 0px;
	border-width		: 0px;


}


.bild_background{
	background-image	: url('../bilder/stadionguide/background1.jpg');
	margin-left			: 7px;
	margin-bottom		: 5px;
	margin-top			: 0px;
	float				: left;
	font-family			: Verdana, sans-serif;
	font-size			: 12px;
	text-align			: left;
	color				: #FFCC00;


}

.bild_spalte_links{
	margin-left			: 2px;
	border-width		: 0px;
	}



/*--------------------------------
JAVA
----------------------------------*/


.jcarousel-skin-tango-pre .jcarousel-container {
    -moz-border-radius: 10px;
    background: #ffffff;
    /** border: 1px solid #346F97; */
}

.jcarousel-skin-tango-pre .jcarousel-container-horizontal {
    width: 555px;
    padding-right: 0px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
	10px 0px 5px;
	height:95px;
	border: 0px;
	
}

.jcarousel-skin-tango-pre .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
	border: 0px;
}

.jcarousel-skin-tango-pre .jcarousel-clip-horizontal {
    width:  545px;
    height: 100px;
	border: 0px;
	
}

.jcarousel-skin-tango-pre .jcarousel-clip-vertical {
    width:  75px;
    height: 100px;
	border: 0px;
}

.jcarousel-skin-tango-pre .jcarousel-item {
    width: 140px;
    height: 100px;
	border: 1px;
}

.jcarousel-skin-tango-pre .jcarousel-item-horizontal {
 
	border: 0px;
	
}

.jcarousel-skin-tango-pre .jcarousel-item-vertical {
    margin-bottom: 10px;
	border: 0px;
}

.jcarousel-skin-tango-pre .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
	border: 0px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango-pre .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: -10px;
    width: 20px;
    height: 29px;
    cursor: pointer;
    background: transparent url(forward.png) no-repeat 0 0;
}

.jcarousel-skin-tango-pre .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango-pre .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango-pre .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango-pre .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango-pre .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango-pre .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: -10px;
    width: 20px;
    height: 29px;
    cursor: pointer;
    background: transparent url(backward.png) no-repeat 0 0;
}

.jcarousel-skin-tango-pre .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango-pre .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango-pre .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango-pre .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango-pre .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango-pre .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango-pre .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango-pre .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango-pre .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango-pre .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango-pre .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango-pre .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango-pre .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango-pre .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango-pre .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango-pre .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango-pre .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}