html{
min-height: 100%;
}
body{
min-height: 100%;
background-color: #000000;
background-image: url(../img/bg/main_bg.gif);
background-position:top;
margin: 0px auto;
font-family: tahoma,verdana,arial;
font-size: 12px;
}
/*********************************************************************/
/* TEXT */
p.youtube_headline{
color: #ce171f;
font-size: 14px;
}
p.youtube_text{
}
h1{
font-size:24px;
font-weight:normal;
}
/*********************************************************************/
/* LINKS */
a{
color: #ce171f;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}
a:hover{
color: #ff9999;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}
a.hnav{
color: #ffffff;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.hnav:hover{
color: #ce171f;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.hnav_active{
color: #ce171f;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.hnav_active:hover{
color: #ff9999;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.snav{
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.snav:hover{
color: #ce171f;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.snav_active{
color: #ff9999;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.snav_active:hover{
color: #ce171f;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.footer{
color: #ce171f;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.footer:hover{
color: #ff9999;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
a.contentlink{
color: #ce171f;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}
a.contentlink:hover{
color: #ff9999;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}
a.kontaktlink{
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
a.kontaktlink:hover{
color: #ff9999;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
a.backlink{
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
a.backlink:hover{
color: #ff9999;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
a.get_membership{
color: #ce171f;
text-decoration: none;
font-size: 18px;
font-weight: normal;
}
a.get_membership:hover{
color: #ff9999;
text-decoration: none;
font-size: 18px;
font-weight: normal;
}
/*********************************************************************/
/* DIV */
div.container{
width: 100%;
height: 100%;
background-image: url(../img/bg/bg.jpg);
background-repeat: no-repeat;
background-position:top center;
position: absolute;
}
div.site{
width: 950px;
color: #ffffff;
position: absolute;
left: 50%;
margin-left: -475px;
}
div.content_container{
width: 950px;
}
div.top{
height: 113px;
background-image: url(../img/bg/top_bg.gif);
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
div.hnav{
height: 60px;
background-image: url(../img/bg/nav_bg.gif);
z-index: 1;
border-bottom: 1px solid #000000;
text-align: left;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
div.hnav_pos{
position: relative;
top: 20px;
left: 25px;
}
div.snav_pos{
position: relative;
top: 7px;
left: 30px;
}
div.snav{
width: 100%;
height: 30px;
background-image: url(../img/bg/snav_bg.gif);
z-index: 1;
border-bottom: 1px solid #000000;
}
div.flash{
height: 230px;
border-bottom: 1px solid #000000;
}
div.membercard_img{
height: 350px;
border-bottom: 1px solid #000000;
}
div.teamfoto{
height: 550px;
border-bottom: 1px solid #000000;
}
div.teamfoto_cheers{
height: 500px;
border-bottom: 1px solid #000000;
}
div.youtube_box{
width: 425px;
background-color: #191919;
border: 1px solid #CC0000;
float: left;
}
div.youtube_headline{
width: 425px;
height: 50px;
background-color: #191919;
text-align: left;
}
div.youtube_headline_img{
left: 15px;
top: 15px;
position: relative;
}
div.youtube_clip{
width: 425px;
height: 344px;
background-color: #191919;
}
div.youtube_text{
width: 425px;
height: 129px;
background-color: #191919;
text-align: left;
}
div.youtube_text_inhalt{
width: 415px;
text-align: left;
background-color: #191919;
margin: 10px;
}
div.stallions_logo{
position: absolute;
left: 770px;
top: 5px;
}
div.twitter{
position: absolute;
left: 470px;
top: 0px;
}
div.stallions_forever{
position: absolute;
left: 30px;
top: 35px;
}
div.next_game_box{
width: 520px;
background-color: #191919;
float: left;
border: 1px solid #CC0000;
left: 1px;
float: left;
position: relative;
}
div.next_game_headline{
height: 50px;
}
div.next_game_headline_txt{
position: relative;
left: 20px;
top: 10px;
font-size: 10px;
}
div.next_game_headline_img{
position: relative;
left: 407px;
top: -15px;
}
div.next_game_content{
height: 95px;
background-color: #CCCCCC;
background-image: url(../img/bg/game_bg.gif);
}
div.next_game_content_links{
position: relative;
left: 325px;
top: -75px;
}
div.last_game_anzeige{
position: relative;
left: 325px;
top: -85px;
background-image: url(../img/stuff/anzeige_blank.jpg);
width: 195px;
height: 96px;
}
div.ergebnis1{
position: relative;
left: 0px;
top: 5px;
width: 45px;
height: 70px;
font-size: 48px;
text-align: center;
}
div.ergebnis2{
position: relative;
left: 45px;
top: -65px;
width: 45px;
height: 70px;
font-size: 48px;
text-align: center;
}
div.ergebnis3{
position: relative;
left: 105px;
top: -135px;
width: 45px;
height: 70px;
font-size: 48px;
text-align: center;
}
div.ergebnis4{
position: relative;
left: 150px;
top: -205px;
width: 45px;
height: 70px;
font-size: 48px;
text-align: center;
}
div.spielbericht{
position: relative;
left: 10px;
top: -203px;
}
div.last_game_box{
width: 520px;
background-color: #191919;
float: left;
border: 1px solid #CC0000;
left: 1px;
top: 1px;
position: relative;
}
div.last_game_headline{
height: 50px;
}
div.last_game_headline_img{
position: relative;
left: 413px;
top: -15px;
}
div.last_game_content{
height: 95px;
background-color: #CCCCCC;
background-image: url(../img/bg/game_bg.gif);
}
div.player_spotlight_box{
width: 520px;
background-color: #191919;
float: left;
border: 1px solid #CC0000;
left: 1px;
top: 2px;
position: relative;
}
div.player_spotlight_headline{
height: 50px;
}
div.player_spotlight_headline_img{
position: relative;
left: 346px;
top: 10px;
}
div.player_spotlight_content{
height: 191px;
background-color: #000000;
overflow: hidden;
}
div.player_spotlight_img{
position: absolute;
overflow: hidden;
height: 191px;
}
div.player_spotlight_txt{
position: absolute;
left: 270px;
top: 70px;
}
div.sponsoren{
width: 948px;
background-color: #000000;
border: 1px solid #CC0000;
height: 100px;
position: relative;
top: 2px;
}
div.content_box{
background-color: #191919;
border: 1px solid #CC0000;
}
div.content_headline{
height: 50px;
background-color: #191919;
text-align: left;
}
div.content_headline_img{
position: relative;
left: 30px;
top: 30px;
}
div.content_text{
text-align: left;
position: relative;
left: 20px;
}
div.content_text_inhalt{
height: 100%;
text-align: left;
background-color: #191919;
margin: 10px;
width: 890px;
}
div.footer_info{
width: 950px;
height: 20px;
text-align: center;
margin-top: 10px;
font-size: 10px;
color: #ce171f;
}
div.bottom_container{
float: left;
position: relative;
top: 1px;
}
div.bottom_01{
width: 235px;
background-color: #191919;
border: 1px solid #CC0000;
height: 200px;
float: left;
}
div.bottom_01_headline{
width: 100%;
background-color: #000000;
height: 40px;
}
div.bottom_01_headline_txt{
position: relative;
left: 10px;
top: 10px;
}
div.bottom_02{
width: 235px;
background-color: #191919;
border: 1px solid #CC0000;
height: 200px;
float: left;
position: relative;
left: 1px;
}
div.bottom_02_headline{
width: 100%;
background-color: #000000;
height: 40px;
}
div.bottom_03{
width: 234px;
background-color: #191919;
border: 1px solid #CC0000;
height: 200px;
float: left;
position: relative;
left: 2px;
}
div.bottom_03_headline{
width: 100%;
background-color: #000000;
height: 40px;
}
div.bottom_04{
width: 235px;
background-color: #191919;
border: 1px solid #CC0000;
height: 200px;
float: left;
position: relative;
left: 3px;
}
div.bottom_04_headline{
width: 100%;
background-color: #000000;
height: 40px;
}
div.backlink{
cursor: hand;
text-align: center;
position: absolute;
left: 815px;
top: 220px;
width: 100px;
background-color: #000000;
padding: 10px;
z-index: 1000;
font-weight: bold;
}
/*********************************************************************/
/* TABLE */
table.kontaktdaten{
width: 100%;
padding: 4px;
}
table.youtube_video{
width: 100%;
}
td.youtube_video{
background-color: #333333;
text-align: center;
padding: 10px;
}
td.kontaktdaten_name_1{
background-color: #333333;
width: 200px;
padding: 4px;
}
td.kontaktdaten_position_1{
background-color: #333333;
width: 200px;
text-align: left;
padding: 4px;
}
td.kontaktdaten_email_1{
background-color: #333333;
text-align: left;
width: 300px;
padding: 4px;
}
td.kontaktdaten_mobil_1{
background-color: #333333;
text-align: left;
padding: 4px;
}
td.kontaktdaten_name_2{
background-color: #ce171f;
width: 200px;
text-align: left;
padding: 4px;
}
td.kontaktdaten_position_2{
background-color: #ce171f;
width: 200px;
text-align: left;
padding: 4px;
}
td.kontaktdaten_email_2{
background-color: #ce171f;
text-align: left;
width: 300px;
padding: 4px;
}
td.kontaktdaten_mobil_2{
background-color: #ce171f;
text-align: left;
padding: 4px;
}
table.partner{
width: 100%;
padding: 4px;
}
td.partner_hauptsponsor{
background-color: #ce171f;
text-align: center;
padding: 10px;
font-weight: bold;
}
td.partner_hauptsponsor_img{
background-color: #ffffff;
text-align: center;
padding: 10px;
}
td.partner_sponsor{
background-color: #666666;
text-align: center;
padding: 10px;
font-weight: bold;
}
td.partner_sponsor_img{
background-color: #ffffff;
text-align: center;
padding: 10px;
color: #000000;
}
table.eintrittspreise{
background-color: #333333;
width: 100%;
padding: 10px;
}
td.eintrittspreise_back{
text-align: right;
}
td.eintrittspreise_headline{
font-weight: bold;
}
table.stadion_adresse{
background-color: #ce171f;
width: 100%;
padding: 10px;
}
td.stadion_adresse{
font-weight: normal;
}
td.team_training{
font-weight: normal;
vertical-align: top;
}
td.team_coaches{
font-weight: normal;
vertical-align: top;
}
/*********************************************************************/
/* img */
img.player_small{
border: 1px solid white;
width: 100px;
height: 100px;
}
img.player_spotlight{
border: 0px;
width: 250px;
height: 250px;
}
img.white_border{
border: 1px solid white;
}
/*********************************************************************/
/* iframe */
iframe.lmo{
width: 100%;
height: 400px;
border: 0px;
background-color: #191919;
}
iframe.guestbook{
width: 100%;
height: 400px;
border: 0px;
background-color: #191919;
}
/*********************************************************************/
/* jQuery Content Slider */
a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 950px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 950px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(http://www.stallions.de/img/start/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 950px;
height : 230px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 950px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 950px;
height : 46px;
display : none;
position : absolute;
/*background : url(http://www.stallions.de/img/start/slide-bg.png) 0 0;*/
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(http://www.stallions.de/img/start/silde-nav.png);
}
div#nav ul li a {
background : url(http://www.stallions.de/img/start/nav.png) no-repeat;
}