/****************************************************************/
/*								*/
/* Datei: 		style.css				*/
/* Beschreibung:	HTML Elemente für www.svp-fussball.de	*/
/* Autor:		Hinrich Knief				*/
/*								*/
/****************************************************************/

/****************************************************************/
/* 1. Body und Seite 					        */
/****************************************************************/

body {	

	font-size: 62.5%; 
	margin: 0px auto; 
	padding: 0px;  
	font-family: arial, sans-serif; 
	background: url(../images/bg.gif) repeat;
	margin-bottom: 20px;
	margin-top: 30px; 
}

.page-container-1 {	
	
	width: 820px; 
	margin: 0px auto;
 	padding: 0px;
        border: solid 2px rgb(100,100,100); 
	background-color: rgb(255,255,255);
}

.page-container-2 {	
	
	width: 820px; 
	margin: 0px auto; 
	padding: 0px;
	border: solid 1px rgb(100,100,100);
}

/****************************************************************/
/* 2. Header und Navigation                                     */
/****************************************************************/

/****************************************************************/
/* Seitenname und Banner                                        */
/****************************************************************/
.site-name {	
	
	width: 350px; 
	height: 45px; 
	top: 50px; 
	position: absolute; 
	z-index: 0; 
	overflow: hidden; 
	margin: 0px; 
	padding-left: 75px; 
	color: rgb(0,119,0);
}

.site-name p.title {	

	margin: 0px; 
	padding: 0px;
	font-family: "trebuchet ms", arial, sans serif; 
	font-weight: 
	bold; font-size: 24px;
}

.site-name p.subtitle {	

	clear: both; 
	width: 300px; 
	margin: -6px 0px 0px 0px;
	padding: 0px; 
	background-color: transparent;
	font-family: "trebuchet ms", arial, sans serif;
	font-size: 12px;
}

.site-name a {	

	margin: 0px; 
	padding: 0px;
	text-decoration: none; 
	color: rgb(0,119,0);
}

.site-name a:hover { 	

	text-decoration: none;
}

.img-header {	

	clear: both; 
	float: left; 
	width: 820px; 
	height: 150px; 
	margin-top: 70px;
	padding: 0px;
	border-top: solid 12px rgb(0,119,0);
}

/****************************************************************/
/* Navigation - Level 1, 2, 3 					*/
/****************************************************************/
.nav1-container { 	
	
	width: 820px;
	top: 70px;
	position: absolute; 
	z-index: 3; 
	background: transparent;
}

