/* SCREEN CSS by Mieke Witteman */

.under {
width: 100%;
margin: auto;
padding:0;
clear: both;

}

.underinside {
clear: both;
width:560px;
margin: 0 auto;
padding-top:60px;
}

.pokerrit{
padding-top:20px;
padding-bottom:30px;
}

.payoff{
font-size:14px;
font-weight:normal;
line-height:30px;
color:#444;
padding-bottom:0px;
padding-top:0px;
}

/* GENERAL */

body {
font: 13px Arial, Helvetica;
background: #000;
}

* {
margin: 0;
}

html, body {
height: 100%;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -267px; /* the bottom margin is the negative value of the footer's height */
}

#footer {
height:260px;
}

#footer, .push {
clear: both;
}

.inner{
width:960px;
margin: auto;
z-index:1;
position:relative;
}

#head{
height:120px;
width:100%;
background:#000 url(/media/img/bg_head2.gif) repeat-x left bottom;
}

.logo a {
float:left;
margin-top:38px;
height: 45px;
width: 260px;
display: block; 
background: url(/media/img/logo.gif) no-repeat left top;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/img/logo.png);
text-indent: -9999em;
}

/* ELEMENTS */
h2, h3, h4, h5, h6{
padding-bottom: .1em;
margin-bottom: .1em;
}

h1{
font-weight:bold;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
padding-bottom: 15px;
}

h2{
font: 22px Arial, Helvetica, sans-serif;
color: #fff;
font-weight:bold;
padding-bottom:10px;
}

#follow h1,#follow1 h1,#follow2 h1{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #fff;
font-size: 32px;
padding-bottom:30px;
padding-top:10px;
padding-left:20px;
}

#follow h2,#follow1 h2,#follow2 h2{
clear:both;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
padding-bottom:45px;
color: #373737;
background:url(/media/img/header_bg.gif) no-repeat bottom left;
}

h3{
font:bold 17px Georgia, Helvetica, sans-serif;
color:#626262;
font-weight:normal;
padding-top:10px;
padding-bottom:10px;
border-bottom:0px dotted #ccc;
}

h4{
font: 16px Arial, Helvetica, sans-serif;
color: #00a3f6;
}

p{
color:#4a4a4a;
padding:0px 15px 15px 0px;
line-height:25px;
}

a {
color: #ff0101;
text-decoration: none;
}

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

ol li {
padding: 0px 0px 10px 15px;
background:none;
margin-left:0px;
line-height:20px;
color: #55595c;
list-style-image: none;
list-style-type: decimal;
list-style-position: inside;
}

ul{
list-style:disc;
margin-bottom: 10px;
padding-left: 10px;
color:#4a4a4a;
line-height:24px;
}

ul.opsomming{
list-style: none;
margin-bottom: 5px;
padding-left: 10px;
color:#4a4a4a;
line-height:20px;
}

ul.opsomming li {
padding:0px 5px 10px 25px;
margin: 0;
background: url(/media/img/ul.gif) no-repeat left top;
}


/* NAVIGATION */
.nav{
float:right;
padding-top:45px;
padding-left:60px;
margin:0;
}

.nav li {
float: left;
display:block;

list-style: none;
background:none;
}

.nav li a{
font: 16px Arial, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
display:block;
padding:5px 18px 10px 18px;
}

.nav li a:hover {
color: #afafaf;
}

.nav li.current a, .nav li a.current last {
color: #fff;
display:block;
background:url(/media/img/nav_bg_left.gif) no-repeat left top;
padding:5px 10px 10px 10px;
height:30px;

}

.nav li.current, .nav li.current last {
color: #fff;
float:left;
background:url(/media/img/nav_bg_right.gif) no-repeat right top;
padding:0px;
}


/* ---------------Round corners-------------------- */

.liquid-round {
clear:both;
width:100%;
height:100%;
background:#e7e7e7 url(/media/img/left_side.gif) repeat-y left top; /*change /webimages/leftside.gif to where your images are stored*/
}

