/**********************/
/* DATEI: main.css    */
/*    Zentrales       */
/*   Style-Sheet      */
/*    fuer UITG       */
/**********************/

/***************************/
/* Allgemeine Definitionen */
/***************************/

html,body { margin: 0;
        padding: 0;
        background:url( ../img/background/bg_page.gif ) #fff;
}
FORM{
margin:0;
padding:0;
}
img,table,tr,td { border: 0;
}
body,td,th,select,input,div { color: #000;
              font-size: 11px;
              font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
th  { font-weight:bold;
    text-align:left;
    padding: 10px 15px 5px 0;
}
p { margin: 0;
    padding: 5px;
    vertical-align: top;
    color: #656565;
    font-size: 10px;
}
h1  { margin: 0;
    padding: 0 5px 24px 0;
    color: #D81C1D;
    font-size: 22px;
}
h3  { margin: 0;
    padding: 0 0 8px;
    color: #D81C1D;
    font-size: 12px;
}

a { color: #D81C1D;
}
a:link,a:visited  { text-decoration: none;
}
a:hover,a:active  { text-decoration: underline;
}
select, input { margin: 2px 0;
}


/***********************************/
/* Styles fuer das Rahmen-Template */
/***********************************/

/* mainframe styles */
td.main   { vertical-align: top;
        padding: 8px 0;
}
td.navi { width:  200px;
      vertical-align: top;
      padding: 0 0 16px 0;
}
td.content  {
	width:493px;
    vertical-align:top;
    background:#fff;
}
td.teaser { width:  285px;
        vertical-align: top;
        padding: 8px 0;
}


/**********************/
/* Styles fuer header */
/**********************/
img.frameLink { margin: 0 3px 1px 8px;
}
div.lang{
float:right;
white-space:nowrap;
margin:32px 0 0 0;
}
div.poweredBy {
float:right;
white-space:nowrap;
margin:11px 10px 0 25px;
}
a.header,a.header:link,a.header:visited,a.header:active,a.header:hover  { color: #000;
}
td.visual2 p  { padding: 0px 5px 1px;
          background-color: #f6f6f6;
          border: 1px solid #c8c8c8;
}

td.visual2 p span.foto  {
          display: block;
          margin: 4px 0 2px 0;
          color: #bcbcbc;
          word-spacing: 0px; /* damit der Text in einer Zeile angezeigt wird ggf. auf 1px stellen */
}

/**************************/
/* Styles fuer navigation */
/**************************/
div.navEntry,
div.navEntryactive{
font-weight: bold;
text-transform: uppercase;
background: #B6B6B6 url(../img/background/bg_nav.gif) no-repeat;
margin-bottom: 1px;
cursor: pointer;
height:20px;
}

div.navEntry:hover{
background-image:url( ../img/background/bg_nav_hover.gif );
}

div.navEntryactive{
background-image:url(../img/background/bg_nav_active.gif);
}

div.navEntry A:link,
div.navEntry A:visited,
div.navEntry A:active,
div.navEntry A:hover,
div.navEntryactive A:link,
div.navEntryactive A:visited,
div.navEntryactive A:active,
div.navEntryactive A:hover{
display:block;
height:17px;
color:#fff;
text-decoration:none;
background:url( ../img/common/navi_pfeil.gif ) no-repeat 0 8px;
padding:3px 10px 0 10px;
margin-left:12px;
}

div.navEntry1,
div.navEntry1active{
font-size: 10px;
font-weight: bold;
padding: 3px 0 3px 25px;
background: #B6B6B6;
}

div.navEntry1active{
background:#a0a0a0;
}

div.navEntry1 A:link,
div.navEntry1 A:visited,
div.navEntry1 A:active,
div.navEntry1 A:hover,
div.navEntry1active A:link,
div.navEntry1active A:visited,
div.navEntry1active A:active,
div.navEntry1active A:hover{
color:#fff;
text-decoration:none;
display:block;
padding-left:10px;
background:url(../img/common/navi_pfeil2.gif) no-repeat 0 5px;
}

div.navEntry2,
div.navEntry2active{
font-size: 10px;
padding: 3px 0 3px 45px;
background: #B6B6B6;
}

div.navEntry2active{
background:#a0a0a0;
}

div.navEntry2 A:link,
div.navEntry2 A:visited,
div.navEntry2 A:active,
div.navEntry2 A:hover,
div.navEntry2active A:link,
div.navEntry2active A:visited,
div.navEntry2active A:active,
div.navEntry2active A:hover{
color:#fff;
text-decoration:none;
}


/**************************/
/* Styles fuer naviteaser */
/**************************/
div.naviTeaser  { margin-top: 16px;
}

div.ntHead{
color: #fff;
font-weight: bold;
padding:3px 10px 4px 13px;
background: #b6b6b6 url(../img/background/bg_teaser_left.gif) no-repeat;
height:13px;
margin-bottom:1px;
letter-spacing:-1px;
}

.ntHead A{
color: #636363;
float: right;
font-weight:normal;
display:block;
padding-left:9px;
background:url(../img/common/pfeil_mehr.gif) no-repeat 0 5px;
}

.ntHead A:active,
.ntHead A:hover{
color: #fff;
text-decoration:none;
background-image:url(../img/common/navi_pfeil.gif);
}

a.ntLink,
a.ntLink:link,
a.ntLink:visited,
a.ntLink:active,
a.ntLink:hover{
color: #636363;
}

div.ntContent{
padding: 2px;
background: #fafafa url(../img/background/bg_verlauf2.jpg) repeat-x;
border: 1px solid #c8c8c8;
}

img.naviTeaser{
border: 1px solid #fff;
}

table.naviTeaser{
width: 194px;
}

table.naviTeaser TD{
padding: 2px;
font-size: 10px;
color: #636363;
white-space: nowrap;
}

table.finalScore td {
  padding-left: 6px;
}

td.ntFirstEdge  {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

td.ntCell2  {
  background-color: #fff;
  border-left: 1px solid #fff;
}
td.ntLastEdge {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

td.ntFirstCenter  {
  border-top: 1px solid #fff;
}

td.ntLastCenter {
  border-bottom: 1px solid #fff;
}

div.ntContent p.narrow {
  letter-spacing: -0.2px;
}

div.ntContent ul {
  font-size: 10px;
  color: #636363;
  margin: 5px 5px 0 10px;
  padding: 0;
  list-style-type: none;
}

div.ntContent ul li {
  margin: 3px 0;
  background: url(../img/navteaser/dash.gif) 2px 7px no-repeat;
  padding-left: 10px;
}

/***********************/
/* Styles fuer content */
/***********************/

.FeedIcon{
float:right;
margin-top:2px;
}

.FeedCategoryTitle{
font-weight:bold;
font-size:10px;
color:#636363;
}

.FeedCategory{
font-size:10px;
}

.FeedCategory IMG{
float:left;
margin:2px 5px 0 0;
}

div.para  { margin: 0 0 10px;
        padding: 0 5px 10px;
        line-height: 130%;
}
div.field { background-color: #efefef;
        border: 1px solid #c8c8c8;
}
div.line  { border-bottom: 1px solid #c8c8c8;
}

.hint{
background:#f0f0f0;
padding:6px 6px 6px 6px;
margin-bottom:25px;
}

.Pager{
background:#f0f0f0;
padding:6px 6px 6px 6px;
border-top:solid 1px #aaa;
margin-top:10px;
}

div.cont2Rows {
  float: left;
  margin-bottom:  8px;
  width: 244px;
}

div.cont2Rows p {
  font-weight: bold;
  margin-left: 110px;
  width: 100px;
}

div.cont2Rows img.teaser {
  border: 2px solid #d9d9d9;
}

div.cont2Rows img.button {
  float: left;
  margin: 9px 4px 0 0;
}

h3.videosYear {
  clear:left;
  padding-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #c8c8c8;
}

table.content * {
          line-height: 130%;
          white-space: nowrap;
          vertical-align: top;
}
table.content a { padding: 2px 0;
}
table.content th  { border-bottom: 1px solid #dcdcdc;
}
tr.cBreak * { white-space: normal;
}
tr.content2 td  { background-color: #efefef;
          border-right: 1px solid #fff;
}

/* static results */
table.content td.finalScore  {
  font-weight: bold;
  text-align: center;
}

table.content td.specialResult {
  font-size: 9px;
  padding-left: 7px;
  padding-right: 3px;
}


tr.cLine td { border-bottom: 1px solid #fff;
}
tr.cLast td { border-bottom: 16px solid #fff;
}
tr.position * { vertical-align: middle;
}
tr.position img { padding: 2px 0;
}

/*
*/
img.prLogo  {
  margin: 5px 10px 5px 0;
}

img.conLeft { float: left;
        margin: 3px 10px 3px 0;
}
img.conRight  { float: right;
          margin: 3px 0 3px 10px;
}
img.profile { float: left;
        margin: 19px 10px 3px 0;
}

a.space {  padding-right: 20px;
}
ul.acList { margin: 5px 17px;
        padding: 0;
        list-style-type: square;
}
ol.acList { margin: 5px 17px;
        padding: 0;
}
ol.acList li, ul.acList li  { padding: 2px 0;
                vertical-align: middle;
}

/* Valencia Sponsoring and Travels */
div.para.moreSpace {
  margin-top: 25px;
}

img.valenciaImpressions {
  float: left;
  margin-top: 10px;
}

div.travel {
  margin: 15px 0 0 220px;
}

/* Wallpaper */
div.pic {
  float: left;
  margin: 5px 20px 15px 5px;
}

div.pic div.bg {
  height: 64px;
  width: 83px;
  background-image: url(../img/specials/wallpaper/wallpaper_bg.jpg);
  background-repeat: no-repeat;
}

div.pic img {
  margin-left: 4px;
  margin-top: 4px;
}

div.pic ul {
  list-style-type: none;
  padding: 0;
  margin: 10px 10px 10px -2px;
}

div.pic ul li,
div.para a.more {
  background-image: url(../img/common/pfeil_mehr.gif);
  background-repeat: no-repeat;
  background-position: 2px 5px;
  padding-left: 15px;
}

/* Screensaver */
div.screensaverAnimation {
  margin: 2px 0 12px 0;
}

div.screensaverAnimation img {
  float: left;
}

div.screensaverAnimation p {
  margin-left: 100px;
  font-size: 11px;
  color: #000;
}

ul.screensaver {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 20px;
}

ul.screensaver li {
  background-repeat: no-repeat;
  background-position: 0 -2px;
  padding-left: 30px;
  padding-bottom: 12px;
}

ul.screensaver li.win {
  background-image: url(../img/common/icon_win.gif);
}

ul.screensaver li.mac {
  background-image: url(../img/common/icon_mac.gif);
}


/* Formular auf Kontaktseite */
form.contact label.left {
  float: left;
  text-align: right;
  width: 85px;
  margin: 3px 10px 0 0;
}

label.verticalAlign {
  vertical-align: top;
}

form.contact input.submitButton {
  margin-left: 95px;
}

input.error,
select.error,
textarea.error {
  background-color: #c00;
  color: #fff;
}

/* Formular auf Newsletterseite */
form.newsletter {
  margin: 0 0 0 5px;
}

form.newsletter div.email input,
form.newsletter div.choice {
  margin: 0 0 12px 0;
}

form.newsletter div.email input {
  margin-top: 2px;
}

form.newsletter div.choice input {
  vertical-align: middle;
}

input.submitButton {
  cursor: pointer;
}

/* media center */
img.linkPfeil {
  margin: 2px 5px 2px 0;
}

/* Pressekontakt */
div.para label.press {
  float: left;
  width:60px;
  height:25px;
}

div.para label.press_slim {
  float: left;
  width:60px;
  height:13px;
}

div.para div.country {
  float: left;
  width: 90px;
}

/* Shop */
div.product {
  float: left;
  margin-bottom: 30px;
}

div.product.first {
  margin-top: 10px;
}

div.product img {
  float: left;
  margin-left: 20px;
}

div.product div {
  margin-left: 155px;
}

div.product div p {
  padding-left: 0;
  margin-top: 5px;
  font-size: 11px;
  color: #000;
}

div#shopLink {
  margin-left: 155px
}

/* Pressespiegel */
div.pressCoverage {
  float: left;
  width: 98%;
  margin: 0 0 15px 0;
  padding: 0 5px 10px 5px;
  border-bottom: 1px solid #c8c8c8;
}

div.pressCoverage dl {
  clear: both;
  padding-top: 5px;
  margin: 0;
}

div.pressCoverage dt {
  float: right;
  width: 310px;
}

div.pressCoverage dd {
  padding: 0;
  margin: 0;
}

div.pressCoverage dd a {
  background: url(../img/common/pics.gif) no-repeat top left;
  padding-left: 35px;
  float: left;
  height: 20px;
}


/* Team */
img.img_centered {
  margin: 0 0 20px 40px;
  border: 2px solid #ccc;
}


/**********************/
/* Styles fuer teaser */
/**********************/

div.teaser  {
  margin-bottom: 16px;
}

div.teasHead  {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding:3px 10px 4px 10px;
  letter-spacing:-1px;
  margin-bottom:1px;
  background: #b6b6b6 url(../img/background/bg_teaser_right.gif) no-repeat;
  height:13px;
}

.teasHead A{
color: #636363;
float: right;
font-weight:normal;
display:block;
padding-left:9px;
background:url(../img/common/pfeil_mehr.gif) no-repeat 0 5px;
}

.teasHead A:active,
.teasHead A:hover{
color: #fff;
text-decoration:none;
background-image:url(../img/common/navi_pfeil.gif);
}

div.teasContentFree,
div.teasContent,
div.teasShop{
  padding: 2px;
  background: #f6f6f6 url(../img/background/bg_verlauf.jpg) repeat-x;
  border: 1px solid #c8c8c8;
  color: #656565;
  font-size: 10px;
}

div.teasContent {
  height: 51px;
}

div.teasShop{
padding:0;
}

.teasThumbEntry,
.teasThumbEntryActive{
margin-bottom:4px;
padding-right:6px;
height:51px;
color:#656565;
}

.teasThumbEntry{
cursor:pointer;
}

.teasThumbEntry A{
text-decoration:none;
}

.teasThumbEntry IMG,
.teasThumbEntryActive IMG{
float:left;
margin-right:5px;
border:solid 1px #fff;
}

.teasThumbEntry:hover{
background:#fff;
}

.teasThumbEntryActive{
background:#fff;
}


div.tcWhite {
  height: 90px;
  padding:2px;
  border: 1px solid #c8c8c8;
  background:#fff;
}

img.teaser  {
  float: left;
  margin-right: 5px;
  border: 1px solid #fff;
}

/**********************/
/* Styles fuer footer */
/**********************/
div.toplink { float: right;
        position: relative;
        right: 230px;
        bottom: 22px;
}
div.impressum { float: left;
          position: relative;
          left: 10px;
          top: 13px;
}
a.footer,a.footer:link,a.footer:visited,a.footer:active,a.footer:hover  { color: #2d2b2c;
}

.XinhaContent,
.XinhaContent P{
font-size:11px;
color:#000;
padding:0;
line-height:130%;
}

.XinhaContent P{
margin-bottom:15px;
}

.TeaserImage{
float:left;
margin-right:13px;
border:solid 1px #535353;
}

.TeaserImageDetail{
float:right;
margin-left:13px;
margin-bottom:13px;
text-align:center;
}

.TeaserImageDetail IMG{
border:solid 1px #535353;
margin-bottom:3px;
}

.TeaserImage:hover,
.TeaserImageDetail:hover{
border-color:#d81c1d;
}

.BlogEntry{
padding-bottom:15px;
}

.BlogEntry .MoreLink{
float:right;
}

.BlogEntry H3{
margin-bottom:6px;
padding-bottom:0;
}

.BlogEntry H4{
font-size:11px;
margin:0;
padding:8px 0 13px 0;
line-height:130%;
}

.BlogEntry H5{
margin-top:0;
margin-bottom:0;
padding-bottom:8px;
font-size:10px;
color:#636363;
font-weight:bold;
}

#PageFrame{
background:url( ../img/background/bg_content.gif ) repeat-y;
width:1010px;
text-align:left;
padding:0 5px 0 1px;

}

#ContentFrame{
padding-bottom:45px;
}

#Header{
height:57px;
background:#fff url(../img/frame/head.jpg) no-repeat;
width:1010px;
}

#Visual01{
padding: 0 8px 0 0;
margin-bottom:17px;
}

#Visual02{
padding: 0 0 16px;
margin-bottom:17px;
}

#Footer{
background:url( ../img/background/bg_footer.gif ) no-repeat;
width:1010px;
height:49px;
margin-top:40px;
}

#FooterIntro{
padding:7px 18px 0 18px;
font-size:11px;
color:#000;
white-space:nowrap;
}

#FooterLogos{
width:560px;
}

#FooterEnd{
width:305px;
padding-top:18px;
}

#FooterEnd TABLE{
margin-left:8px;
}

#FooterTerminator{
margin-bottom:60px;
}

.FooterMore{
color:#808080;
display:block;
margin-top:2px;
padding-left:12px;
background:url( ../img/common/pfeil_grau.gif ) no-repeat 0 5px;
}

.VideoThumb{
margin-bottom:35px;
}