/* Gute Adressen:

http://www.w3schools.com/cssref/css3_pr_align-content.asp
http://www.clickstart.de
http://www.web-toolbox.net/

Farbencode
http://html-color-codes.info/webfarben_hexcodes/

*/

.TabZeileUngerade {
	background-color:	#A5D8E1;
}

.TitelLeft {
	font-family:	'Arial'; 
	font-size:		14px;
	font-weight: 	bold;
	text-align: 	left;
	/* color: 			#FFFFFF; */
}

.Titel {
	font-size: 		large;
	font-family:	'Arial'; 
	font-weight: 	bold;
	text-align: 	center;
	background:		linear-gradient( white, grey);
	
	/*
	width: 			1000px;
	text-decoration: underline;
	background-color: #fee;
	*/
}

/* 
Adresse:	http://www.web-toolbox.net/webtoolbox/css/css-personalcontainer.htm 

*/

.TitelDesign {
	position: 		relative;
	top: 			0px;
	left: 			0px;
	height:			40px;
	width: 			1000px;
	border:			0px solid #000000;
	background:		url('../images/design/titel_rot_1000.jpg');
	font-family: 	Arial, Helvetica, sans-serif;
}

.TitelDesignText {
	position: 		absolute;
	top: 			12px;
	left: 			10px;
	font-size:		16px;
	color: 			#FFFFFF;
	font-weight:	bold;
	text-align: 	left;
}

.Spieler {
	position: 		relative;
	top: 			0px;
	left: 			0px;
	/* height:			150px;*/
	width: 			500px;
	border:			1px solid #000000;
	background:		url('../info/images/spieler.gif');
	font-family: 	Arial,Helvetica,sans-serif;
}

.Grafik {
	position: 		absolute;
	top: 			20px;
	left: 			360px;
	border:			0px solid #5F5F5F;
}


.Daten {
	position: 		absolute;
	top: 			50px;
	left: 			10px;
	text-align: 	left;
	/* abhängig vn der Breite der Grafik */
	width: 			320px;
	height:			120px;
	font-size: 		12px;
	color: 			#000000;
}

.Anzeige {
	position: 		relative;
	top: 			0px;
	left: 			0px;
	width: 			980px;
	border:			1px solid #000000;
	background:		url('../info/images/spieler_980.gif');
	font-family: 	Arial,Helvetica,sans-serif;
}

.Spielername {
	position: 		absolute;
	top: 			12px;
	left: 			10px;
	font-size:		16px;
	color: 			#FFFFFF;
	font-weight:	bold;
	text-align: 	left;
}

.AnzeigeDaten {
	position: 		absolute;
	top: 			50px;
	left: 			10px;
	text-align: 	left;
	/* abhängig vn der Breite der Grafik */
	width: 			980px;
/*	height:			120px; */
	font-size: 		12px;
	color: 			#000000;
}

.MarqueeText {
	position: 		absolute;
	top: 			50px;
	left: 			50px;
	/* abhängig vn der Breite der Grafik */
	width: 			320px;
	height:			120px;
	font-size: 		14px;
	font-weight:	bold;
	color: 			#000000;
}

/* 
HTTP://WWW.WEB-TOOLBOX.NET/WEBTOOLBOX/DATUM/TERMIN-MODULE/TERMIN-MODUL-20.HTM#IXZZ3HAL3C8NE 
*/

.Meldung { 
	position:		relative; 
	top:			0px; 
	left:			0px; 
	width:			1000px; 
	height:			90px; 
	border:			0px dotted #BFBFBF; 
	margin: 		0px; 
	padding:		0px;
}  

.TextLink:link, TextLink:visited  {
	font-size:			14px;
	text-decoration:	none;
	color: 				#0090E0;
}

.TextLink:hover{
	color:				#FF00FF;
}

.KalBox {
	position:			absolute;
	top:				10px;
	left:				15px;
	width:				52px;
	height:				65px;
	border:				1px solid #E06000;
}

.KalBox .Jahr {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				16px;
	line-height:		16px;
	background-color:	#E06000;
	color:				#FFFFFF;
	font-family:		Arial,sans-serif;
	font-size:			10px;
	text-align:			center;
}

.KalBox .Tag {
	position:absolute;
	top:18px;
	left:0px;
	width:100%;
	color:#7F7F7F;
	font-family:Arial,sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}

.KalBox .Monat {
	position:absolute;
	top:45px;
	left:0px;
	margin: 0px;
	padding:0px;
	width:100%;
	color:#7F7F7F;
	font-family:Arial,sans-serif;
	font-size:11px;
	text-align:center;
}

.AnzeigeTitel {
	position:			absolute;
	top:				10px;
	left:				90px;
	color:				#E06000;
	font-family:		Arial,sans-serif;
	font-size:			14px;
	font-weight:bold;
}

.AnzeigeText {
	position:			absolute;
	top:				30px;
	left:				90px;
	color:				#3F3F3F;
	font-family:		Arial,sans-serif;
	font-size:			14px;
	padding:			0px 15px 0px 0px;
}

nav {
	width: 				911px; 
	/* Auch Unterpunkte werden fett angezeigt */
	font-weight: 		bold;
	background-color: 	#6A5A5A;
}
nav ul {
    padding: 			0px;
    margin: 			0px;
    box-shadow: 		2px 2px 2px #dfdfdf;
    -moz-box-shadow: 	2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}

nav ul:after {
    clear: 				both;
    content: 			" ";
    display: 			block;
    font-size: 			0;
    height: 			0;
    visibility:			hidden;
}

/* Menü Hintergrunf Farbe ohne wenn Maus drüber ist */
nav ul,nav ul li{
    /*  
	background-color: #FAFAFA; 
	background-color: 	#676767; 
	rot
	background-color: 	#E11C1C;
	background-color: 	#E11C1C;
	*/
	
}

nav ul li {
    list-style:			none;
    float:				left;

    border-right: 		1px solid #dfdfdf;
}

nav ul li a {
    text-decoration:	none;
    display: 			block;
    /* color: 				#333; */
    color:				#FAFAFA;
	text-align: 		left;
	/* Erste 0-Stelle macht Menütext am oberen Rand, zweite - rechts, dritte - unten, vierte - links */
    /* padding: 			14px 34px 14px 34px; */
	padding: 			0px 0px 0px 2px;
	/* wenn die Breite passt nicht, dann bleibt einen leeren Menüpunkt, abhängig von nav-Breite (1000px) hier oben */
	width: 				127px;
    transition: 		background 0.3s ease-out; 	/* explorer 10 */
    -webkit-transition: background 0.3s ease-out; 	/* chrome & safari */
    -moz-transition: 	background 0.3 ease-out; 	/* firefox */
    -o-transition: 		background 0.3 ease-out; 	/* opera */
}

/* Menü Hintergrund Farbe, wenn Maus drüber fährt */
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: 	#E6DD00;
}

nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
    background-color: 	#8CB302;
}

nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: 	#008C74;
}

nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: 	#004C66;
}

nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: 	#676767;
}

/* Buchstaben Menü Farbe */
nav ul li:hover > a {
	color:				#FAFAFA;
}

nav ul li:hover > ul {
    visibility:			visible;
}

nav ul li ul {
    display:			inline;
    visibility: 		hidden;
    position:			absolute;
    padding:			0px;
}

nav ul li ul li {
	float: 				none;
}

/* Buchstaben Farbe bei gedrucktem Menü für untere Menüpunkte */
nav ul li ul li a {
    color: 				#FAFAFA;
}

/* Hintergrund Farbe bei gedrucktem Menü für untere Menüpunkte, wenn Maus drüber ist */
nav ul li ul li a:hover{
	color: 				#333;
	background-color: 	#FAFAFA !important;
	/* background-color: #676767!important; */
}

/*
Seiten Überschrift mit Grafik für Homepage
http://www.web-toolbox.net/webtoolbox/css/css-textposition.htm
*/

div#TitelBlock {
	position:			relative;
	left:				0px;
	top:				0px;
	width:				1000px;
	height:				170px;
	/* background-image:url('../format/bg/bg.gif'); */
	background-image:	url('../images/kopflogo/logo_wiblingen.png');
}

/*
.text01 {
	position:			absolute;
	left:				30px;
	top:				20px;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			22px;
	font-weight:		bold;
	color:				#FFFFFF;
	line-height:		140%;
	letter-spacing:		1px;
}
*/

.text01 {
	position:			absolute;
	left:				150px;
	top:				40px;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			22px;
	font-weight:		bold;
	color:				#FFFFFF;
	line-height:		140%;
	letter-spacing:		1px;
}

.text02 {
	position:			absolute;
	left:				370px;
	top:				22px;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			10px;
	font-weight:		normal;
	color:				#FFFFFF;
}

.PageTitel {
	position:			absolute;
	left:				150px;
	top:				40px;
	font-family:		Lobster Two, cursive;
	font-size:			32px;
	font-weight:		bold;
	color:				#FFFFFF;
	line-height:		100%;
	letter-spacing:		4px;
}