.liquid-round .top {
width:100%;
height:9px;
background:url(/media/img/top_left.gif) no-repeat left top;
}


.liquid-round .top span {
display:block;
position:relative;
height:9px;
background:url(/media/img/top_right.gif) no-repeat right top;
}

.liquid-round .center-content {
position:relative;
background:url(/media/img/right_side.gif) repeat-y right top;
padding:15px 30px;
margin:-1px 0 1px 0;
}

.liquid-round .bottom {
width:100%;
height:9px;
background:url(/media/img/bottom_left.gif) no-repeat left bottom;
}

.liquid-round .bottom span {
display:block;
position:relative;
height:20px;
background:url(/media/img/bottom_right.gif) no-repeat right top;
}

.slider{
margin:0 auto;
padding:0;
width: 960px;
height: 440px;
}

.center-content a {
color: #ff0101;
text-decoration: underline;
}

.center-content a:hover {
color:#4a4a4a;
text-decoration: underline;
}

#textfp{
width:960px;
height:280px;
background:#e7e7e7; 
text-decoration:none;
}

.textblock p,.textblockmiddle p{
float:left;
width:265px;
padding:0px;

}

.textblock,.textblockmiddle{
float:left;
width:275px;
padding-right:10px;
height:260px;
border-right:1px solid #ccc;

}

.textblockmiddle{
height:260px;
padding-left:25px;
border-left:1px solid #fff;
}

.textblocklast{
float:left;
width:270px;
padding-left:25px;
height:260px;
border-left:1px solid #fff;
}

p.meer a {
text-decoration:none;
display:block;
margin-top:15px;
padding:2px 10px;
color:#ff0001;
font-weight:bold;
background:#dcdcdc;
border: 1px solid #c7c7c7;
}

p.meer a:hover{
color:#000;
background:#fff;
}


.fotosfp a img{
border:1px solid #b5b5b5;
background:#ccc;
width:60px;
height:60px;
padding:3px;
margin:2px;
}

.fotosfp a:hover img{
border:1px solid #ff4f50;
background:#ff0001;
}


.vrienden{
display:block;
margin:0 auto;
padding-top:25px;
width:940px;
height:45px;
}
/* ---------------------FOOTER-------------------- */



.foot {
margin: auto;
z-index:1;
width:960px;
background: url(/media/img/bg_foot.gif) no-repeat left top;
height:240px;
padding-top:10px;
padding-bottom:20px;
margin-top:60px;
}

.footblock h2, .footblocklast h2{
font-size:24px;
}

.footblock{
padding-top:30px;
width:280px;
float:left;
padding-right:30px;
}

.footblock p, .footblock address, 
.footblocklast p {
padding:0px;
line-height:24px;
color:#666666;
}

.footblocklast{
font:italic 13px Georgia;
width:300px;
height:230px;
float:right;
margin-top:10px;
background:url(/media/img/balloon_top.gif) no-repeat left top;
}

.footblocklast h2{
margin-top:20px;
}

.footblocklast .text{
margin-top:18px;
padding:5px 15px 15px 15px;
width:269px;
background:#121212 url(/media/img/balloon_bottom.gif) no-repeat left bottom;
}

.footblocklast .text a{
color:#3e4248;
}

/*-------------- De kortste weg is niet altijd de mooiste ------------------*/


#kortsteweg{
width:100%;
height:80px;
background: url(/media/img/bg_kortste2.gif) repeat-x bottom left;
z-index:1;
padding-top:110px;
position:relative;
}



.kortstetext{
float:right;
padding-top:16px;
position:relative;
font:22px Arial;
color:#646464;
display:block;
}

.kortstehome, .kortstehome2{
float:left;
height:165px;
position:absolute;
z-index:30;
top:-84px;
display:block;
width:320px;
text-indent:-9999px;
background: url(/media/img/kortste_home.png) no-repeat left top;
}

.kortsteclub{
float:left;
height:165px;
position:absolute;
z-index:30;
top:-35px;
display:block;
width:430px;
text-indent:-9999px;
background: url(/media/img/kortste_club.png) no-repeat left top;
}

