/*

Document for Molenaar Racing
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  < 
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\

Copyright 2008 : www.detailworx.nl
Weltevreden 24 G - 3731 AL De Bilt
Tel: 030 - 220 41 81

*/

/* -------------------------------------------------------------------------------- BODY --*/

html, body {
	background:url(../images/bg_rood.jpg) repeat-x;
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, br, form, fieldset, a, img, div, padding, td, p {
	margin:0;
	padding:0;
	border:0;
}

/* -------------------------------------------------------------------------------- MOLENAAR - NAV --*/

#molenaar_nav {
	float:none;
	width:100%;
	background:#000000;
	height:35px;
}

#molenaar_nav_center {
	position:absolute;
	text-align:center;
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	width:970px;
	left:50%;
	margin-left:-485px;
	background:#000000;
}

#molenaar_nav_center a:link, #molenaar_nav_center a:visited {
	color:#ffffff;
	text-decoration:underline;
}

#molenaar_nav_center a:hover, #molenaar_nav_center a:active {
	color:#e5e5e5;
	text-decoration:underline;
}

#molenaar_nav_center img {
	vertical-align:middle;
	margin-left:10px;
}

#molenaar_nav_center label {
	color:#ffffff;
	margin:0 0 0 60px;
}

#molenaar_nav_center .tekst {
 	margin:0 75px 0 0; 
	color:#ffffff;
}

#molenaar_nav_border {
	position:absolute;
	z-index:1000;
	float:none;
	width:100%;
	height:1px;
	font-size:0;
	border-bottom:#000000 1px solid;
}

/* -------------------------------------------------------------------------------- CONTAINER --*/

#container {
	position:absolute;
	width:970px;
	left:50%;
	margin-left:-485px;
}

/* -------------------------------------------------------------------------------- MENU --*/

#menu {
	float:left;
	width:970px;
	height:70px;
	background:url(../images/menubg_rood.gif);
}

#menutekst {
	position:absolute;
	top:40px;
	left:280px;
	font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif;
	z-index:10000;
}

#menutekst a:link {
	color:#ffffff;
	text-decoration:none;
}

#menutekst a:visited {
	color:#ffffff;
	text-decoration:none;
}

#menutekst a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#menutekst a:active {
	color:#ffffff;
	text-decoration:none;
}

#menutekst li {
	float:left;
	list-style:none;
	padding-right:12px;
	position:relative;
}

#menutekst li ul {
	display:none;
	position:absolute;
	background:#000000;
	top:0;
	left:-5px;
	margin:14px 0 0 0;
	padding-top:6px;
}

#menutekst li:hover ul, #menutekst li.over ul { 
	display:block;
	float:none;
}

#menutekst li ul li {
	width:150px;
	padding:3px 0 3px 0;
	border:0;
	margin:0;
	left:0;
	float:none;
	text-indent:5px;
	background:#000000;
}

/* -------------------------------------------------------------------------------- HEADER --*/

#header {
	float:left;
	width:970px;
	height:200px;
}

/* -------------------------------------------------------------------------------- BANNER --*/

#banner {
	float:left;
	width:970px;
	height:41px;
	background:url(../images/banner_bg_rood.gif);
}

/* -------------------------------------------------------------------------------- BREADCRUMB --*/

#breadcrumb {
	position:absolute;
	margin:2px 0px 0px 224px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#breadcrumb a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#breadcrumb a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#breadcrumb a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------- MAIN --*/

#mainbg {
	float:left;
	width:970px;
	background:url(../images/mainbg_rood.gif);
	padding-bottom:32px;
}

#maintekst {
	position:relative;
	width:524px;
	min-height:1240px;
	height:auto !important; /* hack for ie */
	height:1240px; /* hack for ie */
	top:17px;
	left:212px;
	background:#ffffff;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px 12px 20px 12px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#maintekst .results_transparent {
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}

#maintekst ul {
	list-style:none;
}

#maintekst h1 {
	font:bold small-caps 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#000000;
	margin:0px -12px 10px -12px;
	padding:0px 0px 3px 12px;
}

#maintekst h2 {
	font:bold small-caps 25px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}

#maintekst h3 {
	margin-top:15px;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

#maintekst hr {
	height:1px;
	color:#d1d1d1;
	background:#d1d1d1;
	margin:15px 0px 25px 0px;
}

#maintekst a:link {
	color:#e2001a;
	text-decoration:none;
}

#maintekst a:visited {
	color:#e2001a;
	text-decoration:none;
}

#maintekst a:hover {
	color:#e2001a;
	text-decoration:underline;
}

#maintekst a:active {
	color:#e2001a;
	text-decoration:underline;
}

#maintekst img {}

/* -------------------------------------------------------------------------------- Contact formulier --*/
.contact_form {
	width: 490px;
	height: 400px;
	height: auto; !important
	min-height: 400px;
	margin-top:5px;
	float: left;
	color:#000000;
	text-align:left;
}

.contact_form label {
	float: left;
	width: 130px;
	text-align: left;
	margin-right: 15px;
}

.contact_form input {
	margin-top:1px;
    border: 1px solid #B09859;
	font:11px Verdana, Arial, Helvetica, sans-serif;	
	color: #000000;
	background-color: #F0F0F0;
	float: left;
}

.contact_form textarea {
	margin-top:1px;
    border: 1px solid #B09859;
	color: #000000;
	background-color: #F0F0F0;
	float: left;
}

