@charset "utf-8";
@import "clevercms.css";
/* FRONTIS EXTRANET CSS Document */

@import "clevercms.css";

body 									{ margin:0px;background:url(../img/bg.jpg) repeat-x top;line-height:16px; }
body,td,th 								{ font-family:Arial;font-size:12px;color:#000000; }
form										{ padding:0px;margin:0px; }
img										{ border:0px; }
a	 									{ color:#000000; text-decoration:underline; }
a:hover 									{ color:#000000; }
h1 										{ font-size:24px;color:#181870;padding:0;margin:0;}
h2 										{ font-size:16px;color:#007800;padding:0;margin:0;margin-top:5px;margin-bottom:10px; }
h3 										{ font-size:20px;color:#000066; }
h4 										{ font-size:16px;color:#007800; }
h5										{ font-size:14px;width:300px;color:#2D2D7D;padding:0;margin:0;padding-bottom:10px; }
ul{ margin-left: 20px; }
#container 								{ margin:auto;width:990px;background:#fff; }
#top									{float:left; height:94px; background:url(../img/top.jpg) no-repeat; width:990px; }
.alleheaders							{float:left; width:990px;height:142px; display:block; overflow:hidden; position:relative; background-color:#ffffff;}
#header									{ position:absolute; z-index:1; width:985px;height:162px;padding-top:0px; border-left:5px solid #FFF; top:-10px;}
#headeroverlay							{ position:absolute; z-index:10;width:985px;height:162px;padding-left:5px;padding-top:0px;  top:-10px; left:0px;}
#main2m									{float:left; width:980px;background:url(../img/bg_2m.gif) repeat-y;border-left:5px solid #FFF; border-right:5px solid #FFF; }
#main1mr								{float:left; width:980px;background:url(../img/bg_1mr.gif) repeat-y;border-left:5px solid #FFF; }
#main1ml								{float:left; width:980px;background:url(../img/bg_1ml.gif) repeat-y;border-left:5px solid #FFF; }
#maing									{float:left; width:980px;border-left:5px solid #FFF; border-right:5px solid #FFF; background: #ffffff;}
#footer2m								{float:left;  width:980px;height:45px;background:url(../img/bg_2m.gif) repeat-y;border-left:5px solid #FFF; }
#footer1mr								{float:left;  width:980px;height:45px;background:url(../img/bg_1mr.gif) repeat-y;border-left:5px solid #FFF; }
#footer1ml								{float:left;  width:980px;height:45px;background:url(../img/bg_1ml.gif) repeat-y;border-left:5px solid #FFF; }
#footerg								{float:left;  width:980px;height:45px;border-left:5px solid #FFF; }
#menuitems								{float:left;z-index:1; width:980px; height:30px;background:#007800; border-bottom:5px solid #FFF; border-left:5px solid #FFF; border-right:5px solid #FFF; border-top:5px solid #FFF;}
#menuitems ul 							{float:left;z-index:1; padding:0; margin:0px; width:800px;height:30px;background:#007800; }
#menuitems ul li 							{ display:inline;height:30px; }
#menuitems ul li a 							{ padding:0px 10px;color:#FFF;font-weight:bold;float:left;text-decoration:none;height:30px;line-height:30px;border-right:1px solid #409A40; }
#menuitems ul li a:hover 					{ color:#FFF;text-decoration:none;background:url(../img/menu-aan.jpg) repeat-x; }
#menuitems ul li a.aan 						{ color:#FFF;text-decoration:none;background:url(../img/menu-aan.jpg) repeat-x; }
#menuitems ul li a.eerste 					{ border-left:1px solid #409A40; }
#menuitems ul li a.eersteaan 				{ color:#FFF;text-decoration:none;background:url(../img/menu-aan.jpg) repeat-x;border-left:1px solid #409A40; }

#links									{ float:left;width:210px;}
#mid									{ float:left;width:505px;padding-left:20px;padding-right:20px;  }
#midm1r									{ float:left;width:708px;padding-left:20px;padding-right:26px; }
#midm1l									{ float:left;width:708px;padding-left:20px;padding-right:26px;}
#midg									{ float:left;width:933px;padding-left:20px;padding-right:26px; }
#midroute								{ float:left;width:960px;padding-left:20px; background: #ffffff;border-right:5px solid #FFF; }
#rechts									{ float:left;width:225px;}
#px										{ float:left;width:980px;height:1px;clear:both; }
#breadcrumb								{ float:left;font-size:11px;height:20px;line-height:20px;color:#999;padding-bottom:25px; width:500px; }
#breadcrumb a							{ color:#999; }

#routelinks								{ float:left; width:660px; padding:0px 20px 0px 0px; }
#routerechts							{ float:right; width:200px; }
#routemenu								{ background: url(../img/bg-routeoverzicht.jpg) no-repeat; width:180px; padding:10px 0px 5px 20px; height:220px; float:right; margin-bottom:-20px; }
#routebreed								{ float:left; padding:0px 0px 0px 0px; }
#routebreed .eenkwart					{ float:left; width:200px;}
#routebreed .eenkwart.route .tekst		{ float:left; position:relative; width:180px; height:150px; padding-top:90px; margin-top:20px; text-align:center; color:#FFFFFF; background:url(../img/bg_route_zoeken_r.png) no-repeat left top;}
.link_fietsroutenetwerk					{ display:block; position:absolute; bottom:20px; left:20px; width:142px; height:25px; background:url(../img/bg_fietsroutenetwerk.png) no-repeat left top;}
#routebreed .driekwart					{ float:left; width:740px; margin-right:20px; margin-bottom:20px; }
#routebreed .driekwart.route .tekst		{ height:200px; padding:20px; margin-top:20px; color:#FFFFFF; background:url(../img/bg_route_zoeken.png) no-repeat left top;}
#routebreed .driekwart.route .tekst div	{ float:left; line-height:30px;}
#routebreed .route_select				{ width:248px; border:1px solid #CCCCCC; color:#666666; font-family:Arial; height:22px; padding:2px;}
#routebreed .route_select_km			{ width:54px; border:1px solid #CCCCCC color:#666666; font-family:Arial; height:22px; padding:2px;}
#routebreed .route_input				{ width:250px; border:1px solid #CCCCCC; color:#666666; font-family:Arial; height:16px;}
#routebreed .route_button				{ display:block; width:142px; height:25px; background:url(../img/bg_route_button.png) no-repeat left top; border:0px; padding:0px; cursor:pointer;}
#routebreed .kaart						{ float:right; position:relative; border:1px solid #808080; margin-bottom:30px; margin-right:20px;}
#routebreed .kaart .routebordje			{ position:absolute; top:-61px; right:-1px; display:block; height:60px; width:200px; background:url(/img/bg_routebordje.jpg) no-repeat left top;}
#routebreed .routelijst ul				{ float:left; list-style-type:none; margin:0px; padding:0px;}
#routebreed .routelijst ul li			{ padding-bottom:10px;}
#routebreed .routelijst label.act		{ color:#181870; font-weight:bold;}
#routebreed .routelijst label:hover	    { color:#181870; font-weight:bold;}


#linkshome								{ float:left; margin:0px; padding:0px; width:735px; }
.inhoud-links							{ background:url(../img/bg-inhoud-links.jpg) bottom left no-repeat; width:345px; padding:10px; float:left; height:222px; }
.inhoud-rechts							{ background:url(../img/bg-inhoud-rechts.jpg) bottom left no-repeat; width:345px; padding:10px; float:right; height:222px; }
#rechtshome								{ float:right; margin:0px; padding:0px; }
.banner									{ margin-bottom:5px; }
.breadcrumb								{ font-size:10px; padding:15px 0px 0px 20px; }
.breadcrumb a							{ font-size:10px;text-decoration:underline;color:#000000; }

ul										{ padding:0px; }
ul.opsomming 							{ float:left;padding:0;margin:0; }
ul.opsomming li							{ float:left; width:150px; display:inline; list-style:none; background:url(../img/pijltje.gif) no-repeat left; padding-left:10px; margin-bottom:10px; }
ul.opsomming li a						{ text-decoration:none;}
ul.opsomming li a:hover					{ color:#181870;font-weight:bold; }
ul.opsomming2 							{ float:left;padding:0;margin:0; }
ul.opsomming2 li						{ width:240px;list-style:none;background:url(../img/pijltje.gif) no-repeat left;padding-left:10px;margin-bottom:10px; }
ul.opsomming2 li a						{ text-decoration:none; }
ul.opsomming2 li a:hover				{ color:#181870;font-weight:bold; }
ul.opsommingroute 						{ float:right;padding:0;margin:0; }
ul.opsommingroute li					{ float:left; width:180px; display:block; list-style:none; background:url(../img/pijltje.gif) no-repeat left; border-bottom:1px solid #FFFFFF; padding:4px 0px 4px 10px; }
ul.opsommingroute li a					{ text-decoration:none;}
ul.opsommingroute li a:hover			{ color:#181870;font-weight:bold; }

#footerhome								{ float:right; color:#CCCCCC;font-size:10px; width:960px; text-align:right; padding-right:20px; }
#footerhome	a							{ color:#CCCCCC; text-decoration:underline; }


.zoekinput								{float:left;}
.zoekdiv								{float:left;}
.zoeken									{float:left;padding:0px; width:170px; margin:0px; z-index:3; padding-top:1px; }
.zoeken input							{float:left;border:1px solid #CCC; color:#999999; font-size:11px;}
.zoekknop								{width:25px; height:19px; margin:0px; border:none; padding:0px; margin:0px; height:17px; width:128px;border:1px solid #CCC; color:#999999; font-size:11px; }

#recreatiecontainer						{ width:100%;padding-bottom:25px; }
#recreatiecontainer	span				{ font-weight:bold;color:#181870; }
#tekstlinks								{ float:left; }

.footer-text							{position:absolute; color:#CCCCCC;font-size:10px; width:500px; text-align:right; padding-top:30px;padding-left:460px;padding-bottom:20px; }
.footer-text	a						{color:#CCCCCC; text-decoration:underline;}


.sIFR-flash 							{visibility: visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash 			{visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore 			{visibility: visible !important;}
.sIFR-alternate 						{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus		{margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy 							{width:0px; height:0px; margin-left:42px; z-index: 0;}
.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5 		{visibility:hidden;font-family:Verdana;line-height:1em;padding:0;margin:0;}
.sIFR-active h1 						{font-size: 24px;}
.sIFR-active h2 						{font-size:16px;}
.sIFR-active h3 						{font-size: 17px;}
.sIFR-active h4 						{font-size:16px;}
.sIFR-active h5 						{font-size: 20px;}


ul#menulinks 							{ list-style:none;margin:0;padding:0;width:210px; float:left; margin-top:20px;border-top:1px solid #ffffff; }
ul#menulinks li a 						{ display: block;height: 24px;border-bottom:1px solid #FFF;color: #000;text-decoration: none;padding-left: 20px;line-height: 24px; }
ul#menulinks li a:hover 				{ color:#FFF;text-decoration:none;background:#338ACF; }
ul#menulinks li a.aan 					{ color:#FFF;text-decoration:none;background:#338ACF; }
ul#menulinkssub 						{ list-style:none;margin:0;padding:0;width:210px; }
ul#menulinkssub li a 					{ display:block;height:24px;background:#C6D9F4;color:#000;text-decoration:none;font-weight:normal;padding-left:20px;line-height:24px;border-bottom:1px solid #ffffff; }
ul#menulinkssub li a:hover 				{ color:#FFF;text-decoration:none;background:#338ACF; }
ul#menulinkssub li a.aan 				{ color:#FFF;text-decoration:none;background:#338ACF; }

.imgpadbottom							{ padding-bottom:5px; }
/* NIEUWSITEMS */
.newsitem			{ float:left; width:768px; border-bottom:1px solid #D7D5D6; padding-bottom:38px; margin-bottom:28px; }
.newsitem .tekst	{ float:left; width:510px; padding-right:40px; text-align:left; }
.newsitem .afb		{ float:right; width:214px; margin-top:10px; }

.submenu {padding:0px; margin:0px; float:left;}

.zoeken {float:left;}

.invoerveld {padding:0px; margin:0px;}

table.webshop {padding: 0; margin:0;border:solid 1px #cccccc;}
table.webshop td {padding: 10px; margin:0;border:solid 1px #cccccc;}
table.webshop th {padding: 10px; margin:0;border:solid 1px #cccccc; font-weight:bold;text-align:left;}
table.webshop tr { padding: 0; margin:0; }

table.webshop2 td { padding-top:10px;}

.knop { font-family: Arial; font-size: 12px; color: #ffffff; background: #007800; padding: 3px 5px; text-align: center; margin:0px;}