body {margin: 0; padding: 0; font-family:Arial, sans-serif; font-size: 11px; color: #000000; text-align: left; background-color:#ffffff; background-image: url(../images/background.jpg);	background-repeat: repeat;}
html {overflow-x:hidden;}
a {color:#fff; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
p {color:#000; font-family:Arial, sans-serif; font-size: 12px; text-align: center;}
* {margin:0; padding:0; border:none;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px;	padding: 0px 0px 10px 0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px;	float: left; padding: 4px 10px 10px 0px; margin: 0; text-transform:uppercase;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;	float: left; padding: 4px 10px 5px 0px; margin: 10px 100px 0px 0px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;	float: left; padding: 4px 10px 0px 0px; margin: 20px 0px 0px 0px; text-transform:uppercase; color:#ff6f00;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;	float: left; padding:0; margin: 0;}

div#headcontainer {margin:0 auto; width:973px;}
div#header {width:943px; height:64px; background-color:#0099ff; padding:14px 0px 0px 30px;}
div#banner {width:973px; height:235px; margin:0}
div#content {float:left; width:971px; border-left:solid #cccccc 1px; border-right:solid #cccccc 1px;}

/* #col1 becomes the middle column  */
div#col1 {width:240px; float:left; margin-left:240px; _margin-left:218px; margin-top:20px;}
div#col1_content {padding-left: 220px;  _padding-left: 0px; padding-right: 10px;}
div#col1 p {font-size:11px; margin:3px 0px 10px 6px; width:240px; float:left; text-align:left; line-height:20px; }
div#col1 ul.time {width:240px; margin:3px 0px 10px 3px;}
div#col1 ul.time li {background-color: #fff; list-style-type:none; clear:both; line-height:20px;}
div#col1 ul.time li span.time {float:right;}

/* #col2 becomes the left column  */
div#col2 {width:400px; float:left; margin-left: -460px; _margin-left: -690px;  border-right:solid #cccccc 1px; margin-top:20px;}
div#col2_content {padding-left: 20px; padding-right: 10px; _padding-left: 30px; _padding-right: 0px;}
div#col2 p {font-size:11px; margin:3px 0px 10px 3px; width:300px; float:left; text-align:left; line-height:20px;}
div#col2 a {color:#000; text-decoration:none;}
div#col2 a:hover {color:#0099ff; text-decoration:underline;}

/* #col3 becomes the right column  */
div#col3 {margin-left: -5px; margin-right: 0; width: 280px; float:right; margin-top:20px; border-left:solid #cccccc 1px;}
div#col3_content {padding-left: 40px; padding-right: 20px}
div#col3 p {font-size:11px; margin:3px 0px 10px 3px; width:150px; float:left; text-align:left; line-height:20px;}
div#col3 a {color:#000; text-decoration:none;}
div#col3 a:hover {color:#0099ff; text-decoration:underline;}
.clear {clear:both;}

div#aanbieding {width:973px; height:162px; background-color:#0099ff;}
div#headaanbieding {width:971px; height:25px; background-color:#fff; border-left:solid #cccccc 1px; border-right:solid #cccccc 1px;}
div#headaanbieding .title {width:262px; height:19px; background-color:#0099ff; color:#fff; margin-left:30px; padding: 6px 0px 0px 24px;}

div#aanbieding1 {width:245px; height:110px; background-color:#fff; float:left; margin:14px 0px 0px 50px; padding: 0px; _margin:14px 0px 0px 20px;}
div#content1 {padding: 10px 10px 10px 10px; _padding: 10px 10px 0px 10px;}
div#content1 .image {float:left;}
div#content1 .text {float:right; width:100px; _margin: 0px 0px 0px 0px;}
div#content1 h1 {color:#c80909; font-size: 30px; padding: 0px 0px 10px 0px; _padding: 0px;}
div#content1 h2 {color:#000; font-size: 12px; padding: 0px 0px 5px 0px; _padding: 0px; margin:0px; width:240px; _width:100px;}
div#content1 h3 {color:#2d2c2c; font-size: 10px; padding:0px; margin: 2px 0px 5px 0px; float:left; width:240px; _width:100px;}

div#aanbieding2 {width:245px; height:110px; background-color:#fff; float:right; margin: 14px 50px 0px 0px; _margin:14px 24px 0px 0px; padding: 0px;}
div#content2 {padding: 10px 10px 10px 10px; _padding: 10px 10px 0px 10px;}
div#content2 .image {float:left;}
div#content2 .text {float:right; width:100px; _margin: 0px 0px 0px 0px;}
div#content2 h1 {color:#c80909; font-size: 30px; padding: 0px 0px 10px 0px; _padding: 0px;}
div#content2 h2 {color:#000; font-size: 12px; padding: 0px 0px 5px 0px; _padding: 0px; margin:0px; width:240px; _width:100px;}
div#content2 h3 {color:#2d2c2c; font-size: 10px; padding:0px; margin: 2px 0px 5px 0px; float:left; width:240px; _width:100px;}

div#aanbieding3 {width:245px; height:110px; background-color:#fff; float:right; margin: 14px 70px 0px 0px; padding: 0px;}
div#content3 {padding: 10px 0px 10px 10px; _padding: 10px 10px 0px 10px;}
div#content3 .image {float:left;}
div#content3 .text {float:right; width:100px; _margin: 0px 0px 0px 0px;}
div#content3 h1 {color:#c80909; font-size: 30px; padding: 0px 0px 10px 0px;}
div#content3 h2 {color:#000; font-size: 12px; padding: 0px 0px 5px 0px; _padding: 0px; margin:0px; width:240px; _width:100px;}
div#content3 h3 {color:#2d2c2c; font-size: 10px; padding:0px; margin: 2px 0px 5px 0px; float:left; width:240px; _width:100px;}

div#footer {width:973px; height:21px; background-color:#252525; color:#fff; font-family:Arial, sans-serif; font-size: 11px; padding:6px 0px 0px 0px;}
div#footer .text {float:right; margin:0px 54px 0px 0px;}
div#footer a {color:#fff; text-decoration:none;}
div#footer a:hover {color:#fff; text-decoration:underline;}

/* nav */
ul.nav {height: 100%; background-color: #ff6600; border-left: solid 5px #d2d2d2; border-right: solid 5px #d2d2d2; margin:0; padding:0;}
ul.nav li {list-style-type:none; padding: 2px 15px 2px 13px; margin:0; font-weight: bold;}
ul.nav li a {display: block; color: #29b129; height: auto; text-decoration: none;   padding: 5px 5px 5px 5px;}	
ul.nav li a:hover {background-color: #29b129; display: block; height: auto; color: #ffffff; text-decoration: none; padding: 5px 5px 5px 5px;}
ul.nav li span.arrow{font-size: 8px; padding:0px 2px 2px 0px;}
ul.nav li.inactive { color:#9d9d9d;  padding: 5px 5px 5px 18px;}


div#nav {width:600px; float:right; background-color:#0099ff; margin-top:-44px;}
ul#nav {background-color:#0099ff;}
ul#nav , #nav li {list-style-type: none; margin:0; padding:0; float:left;}
#nav li, #nav a {float: left; height: 27px; line-height: 27px; padding:0px; margin:0px;}
#nav li a {outline: 0; text-indent: -4000px; background: transparent url(../images/menu.gif) no-repeat;}


#nav #home a {width:74px; background-position:0 0;}
#nav #ballen a {width:79px; background-position:-74px 0px;}
#nav #voetbal a {width:84px; background-position:-153px 0px;}
#nav #hockey a {width:84px; background-position:-237px 0px;}
#nav #folders a {width:85px; background-position:-321px 0px;}
#nav #clubs a {width:74px; background-position:-406px 0px;}
#nav #contact a {width:90px; background-position:-480px 0px;}

#nav #home a:hover {width:74px; background-position:0 -27px;}
#nav #ballen a:hover {width:79px; background-position:-74px -27px;}
#nav #voetbal a:hover {width:84px; background-position:-153px -27px;}
#nav #hockey a:hover {width:84px; background-position:-237px -27px;}
#nav #folders a:hover {width:85px; background-position:-321px -27px;}
#nav #clubs a:hover {width:74px; background-position:-406px -27px;}
#nav #contact a:hover {width:90px; background-position:-480px -27px;}


#secnav {float:left; width:973px; height:31px; background-color:#202020;}
ul#secnav {width:332px; margin-left:10px; float:left; border:1px solid #cccccc; border-right:0px;}
ul#secnav , #secnav li {list-style-type: none; margin:0; padding:0; float:left;}
#secnav li, #secnav a {float: left; height: 31px; line-height: 31px; padding:0px; margin:0px;}
#secnav li a {outline: 0; text-indent: -4000px; background: transparent url(../images/secnav.gif) no-repeat; border-right:1px dotted #cccccc;}

/* secnav */
#secnav #niks a {width:35px; background-position:0 0;}
#secnav #lifestyle a {width:97px; background-position:-35px 0px;}
#secnav #design a {width:106px; background-position:-132px 0px;}
#secnav #sport a {width:112px; background-position:-238px 0px;}

/* over states */
#secnav #niks a {width:35px; background-position:0 0;}
#secnav #lifestyle a:hover {width:97px; background-position:-35px -32px;}
#secnav #design a:hover {width:106px; background-position:-132px -32px;}
#secnav #sport a:hover {width:112px; background-position:-238px -32px;}
#secnav li a.lastt {border:none}

table {float:left; line-height:20px;}
input {padding:5px; border: 1px solid #ccc;}