.kortstenieuws{
float:left;
height:130px;
position:absolute;
z-index:30;
top:-50px;
display:block;
width:410px;
text-indent:-9999px;
background: url(/media/img/kortste_nieuws2.png) no-repeat left top;
}

.kortstefotos{
float:left;
height:176px;
position:absolute;
z-index:30;
top:-73px;
display:block;
width:410px;
text-indent:-9999px;
background: url(/media/img/kortste_fotos.png) no-repeat left top;
}

.kortstecontact{
float:left;
height:176px;
position:absolute;
z-index:30;
top:-73px;
display:block;
width:410px;
text-indent:-9999px;
background: url(/media/img/kortste_contact.png) no-repeat left top;
}

/* ------------------ Disclaim ----------------------*/

#disclaim{
padding-top:9px;
clear:both;
width:100%;
height:70px;
background:#161616;
border-top:1px solid #232323;
}

.boxdisclaim li{
font-size:12px;
padding-top:0px;
float:left;
color:#3e3e40;
list-style:none;
}

li.copyright a:hover{
color:#fff;
text-decoration:underline;
}

li.knmv a {
text-indent:-9999em;
height:36px;
width:74px;
display:block;
background: transparent url(/media/img/knmv.gif) no-repeat top left;
margin-right:10px;
margin-left:20px;
}


li.loot a {
margin-right:10px;
text-indent:-9999em;
height:36px;
width:73px;
display:block;
background: transparent url(/media/img/loot.gif) no-repeat top left;
border-right: 0px dotted #141515;
}

li.clubweb a {
margin-right:40px;
padding-right:40px;
text-indent:-9999em;
height:36px;
width:80px;
display:block;
background: transparent url(/media/img/motorclubweb.gif) no-repeat top left;
border-right: 0px dotted #141515;
}

li.hyves a {
text-indent:-9999em;
height:32px;
width:32px;
display:block;
background: transparent url(/media/img/hyves.gif) no-repeat top left;
margin-right:40px;
padding-right:40px;
}

li.hyves a:hover {
background: transparent url(/media/img/hyves_ac.gif) no-repeat top left;
}

li.twitter a {
text-indent:-9999em;
height:32px;
width:32px;
display:block;
margin-right:0px;
padding-right:10px;
border-right: 0px dotted #141515;
background: transparent url(/media/img/twitter.gif) no-repeat top left;
}

li.twitter a:hover {
background: transparent url(/media/img/twitter_ac.gif) no-repeat top left;
}

li.flickr a {
text-indent:-9999em;
height:32px;
width:32px;
display:block;
margin-left:20px;
padding-right:10px;
background: transparent url(/media/img/flickr.gif) no-repeat top left;
}

li.flickr a:hover {
background: transparent url(/media/img/flickr_ac.gif) no-repeat top left;
}

li.last, li.disclaimtext{
padding-top:8px;
font-size:12px;
}

li.last{
float:right;
}

/* ------------------ Vervolpaginas ----------------------*/

#follow{
width:100%;
background:url(/media/img/follow_bg_1.jpg) no-repeat top center;
}

#follow1{
width:100%;
background:url(/media/img/follow_bg_2.jpg) no-repeat top center;
}

#follow2{
width:100%;
background:url(/media/img/follow_bg_3.jpg) no-repeat top center;
}

#followbook{
width:100%;
height:1000px;
background:#000;
}

.submenu{
margin-top:20px;
padding-top:10px;
width:230px;
float:left;
background:transparent url(/media/img/top_sub.png) no-repeat top left;
}

.submenucontent{
margin:0px;
padding:0px;
width:230px;
float:left;
background: url(/media/img/bottom_sub.png) no-repeat bottom left;
}


.subnav li.subtitle{
height:38px;
margin-left:0px;
margin-bottom:1px;
padding-top:10px;
padding-left:30px;
font: 21px Arial, sans-serif;
color:#fff;
font-weight:bold;
background:url(/media/img/subnav_title.gif) no-repeat top left;
}

