/*  =========================================================
Datei:  extern.css
Media:  screen 
Datum:  27. Juli 2009
Autor:  rs
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */


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

h2, p { margin-bottom: 1em;}
ul ul { margin-bottom: 0; }
li { margin-left: 0; }

/* Allgemeine Selektoren */

html,body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
}

body  {
	background-color: #e8e9ea;
	background-image:url(../pics/bg.gif);
}

/* Allgemeine Klassen und IDs */

strong{ font-weight:bold; }

p,th,td,label {
	
	margin: 0 0 1em 0;
}
html {
	height: 100%;
}
body {
	min-height: 100%;
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#center_layer_hg {
	position: relative;
	width:952px;
	height: auto;
	margin:0 auto;
	padding:0 15px 15px 15px;
	background-image:url(../pics/hg-blur.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#center_layer {
	background-color:#00193d;
	position:relative;
	width:952px;
}

#main {
    clear:both;
	position:relative;
	width:952px;
	overflow:hidden;
	background-image:url(../pics/bgmain.gif);
	background-color:#00193d;
}

#main_pic_l {
	position: relative;
	width:952px;
	height:279px;
	overflow:hidden;
}

#content {
	position:relative;
	float:left;
	width:422px;
	min-height:300px;
	padding:32px 40px 10px 0;
}
#content-statistik {
	position:relative;
	float:left;
	width:662px;
	min-height:300px;
	padding:32px 10px 10px 0;
    background-color:#00193d;
}

#content a {
color:#fdc613;
font-weight:bold;
}

#content a:hover {
color:#fff;
font-weight:bold;
}

/*
#content ul li{
display:block;
padding-left:32px;
padding-top: 1px;
list-style-type: none; 
background: url(../pics/listgr.gif) 0px 5px no-repeat;
}
*/

#content ul {
padding-bottom:1em;
}

#content-right {
	position:relative;
	float:left;
	width:210px;
	padding: 32px 0 10px 0;
}


#navi {
	position:relative;
	overflow:hidden;
    width:952px;
	height:32px;
	background-image:url(../pics/bgnavi.gif);
}

#unavi {
	position:relative;
	float:left;
    width:264px;
    min-height: 20px;
}

#main_pic_r {
	position:relative;
	width:80px;
	padding-top:460px;
	height:240px;
	float:left;
}

#content-statistik table {
border: 1px solid #fdc613;
background-color:#00193d;
margin-bottom:16px;
}

#content-statistik td {
padding:2px;
border:1px solid #fdc613;
}

#content-statistik .stat { 
border: 1px solid #fdc613;
background-color:#00193d;
color:#FFF;
}

#content-statistik .stattitle {
color:#00193d;
font-weight:bold;
text-transform:uppercase;
border: 1px solid #fff;
background-color:#fdc613;
}

#content-right table {
border: 1px dashed #fdc613;
background-color:#00193d;
margin-bottom:16px;
}
.tabletitle {
color:#fdc613;
font-weight:bold;
text-transform:uppercase;
border-bottom: 1px dashed #fdc613;
}
.white {
color:#FFFFFF;
font-weight:normal;
}

#content-right td {
padding:3px
}


#logo {
	position: relative;
	/*float:left;*/
	overflow:hidden;
	width:250px;
	padding-top: 35px;
	text-align:center;
}
#champion {
	position: relative;
	padding: 25px 0 0 0;
}


/* navigation : start */

ul#navigation {
	margin:0;
	padding:0;
	list-style:none;
}

ul#navigation li {
	position:relative;
	float:left;
}

ul#navigation li a {
    outline:none;
	position:relative;
	color:#00193d;
	display:block;
	margin: 0 0 0 1px;  
	width:135px;
	height: 24px;
	padding-top:8px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
}
ul#navigation li.active a { color: #fdc613;
font-weight:bold;
background-color:#00193d; }

ul#navigation li.active { 
color: #fdc613;
font-weight:bold;
background-color:#00193d;
}
ul#navigation li a:hover { 
color: #fdc613;
font-weight:bold;
background-color:#00193d;
}

/*
ul#navigation li ul { margin: 0 0 10px 20px; }
ul#navigation li li { text-transform: none; }

ul#navigation li.active li a { color: #c27f1a; 
font-weight:bold;
font-size:11px;
text-transform:none;
}
ul#navigation li.active li a { color: #c27f1a; 
font-weight:normal;
text-transform:none;
}
ul#navigation li.active li a:hover { font-weight: bold; }
ul#navigation li.active li.active a { font-weight: bold; }
*/

/* Unternavigation Stufe 1 */


ul#unavigation {
	position: relative;
	margin:30px 0 30px 3px;
	width:236px;
	border-bottom: 1px dashed #fdc613; 

}

ul#unavigation li a {
    outline:none;
	position:relative;
	color:#fdc613;
	display:block;
	padding-left:20px;
	padding-top:8px;
	width:214px;
	height: 22px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	border-left: 1px dashed #fdc613;
	border-right: 1px dashed #fdc613;
	border-top: 1px dashed #fdc613;
	background-color:#00193d;
}


ul#unavigation li.active a { color: #fff;
font-weight:bold;
background-color:#00193d;
border-right-color:#00193d;
}

ul#unavigation li.active { 
color: #fff;
font-weight:bold;
background-color:#00193d;
}
ul#unavigation li a:hover { 
color: #fff;
font-weight:bold;
background-color:#00193d;
}



/* Unternavigation Stufe 2 */



ul#unavigation li.active ul { 
position:relative;
padding-bottom:10px;
border-left: 1px dashed #fdc613;
background-color:#00193d;
}


ul#unavigation li.active li a { 
margin-top:-2px;
outline:none;
height:16px;
position:relative;
color:#fdc613;
font-weight: normal;
color:#fdc613;
border:0;
background-color:#00193d;
}

ul#unavigation li.active li a:hover { 
color:#fff;
background-color:#00193d;
}
 
ul#unavigation li.active li.active a { 
color:#fff;
font-weight: bold;
background-color:#00193d;
border:0;
}


/* navigation : ende */

.top {
height:18px;}

#fuss {
	position:relative;
	text-align:center;
	color:#00193d;
	padding-top:12px;
	height:18px;
	background-image:url(../pics/bgfuss.gif);
	font-size:10px;
}

#fuss a, #fuss a:link, #fuss a:active, #fuss a:visited, #fuss a.mailto:link {
    font-size: 10px;
	color: #00193d;
	text-decoration:none;
}
#fuss a:hover {	
	color: #000;
	text-decoration:none;
}

#banner {
padding: 20px 0 0 40px ;
}

h1 {
	font-size:24px;
	font-weight:bold;
	color:#fdc613;
	padding-bottom:15px;
}
h2 {
	font-size:1em;
	font-weight:bold;
	color:#fdc613;
	text-transform:uppercase;
}



input, select, textarea, button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .9em;
/*	border: 1px #CCC solid;
	margin:2px 0;
	padding: 1px 2px;
	width:200px;*/
}
label{ width:200px; display:block; margin:2px 0;}
button {
/*	background-color: #ECEDED;
	cursor: pointer;
	margin: 2px 0;
	padding: 1px 2px;
	width:auto;
	display:inline;*/
}
/* button:hover{ background-color:#CCC;} */
.files table { margin:1em 0 .5em 0;}
.files th,.files td{padding:1px;}
.files tr th,.files tr td{ border-bottom: 1px #CCC solid; }
.files tr th{background-color: #E9EAEF; font-weight:bold; padding-left:2px;}
.files tr td a { display:block;}
.files tr td+td{ width:100px;}
.files tr td+td+td{ width:50px;}
.files tr td+td+td+td{ width:25px;}
.files tr td+td+td+td+td{width:50px; padding-right:0;}
.files.nothumbs tr td+td+td+td+td{ display:none;}
.files tr:hover td {background-color: #FBFBFF;}
a.logoff{
	font-size:.75em;
	line-height:1.5em;
}
.files p { margin:1em 0;}
#picselection a.active {
	text-decoration: underline;
}
.hidden{
	display:none;
}
.error{
	color: #F00;
}
.clear{
	clear:both;
	background-color:#FFFFFF;
}
.abstand {
	padding:17px 0 0 0;
}
.right {
	text-align:right;
	padding:0 20px 0 0;
}




/*.bottom20 {*/
#cmsright img{
padding-bottom:20px;
}
ul#bilder{
	margin:2em 0 0 -10px;
	padding:0;
	list-style: none;
	width:425px;
	clear:both;
}
ul#bilder li.clear{
	clear:both;
}
ul#bilder li{
	float:left;
	margin:0 10px 20px 10px;
	padding:0;
}
ul#bilder li a{
	display:block;
/*	padding:1px;*/
}
ul#bilder li a:hover{
	background-color:#FFF;
	color:#000;
}
/* teamliste */
#team #content,
#shop #content {
	width: 446px;
	padding-right: 16px;
}
ul#teamliste,
ul#artikelliste {
/*	position: absolute;
	top:322px;
	left:416px;*/
	padding: 0;
	list-style: none;
	margin-right: -24px;
/*	width: 580px;*/
	clear: both;
}
ul#teamliste ul,
ul#artikelliste ul {
	clear: both;
}
ul#teamliste li li,
ul#artikelliste li li {
	background-image: url(../pics/bgpeople.gif);
	background-repeat: no-repeat;
	padding: 5px 0 0 5px;
	width: 199px;
	height: 91px;
	margin: 0 18px 20px 0;
	float: left;
	background-position: left top;
}
ul#artikelliste li li:hover {
	/* background-image: url(../pics/bgpeople_hover.gif); */
/*	background-image: none; */
	background-position: -1px -1px;
	width: 198px;
	height: 90px;
	padding: 4px 0 0 4px;
	border: 1px #FDC613 dashed;
}
ul#artikelliste li li a,
ul#artikelliste li li a:hover {
	display: block;
	height: 91px;
	width: 199px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}
ul#teamliste li li a {
	display: block;
	height: 91px;
	width: 199px;
}
ul#teamliste li li img,
ul#artikelliste li li img {
	float: left;
}
ul#teamliste li li span.imgspacer,
ul#artikelliste li li div.imgspacer {
	float: left;
	width: 86px;
	height: 86px;
	background-color: #CCC;
	display: block;
}
ul#teamliste li li h3,
ul#teamliste li li span.title,
ul#artikelliste li li h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #FDC613;
	float: right;
	margin: 0;
	padding: 0;
	width: 103px;
}
ul#teamliste li li p,
ul#teamliste li li span,
ul#artikelliste li li span {
	float: right;
	margin: 0;
	padding: 0;
	width: 103px;
	color: #FFF;
	font-weight: normal;
}

ul#teamliste2 li li p,
ul#artikelliste2 li li span {
	float: right;
	margin: 0;
	padding: 0;
	width: 303px;
}

ul#teamliste li li span.nummer,
ul#artikelliste li li span.preis {
	font-weight: bold;
}
ul#teamliste li.clear,
ul#artikelliste li.clear {
	clear:both;
}

#caption .title {
	display: block;
	font-weight: bold;
}
body #overlay {
	background-color: #00193D;
	background-image: none;
}

#caption .content {
	display: block;
	margin-top: 1em;
}
#caption span.content p:last-child {
	margin-bottom: 0;
}
ul#newsliste {
	padding-top:2em;
	list-style:none;
	margin:0;
}

a.back{ font-size:0.75em}
#newsliste a,
#rssliste a{
	font-weight: bold;
	color: #FDC613;
}
#newsarchivliste a { color:#fdc613;}
#newsarchivliste a:hover { color:#fdc613;}
.news h2{ padding:0 0 1em 0;}
.news #newsliste h2{ padding-bottom:0.5em;}
.news p { padding-bottom:1em;}
.news .more { color:#9b9b9b;}
div.newsbilder {
	margin-bottom:.5em;
}
.newsbilder img{
	margin:0 3px 3px 0;
}
/* rangliste start */
table.rangliste {
	width: 100%;
	border: 1px #FDC613 solid;
}
table.rangliste th {
	background-color: #FDC613;
	text-transform: uppercase;
	font-weight: bold;
	color: #00193D;
	border: 1px #FFF1C4 solid;
	padding: 2px;
}
table.rangliste td {
	border: 1px #FDC613 solid;
	padding: 2px;
}
table.rangliste .eagles {
	font-weight: bold;
}
/* rangliste ende */
/* fanshop  start */
#shopBox #textBox {
	float: right;
	width: 225px;
}
#shopBox .bilder_medium{
	float: left;
}
#shopBox .preis {
	font-weight: bold;
}
#shopBox form {
	padding-top: .5em;
}
#shopBox form span {
	display: block;
}
#shopBox form .stueck {
	width: 20px;
	margin-right: 4px;
}
#shopBox form label {
	display: block;
	width: 20px;
	float: left;
}
#adressBox td{
	padding: 2px 0;
}
.artikelBox input {
	width: 17px;
	text-align: center;
}
#adressBox input, #adressBox textarea {
	width: 100%;
}
label.required:after{ 
	content:" *";
}
/* fanshop  end */

/* vorstand start */
#team #content {
	width: 446px;
	padding-right: 16px;
}
ul#vorstand {
/*	position: absolute;
	top:322px;
	left:416px;*/
	padding: 0;
	list-style: none;
/*	margin-right: -24px; */
/*	width: 580px;*/
	clear: both;
}
ul#vorstand ul {
	clear: both;
}
ul#vorstand li li {
	position: relative;
	background-image: url(../pics/bgpeoplelarge2.gif);
	background-repeat: no-repeat;
	padding: 5px 0 5px 5px;
	width: 421px;
	margin: 0 18px 20px 0;
	background-position: left bottom;
}
ul#vorstand li li span.t {
	position: absolute;
	background-image: url(../pics/bgpeoplelarge2.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	height: 7px;
	width: 426px;
	background-position: left top;
}
ul#vorstand li li img {
	float: left;
}
ul#vorstand li li div.imgspacer {
	float: left;
	width: 86px;
	height: 86px;
	background-color: #CCC;
}
ul#vorstand li li h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #FDC613;
	float: right;
	margin: 0;
	padding: 0;
	width: 325px;
}
ul#vorstand li li div.content {
	float: right;
	margin: 0;
	padding: 0;
	width: 325px;
}
ul#vorstand li li div.content p {
	margin-bottom: 0;
}
ul#vorstand li.clear {
	clear:both;
}
/* vorstand end */

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */