/* Created by Extreme Media*/
/* Last Modifed on 12-05-2010 */

/* start: basic elements */
  html,body{
    background:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#959595;;
		text-align:left;
    margin:0;
    padding:0;
  }
  html,body a{color: #959595;;}
  img, div, input, ul, li, a{ behavior: url("css/iepngfix.htc") }

  .clear{ height:1px; overflow:hidden; clear:both; }
  .seperator{ float:left; width:1000px; height:9px; }

  div#top{ height:32px; background:#FFF; width:100%; position:absolute; left:0px; top:0px; z-index:2; opacity:0.15; filter:alpha(opacity=15); }

/* end: basic elements */

/* START: wrapper */
  div#wrapper{ background:url(images/bg_wrapper.jpg) no-repeat top left; position:relative; margin:0 auto; width:1000px; height:auto; z-index:1; }

    /* start: header */
      div#header{ width:1000px; height:148px; float:left; }
      div#header div.logo_rhesus{ position:absolute; top:28px; left:70px; }
      div#header div.logo_aston{ position:absolute; top:18px; right:110px; }
	  div#header div.logo_aston_name{ position:absolute; top:55px; right:138px; }

		div#header div.logo_official_partner{ position:absolute; top:75px; right:110px; }

      div#header div.logo_radical{ position:absolute; top:15px; right:40px; }
    /* end: header */

    /* start: main_nav */
      div#main_nav{ position:relative; float:left; width:1000px; height:36px; background:url(images/main_menu_bg.png) no-repeat 11px -10px; z-index:3; }
      div#main_nav div#navBox{ background:url(images/main_menu_sep.gif) no-repeat right; position:absolute; left:47px; width:904px; height:36px; }
      div#main_nav div#navBox ul{ width:904px; height:29px; }
      div#main_nav div#navBox ul li{ background:url(images/main_menu_sep.gif) no-repeat left top; float:left; color:#FFF; font-size:14px;padding-left: 1px;}
      div#main_nav div#navBox ul li a{ color:#FFF;text-decoration:none; display:block; text-align:center; height:27px; padding-top:9px; width:128px;}
      div#main_nav div#navBox ul li a:hover{ background:url(images/main_menu_tab_bg.png) repeat-x;}
      div#main_nav div#navBox ul li.active{ background:url(images/main_menu_tab_bg.png) repeat-x; }

    /* end: main_nav */

    /* start: banner */
    div#banner{ position:relative; float:left; width:1000px; height:132px; }
    div#banner img.photo{ position:absolute; left:12px; }
    div#banner img.photobg{ position:absolute; left:12px; }
    /* end: banner */

    /* start: contenbox */
    div#contentbox{ height:auto; width:1000px; float:left; }

    /* -----------> INDEX <----------- */

      /* start: contentLeftLarge (index) */
        div#contentbox div#contentLeftLarge{ width:595px; height:auto; float:left; }
        div#contentLeftLarge div.infobox{ height:100%; width:595px; float:left; }
          div#contentLeftLarge div.infobox .top{ background:url(images/contentLeft_top.png) no-repeat 45px 10px; width:595px; height:35px; float:left; }
          div#contentLeftLarge div.infobox .middle{ background:url(images/contentLeft_mid.png) repeat-y 45px 0; width:595px; height:auto; float:left; }
          div#contentLeftLarge div.infobox .bottom{ background:url(images/contentLeft_bottom.png) no-repeat 45px 0; width:595px; height:22px; float:left; }
					div#contentLeftLarge div.infobox p{ margin-left:75px; width:485px; line-height:150%; }
					div#contentLeftLarge div.infobox div.paragraph.first{ font-weight:bold; }

        /* start: sub-navigatie (index) */
          div#contentLeftLarge div#sub_nav{ width:227px; height:auto; float:left; margin-top:3px; }
          div#contentLeftLarge div#sub_nav ul li{ background:url(images/subnav_tab_bg.png) no-repeat 45px 0; padding:11px 0 0 0; height:27px; }
          div#contentLeftLarge div#sub_nav ul li a{ background:url(images/subnav_arrow.gif) no-repeat 0 5px; padding-left:20px; list-style:none; text-decoration:underline; color:#959595; font-size:11px; margin-left:77px; }
          div#contentLeftLarge div#sub_nav ul li a:hover{ color:#FFF; font-weight:bold; text-decoration:none; }
        /* end: sub-navigatie (index) */

        /* start: newsFlash (index) */
          div#contentLeftLarge div#newsFlash{ width:365px; float:left; height:auto;}
					div#contentLeftLarge div#newsFlash h2{font-size:18px; padding: 20px 0px 0px 75px; color:#E30024; }

          /* start: newsItem (index) */
            div#newsFlash div#newsItem{ position:relative; margin-top:3px; }
            div#newsFlash div#newsItem .newsTitle{}
            div#newsFlash div#newsItem .newsTitle p{ color:#FFF; line-height:125%; font-weight:bold; font-size:13px; }
            div#newsFlash div#newsItem .newsTitle p.item_date{ color:#525252;font-size:11px; padding-top:5px; }
					  div#newsFlash div#newsItem .newsTitle p.item_intro{ color:#525252; font-weight: normal;padding-top: 5px;}
            div#newsFlash div#newsItem .newsTitle p a{ color:#FFF; font-weight:bold; font-size:12px; text-decoration:none; }
            div#newsFlash div#newsItem .newsTitle p a:hover{ text-decoration:underline; }
            div#newsFlash div#newsItem .newsPhoto{float: left;}
            div#newsFlash div#newsItem .newsPhoto img{border:1px solid #333;padding:2px; margin-right: 15px;}
						div#newsFlash div#newsItem .readmore{ text-align: right; font-weight: bold; }
          /* end: newsItem */
        /* end: newsFlash */
      /* end: contentLeftLarge (index) */

      /* start: contentRightSmall (index) */
        div#contentbox div#contentRightSmall{ width:400px; height:auto; float:left; }

        /* start: mediaplayer (index) */
          div#contentRightSmall div#media_title{ width:363px; height:auto; float: left; margin-top: 10px;}
          div#contentRightSmall div#media_title .top{ background:url(images/newsFlash_top.png) no-repeat; width:364px; height:23px;}
          div#contentRightSmall div#media_title .middle{ background:url(images/newsFlash_mid.png) repeat-y; width:364px; }
          div#contentRightSmall div#media_title .bottom{ background:url(images/newsFlash_bottom.png) no-repeat; width:364px; height:23px; }
          div#contentRightSmall div#media_title p.overview a{display: block; color:#959595; font-weight:normal; text-align: center;font-size: 20px;text-decoration: none;width: 100%;}
					div#contentRightSmall div#media_title p.overview a:hover{color: #FFF;}
        /* end: mediaplayer (index) */

        /* start: sponsoren (index) */
          div#contentRightSmall div#sponsoren{ width:363px; height:35px; float:left; margin-top:3px;  text-align: center; padding-top: 15px; }
        /* end: sponsoren (index) */
      /* end: contentRightSmall (index) */

    /* -----------> CONTENT <----------- */

      /* start: contentLeftSmall (content) */
        div#contentbox div#contentLeftSmall{ width:225px; height:auto; float:left; margin-top:7px; }
        div#contentLeftSmall div#infobox{ height:100%; width:595px; float:left; }
          div#contentLeftSmall div#infobox .top{ background:url(images/contentLeft_top.png) no-repeat 45px 10px; width:595px; height:35px; float:left; }
          div#contentLeftSmall div#infobox .middle{ background:url(images/contentLeft_mid.png) repeat-y 45px 0; width:595px; float:left; }
          div#contentLeftSmall div#infobox .bottom{ background:url(images/contentLeft_bottom.png) no-repeat 45px 0; width:595px; height:22px; float:left; }
          div#contentLeftSmall div#infobox p{ margin-left:75px; width:485px; line-height:150%; font-weight:bold; }

          /* start: sub-navigatie (content) */
            div#contentLeftSmall div#sub_nav{ width:227px; height:auto; float:left; margin-top:3px; }
            div#contentLeftSmall div#sub_nav ul li{ background:url(images/subnav_tab_bottom.png) no-repeat 45px bottom; padding:0 0 11px 0; margin-bottom: 3px; }
            div#contentLeftSmall div#sub_nav ul li a{ line-height: 19px; background:url(images/subnav_tab_top.png) no-repeat 45px top; padding-top: 5px; list-style:none; text-decoration:underline; color:#959595; font-size:11px; padding-left:65px; display: block; }
            div#contentLeftSmall div#sub_nav ul li a span{ background:url(images/subnav_arrow.gif) no-repeat 0 7px; padding-left: 25px; display: block; }
						div#contentLeftSmall div#sub_nav ul li a:hover{ color:#FFF; font-weight:bold; text-decoration:none; }
            div#contentLeftSmall div#sub_nav ul li.active a{ color:#FFF !important; font-weight:bold;}
          /* end: sub-navigatie */
      /* end: contentLeftSmall (content) */

      /* start: contentRightLarge (content) */
        div#contentbox div#contentRightLarge{ width:736px; height:auto; float:left; margin-top:7px; }
          div#contentbox div#contentRightLarge .top{ background:url(images/contentRightLarge_top.png) no-repeat; height:25px; margin-top:3px; }
          div#contentbox div#contentRightLarge .middle{ background:url(images/contentRightLarge_middle.png) repeat-y;padding-left: 30px;}
          div#contentbox div#contentRightLarge .bottom{ background:url(images/contentRightLarge_bottom.png) no-repeat; height:25px; padding-bottom:15px; }
          div#contentbox div#contentRightLarge p{ padding-right:30px; line-height:150%; padding-bottom:0px; }
					div#contentbox div#contentRightLarge div.paragraph.first{ font-weight:bold; }
          div#contentbox div#contentRightLarge h2{ font-size:18px; padding-bottom:20px; color:#E30024; }
          div#contentbox div#contentRightLarge img{ border:1px solid #333;padding:2px; }

          div#contentbox div#contentRightLarge .photoLeft{ float:left; width:121px;  padding: 0 30px 0 0; }
          div#contentbox div#contentRightLarge .photoRight{ float:right; width:121px; padding:0 30px 0 30px; }
      /* end: contentRightLarge (content) */

      /* start: news */
        div#contentbox div#contentRightLarge div#news-overview{}
        div#contentbox div#contentRightLarge div#news-overview .newsflash{border-bottom:1px solid #262626; padding:25px 0 0 0; width:675px; }
				div#contentbox div#contentRightLarge div#news-overview .newsflash h4{color:#959595;margin-top:5px;font-size:13px; font-weight:bold;  }
			  div#contentbox div#contentRightLarge div#news-overview .newsflash h3{padding-bottom: 10px;padding-top: 5px;}
        div#contentbox div#contentRightLarge div#news-overview .newsflash h3 a{ font-size:15px; font-weight:bold; color:#FFF;text-decoration:none; }
				div#contentbox div#contentRightLarge div#news-overview .newsflash h3 a:hover{text-decoration: underline;}

        div#contentbox div#contentRightLarge div#news-overview .newsflash p{line-height:150%; max-height:91px; overflow:hidden; }
        div#contentbox div#contentRightLarge div#news-overview .newsflash p.read {text-align:right; }
				div#contentbox div#contentRightLarge div#news-overview .newsflash p.read a{ color:#E30024; text-decoration:none; font-weight:bold;}
        div#contentbox div#contentRightLarge div#news-overview .newsflash img{border:1px solid #333; margin:0px 20px 0 0; padding:2px; float:left; }

        div#contentbox div#contentRightLarge div#news-item .item{ padding:10px 0 0px 0; width:675px; }
        div#contentbox div#contentRightLarge div#news-item .item p{ line-height:150%; }
        div#contentbox div#contentRightLarge div#news-item .item p.read a{ color:#E30024; text-decoration:none; text-align:right; display:block; }
        div#contentbox div#contentRightLarge div#news-item .item p.read a:hover{ font-weight:bold; }
        div#contentbox div#contentRightLarge div#news-item .item img{ margin-top:5px; padding-right:20px; float:left; }
      /* end: news */

      /* start: media */

        /* start: video */
          div#contentbox div#contentRightLarge div#video{ width:675px; padding-bottom:20px; border-bottom:1px solid #262626; }
          div#contentbox div#contentRightLarge div#video{ line-height:150%; }

          div#contentbox div#contentRightLarge div#video p{ font-weight:bold; margin-top:20px; }
          div#contentbox div#contentRightLarge div#video .box{ border:1px solid #282929; margin:40px 0 40px 20px !important; width:500px; height:299px; }
          div#contentbox div#contentRightLarge div#video .first{ margin-left:0; }
          div#contentbox div#contentRightLarge div#video .box img{ width:299px; height:216px; padding:2px 0 0 0; }

          div#contentbox div#contentRightLarge div#video .box .title{ width:133px; text-align:center; margin-top:10px; color:#959595; }
          div#contentbox div#contentRightLarge div#video .box .title p{ color:#454343; font-weight:normal; margin:0; }
          div#contentbox div#contentRightLarge div#video .box .title a{ line-height:150%; font-weight:bold; text-decoration:underline; }
          div#contentbox div#contentRightLarge div#video .box .title a:hover{ text-decoration:none; }
        /* end: video */

				/* start: team */
					div#contentbox div#contentRightLarge div.teamBox{ position:relative; float:left; width:158px; margin-right:10px; }
					div#contentbox div#contentRightLarge div.teamBox img{ border:none; }
					div#contentbox div#contentRightLarge div.teamBox div.teamPhoto{ width:158px; height:90px; }
					div#contentbox div#contentRightLarge div.teamBox div.teamSticker{ position:absolute; top:15px; right:-2px; }
					div#contentbox div#contentRightLarge div.teamBox div.teamName a{ display:block; color:#959595; font-weight:bold; line-height:150%; margin:15px 0px 0px 12px; }
					div#contentbox div#contentRightLarge div.teamBox div.teamName a:hover{ text-decoration:none; }
					div#contentbox div#contentRightLarge div.teamBox div.nrDrivers{ margin:5px 0px 0px 12px; color:#434343; }
				/* end: team */

				/* start: driver */
					div#contentbox div#contentRightLarge div.driverBox{ float:left; width:316px; margin-right:10px; }
					div#contentbox div#contentRightLarge div.driverBox img{ border:none; }
					div#contentbox div#contentRightLarge div.driverBox div.driverPhoto{ float:left; margin-right:10px; }
					div#contentbox div#contentRightLarge div.driverBox div.driverName a{ display:block; color:#959595; font-weight:bold; margin-top:15px; }
					div#contentbox div#contentRightLarge div.driverBox div.driverName a:hover{ text-decoration:none; }
					div#contentbox div#contentRightLarge div.driverBox div.nrDrivers{ color:#434343; margin-top:5px; }
					div#contentbox div#contentRightLarge div.driverBox div.driverSince{ color:#434343; margin-top:20px; }
				/* end: driver */

        /* start: photo gallery */
          div#contentbox div#contentRightLarge div#photo{ width:675px; margin-top:40px; }

          div#contentbox div#contentRightLarge div#photo .return{ margin-top:40px;  }
          div#contentbox div#contentRightLarge div#photo .return a { color:#959595; font-weight:bold; text-decoration:underline; }
          div#contentbox div#contentRightLarge div#photo .return a:hover{ text-decoration:none; }

          div#contentbox div#contentRightLarge div#photo p{ font-weight:bold; margin-top:20px; }
          div#contentbox div#contentRightLarge div#photo .box{ margin:40px 0 40px 35px !important; width:133px; height:90px; float:left;}
          div#contentbox div#contentRightLarge div#photo .first{ margin-left:0; }
          div#contentbox div#contentRightLarge div#photo .box img{ width:129px; height:86px; padding:2px; }

          div#contentbox div#contentRightLarge div#photo .box .title{ width:133px; text-align:center; margin-top:10px;}
          div#contentbox div#contentRightLarge div#photo .box .title p{ color:#454343; font-weight:normal; margin:0; }
          div#contentbox div#contentRightLarge div#photo .box .title a{ line-height:150%; color:#959595; font-weight:bold; text-decoration:underline; }
          div#contentbox div#contentRightLarge div#photo .box .title a:hover{ text-decoration:none; }
        /* end: photo gallery */
      /* end: media */

      /* start: contactform */
        div#contentbox div#contentRightLarge p.contact{ padding-bottom:40px; margin-top:20px; }

    /* start: imageSlider */
      div#imageSliderBox{ position:relative; width:1000px; height:133px; float:left; }
      div#imageSliderBox div#imageSlider{ position:absolute; left:20px; top:16px; }
      div#imageSlider img{}
    /* end: imageSlider */

/* start: footer */
  div#footer{ width:auto; height:auto; margin-top:18px; background:#141414; }
  div#footer div#sitemap{ position:relative; background:url(images/footer_bg.jpg) no-repeat top left; width:1000px; height:275px; margin:0 auto; }

  /* start: sitemap_item */
    div#footer div#sitemap div#sitemap_item{ position:absolute; top:50px; left:70px; }

      /* start: itemBox */
        div#footer div#sitemap div#sitemap_item .itemBox{ float:left; padding-right:30px; }
        div#footer div#sitemap div#sitemap_item .itemBox h5{ padding-bottom:20px; font-size:14px; font-weight:bold; }
        div#footer div#sitemap div#sitemap_item .itemLinks{ border-left:1px solid #494949; }
        div#footer div#sitemap div#sitemap_item .itemLinks ul li{ padding:0 0 0 9px; color:#494949; font-weight:bold; line-height:175%;  }
        div#footer div#sitemap div#sitemap_item .itemLinks ul li a{ text-decoration:none; color:#494949; line-height:175%; font-weight:normal;  }
        div#footer div#sitemap div#sitemap_item .itemLinks ul li a:hover{ font-weight:normal; text-decoration:underline; }
        div#footer div#sitemap .developers{ position:absolute; top:205px; left:68px; color:#494949; }
        div#footer div#sitemap .developers a{ color:#494949; text-decoration:underline; }
        div#footer div#sitemap .developers a:hover{ color:#494949; font-weight:bold; text-decoration:none; }
    /* end: itemBox */

/* end: wrapper */

/* Sponsor box */
div.all_sponsors { width: 680px; }
div.all_sponsors div.sponsors { float: left; width: 100%; }
div.all_sponsors div.item { float: left; width: 25%; height: 100px; text-align: center; font-weight: bold; }
div.all_sponsors div.title { display: none; padding-top: 10px; }
div#contentbox div#contentRightLarge div.all_sponsors img { border: none; }