/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

html, body {
width:100%; 
height:100%; 
overflow:hidden;
}

body {
	background:#000;/* Hintergrundfarbe/-image */
	color: white; /* Schriftfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* Schriftgroesse */
}

h1, h2, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size:1.2em;
	margin-bottom:20px;
	background-color:#EB4127;
	display:block;
}
h2 {
	font-size:1em;
	margin-bottom:15px;
	border-bottom: 5px solid #000000;
	background-color:#EB4127;
	display:block;
	text-align:center;
}
h3 {
	font-size:.9em;
	margin-bottom:10px;
}
a, a img {
	text-decoration:none;
	border:none;
}
address {
	font-style:normal;
	padding:2px;
}
address a {
	color:#fff;
}
address a:hover, address a:focus {
	color:#00b0e6;
}

/*Klassen für Bilder*/
.image-left {
float:left; 
padding:3px; 
border:1px solid #999; 
margin:5px 10px 10px 0; 
}
.image-right {
float:right; 
padding:3px; 
border:1px solid #999; 
margin:5px 0 15px 10px;
}

/*Cross Browser Opacity*/
.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}


/* Layout Styles */

#hintergrund {
	position:absolute; 
	width:100%; 
	height:100%;
	z-index:10; 
}

#scrollbar   {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:20;
} 

#wrapper {
	background:#000 url(../Images_Sportfreunde/Background_Sportfreunde1.4.jpg) no-repeat;
	width:800px;/* Breite des Inhaltsbereichs */
	margin:20px auto;
	color:#fff;
	border:1px dotted #363636;
}
#logo {
	padding:5px;
	float:right;
}

/* Start Navigation */

/* navi-level1 */
#navi-level1 {
	float:left;
	width:390px;
	margin-bottom:220px;
	margin-left:300px;
	padding-top:10px;
}
#navi-level1 li {
	display:inline;
	list-style:none;
}
#navi-level1 a {
	color:#000;
	background-color:#00b0e6;
	line-height:30px;
	margin-right:4px;
	padding:4px 10px;
	border:1px solid #fff;
}
#navi-level1 a:hover,  #navi-level1 a:focus {
	color:#FFF;
	background-color:#b79250;
}
#navi-level1 a:active,
#see #navi01 a,
#team #navi02 a,
#play #navi03 a,
#and #navi04 a,
#live #navi05 a {
	color:#000;
	background-color:#b79250;
}

/* navi-level2 */
#navi-level2 {
	float:left;
	width:200px;
	padding-top:130px;
}
#navi-level2 li {
	display:block;
	list-style:none;
	margin:15px;
}
#navi-level2 a {
	color:#000;
	background-color:#00b0e6;
	padding:4px 10px;
	border:1px solid #fff;
	text-decoration:none;
}
#navi-level2 a:hover,  #navi-level1 a:focus {
	color:#FFF;
	background-color:#b79250;
}
#navi-level2 a:active,
#football-pictures #navi2-1 a,
#party-pictures #navi2-2 a,
#on-tour #navi2-3 a,
#team-defense #navi2-11 a,
#team-midfield #navi2-12 a,
#team-offense #navi2-13 a,
#play-when #navi2-111 a,
#play-where #navi2-112 a {
	color:#000;
	background-color:#b79250;
}
/* End Navigation*/

/*Start content */
#content {
	float:right;
	padding:20px;
	width:510px;
	min-height:300px;
}
#content p {
	margin-bottom:15px;
}
#content a:link {
	color:#00b0e6;
}
#content a:visited {
	color:#FFF;
}
#content a:hover, #content a:focus, #content a:active {
	color:#EB4127;
}

#content span {
	color:#00b0e6;
}
#content .clear-left {
	clear:left;
}

#footballpictures li {
	display:inline;
	list-style:none;
}
#ontour li {
	display:inline;
	list-style:none;
}
#partypictures li {
	display:inline;
	list-style:none;
}

/*Start news*/
#newsbox {
	float:left;
	width:200px;
	margin: 100px 0 0 30px;
	color:#000000;
	background-color:#00b0e6;
}
#newsbox h2 {
	text-transform:uppercase;
}
.news {
	margin:5px;
	padding:5px;
	border-bottom: 2px solid #000000;
	border-left: 3px solid #000000;
	background-color:#b79250;
}

/* End content */

#footer {
	clear:both;
	background-color:#00b0e6;
	border-top-color:#b79250;
	border-top-style:solid;
	color:#000;
	text-align:center;
}
/* Table Styles */
table {
	width:90%;
	border-collapse:collapse;
	background:#000;
	color:#FFF;
	border:1px solid #666;
}
/* Überschrift gestalten */
caption {
	font-size:120%;
	font-weight:bold;
	color:#000;
	text-align:left;
	padding:1em;
	background-color:#00b0e6;
}
/* Tabellenzellen gestalten */
th, td {
	text-align:left;
	vertical-align:top;
	padding:.5em 1em;
}
th {
	letter-spacing:2px;
	font-weight:bold;
}
td {
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
thead {
	color:#000;
	border-bottom:1px solid #999;
	background-color:#b79250;
}
tfoot {
	background-color:#00b0e6;
}

/* Form Styles */
    form {
    width:80%;
    }
	form p {
	padding-bottom:0;
	}
    	label {
    	display:block;
    	}
    	fieldset {
		margin:0.5em 0;
		padding:.5em 1.5em 1em 1.5em;
    	border:1px solid #ccc;
    	}
    	legend {
    	color:#CCC;
		letter-spacing:1px;
		padding-bottom:1em;
    	}
    	textarea {
		font:100% Verdana, Arial, Helvetica, sans-serif;
    	width:100%;
		height:5em;
		background-color:#00b0e6;
		border:1px solid #ccc;
    	}
			textarea:focus, textarea:active {
			color:#000;
			border:1px solid #ccc;
			background-color:#666;
			}
		input[type=text] {
		display:block;
		width:100%;
		height:1.5em;
		padding-top:.2em;
		padding-left:.2em;
		border:1px solid #ccc;
		background-color:#00b0e6;
		}
			input[type=text]:focus, input[type=text]:active {
			color:#fff;
			background-color:#666;
			}
		input[type=submit] {
		float:right;
		color:#000;
		font-weight:bold;
		margin:.8em 0 .5em 0;
		padding:.3em;
		background-color:#EB4127;
		border:1px solid #ccc;
		}
		input[type=reset] {
		float:right;
		color:#000;
		padding:.3em;
		margin:.8em 1em .5em 0;
		background-color:#EB4127;
		border:1px solid #ccc;
		}
		label, select, textarea, input[type=text], input[type=checkbox], input[type=radio], input[type=button], input[type=checkbox], input[type=submit], input[type=reset] {
		cursor:pointer;
		}	

/* Ende Screen Styles */