.subnav{
padding: 0 20px 0px 10px;
width:200px;
background:#292929;
}

.subnav li{
list-style: none;
height:35px;
width:210px;
padding-top:6px;
}

.subnav li a{
padding:5px 0px 14px 28px;
color:#ccc;
height:18px;
width:190px;
display:block;
background:url(/media/img/subnav_li_bg.gif) no-repeat top left;
}

.subnav li a:hover {
color: #ff0012;
}

.subnav li.current a, .subnav li a.current last {
color: #fff;
font-weight:bold;
text-decoration:none;
background:url(/media/img/subnav_li_bg_ac.gif) no-repeat top left;
}

.rightcol{
width:715px;
float:right;
padding-top:20px;
}

.clubslide{
position:relative;
width:715px;
height:240px;
padding-bottom:10px;
}

.motorclubnav{
width:200px;
float:left;
pading-top:30px;
margin-top:40px;}

/* ------------------ CONTACT ----------------------*/

.adres{
padding-bottom:30px;
border-bottom:1px solid #ccc;
height:225px;
}

address{
float:left;
font-style:normal;
color:#4a4a4a;
line-height:25px;
}

img.clubgebouw{
float:right;
height:200px;
padding:4px;
border:1px solid #ccc;
background:#fff;
}

.googlemap{
clear:both;
padding:0;
margin-top:30px;
margin-bottom:10px;
padding:4px;
border:1px solid #ccc;
background:#fff;
}

#map_canvas{
width:100%;
height:300px;
}

/* ------------------ Nieuws ----------------------*/

table{
border:0px;
float:left;
color:#4a4a4a;
line-height:25px;
width:100%;
margin-bottom:20px;
border-top: 0px solid #d2d6d9;
}

table td {
padding: 4px 5px 4px 5px;
text-align:left;

}

table tr{
border-bottom:1px dotted #ccc;
}

.vcol, .htop{
font-weight:bold;
}

.vcol{

padding-left:15px;
background:url(/media/img/bg_td.gif) repeat-x top left;
}

.motocalender td{
padding: 2px 10px 2px 15px;
vertical-align:middle;
line-height:20px;

}

.motocalender tr{
background:#f5f5f5;
border-bottom:1px dotted #ccc;
}

.motocalender tr:hover{
background:#fff;
}

.motocalender td img.flag{
padding-top:4px;
padding-bottom:6px;
vertical-align:middle;
}

.nieuws{

border-bottom: 1px dotted #ccc;
margin-bottom:20px;
background:#f5f5f5;
padding:15px;
}

.nieuws p{
padding:0;
float:left;
width:400px;
}

img.textfoto{

float:left;
background:#fff;
padding:5px;
margin-right:20px;
margin-bottom:20px;
border: 1px solid #ccc;
}
/* ------------------ Subsub navigatie ----------------------*/

.subsub{
padding-bottom:40px;
margin:0;
}

.subsub li {
float: left;
display:block;

list-style:none;
margin-right:8px;
background:url(/media/img/subsub_right.gif) no-repeat right top;
}

.subsub li a{
font: 16px Arial, sans-serif;
color:#373737;
text-decoration:none;
display:block;
padding:6px 10px 7px 10px;
background:url(/media/img/subsub_left.gif) no-repeat left top;
}

.subsub li a:hover {
color: #fff;
text-decoration:none;
}

.subsub li.current a, .subsub li a.current last {
color: #fff;
display:block;
background:url(/media/img/subsub_left_ac.gif) no-repeat left top;
padding:5px 10px 10px 10px;
height:30px;
}

.subsub li.current, .subsub li.current last {
color: #fff;
float:left;
background:url(/media/img/subsub_right_ac.gif) no-repeat right top;
padding:0px;
}

.topnav{
margin-bottom:30px;
padding-left:0;
margin-left:0;
}

.topnav li{
padding:6px 5px 6px 25px;
border-bottom:1px dotted #ccc;
width:300px;
list-style:none;
background: url(/media/img/ul.gif) no-repeat left 7px;
margin-bottom:0;
}

