body {
	color:#6a6a6a;
	font:12px/16px arial, helvetica, sans-serif;
	margin:0;
	background:#fff url(../images/bg-body.png) repeat-x;
}
a {
	color:#197cac;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
p {
	margin:0 0 15px;
	line-height:16px;
}
img {border-style:none;}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, label, textarea {vertical-align:middle;}
input.text, select, textarea {
	font:100% arial, helvetica, sans-serif;
	color:#636565;
}
input.text, textarea {
	background:#f2f2f2;
	padding:1px 5px;
	border:solid #dedede;
	border-width:0 1px;
	border-top:1px solid #b6b6b6;
}
ul {
	margin:0 0 15px 15px;
	padding:0;
}
ul ul {margin:2px 0 2px 15px;}
.sIFR-replaced object, .sIFR-replaced embed {
	margin:0;
	padding:0;
	display:block;
}
#page-box {
	width:978px;
	margin:0 auto;
	position:relative;
	background:#fff;
	padding:0 1px;
}
#logo {
	position:absolute;
	top:30px;
	left:30px;
	z-index:3;
	margin:0;
}
#logo a {
	display:block;
	width:83px;
	height:98px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/logo-ranglijsten.png) no-repeat;
	cursor:pointer;
}
.top-nav {
	margin:0 -1px;
	padding:0 1px;
	list-style:none;
	width:100%;
	font-size:11px;
	line-height:26px;
	height:28px;
	overflow:hidden;
	background:#d8d9d9 url(../images/bg-body.png) repeat-x;
}
.top-nav li {
	float:left;
	display:inline;
	margin:0 0 0 30px;
}
.top-nav a {color:#636568;}
.control-panel {
	width:100%;
	overflow:hidden;
	padding:0px 0 14px;
	height:26px;
}
.search-form {
	float:right;
	padding:0 11px 0 0;
}
.search-form input.text {
	width:95px;
	font-size:9px;
	background:#fff;
	border:1px solid #d7d7d7;
	padding:0 5px;
}
.search-form input {float:left;}
.control-panel ul {
	margin:0 13px 0 0;
	display:inline;
	float:right;
	font-size:11px;
	list-style:none;
}
.control-panel li {
	float:left;
	margin:0 0 0 10px;
	display:inline;
}
.control-panel a {color:#8fa7ef;}
#nav {
	position:absolute;
	left:0;
	top:68px;
	z-index:2;
	margin:0 0 0 152px;
	list-style:none;
	width:826px;
	z-index:3;
}
#nav:after {
	clear:both;
	display:block;
	content:"";
}
#nav li {
	float:left;
	border-right:1px solid #007cbf;
	background:#007cbf url(../images/bg-nav.gif) repeat-x;
}
#nav li:hover, #nav li.hover {position:relative;}
#nav li a {
	color:#fff;
	display:block;
	border-right:1px solid #008ad5;
	padding:0 10px;
	line-height:39px;
}
#nav li a:hover {
	color:#ff7f00;
	text-decoration:none;
}
#nav li.active {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#nav li.active a {
	text-decoration:underline;
	color:#fff !important;
}
.drop {
	display:none;
	position:absolute;
	top:39px;
	left:-6px;
}
li:hover .drop, li.hover .drop {display:block;}
.drop .inner {
	background:url(../images/bg-sub-nav.png) repeat-y;
	width:386px;
	padding:0 15px;
	overflow:hidden;
}
.drop .btm-bg {
	background:url(../images/bg-sub-nav-btm.png) no-repeat;
	height:10px;
	overflow:hidden;
}
.drop ul {
	margin:0;
	list-style:none;
	color:#ff7f00;
	float:left;
	width:125px;
}
.drop strong {
	display:block;
	color:#ff7f00;
	margin:0 0 2px 10px;
}
.drop .row {
	width:100%;
	overflow:hidden;
	margin:-2px 0 2px;
	padding:20px 0;
	background:url(../images/bg-border.gif) repeat-x;
}
.drop .column {
	float:left;
	width:260px;
}
.drop .small-column {
	float:left;
	width:115px;
}
.drop .small-column ul {width:100%;}
#nav li li {
	float:none;
	border-right:0;
	background:url(../images/arrow.gif) no-repeat 0 5px;
	margin:0 0 2px;
	padding:0 0 0 10px;
	font-weight:normal !important;
}
#nav li li a {
	color:#fff !important;
	display:inline;
	border-right:0;
	padding:0;
	line-height:normal;
}
#nav li li a:hover {color:#ff7f00 !important;}
.flash-holder {
	position:relative;
	z-index:1;
}
#footer {
	background:#008ad5 url(../images/bg-footer.gif) no-repeat;
	color:#8ac7e7;
	font-size:11px;
	padding:0 0 27px 35px;
	width:943px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.sponsors {
	width:903px;
	height:135px;
	padding:102px 40px 0 0;
	overflow:hidden;
}
.sponsors ul {
	float:left;
	margin:0;
	list-style:none;
	height:100px;
}
.sponsors li {
	float:left;
	padding:0 30px 0 0;
}
.sponsors img {display:block;}
.sponsors strong {
	clear:left;
	float:left;
	color:#fff;
	font-size:19px;
	height:22px;
	overflow:hidden;
}
.hoofdsponsors {float:left;}
.suppliers {
	float:right;
	padding:0 0 0 83px;
	background:url(../images/bg-sponsor-row.gif) no-repeat 0 30px;
}
.sponsors .suppliers ul {	
	height:auto;
}
.bottom-panel {
	width:888px;
	left:35px;
	bottom:0;
	position:absolute;
	padding:5px 0;
}
.bottom-panel ul {
	float:left;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.bottom-panel li {
	float:left;
	padding:0 10px;
	margin:0 10px 0 -10px;
	display:inline;
	border-left:1px solid #8ac7e7;
}
.bottom-panel p {
	margin:0;
	float:right;
}
#footer a {
	color:#8ac7e7;
	text-decoration:none;
}
#footer a:hover {text-decoration:underline;}
#container {
	width:100%;
	overflow:hidden;
	padding:10px 0 65px;
	position:relative;
	margin:0 0 -90px;
	z-index:2;
}
#index #container {background:url(../images/bg-container-index.gif) no-repeat;}
#container .btm-bg {
	background:url(../images/bg-container-btm.png) no-repeat;
	width:608px;
	height:61px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:190px;
}
#container h1 {
	margin:0 0 20px;
	font-size:29px;
	line-height:33px;
	color:#ff7f00;
}
#container h2 {
	margin:0 0 10px;
	font-size:14px;
	line-height:17px;
	color:#008ad5;
}
#container h2 span {
	margin:0 0 10px;
	font-size:29px;
	line-height:33px;
}
#container h3 {
	margin:0 0 10px;
	font-size:12px;
	line-height:15px;
	color:#ff7f00;
}
.sidebar {
	float:left;
	width:197px;
	margin:0 15px 0 0;
}
.add-nav {
	margin:0 0 20px;
	list-style:none;
	font-weight:bold;
}
.add-nav li {
	vertical-align:top;
	height:1%;
	background:#f3f3f3;
}
.add-nav a {
	display:block;
	color:#175771;
	padding:5px 15px 5px 20px;
	border-bottom:1px solid #fff;
}
.add-nav ul {	
	display:none;
	margin:0;
	list-style:none;
	font-weight:normal;
}
.add-nav .open ul {display:block;}
.add-nav li li {background:#fafafa;}
.add-nav li li a {
	padding-left:30px;
	background:url(../images/arrow-orange.gif) no-repeat 20px 10px;
}
.add-nav li ul {
	border-top:1px solid #f3f3f3;
	margin:-1px 0 0;
}
.add-nav li.open li ul {display:none;}
.add-nav li.open li.open ul {display:block;}
.add-nav li li li {background:#fff;}
.add-nav li li li a {
	padding-left:40px;
	background-position:30px 10px;
	border-color:#f3f3f3;
	color:#77aec5;
}
.main-column {	
	width:568px;
	float:left;
}
.breadcrumbs {
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
	list-style:none;
	font:10px verdana, helvetica, sans-serif;
	border-bottom:1px solid #eaeaea;
	padding:0 0 7px;
	color:#ff7f00;
}
.breadcrumbs li {
	float:left;
	margin:0 5px 0 0;
}
.breadcrumbs a {
	color:#4abffe;
	padding:0 11px 0 0;
	background:url(../images/arrows-blue.gif) no-repeat 100% 50%;
	white-space:nowrap;
	text-decoration:none;
}
.breadcrumbs a:hover {text-decoration:underline;}
.arrows-list {
	margin:0 0 10px;
	list-style:none;
	border-bottom:1px solid #f0f1f1;
}
.arrows-list li {
	border-top:1px solid #f0f1f1;
	padding:8px 0 8px 18px;
	background:url(../images/arrows.gif) no-repeat 5px 12px;
}
.add-column {
	float:right;
	width:196px;
}
.box {
	padding:14px 8px 8px;
	border:3px solid #f3f3f3;
	width:174px;
	overflow:hidden;
	color:#727272;
}
#container .box h2 {margin:0 0 5px;}
.box .content {
	background:url(../images/bg-box.gif) repeat-x;
	margin:0 -7px;
	padding:10px 12px 0 7px;
	width:169px;
	overflow:hidden;
}
.box ul {
	margin:0;
	list-style:none;
}
.box li {
	padding:0 0 0 13px;
	background:url(../images/arrows.gif) no-repeat 0 4px;
	margin:0 0 10px;
}
.box p {
	line-height:20px;
	margin:0;
}
.form-holder {
	padding:14px 0 5px;
	width:100%;
	overflow:hidden;
}
.form-holder .btn {
	float:right;
	margin:20px 0 0;
}
.form-holder input.text {
	width:157px;
	display:block;
}
.date {
	width:31px;
	height:41px;
	padding:2px 0 0 10px;
	float:left;
	margin:0 7px 0 0;
	color:#3f4445;
	font-size:10px;
	background:url(../images/bg-date.jpg) no-repeat;
	line-height:11px;
}
.date em {
	color:#fff;
	display:block;
	font-style:normal;
	margin:0 0 1px;
}
.date strong {
	display:block;
	color:#e73f01;
	font-size:13px;
	line-height:13px;
}
.text-box {
	display:table;
	height:1%;
}
.box ul.news {
	margin:0 0 10px;
	list-style:none;
	font-size:11px;
	line-height:14px;
	color:#868889;
}
.box .news li {
	padding:0;
	background:none;
	margin:0 0 5px;
	width:100%;
	vertical-align:top;
	overflow:hidden;
}
.box .text-box strong {
	display:block;
	color:#3f4445;
	font-weight:normal;
}
.box .text-box strong a {color:#3f4445;}
.more {text-align:center;}
.more a {
	padding:0 10px 0 0;
	color:#e73f01;
	text-decoration:underline;
	font-size:11px;
	background:url(../images/arrows-red.gif) no-repeat 100% 50%;
	white-space:nowrap;
}
.more a:hover {text-decoration:none;}
.news-list {
	margin:0 0 20px;
	list-style:none;
	font-size:11px;
}
.news-list.bordered {
	border:3px solid #e5e5e5;
	padding:5px 10px 10px;
	width:542px;
	overflow:hidden;
}
.news-list li {
	padding:8px 0 0 5px;
	background:url(../images/pxl.gif) repeat-x 0 100%;
	border-bottom:1px solid #f2f2f2;
	margin:2px 0 0 -5px;
	width:568px;
	overflow:hidden;
	position:relative;
}
.news-list.bordered li {width:548px;}
.news-list li.even {background-color:#fafafa;}
.news-list img {
	float:left;
	margin:0 20px 0 0;
}
.news-list strong {
	display:block;
	color:#197cac;
	margin:4px 0 2px;
	font-size:12px;
}
.news-list strong a {color:#197cac;}
.colums {
	width:572px;
	margin:0 -19px -65px -20px;
	overflow:hidden;
	padding:0 18px;
}
.colums .btm {
	background:url(../images/bg-colums.png) no-repeat;
	height:157px;
	margin:-144px -19px 0 -20px;
	position:relative;
	z-index:1;
	float:left;
	width:608px;
	display:inline;
}
.text-column, .photo-column {
	position:relative;
	z-index:2;
	min-height:104px;
	border-top:1px solid #eaeaea;
}
#index .text-column, #index .photo-column {border:0;}
* html .text-column {height:104px;}
* html .photo-column {height:104px;}
.text-column {
	width:258px;
	float:left;
	padding:14px 10px 30px;
}
.text-column img {
	display:block;
	margin:0 -10px 15px;
}
#container .text-column h2 {
	font-size:16px;
	color:#008ad5;
	margin:0 0 5px;
}
#container .text-column h2 a {color:#008ad5;}
.text-column .more {
	padding:0 8px 0 0;
	background:url(../images/arrow-orange.gif) no-repeat 100% 50%;
	white-space:nowrap;
	color:#e73f01;
	text-decoration:underline;
}
.text-column .more:hover {text-decoration:none;}
.text-column p {margin:0;}
.photo-column {
	float:right;
	width:253px;
	padding:14px 20px 0 0;
	margin:0;
	list-style:none;
}
.photo-column li {	
	width:100%;
	overflow:hidden;
	margin:0 0 25px;
	vertical-align:top;
}
.photo-column img {
	float:left;
	margin:0 12px 0 0;
}
.photo-column p {margin:0;}
.photo-column .more {
	padding:0 8px 0 0;
	background:url(../images/arrows-orange.gif) no-repeat 100% 50%;
	white-space:nowrap;
	color:#ff7f00;
	font-size:11px;
	text-decoration:none;
}
.photo-column .more:hover {text-decoration:underline;}
.sub-nav {
	margin:0 0 15px;
	padding:0 15px;
	border-bottom:1px solid #eaeaea;
	color:#175771;
}
.sub-nav a {color:#175771;}
#container .sub-nav h2 span {
	font-size:23px;
	line-height:25px;
	color:#ff7f00;
}
.sub-nav strong {
	border-top:1px solid #eaeaea;
	padding:10px 15px 0;
	margin:0 -15px 5px;
	display:block;
}
.sub-nav ul {
	margin:0 0 7px;
	list-style:none;
}
.sub-nav li {
	padding:0 0 0 10px;
	background:url(../images/arrow-orange.gif) no-repeat 0 5px;
}
.main-info {
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
}
.photos {
	float:left;
	margin:0;
	list-style:none;
	width:281px;
	position:relative;
	z-index:1;
}
.main-info .tabset {
	float:right;
	width:287px;
	margin:0;
	list-style:none;
	color:#6a6a6a;
	font-size:11px;
	position:relative;
	z-index:2;
}
.main-info .tabset p {margin:0;}
.main-info .tabset strong {
	display:block;
	font-size:16px;
	color:#175771;
	margin:0 0 5px;
}
.main-info .tabset strong a {color:#175771;}
.main-info .tabset .active strong a {color:#e73f01;}
.main-info .tabset li {
	vertical-align:top;
	width:100%;
	position:relative;
}
.main-info .tabset li div {
	width:265px;
	overflow:hidden;
	background:url(../images/mask.png);
	padding:12px 5px 3px 17px;
	min-height:69px;
}
.main-info .tabset li.active div {
	background:none;
	border-bottom:3px solid #dfdfdf;
	padding-bottom:0;
}
* html .main-info .tabset li div {
	height:69px;
	overflow:visible;
}
.main-info .tabset li div * {position:relative;}
.main-info .tabset li span {
	position:absolute;
	top:50%;
	left:-9999px;
	background:url(../images/pointer.png) no-repeat;
	width:26px;
	height:56px;
	overflow:hidden;
	margin:-28px 0 0;
}
.main-info .tabset li.active span {left:-26px;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #container h1 span, .sIFR-hasFlash #container h2 span {
	visibility:visible;
}