.nav1 {			
	margin: 0px; 
	padding: 0px;
        font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav1 ul {
	
	float: right; 
	margin: 0px;
        padding: 0px 20px 0px 0px; 
	border-left: solid 1px rgb(0,119,0); 
	background-color: rgb(255,255,255); 
	font-weight: bold;
}	

.nav1 li {
	
	display: inline; 
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

.nav1 li a {

	display: block;
	float: left; 
	margin: 0px; 
	padding: 2px 5px 2px 5px; 
	border-right: solid 1px rgb(0,119,0); 
	color: rgb(0,119,0); 
	text-decoration: none; 
	font-size: 10px;
}

.nav1 a:hover, .a.selected  {
	
	color: rgb(50,50,50); 
	text-decoration: none;
}

.nav2 {

	clear: both; 
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav2 ul {
	
	float: left;
	width: 820px;
	margin: 0px; 
	padding: 0px; 
	border: none; 
	background-color: rgb(0,119,0); 
	font-weight: bold;
}
	
.nav2 li {
	
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

.nav2 li a {
	
	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 7px 9px 7px 10px; 
	border: none; 
	color: rgb(255,255,255); 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 110%;
}

.nav2 a:hover {
	
	color: rgb(50,50,50); 
	text-decoration: none;
}

.nav2 a.selected {
	
	color: rgb(255,255,255); 
	text-decoration: none; 
	background-color: rgb(0,102,0);
}

.nav3 {
	
	clear: both;
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav3 ul {
	
	float: left; 
	width: 820px; 
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: rgb(0,102,0);
	font-weight: bold;
}	

.nav3 li {
	
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

.nav3 li a {

	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 26px 5px 26px; 
	border: none; 
	color: rgb(255,255,255); 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 100%;
}

.nav3 a:hover, .nav3 a.selected {

	color: rgb(50,50,50); 
	text-decoration: none;
}

.nav4 {
	
	clear: both;
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav4 ul {
	
	float: left; 
	width: 820px; 
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: rgb(0,102,0);
	font-weight: bold;
}	

.nav4 li {
	
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding-left: 0px;
}

.nav4 li a {

	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 15.3px 5px 16px; 
	border: none; 
	color: rgb(255,255,255); 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 100%;
}

.nav4 a:hover {

       color: rgb(50,50,50); 
       text-decoration: none;
}
 

.nav4 a.selected {

	color: rgb(255,255,255); 
	text-decoration: none;
        background-color: rgb(0,85,0);
}

.nav5 {
	
	clear: both;
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav5 ul {
	
	float: left; 
	width: 820px; 
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: rgb(0,85,0); 
	font-weight: bold;
}	

.nav5 li {
	
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

.nav5 li a {

	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 5px 15px 5px 15px; 
	border: none; 
	color: rgb(255,255,255); 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: 100%;
}

.nav5 a:hover, .nav5 a.selected {

	color: rgb(50,50,50); 
	text-decoration: none;
      
}


/****************************************************************/
/* Abstandshalter                                               */
/****************************************************************/
.buffer {

	clear: both;
	width: 820px; 
	height: 30px; 
	margin: 0px; 
	padding: 0px; 
	background-color: rgb(255,255,255);
}


/****************************************************************/
/* Layout 1 - mit Navigation (rechts) und ohne Sidebar          */	
/****************************************************************/
/* wird zur Zeit nicht benutzt !!!				*/
/* war ursprünglich für die Startseite gedacht	                */
/****************************************************************/
.content1 {float: left; width: 450px; min-height: 300px; margin-left: 20px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em; background: url(../images/logo1.jpg) no-repeat;}
.content1-maintitle {overflow: hidden; width: 450px; margin-top: 20px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: solid 1px rgb(200,200,200); color: rgb(50,50,50); font-weight: bold; font-size: 200%; text-align: center;/*text-indent:185px;*/}
.content1-subtitle {white-space: nowrap; overflow: hidden; width: 450px; margin-top: 10px; padding-left: 10px ; color: rgb(50,50,50); font-weight: bold; font-size: 150%; text-align: left;}
.content1-subtitle a:link {white-space: nowrap;text-decoration:none; font-weight: bold;  color: rgb(0,119,0);font-size: 100%; }
.content1-subtitle a:visited {white-space: nowrap; text-decoration:none; color:rgb(0,119,0); font-weight: bold; font-size: 120%;}
.content1-subtitle a:hover {white-space: nowrap; text-decoration:underline; }
.content1-txt {overflow: hidden; width: 450px; margin-top: 5px; margin-bottom: 20px; padding-left: 10px; padding-bottom: 20px;border-bottom: solid 1px rgb(200,200,200); color: rgb(65,65,65); font-size: 120%; text-align: justify;}
.content1-txt a:link {margin-left: 200px;text-decoration:none; font-weight: bold;  color: rgb(0,119,0);font-size: 120%; }
.content1-txt a:visited { text-decoration:none; color:rgb(0,119,0); font-weight: bold; font-size: 120%;}
.content1-txt a:hover { text-decoration:underline; }

/****************************************************************/
/* Layout 2 - ohne Navigation und ohne Sidebar                  */	
/****************************************************************/
.content2 {

	display: inline; 
	float:left;
	width: 600px;
	min-height: 100px;
	height: auto;
	margin-left: 110px;
	padding: 0px;
 	color: rgb(75,75,75); 
	font-size: 1.0em; 
	background: url(../images/logo2.jpg) no-repeat;
}

.content2-maintitle {

	overflow: hidden; 
	width: 600px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding-bottom: 5px; 
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(50,50,50); 
	font-weight: bold; 
	font-size: 200%; 
	text-align: center;
}

.content2-subtitle {
	
	overflow: hidden; 
	width: 600px; 
	margin-top: 20px; 
	padding-left: 10px; 
	color: rgb(50,50,50); 
	font-weight: bold; 
	font-size: 150%; 
	text-align: left;
}

.content2-txt {

	overflow: hidden; 
	width: 590px; 
	margin-top: 10px; 
	margin-bottom: 20px; 
	padding-left: 10px; 
	padding-bottom: 20px;
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(65,65,65); 
	font-size: 120%; 
	text-align: justify;
}

.content2-txt a {

	float: left; 
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	color: rgb(0,119,0); 
	text-decoration: none; 
	font-size: 120%;
	color: rgb(0,119,0);
	font-weight: bold;
}

.content2-txt a:link {

 	text-decoration: none; 
	font-weight: bold; 
	color: rgb(0,119,0); 
}

.content2-txt a:visited { 

	text-decoration: none; 
	font-weight: bold; 
	color:rgb(0,119,0); 
}

.content2-txt a:hover {

	text-decoration: underline; 
}

.content2-inhalt {

	overflow: hidden;
	width: 590px; 
	margin-top: 20px;
 	margin-bottom: 10px; 
	padding-left: 10px; 
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(65,65,65); 
	font-size: 140%; 
	text-align: justify;
	font-weight: bold;
}

.content2-inhalt a {

	float: left; 
	margin: 0px; padding: 0px 0px 0px 0px; 
	color: rgb(0,119,0); 
	text-decoration: none; 
	font-size: 100%;
	color: rgb(0,119,0);
}

.content2-inhalt a:link { 
	
	text-decoration: none;
	color:rgb(0,119,0);
}

.content2-inhalt a:visited { 

	text-decoration: none; 
	font-weight:bold; 
	color:rgb(0,119,0); 
}

.content2-inhalt a:hover { 
	
	text-decoration: underline; 
}

/****************************************************************/
/* Layout 3 - breiter, für Statistik                            */	
/****************************************************************/
.content3 {

	display: inline; 
	float:left;
	width: 700px; 
	min-height: 100px; 
	margin-left: 60px;
	padding: 0px;
 	color: rgb(75,75,75); 
	font-size: 1.0em; 
	background: url(../images/logo2.jpg) no-repeat;
	background-position: 50px 0px;

}

.content3-maintitle {

	overflow: hidden; 
	width: 700px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding-bottom: 5px; 
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(50,50,50); 
	font-weight: bold; 
	font-size: 200%; 
	text-align: center;
}

.content3-subtitle {
	
	overflow: hidden; 
	width: 590px; 
	margin-top: 15px; 
	padding-left: 55px;
        padding-right: 55px; 
	color: rgb(50,50,50); 
	font-weight: bold; 
	font-size: 150%; 
	text-align: left;
}

.content3-txt {

	text-align: center;
        overflow: hidden; 
	width: 590px; 
	margin-top: 10px; 
	margin-bottom: 20px; 
	padding-left: 55px;
        padding-right: 55px;  
	padding-bottom: 20px;
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(65,65,65); 
	font-size: 120%; 
	text-align: justify;

}

.content3-txt a {

	float: left; 
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	color: rgb(0,119,0); 
	text-decoration: none; 
	font-size: 120%;
	color: rgb(0,119,0);
	font-weight: bold;
}

.content3-txt a:link {

 	text-decoration: none; 
	font-weight: bold; 
	color: rgb(0,119,0); 
}

.content3-txt a:visited { 

	text-decoration: none; 
	font-weight: bold; 
	color:rgb(0,119,0); 
}

.content3-txt a:hover {

	text-decoration: underline; 
}

.content3-inhalt {

	overflow: hidden;
	width: 590px; 
        padding-left: 55px;
        padding-right: 55px; 
	margin-top: 20px;
 	margin-bottom: 20px; 
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(65,65,65); 
	font-size: 140%; 
	text-align: justify;
	font-weight: bold;
}

.content3-inhalt a {

	float: left; 
	margin: 0px; padding: 0px 0px 0px 0px; 
	color: rgb(0,119,0); 
	text-decoration: none; 
	font-size: 100%;
	color: rgb(0,119,0);
}

.content3-inhalt a:link { 
	
	text-decoration: none;
	color:rgb(0,119,0);
}

.content3-inhalt a:visited { 

	text-decoration: none; 
	font-weight:bold; 
	color:rgb(0,119,0); 
}

.content3-inhalt a:hover { 
	
	text-decoration: underline; 
}


/****************************************************************/
/* Footer                                                       */
/****************************************************************/
.footer {

	overflow: hidden; 
	clear: both; 
	width: 820px; 
	height: 42px; 
	margin: 0px; 
	padding: 0px 0px 0.5em 0px; 
	border-top: solid 1px rgb(0,102,0); 
	background-color: rgb(0,119,0); 
	color: rgb(255,255,255); 
	
}

.footer p {

	margin-top: 6px;
	margin-bottom: 0px; 
	padding: 0px; 
	text-align: center; 
	font-size: 11px;
	font-weight: normal;
}

.footer a {

	color: rgb(255,255,255); 
	text-decoration: underline;
}

.footer a:hover {
	
	color: rgb(0,0,0); 
	text-decoration: none;
}

#Tabelle{ 

	float: left;
        margin-bottom: 20px;
	overflow: hidden; 
	width: 700px; 
	border-bottom: solid 1px rgb(200,200,200); 
	color: rgb(65,65,65); 
	font-size: 120%; 
}

#Tabelle a {

	text-decoration: underline;
}

#Tabelle a:link {

 	text-decoration: none; 
	color: rgb(0,119,0); 
}

#Tabelle a:visited { 

	text-decoration: none; 
	color:rgb(0,119,0); 
}

#Tabelle a:hover {

	text-decoration: underline; 
}




/************************************************************************************************/
/*												*/
/* WIRD ZUR ZEIT NICHT VERWENDET								*/
/*												*/
/************************************************************************************************/

/******************************************/
/* Sidebar links und rechts               */
/******************************************/
.sidebar1 {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75); border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); border-left: solid 1px rgb(200,200,200);}
.sidebar1-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(0,119,0); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.sidebar1-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar1-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar1-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar1-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar1-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar1-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

.sidebar2 {overflow: hidden; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75); border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200);}
.sidebar2-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(0,119,0); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.sidebar2-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar2-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar2-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar2-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar2-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar2-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}


/*****************************************/
/* Überschriften			 */	
/*****************************************/
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/****************************************/
/* Sonstiges                            */
/****************************************/
/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }