/* General */
* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

body {
  background-color: #FFFFFF;
  background-image: url('../gfx/body_bg.gif');
  background-position: top center;
  font-family: Arial;
  font-size: 12px;
}

a{
  text-decoration: none;
  color: #d21c28;    
}

p {
  margin-top: 4px;
  margin-bottom: 4px; 
  font-size: 12px;   
}

li img.more_button_small {
  margin-bottom: -3px;    
}

p img.more_button {
  margin-bottom: -3px;    
}

img.floatleft {
  float: left;
  margin-right: 5px;    
}

h3 {
  text-transform: uppercase;
  font-weight: bold;  
  color: #D21C28;
  margin: 4px 0px;
  background-image: url(../gfx/h3spacer.gif);
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 0px 2px;
}

table td {
  color:#000000;
  font-size:11px;
  text-decoration:none;
  padding-left: 3px;
}
table th {
  font-size: 11px;
  padding: 3px 3px;
  font-weight: bold;
  text-align: left;
}
table.haendlertable td{
  padding: 2px;
}

div#feature_popup {
  background-color: #3B3A3A;
  border: 1px solid #272727;
  color: #EAFFED;
  opacity: 0.9;
  width: 200px;
  position: absolute;
  top: 132px;
  left: 580px;
  padding: 5px;
}

/* Grundgeruest */
div#page {
  width: 998px;
  height: 1400px;
  position: absolute;
  margin-left: -499px;
  margin-top: 30px;
  left: 50%;  
}

div#header,
div#main,
div#footer {
  width: 998px;
}

div#header {
   width: 996px; 
}

div#nav {
  width: 996px; 
  height: 84px; 
  background-repeat: no-repeat;
  margin-top: 0px;
  background-image: url('../gfx/header_back.gif'); 
}

div#maincontent {
  width: 996px;
  min-height: 1006px;
  height: auto !important;
  height: 1006px;  
  padding: 25px 0px 0px 0px;
  background-image: url('../gfx/content_back3.jpg'); 
  background-color: #FFFFFF;
  background-repeat: no-repeat;

}

div#partnercontainer{
  position:absolute;
  margin-left: 711px;
  margin-top: 69px;
  width: 265px;
  padding: 15px 0px 0px 7px;
}
div#buttoncontainer {
  position:absolute;
  top: 290px;
  right: 2px;
}
div#newslettercontainer{
  position:relative;
  /*margin-left: -15px;
  margin-top: 467px;*/
  width: 282px;
  height: 190px;
  background-image: url('../gfx/button_2.png'); 
  background-repeat: no-repeat;
  font-size: 10px;
  color: #FFFFFF;
  padding-top: 1px;
}

div#verscontainer{
  /*position:absolute;
  margin-left: -15px;
  margin-top: 667px;*/
  width: 282px;
  height: 200px;
  background-repeat: no-repeat;
  font-size: 10px;
  color: #FFFFFF;
}

div#downloadcontainer{
  /*position:absolute;
  margin-left: -15px;
  margin-top: 267px;*/
  width: 282px;
  height: 195px; 
  background-repeat: no-repeat;
  font-size: 10px;
  color: #FFFFFF;
}


img#partnerimage{
  float: left;
  margin: 0px 10px 10px 0px;
}

div#maintext {
  min-height: 714px;
  height: auto !important;
  height: 714px; 
}
div#maintext-inner {
  width: 700px;
}
div.maintext-innerp {
  margin-top: 46px;
}


div#first_element {
  
  padding: 40px 0px 0px 65px;
  color: #FFFFFF;
  height: 320px;
}

div#first_element_top {

}

div#printview {
  height: 17px;
  width: 650px;
  background-color: #cfd1d2;    
  margin-top: 5px;
}
div#languageselect {
  float: right; 
  margin-right: 26px;
  margin-top: 12px;   
}

div#footer {
    background-color: #232124;
    margin-top: 7px;
}
div#footer_groups {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 300px;
	color: #7c7d7f;
	font-size: 11px;
}
div#footer_images {
  text-align: right;
  margin-bottom: 5px;
}
div#footer_images span.communities {
  margin-right: 3px;
  font-size: 10px;
  color: #c8c7c8;
}
div#footer_impressum {
   text-align: right;
}

/* Footer */
div#footer_middle{
 position: relative;  
}

div#footer_middle a {
  color:#CCCCCC;
}

