/* Stylesheet WRT - Wagenaar Racing Team. */


/* ----- Stijlen: basis ----- */

html, body {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background: #090909 url(../images/body_bg.gif) repeat left top fixed;
}

#site {
  width: 984px;
  margin: 0px auto;
  background: url(../images/site_bg.png) repeat-y left top;
  _background: url(../images/site_bg.gif) repeat-y left top; /* IE6 background */
}

a img {
	border: none;
}


/* ----- Stijlen: Top ----- */

#top {
	width: 950px;
  margin: 0px auto;
	height: 224px;
  background: #c4c5c6 url(../images/top_bg.gif) repeat-x left top;
  position: relative;
}

#top #logo {
	display: block;
  position: absolute;
  left: 68px;
  top: 28px;
}

#top #sponsoren {
	float: right;
  width: 312px;
  height: 170px;
  padding: 12px 0px 0px 23px;
  background: url(../images/sponsoren_bg.jpg) no-repeat left top;
}

#top #sponsoren .titel img {
  margin: 10px 0px 3px 10px;
}

#top #nav {
	width: 918px;
	height: 40px;
  background: #191919;
  border-bottom: 2px solid #f26722;
  position: absolute;
  top: 182px;
  left: 0px;
  padding-left: 32px;
}

#top #nav a {
	display: block;
  height: 22px;
  margin-top: 10px;
  padding: 0px 19px 0px 18px;
  float: left;
  background-repeat: no-repeat;
  background-position: 18px top;
}

#top #nav a:hover, #top #nav a.active {
  background-position: 18px bottom;
}

#top #nav #nav_btn1 { width: 49px; background-image: url(../images/menu_btn1.gif); }
#top #nav #nav_btn2 { width: 80px; background-image: url(../images/menu_btn2.gif); }
#top #nav #nav_btn3 { width: 117px; background-image: url(../images/menu_btn3.gif); }
#top #nav #nav_btn4 { width: 69px; background-image: url(../images/menu_btn4.gif); }
#top #nav #nav_btn5 { width: 81px; background-image: url(../images/menu_btn5.gif); }
#top #nav #nav_btn6 { width: 89px; background-image: url(../images/menu_btn6.gif); }
#top #nav #nav_btn7 { width: 43px; background-image: url(../images/menu_btn7.gif); }
#top #nav #nav_btn8 { width: 63px; background-image: url(../images/menu_btn8.gif); }


.delete, .change{
 font-size: 12px;
}

/* ----- Stijlen: Linkpage ----- */
TR.tableheader {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
  color: #f26722;
	background-color: #000000;
	font-size: 12px;	
}

TR.tablerow1 {
	BACKGROUND: #CCCCCC;
}

TR.tablerow2 {
	BACKGROUND: #C0C0C0;
}
TD.table1 {
	BACKGROUND-COLOR: #C0C0C0;
	BORDER: 0px;
	VERTICAL-ALIGN: top;
	WIDTH: 25%;
	font-size: 12px;	
}                           

TD.table3 {
	BACKGROUND-COLOR: #C0C0C0;
	BORDER: 0px;
	font-size: 12px;	
}                           
TD.table2 {
	BACKGROUND-COLOR: #CCCCCC;
	BORDER: 0px;
	VERTICAL-ALIGN: top;
	font-size: 12px;	
}             
/* ----- end Stijlen: Linkpage ----- */



/* ----- Stijlen: Home: Welkom ----- */

#welkom {
	width: 950px;
  height: 350px;
  margin: 0px auto;
  position: relative;
}

#welkom #welkomsttekst {
	position: absolute;
  top: 178px;
  left: 424px;
	width: 482px;
  height: 134px;
  padding: 13px 15px 14px 19px;
  overflow: hidden;
  background: url(../images/welkomsttekst_bg.png) no-repeat left top;
  _background: #171717; /* IE6 background */
}

#welkom #welkomsttekst p {
	padding: 0px;
  margin: 0px;
  line-height: 18px;
  color: #8b8b8b;
}

#welkom #welkomsttekst a {
  color: #ffffff;
}

#welkom #welkomsttekst a:hover {
  color: #f26722;
}


/* ----- Stijlen: Home: Blokken kalender, nieuws en weerbericht ----- */

#kalender p, #nieuws p, #weerbericht p {
	float: left;
	margin: 2px 0px 0px 15px;
  padding: 0px;
  color: #8b8b8b;
  line-height: 16px;
}

#kalender p span, #nieuws p span, #weerbericht p span {
	display: block;
  color: #ffffff;
  font-weight: bold;
}

#kalender a, #nieuws a, #weerbericht a {
  color: #ffffff;
}

#kalender a:hover, #nieuws a:hover, #weerbericht a:hover {
  color: #f26722;
}


/* ----- Stijlen: Home: Kalender ----- */

#kalender {
	float: left;
	width: 261px;
  height: 114px;
  padding: 13px 21px;
  margin: 10px 10px 10px 27px;
  overflow: hidden;
  background: #0d0d0d url(../images/kalender_home_bg.gif) no-repeat left top;
  display: inline /* IE6 'Double Margin bug' fix */
}

.datum, .datum_oud {
	float: left;
	width: 68px;
  height: 69px;
  padding: 5px;
  margin-top: 7px;
  background: #e85c11 url(../images/datum_bg.gif) no-repeat left top;
}

.datum_oud {
  background: #838383 url(../images/datum_bg_grijs.gif) no-repeat left top;
}

.datum div, .datum_oud div {
	color: #ffffff;
  text-align: center;
  line-height: normal;
  font-size: 11px;
}

.datum .groot, .datum_oud .groot {
	font-size: 36px;
  font-weight: bold;
  margin: -2px 0px -3px 0px;
}

#kalender p {
  width: 168px;
}

#kalender.vervolgpagina {
	margin: 10px 0px 10px 10px;
}

#nieuws.vervolgpagina, #weerbericht.vervolgpagina {
	margin: 0px 0px 10px 10px;
}


/* ----- Stijlen: Home: Nieuws ----- */

#nieuws {
	float: left;
	width: 268px;
  height: 114px;
  padding: 13px 15px 13px 21px;
  margin: 10px 10px 10px 0px;
  overflow: hidden;
  background: #0d0d0d url(../images/nieuws_home_bg.jpg) no-repeat left top;
  display: inline /* IE6 'Double Margin bug' fix */
}

#nieuws .thumb {
	float: left;
  margin-top: 2px;
  width: 121px;
  height: 81px;
  overflow: hidden;
}

#nieuws p {
  width: 126px;
}


/* ----- Stijlen: Home: Weerbericht ----- */

#weerbericht {
	float: left;
	width: 261px;
  height: 114px;
  padding: 13px 21px;
  margin: 10px 10px 10px 0px;
  overflow: hidden;
  background: #0d0d0d url(../images/weer_home_bg.jpg) no-repeat left top;
  display: inline /* IE6 'Double Margin bug' fix */
}

#weerbericht p {
	margin-left: 0px;
}


/* ----- Stijlen: Home: Autonieuws en Motornieuws ----- */

#autosport_home, #motorsport_home {
  float: left;
	width: 418px;
  height: 227px;
  padding: 15px 21px;
  overflow: hidden;
  display: inline /* IE6 'Double Margin bug' fix */
}

#autosport_home {
  margin: 0px 10px 10px 27px;
  background: #0d0d0d url(../images/autosport_home_bg.jpg) no-repeat left top;
}

#motorsport_home {
  margin: 0px 10px 10px 0px;
  background: #0d0d0d url(../images/motorsport_home_bg.jpg) no-repeat left top;
}

#autosport_home ul, #motorsport_home ul {
	margin: 0px;
  padding: 0px;
}

#autosport_home li, #motorsport_home li {
	margin: 0px;
  padding: 0px;
  list-style: none;
}

#autosport_home li a, #motorsport_home li a {
	display: block;
	width: 407px;
  height: 13px;
  padding: 4px 0px 4px 11px;
  background: url(../images/bullet.gif) no-repeat left 10px;
  color: #8b8b8b;
  text-decoration: none;
  overflow: hidden;
  line-height: 16px;
}

#autosport_home li a:hover, #motorsport_home li a:hover {
  color: #ffffff;
  background: url(../images/bullet.gif) no-repeat left -13px;
}


/* ----- Stijlen: Vervolgpagina's: Content ----- */

#content_wrapper_outer {
	float: left;
  margin: 10px 0px 10px 27px;
  display: inline;
	width: 616px;
  background: url(../images/content_wrapper_outer_bg.gif) repeat-y left top;
}

#content_wrapper_inner {
	float: left;
  background: url(../images/content_wrapper_inner_bg.gif) no-repeat left top;
}

#content {
	float: left;
  width: 562px;
	padding: 23px 27px;
  background: url(../images/content_bg.gif) no-repeat left bottom;
  font-size: 12px;
  color: #191919;
  line-height: 18px;
  min-height: 394px;
  _height: 394px; /* IE6 min-height fix */
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  margin: 0px 0px 18px 0px;
  padding: 0px;
  line-height: 22px;
  color: #f26722;
}

#content h2 {
	font-size: 12px;
  margin: 0px;
  padding: 0px;
  line-height: 18px;
  color: #f26722;
}

#content p {
	padding: 0px;
  margin: 0px 0px 20px 0px;
}

#content a {
	color: #f46627;
}

#content ul {
	padding: 0px;
  margin: 0px 0px 20px 0px;
}

#content li {
	margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 15px;
  list-style: none;
  background: url(../images/bullet.gif) no-repeat left -16px;
}

.foto_rechts {
	float: right;
  clear: right;
  margin: 0px 0px 10px 10px;
  padding: 1px;
  border: 1px solid #9a9a9a;
}

.foto_onder {
	float: left;
  margin: 0px 10px 10px 0px;
  padding: 1px;
  border: 1px solid #9a9a9a;
}


/* ----- Stijlen: Nieuwsoverzicht ----- */

#content .nieuwsitem {
	float: left;
	margin-bottom: 40px;
}

#content .nieuwsitem .thumb {
	float: left;
	width: 158px;
  height: 118px;
  overflow: hidden;
  border: 1px solid #f46627;
  margin-right: 15px;
}

#content .nieuwsitem .previewtekst {
	float: left;
  margin: 0px;
  padding: 0px;
  width: 387px;
  height: 90px;
  overflow: hidden;
}

#content .nieuwsitem .titel {
	display: block;
  color: #f46627;
  font-weight: bold;
  text-decoration: none;
}

#content .nieuwsitem .bericht_info {
	float: left;
  margin: 8px 0px 0px 0px;
  font-size: 11px;
  color: #666666;
}


/* ----- Stijlen: Nieuwsbericht pagina's ----- */

#content .bericht_info {
	font-size: 11px;
  color: #666666;
  margin-top: -10px;
}

#content .btn_terug {
	display: block;
  clear: both;
  width: 135px;
  margin-bottom: 20px;
  padding-left: 15px;
  background: url(../images/btn_terug.gif) no-repeat left 6px;
  text-decoration: none;
  font-size: 11px;
}

#content .btn_terug:hover {
  background: url(../images/btn_terug.gif) no-repeat left -7px;
  text-decoration: underline;
}


/* ----- Stijlen: Pagina Jaarkalender ----- */

.kalenderitem {
	float: left;
  width: 543px;
  height: 86px;
  margin: 0px 0px 30px 0px;
  overflow: hidden;
}

#content .kalenderitem p {
	float: left;
	width: 445px;
  padding: 0px;
  margin: 5px 0px 0px 20px;
}

#content .kalenderitem p span {
	display: block;
	font-weight: bold;
  color: #f46627;
}

#kalender_jaargangen {
	float: left;
	width: 262px;
  padding: 13px 21px;
  margin: 10px 0px 10px 10px;
  background: #0d0d0d;
  display: inline /* IE6 'Double Margin bug' fix */
}

#kalender_jaargangen ul {
	margin: 0px;
  padding: 0px;
}

#kalender_jaargangen li {
	margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  list-style: none;
  font-weight: bold;
  background: url(../images/bullet.gif) no-repeat left 5px;
}

#kalender_jaargangen li a {
	color: #8d8d8d;
  text-decoration: none;
}

#kalender_jaargangen li a:hover {
  text-decoration: underline;
}


/* ----- Stijlen: Sponsorpagina ----- */

#content .sponsor {
  float: left;
  width: 174px;
  height: 140px;
  margin: 0px 10px 20px 0px;
  text-decoration: none;
  color: #333333;
}

.sponsor span {
  display: block;
  width: 174px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}


/* ----- Stijlen: Footer ----- */

.clearer {
	clear: both;
  height: 0px;
  overflow: hidden;
}

#footer {
  width: 984px;
  height: 60px;
  margin: 0px auto 0px auto;
  background: url(../images/footer_bg.png) no-repeat left top;
  _background: url(../images/footer_bg.gif) no-repeat left top; /* IE6 background */
}

#footer p {
	float: left;
	width: 460px;
  margin: 0px;
  padding: 9px 0px 0px 27px;
  color: #8b8b8b;
}

#footer .buttons {
	float: right;
  padding: 9px 27px 0px 0px;
}

#footer .buttons a {
	display: block;
  float: left;
  padding-left: 17px;
  margin-right: 33px;
  background-repeat: no-repeat;
  background-position: left -2px;
  color: #8b8b8b;
  text-decoration: none;
}

#footer .buttons a:hover {
  background-position: left -19px;
  color: #ffffff;
}

#footer .buttons .btn1 {
	background-image: url(../images/footer_btn_home_bg.gif);
}

#footer .buttons .btn2 {
	background-image: url(../images/footer_btn_boven_bg.gif);
}

#footer .buttons .btn3 {
	background-image: url(../images/footer_btn_contact_bg.gif);
  margin-right: 0px;
}