.contact_form select {
	margin-top:1px;
    border: 1px solid #B09859;
	color: #000000;
	background-color: #F0F0F0;
	float: left;
}


/* -------------------------------------------------------------------------------- VIP formulier --*/
.vip_form {
	width: 490px;
	height: 400px;
	height: auto; !important
	min-height: 400px;
	margin-top:5px;
	float: left;
	color:#000000;
	text-align:left;
}

.vip_form label {
	float: left;
	width: 100px;
	text-align: left;
	margin-right: 15px;
}

.vip_form select {
	margin-top:1px;
	width: 300px;
    border: 1px solid #B09859;
	color: #000000;
	background-color: #F0F0F0;
	float: left;
}
.vip_form input {
	margin-top:1px;
	width: 300px;
    border: 1px solid #B09859;
	color: #000000;
	background-color: #F0F0F0;
	float: left;
}

.vip_div {
	float: left;
	width: 420px;
	text-align: left;
	margin-right: 15px;
}


/* -------------------------------------------------------------------------------- FOOTER --*/

#footer {
	float:left;
	width:970px;
	height:25px;
	margin-bottom:10px;
	background-color:#000;
}

/* -------------------------------------------------------------------------------- SPONSOR --*/

#sponsor {
	position:absolute;
	top:311px;
	left:801px;
	width:143px;
	height:491px;
}

/* -------------------------------------------------------------------------------- DETAILWORX --*/

#detailworx {
	float:right;
	padding:5px 45px 0px 0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#detailworx a:link {
	color:#ffffff;
	text-decoration:underline;
}

#detailworx a:visited {
	color:#ffffff;
	text-decoration:underline;
}

#detailworx a:hover {
	color:#ffffff;
	text-decoration:none;
}

#detailworx a:active {
	color:#ffffff;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------- DISCLAIMER --*/

#disclaimer {
	float:left;
	padding:5px 0px 0px 30px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#disclaimer a:link {
	color:#ffffff;
	text-decoration:underline;
}

#disclaimer a:visited {
	color:#ffffff;
	text-decoration:underline;
}

#disclaimer a:hover {
	color:#ffffff;
	text-decoration:none;
}

#disclaimer a:active {
	color:#ffffff;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------- KALENDER --*/

#kalender_container {
	position:absolute;
	width:160px;
	height:31px;
	top:1120px;
	left:11px;
}


#kalender_1 {
	float:left;
	height:31px;
	width:160px;
	background:url(../images/kalenderbg_1_rood.gif);
}

#kalender_tekst {
	float:left;
	width:153px;
	background:#ffffff;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px 0px 0px 7px;
}

#kalender_tekst ul {
	list-style:none;
}

#kalender_tekst a:link, a:visited {
	color:#000000;
	text-decoration:none;
}

#kalender_tekst a:hover, a:active {
	color:#000000;
	text-decoration:underline;
}

#kalender_tekst .done a:link, #kalender_tekst .done a:visited {
	color:#666666;
	text-decoration:line-through;
}

#kalender_tekst .done a:hover, #kalender_tekst .done a:active {
	color:#666666;
	text-decoration:line-through;
}

#kalender_2 {
	clear:both;
	height:13px;
	width:160px;
	background:url(../images/kalenderbg_2_rood.gif) no-repeat;
}


/* -------------------------------------------------------------------------------- Nsfchampionship --*/

#nsfchampionship {
	position:absolute;
	width:160px;
	height:180px;
	top:726px; 
	left:11px;
}


/* -------------------------------------------------------------------------------- NIEUWSBRIEF --*/

#nieuwsbrief {
	position:absolute;
	width:160px;
	height:180px;
	top:923px; 
	left:11px;
}


/* -------------------------------------------------------------------------------- TWITTER --*/

#twitter {
	position:absolute;
	width:155px;
	height:368px;
	top:329px; 
	left:11px;
	background:#000;
	color:#FFF;
	font:12px/20px Verdana,Arial,Helvetica,sans-serif;
	overflow:hidden;
	border:3px solid white;
	border-bottom:8px solid white;
}


/* -------------------------------------------------------------------------------- MERCHANDISE --*/

#merchandise {
	position:absolute;
	width:160px;
	height:180px;
	top:526px;
	left:10px;
}


/* -------------------------------------------------------------------------------- GALLERY --*/

#geen_border img {
	border:none;
	padding:3px;
	margin:6px; 	
}

.td_tekst {
	font:10px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.td_tekst a:link, .td_tekst a:visited {
	color:#ffffff;
	text-decoration:none;
}

.td_tekst a:hover, .td_tekst a:active {
	color:#ffffff;
	text-decoration:underline;
}

#geen_border .image_container a img { 
	padding:3px;
	margin:6px; 
}

#geen_border .image_container a:hover img { 
	border: #038f6a 1px solid;
	padding:3px;
	margin:5px;
}

/* -------------------------------------------------------------------------------- TWITTER --*/

.twitted {
	width: 16em;
	margin-bottom: 1.5em;
	border: 1px solid #E2001A;
}

.twitted h2 {
	margin: 0;
	padding: 0.0em 0.5em;
	font-size: 1em;
	color: #E2001A;
	background-color: #FFF;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("../images/loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	overflow:hidden;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #CCC;
	width:140px;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}