div#footer_middle_content{
  margin-top: 0px;
  margin-left: 7px;
  margin-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#footer_middle_content div.col{
 float: left;
 margin-left: 16px;
 font-size: 10px;
 color: #424141;
 width: 175px;
 margin-top: 10px;
}
div#footer_middle_content div.col ul{
 list-style-image: url('../gfx/liststyle_footer.png');
 margin-left: 10px;
}

div#footer_middle_content div.col strong{
 display: block;
 margin-bottom: 6px;
 text-transform: uppercase;
}

div#footer_middle_content div.col strong.nomargin{
 margin-bottom: 0px;
}

div#footer_bottom{
  margin-left: 7px;    
  margin-bottom: 15px;
}

/* Navigation */
div#navtop {
  margin-left: 3px; 
  margin-right: 3px;
  width: 996px;
  margin-top: 0px;   
  margin-bottom: 0px;
  text-transform: uppercase; 
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #424141;
}
div#navtop div.navitem{
  float: left;
  padding-bottom: 0px;
  padding-left: 30px;
  margin-top: 33px;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 17px;
}
div#navtop div.navitemhover{
  float: left;
  padding-bottom: 0px;
  padding-left: 30px;
  margin-top: 33px;
  background-repeat: no-repeat;
  background-position: left bottom;
  color: white;
  height: 17px;
}
div#navtop a{
  display: block;
  padding-top: 1px;
  color: #424141;
}
div#navtop div.navitemhover a{
  color: white;
}
div#navtop div.lastnavitem{
  border-bottom: none;
}
div#subnav {
  text-transform: none; 
  margin-bottom: 7px;
  margin-top: 2px;   
}
div#navtop div.subnav div.subnavitem {
  border-bottom: 1px solid #bbbaba;
  padding-bottom: 2px;
  padding-left: 50px;
  margin-top: 3px;
  font-size: 11px; 
  font-weight: normal;
  margin-top: 1px;   
}
div#navtop div.subnav div.selected a{
  color: #d5181e;  
}


/* Blocks */
div.blockleft {
  margin-top: 3px;   
}
div.block-search {
  height: 68px;
  background-image: url('../gfx/block_search.png');  
}
div.block-search input#searchstring {
  margin-top: 31px; 
  margin-left: 26px;
  width: 160px;
  height: 14px;
  position: absolute;
}
div.block-search input#searchbutton {
  margin-top: 29px; 
  margin-left: 200px;
  position: absolute;
}
div.block-shop {

}
div.block-liveticker {

}
div.block-partner {
  height: 210px;
  background-image: url('../gfx/block_partner.png');  
}

div.block-partner .partner-container{
  margin-top: 70px;
  margin-left: 15px;
  width: 270px;
  height: 120px;
  position: absolute;
  overflow: hidden;
}

div.block-clips {
  height: 209px;
  background-image: url('../gfx/block_clips.png');  
}
div.block-clips .clips-container{
  margin-top: 68px;
  margin-left: 23px;
  position: absolute;
  background-image: url('../gfx/block_clips_background.png');  
  width: 252px;
  height: 123px;
  padding-top: 2px;
  padding-left: 2px;
}

div.block-clips .clips-container .clips-container-text {
 margin-top: 5px;
 margin-left: 10px;
 font-size: 11px;  
 background-image: url('../gfx/nav_item_red.png');
  background-repeat: no-repeat;
 background-position: left bottom;
}
div.block-clips .clips-container .clips-container-text a{
 margin-left: 10px; 

}

/* CONTENT HOME */
div.content_padding {
  padding: 0px 20px 20px 20px;
  
}
div.content_padding ul {
  margin-left: 26px;    
}
div.content_padding ol {
  margin-left: 30px;    
}
div.content_padding ol li{
  margin-top: 3px;
}
div.content_padding ul li{
  margin-top: 3px;
}
div#headsection {
  width: 996px;  
  margin: 0px 0px 10px 0px;
 
}
div#headsection span.breadcrumbs {
  display: block;
  text-align: right; 
  margin-right: 4px;  
  font-size: 9px; 
}
div#maintext hr {
  background-color:	#c2c2c2;	/* Mozilla 1.4 */
  color:			#c2c2c2;	/* IE 6 */
  border:			#c2c2c2;	/* Opera 7.11 */
  height:			1px;	
  margin-bottom: 6px;
  margin-top: 6px;
}
div#headsection hr {
  margin-top: 0px;    
}
div#headsection span {
  font-size: 17px;
}
div#headsection span.red,
div.content_padding span.red {
  text-transform: uppercase;
  font-weight: bold;  
  color: #d6181c;
}
div#first_element span.red {
  margin-left: 10px;
}
div#headsection span.red{
  margin-left: 10px;
}
div#content_headerleft {
  background-color: #b8b9ba; 
  padding: 8px; 
  font-size: 11px;
  width: 125px;
  height: 254px;
  float: left;
}
div#content_headerleft h3 {
  text-transform: uppercase;
  color: white;
  font-size: 12px;  
  margin-bottom: 3px;
}
div#content_headerleft ul {
  margin-left: 13px; 
  list-style-image: url('../gfx/liststyle_headerleft.png'); 
}
div#content_headerleft ul li{
  margin-top: 10px;
}
div#content_headerleft ul a{
  text-decoration: underline;
  color: #FFFFFF; 
}
div#content_headerright {
  float: left; 
  margin-left: 2px;   
}
img.morebutton {
  margin-top: 3px;
  margin-bottom: 3px;
  display: block;    
}
div.newsitem {
  margin: 0px 24px 10px 0px;
  float: left;
}
div.floatleft{
  float: left;
}

div.rightside {
  margin: 0px 0px 0px 0px;;   
 
}
div.newsitem img {
  float: left;    
  border-color: #CCCCCC;
  
}
div.newsitem div.text {
  float: left;
  width: 185px;
  display:inline; 
  margin-left: 1px;
  margin-top: 2px;
}
div.newsitem p {
  padding: 0px 8px 8px 8px; 
  font-size: 11px;  

}



div.newsitem img.morebutton {
float: right;
}

div#imagecontainer_first {
 position: absolute;
 left: 10px;
 top: 37px;
 height: 238px;
 background-repeat: no-repeat;
}

div#first_element div.text_first {
width: 250px;
}

div.text_first {
 position: absolute;
 left: 345px;
 top: 24px;
}

div#imagecontainer {
 float: left;
 padding: 10px 0px 0px 12px;    
 margin: 25px 10px 0px 0px;
 height: 238px;
 background-repeat: no-repeat;
}


div.newsitem h3 {
  text-transform: uppercase;
  margin-left: 7px;
  margin-top: 1px;
  font-size: 12px; 
  background-image: none;
  padding-left: 0px;
}

div.newsitem h3 a {
  color: #cf161c;
  
}

div.newsitem span.datum {
  font-size: 10px;
  margin-left: 7px;
  display: block;
  margin-top: 4px;
  margin-bottom: 0px;   
}
div.newsitem div.header {
  background-color: #e0e1e2;
  padding-top: 3px;
  padding-bottom: 3px; 
}
div#content_clips {
  float: left;
  background-image: url('../gfx/content_clips.png'); 
  height: 236px;
  width: 305px;
}
div#content_clips_content {
  margin-top: 67px;
  margin-left: 26px;
  width: 252px;
  height: 154px;
}
div#content_clips_content img.video{
  border: 1px solid white;
}
div#content_clips_content span.clip_headline {
  color: white;  
  font-size: 11px;
  font-weight: bold;
  display: block;
  margin-left: 2px;
}
div#content_clips_content span.clip_subheadline {
  color: black;  
  font-size: 11px;
  margin-top: 2px;
  display: block; 
  margin-left: 2px;
}
div#content_clips_content img.more_button {
 float: right;
 margin-top: 3px;
 margin-right: 7px;
}

div#content_kalender {
  float: left;
  background-image: url('../gfx/content_kalender.png'); 
  height: 236px;
  width: 345px;
}
div#content_kalender_content {
  margin-top: 67px;
  margin-left: 60px;
  width: 266px;
  height: 155px;
  font-size: 11px;
}

div#content_kalender_content h3{
  font-size: 12px;
  color: #cf161c;
}
div#content_kalender_content div.col {
  float: left;
  width: 50%;
}
div#content_kalender_content div.col strong {
  margin-top: 10px;
  display: block;
}
div#content_kalender_content img.more_button {
 float: right;
 margin-top: 3px;
 margin-right: 7px;
}

div#content_initiativen {
  background-image: url('../gfx/content_init.png'); 
  height: 239px;
  width: 650px;
}
div#content_initiativen_content {
  margin-top: 46px;
  margin-left: 16px;
  width: 618px;
  height: 192px;
  position: absolute;
  font-size: 11px;
}
div#content_initiativen_content div.logos{
  float: left;
  text-align: center;
   height: 100px;
}
div#content_initiativen_content div.logos a{
  display: block;
  margin-top: 5px; 
}
div#content_initiativen_content div.bottom{
  display:table-cell; vertical-align:bottom; height: 100px;
   
}
div#logo_schiri {
  margin-left: 25px;    
}
div#logo_fussballoe {
  margin-left: 85px;    
}
div#logo_superklub {
  margin-left: 85px;    
}
div.nif {
  font-size: 10px;    
}
div.nif h3{
  font-size: 12px;
  color: #cf161c;
  text-transform: uppercase;  
}
div.nif ul {
 margin-left: 28px;    
}
div.nif li {
 margin-top: 2px;    
}
div.nif ul a {
  margin-top: 0px;
  text-decoration: underline;   
}
div#nationale_bewerbe {
  float: left;  
  margin-left: 10px;  
}
div#internationale_bewerbe {
  float: left; 
  margin-left: 50px; 
}
div#fifa_uefa {
  float: left; 
  margin-left: 75px;   
}

div.element_padding {
 margin-bottom: 15px;    
}
span.moretext {
 color: #cf161c;    
}


.table01 {
	border: 1px solid #666;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	}

.table02 {
	border: 0px solid #666;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.pictable {
	margin: 0px -12px 0px 0px;
	}	
	
	
.trfarbe01 {
	background-color: #eee;
	}	

.trfarbe02 {
	background-color: #fff;
	}
	
.trfarbe03 {
	background-color: #edd;
	}	

.trfarbe04 {
	background-color: #fee;
	}
	
.tdfarbe00 {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	}	
	
.tdfarbe01 {
	background-color: #eee;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	}	
	
.tdfarbe02 {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}	

.tdfarbe03 {
	background-color: #eee;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}	
	
.tdfarbe04 {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}	
	
.tdfarbe05 {
	background-color: #fee;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	}	
	
.tdfarbe06 {
	background-color: #edd;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}	

.tdfarbe07 {
	background-color: #fee;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}	
	
.tdfarbe08 {
	background-color: #edd;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}
	
.tdfarbe11 {
	background-color: #666;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	color: #eee;
	}
	
.tdfarbe12 {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	padding: 1px 1px 1px 1px;
	text-align: center;
	color: #777;
	}
	
.tdfarbe13 {
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	padding: 1px 1px 1px 1px;
	text-align: center;
	color: #777;
	}
.tdfarbe14 {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	padding: 1px 1px 1px 1px;
	text-align: center;
	color: #c00;
	}
	
.colorlink {
  color:#CC0000;
}


.button1 {
	background-color:#000000;
	border-color:#CCCCCC #CCCCCC #666666 #666666;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:tahoma;
	font-size:10px;
	font-weight: bold;
}

	input, textarea, select {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
}




#jsddm {	
  margin: 0;
  padding: 22px 0px 0px 0px;
}
	
#jsddm li {	
  float: left;
  list-style: none;
  font: 12px Tahoma, Arial;

}

#jsddm li a {	
  display: block;
  padding: 5px 12px;
  text-decoration: none;
  color: #EAFFED;
  white-space: nowrap
}

#jsddm li span.nav {	
  display: block;
  padding: 5px 12px;
  text-decoration: none;
  color: #EAFFED;
  white-space: nowrap
}

#jsddm li ul {	
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  background: #3b3a3a;
  opacity: 0.9;
  min-width: 150px;
  z-index: 10;
}
		
#jsddm li ul li {	
  float: none;
  display: inline

}

#jsddm li ul div {	
  width: auto;
  background: #3b3a3a;
  opacity: 0.9;
  color: white;
  font-weight: bold;
  min-width: 100px;
  padding-top: 4px;
  padding-bottom: 4px;
}
		
#jsddm li ul li a {	
  width: auto;
  background: #3b3a3a;
  opacity: 0.9;
}
		
#jsddm li ul li a:hover {	
  background: #636363
}

table.servicetable {
  border:1px solid #666666;
  color:#000000;
  font-size:11px;
  font-weight:normal;
  line-height:12px;
  padding:0;
  text-align:left;  
}

table.servicetable td{
  border-bottom:1px solid #CCCCCC;
  margin:0;
  padding:2px;
  padding-left: 4px;
  height: 28px;
}

table.servicetable tr.even{
  background-color: #EEEEEE;
}

table.servicetable tr.odd{
  background-color: #FFFFFF;
}

table.servicetable th{
  background-color:#666666;
  border-bottom:1px solid #CCCCCC;
  color:#EEEEEE;
  margin:0;
  padding:4px;
  text-align:left;
  height: 28px;
}