.parleft{
float:left;
width:360px;
margin-right:5px;
}

.parrightlist{
padding:0 15px 0 15px;
float:right;
width:250px;
border: 1px dotted #ccc;
background:#f5f5f5;
}

.dreamteam td{
background:#f5f5f5;
border-bottom:1px dotted #ccc;
padding:6px 10px 6px 15px;

}

.dreamteam th{
background:#ccc;
border-top:1px dotted #ccc;
text-align:left;
padding:7px 10px;
}

.sponsorimg{
padding:0;
margin:0;}

.sponsorimg li{
list-style:none;
clear:both;
border-bottom:1px dotted #ccc;
height:140px;
}

.sponsorimg li span.sponimg{
float:left;
padding:20px 10px 10px 0;
margin-right:15px;
width:190px;
border-right:0px dotted #ccc;
}

.sponsorimg li span.sponimg img{
display:block;

}

.sponsorimg li p{
border-left:1px dotted #ccc;
float:left;
width:400px;
padding-top:0px;
padding-left:15px;
height:130px;
}


table.smileys{
clear:both;
background:#fff;
width:400px;
margin:0;
border:10px solid #fff;
}


.smileys tr, table.smileys td{
padding: 2px 2px 0px 2px;
text-align:center;
border-bottom:0;
margin:0;

}

/* ------------------ FOTO's ----------------------*/

.rightfoto{
width:700px;
float:right;
padding-top:20px;
}

.fotoalbums{
width:700px;
background:#000;
padding:5px;
}

.fotoalbums a img{
border:1px solid #2c2c2c;
background:#141414;
width:70px;
height:70px;
padding:4px;
margin:2px;
}

.fotoalbums a:hover img{
border:1px solid #ff4f50;
background:#ff0001;

}

#follow2 .rightfoto h1{
padding-bottom:20px;
padding-left:0px;
}

#follow2 h2.headerblack{
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
padding-bottom:20px;
color: #fff;
background:none;
}

/* ------------------ FORM ----------------------*/

form p {
margin: 0;
border-bottom: 1px solid #ccc;
padding: 5px 0;
background: #f9f9f9;
}

form p.submit {
border: 0;
background: none;
}

form fieldset {
margin-bottom: 20px;
}

form p label {



width: 160px;
display: block;
float: left;
padding: 3px 10px;
}

form p input {
padding: 3px;



width: 200px;
border: 1px solid #ccc;
}

#cont form ul {
padding: 5px;
background: #f9f9f9;
margin: 0;
border-bottom: 1px solid #ccc;
}

#cont form li {
margin: 0;
list-style: none;
}

form li input {
margin-right: 10px;
padding: 0;
}

form h3 {
margin-bottom: 0;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}


p.error {
color: red;
font-size: .9em;
padding: 8px 8px 0px 8px;
border: 0;
}

span.error {
color: red;
float: right;
width: 240px;
font-size: .9em;
padding: 2px;
}

.required{
color: red;
}


/* ------------------ FORM ----------------------*/

.form-section label{
font-size:15px;
color:#222;
font-weight:bold;
display:block;
padding:0 0 10px;
}
.form-section em{
display:block;
font-style:normal;
text-align:center;
float:right;
}
.form-section em span{
font-weight:bold;
font-size:14px;
color:#fff;
display:block;
padding:5px 0 0 0;
}
.form-section em.error1{
background:url(../images/error1.png) no-repeat;
width:123px;
height:30px;
}
.form-section select{
width:253px;
}
.select{
width:330px;
padding:0 0 42px;
}
.form-section em.error2{
background:url(../images/error2.gif) no-repeat;
width:59px;
height:30px;
padding:2px 0 0;
}

.form-section textarea{
width:240px;
height:129px;
}
.textarea{width:394px;
padding:0 0 10px;
}

#content:after, #follow:after, #follow1:after, #follow2:after, .rightcol:after, .rightfoto:after, .liquid-round .center-content:after, .sponsors:after, .parleft:after, .parrightlist:after, .nieuws:after,#wrap:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}