@charset "utf-8";
@import "clevercms.css";

/*Algemeen*/
body 					{margin:0px; font-family:Arial; font-size:12px; font-weight:normal; text-align:left; line-height:18px; color:#000000; background:url(../img/bg1.png) top center no-repeat; behavior:url("../css/csshover.htc"); _background:url(../img/bg3.png) top center no-repeat;}
p						{padding:0px; margin:0px;}
img						{border:0;}
hr						{height:1px; color:#E9E9E7;}
a						{font-weight:normal; text-decoration:underline; color:#000000;}
a:active				{font-weight:normal; text-decoration:underline; color:#000000;}
a:visited				{font-weight:normal; text-decoration:underline; color:#000000;}
a:hover					{font-weight:normal; text-decoration:none; color:#00A651;}
ul						{padding:0px; margin:0px;}
li						{padding:0px; margin:0px;}

h1						{padding: 0 0 15px 0; margin:0px; font-size:18px; font-weight:normal; color: #00A651;}
h2						{padding: 15px 0 10px 0; margin:0px; font-size:16px; font-weight:normal; color: #00A651;}
form					{padding:0px; margin:0px; border:0px; }
.container 				{position:absolute; margin-left:50%; left:-495px; width:990px; }
.left					{float:left;}

/*Top*/
.logo						{position:absolute; z-index:5; left:0px; top:0px;}
.top						{float:left; width:990px; height:100px; }
.top .topmenu				{float:left; width:730px; height:29px; padding:22px 0px 0px 0px;}
.top .topmenu ul			{float:right;}
.top .topmenu ul li			{float:left; display:inline; padding:0px 0px 0px 20px;}
.top .topmenu ul li a		{float:left; text-decoration:none; color:#000000;}
.top .topmenu ul li a:hover	{float:left; text-decoration:underline; color:#000000;}
.top .topmenu ul li .act	{float:left; font-weight:bold;}
.top .zoeken				{float:left; width:226px; padding:20px 0px 0px 22px; width:226px;}
.top .zoeken .zoektextdiv	{float:left; width:204px; height:22px; background:url(../img/zoektekstbg.png) no-repeat;}
.top .zoeken .zoekbutdiv	{float:left; width:22px; height:22px; background:url(../img/zoekbutbg.png) no-repeat;}
.top .zoeken .zoektext		{border:0px; margin:0px; padding:5px 0px 0px 8px; width:196px; font-size:11px; height:17px; background:url(../img/zoektekstbg.png) no-repeat;}
.top .zoeken .zoekbut		{border:0px; margin:0px; padding:0px; width:22px; height:22px; background:url(../img/zoekbutbg.png) no-repeat;cursor:pointer;}
.top .dierenmenu			{float:left; width:780px; height:49px; padding:0px 0px 0px 210px;}
.top .dierenmenu ul			{float:left; }
.top .dierenmenu ul li		{float:left; display:inline; list-style:none;}
.top .dierenmenu ul li a	{float:left; height:49px;}
.top .dierenmenu ul li a b	{display:none;}
.top .dierenmenu .honden a				{background:url(../img/dierenmenu_hond_0.png); width:87px;}
.top .dierenmenu .honden a.act			{background:url(../img/dierenmenu_hond_1.png);}
.top .dierenmenu .honden a:hover		{background:url(../img/dierenmenu_hond_1.png);}
.top .dierenmenu .katten a				{background:url(../img/dierenmenu_kat_0.png); width:75px;}
.top .dierenmenu .katten a.act			{background:url(../img/dierenmenu_kat_1.png);}
.top .dierenmenu .katten a:hover		{background:url(../img/dierenmenu_kat_1.png);}
.top .dierenmenu .knaagdieren a 		{background:url(../img/dierenmenu_knaag_0.png); width:116px;}
.top .dierenmenu .knaagdieren a.act	{background:url(../img/dierenmenu_knaag_1.png);}
.top .dierenmenu .knaagdieren a:hover	{background:url(../img/dierenmenu_knaag_1.png);}
.top .dierenmenu .vogels a				{background:url(../img/dierenmenu_vogel_0.png); width:75px;}
.top .dierenmenu .vogels a.act			{background:url(../img/dierenmenu_vogel_1.png);}
.top .dierenmenu .vogels a:hover		{background:url(../img/dierenmenu_vogel_1.png);}
.top .dierenmenu .vissen a				{background:url(../img/dierenmenu_vissen_0.png); width:76px;}
.top .dierenmenu .vissen a.act			{background:url(../img/dierenmenu_vissen_1.png);}
.top .dierenmenu .vissen a:hover		{background:url(../img/dierenmenu_vissen_1.png);}
.top .dierenmenu .hengelsport a			{background:url(../img/dierenmenu_hengel_0.png); width:111px;}
.top .dierenmenu .hengelsport a.act	{background:url(../img/dierenmenu_hengel_1.png);}
.top .dierenmenu .hengelsport a:hover	{background:url(../img/dierenmenu_hengel_1.png);}
.top .dierenmenu .overig a				{background:url(../img/dierenmenu_overig_0.png); width:72px;}
.top .dierenmenu .overig a.act			{background:url(../img/dierenmenu_overig_1.png);}
.top .dierenmenu .overig a:hover		{background:url(../img/dierenmenu_overig_1.png);}

/*Home*/
.homemid						{float:left; width:988px; height:420px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3;}
.homemid .animatie				{float:left; padding:0px 8px 0px 9px; width:760px; height:420px;}
.homemid .animatie .toplayer	{position:absolute; z-index:3; width:758px; height:410px; float:left; border-left:1px solid #c1e9d4; border-right:1px solid #c1e9d4;}
.homemid .animatie .toplatertop	{position:absolute; z-index:4; width:758px; height:28px; float:left;}
.homemid .animatie .toplayerbot	{position:absolute; z-index:5; width:758px; height:28px; float:left; top:492px;}
.homemid .animatie .svw			{position:absolute; z-index:2; width:758px; height:410px; float:left; overflow:hidden; }
.homemid .animatie .svw	ul		{position:relative;}
.homemid .stripViewer 			{position:absolute; z-index:1; width:758px; height:410px; float:left; top:100px; overflow: hidden; margin: 0px;} 
.homemid .stripViewer ul 		{position: relative;} 
.homemid .stripViewer ul li 	{float:left;} 
.homemid .stripTransmitter 		{position:absolute; z-index:400; top:465px; width:300px;} 
.homemid .stripTransmitter ul	{margin:0px 15px 0px 0px; padding: 0; list-style-type: none; float:right;} 
.homemid .stripTransmitter ul li{width: 30px; float:left; margin: 0px; } 
.homemid .stripTransmitter a	{width:30px; height:30px; font-weight:bold; text-align: center; line-height: 30px; background:url(../img/slider_ff.png); color: #000000; text-decoration: none; display: block; } 
.homemid .stripTransmitter a:hover, a.current	{color: #ffffff; background:url(../img/slider_on.png);} 
.homemid .banner				{float:left; padding:0px 9px 10px 0px; width:99px;}


.aanbevolen								{float:left; width:970px; height:200px; padding:0px 9px 0px 9px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; }
.aanbevolen .slider						{float:left; width:950px; height:180px; padding:10px; background:url(../img/aanbevolen_bg.png) left; position:absolute;}
.aanbevolen .scrollingHotSpotLeft				{float:left; cursor:pointer; width:29px; height:80px; left:10px; margin-top:30px; padding:0px 21px 0px 0px; position:absolute;	z-index: 200;background:url(../img/aanbevolen_left_0.png) no-repeat;}
.aanbevolen .scrollingHotSpotLeft:hover			{background:url(../img/aanbevolen_left_1.png) no-repeat;}
.aanbevolen .scrollWrapper						{float:left; width:660px; margin-left:30px; _margin-left:20px; overflow:hidden; height:140px; position: relative; z-index: 100;}
.aanbevolen .scrollableArea						{float:left; height:140px; position:relative; width:100%; min-width:3000px;}
.aanbevolen .scrollableArea .item				{float:left; height:140px; width:240px;}
.aanbevolen .scrollableArea .item .img			{float:left; height:140px; padding-right:10px;}
.aanbevolen .scrollableArea .item .tekst		{float:left; height:65px; width:120px; padding:15px 10px 0px 0px;}
.aanbevolen .scrollableArea .item .subtekst		{float:left; height:50px; width:120px; padding:10px 10px 0px 0px; color:#F29626; font-weight:bold; font-size:25px; line-height:25px;}
.aanbevolen .scrollingHotSpotRight				{float:left; cursor:pointer; right:200px; width:29px; margin-top:30px; height:80px; padding:0px 0px 0px 21px; position:absolute; z-index: 200;background:url(../img/aanbevolen_right_0.png) no-repeat;}
.aanbevolen .scrollingHotSpotRight:hover		{background:url(../img/aanbevolen_right_1.png) no-repeat;}

.homebot								{float:left; width:988px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3;}
.homebot .introtekst					{float:left; padding:20px 0px 10px 19px; width:360px;}
.homebot .actualiteiten					{float:left; padding:20px 0px 10px 20px; width:360px;}
.homebot .actualiteiten .item			{float:left; width:360px; margin-bottom:20px;}
.homebot .checklisten					{float:left; padding:10px 0px 10px 20px; width:200px;}

/*Vervolg*/
.vervolg						{float:left; width:988px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; background:url(../img/vervolg_bg.png) bottom no-repeat; padding-bottom:1px;}
.submenu						{float:left; width:201px; background:url(../img/submenu_top.png) left top no-repeat;padding:40px 0px 0px 10px; margin:0px 0px 9px 0px;}
.submenu ul						{float:left; width:199px; margin:0px 0px 29px 0px; border-bottom:1px solid #C0E9D3; padding:0px;}
.submenu ul li					{float:left; width:199px; border-top:1px solid #C0E9D3; list-style:none;}
.submenu ul li a:active,
.submenu ul li a:visited,
.submenu ul li a				{float:left; width:185px; padding:5px 3px 5px 11px; font-weight:bold; text-decoration:none;}
.submenu ul li a:hover			{color:#00A651;}
.submenu ul li .act				{color:#ffffff; background:#00A651; font-weight:bold;}
.submenu ul li .act:hover		{color:#ffffff; }
.submenu ul li ul				{margin:0px 0px 0px 0px;border-bottom:none;}
.submenu ul li ul li			{background:#F2FAF6;}
.submenu ul li ul li a:active,
.submenu ul li ul li a:visited,
.submenu ul li ul li a			{width:175px; padding:5px 3px 5px 21px; font-weight:normal;}
.submenu ul li ul li .act		{color:#00A651;background:#F2FAF6; font-weight:normal;}
.submenu ul li ul li .act:hover	{color:#00A651;}
.submenu ul .first				{border-top:none; margin:1px 0px 0px 0px;}
.submenu ul .first .act			{background:url(../img/submenu_first_1.png) top right no-repeat #00A651;color:#ffffff;}
.submenu ul .first ul li .act	{color:#00A651;background:#F2FAF6;color:#00A651; font-weight:normal;}

.subbanner					{float:left; border-top:1px solid #C0E9D3; padding:20px 11px 20px 11px; width:177px; text-align:center;}
.subbanner .foto			{}
.subbanner .tekst			{}

/*Vervolg*/
.vervolg .inhoud				{float:left; width:525px; background:url(../img/inhoud_bg.png) top left no-repeat; padding:7px 17px 0px 17px;}
.inhoud .breadcrumb				{float:left; width:525px; padding:0px 0px 15px 0px; font-size:10px;}
.inhoud .breadcrumb a			{background:url(../img/breadcrumb.png) center left no-repeat; padding:0px 0px 0px 17px; font-size:10px;}
.inhoud .breadcrumb a.first		{padding:0px 0px 0px 0px; background:none;}
.inhoud .deinhoud				{float:left;}
.inhoud ul						{padding:10px 0px 0px 0px;}
.inhoud li						{background:url(../img/list-item.png) no-repeat top left; list-style:none; padding:0px 0px 0px 20px;}

/*Right*/
.right							{float:left; width:200px; margin:0px 0px 0px 9px;}
.right .banner					{float:left; padding:0px 0px 10px 0px; width:200px;}


/*Vervolg breed zonder menu*/
.vervolg2								{float:left; width:988px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; background:url(../img/vervolg_bg2.png) bottom no-repeat; padding-bottom:1px;}
.vervolg2 .inhoud						{float:left; width:742px; background:url(../img/inhoud_bg.png) top right no-repeat; padding:7px 10px 0px 17px;}
.vervolg2 .inhoud .breadcrumb			{float:left; width:533px; padding:0px 0px 15px 208px; font-size:10px;}
.vervolg2 .inhoud .deinhoud				{float:left; width:742px;}
.vervolg2 .inhoud .deinhoud .links		{float:left; width:300px; padding:0px 10px 0px 0px;}
.vervolg2 .inhoud .deinhoud .rechts		{float:left; width:432px; padding:0px 0px 0px 0px;}
.vervolg2 .inhoud .postcode				{float:left; width:300px;}
.vervolg2 .inhoud .postcode .pctekst	{float:left; width:123px; height:19px; padding-top:7px;}
.vervolg2 .inhoud .postcode	.pcinput	{float:left; width:170px; height:22px; padding-top:4px;}
.vervolg2 .inhoud .postcode	.pcinputtxt	{border:0px; margin:0px; padding:5px 0px 0px 3px; width:106px; height:17px; font-size:11px; border-left:1px solid #C8C8C8; background:url(../img/input_bg.png) right no-repeat;}
.vervolg2 .inhoud .postcode	.pcinputsel	{border:0px; margin:0px; padding:0px 0px 0px 0px; width:110px; height:22px; font-size:11px; border:1px solid #C8C8C8;}
.vervolg2 .inhoud .postcode	.pczoeken	{border:0px; margin:0px; padding:3px 5px 3px 25px; font-size:11px; height:22px; color:#ffffff; font-weight:bold; background:url(../img/zoekbutbg.png) no-repeat #00A651;}
.vervolg2 .inhoud .kaarttop				{float:left; width:420px; height:10px; background:url(../img/kaartbg_top.png) no-repeat; padding:0px; margin:0px;}
.vervolg2 .inhoud .kaart				{float:left; width:409px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; padding:0px 0px 0px 9px;}
.vervolg2 .inhoud .kaart2				{float:left; width:409px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; padding:10px 0px 0px 9px;}
.vervolg2 .inhoud .kaart img			{padding:0px 10px 0px 0px;}
.vervolg2 .inhoud .kaarttop				{float:left; width:420px; height:10px; font-size:0px; background:url(../img/kaartbg_top.png) no-repeat; padding:0px; margin:0px;}
.vervolg2 .inhoud .kaartbot				{float:left; width:420px; height:10px; background:url(../img/kaartbg_bot.png) no-repeat; margin-bottom:10px;}
.vervolg2 .inhoud .resultaat			{float:left; width:732px; padding:0px 0px 0px 0px;}
.vervolg2 .inhoud .resltaatitems		{float:left; width:732px; padding:10px 0px 0px 0px;}
.vervolg2 .inhoud .resultaatitem1		{float:left; width:310px; border-bottom:1px solid #C0E9D3; padding:5px 0px 5px 0px;}
.vervolg2 .inhoud .resultaatitem2		{float:left; width:422px; border-bottom:1px solid #C0E9D3; padding:5px 0px 5px 0px;}
.vervolg2 .inhoud .routeinput			{border:0px; margin:0px 1px 0px 0px; padding:5px 0px 0px 3px; width:290px; height:17px; font-size:11px; border-left:1px solid #C8C8C8; background:url(../img/input_bg.png) right no-repeat;}
.vervolg2 .inhoud .routebutton			{border:0px; margin:0px; padding:3px 5px 2px 5px; width:105px; font-size:11px; height:22px; color:#ffffff; font-weight:bold; background:#00A651;}


/*Vervolg breed met menu*/
.vervolg3								{float:left; width:988px; border-right:1px solid #C0E9D3; border-left:1px solid #C0E9D3; background:url(../img/vervolg_bg3.png) bottom no-repeat; padding-bottom:1px;}
.vervolg3 .inhoud						{float:left; width:752px; background:url(../img/inhoud_bg2.png) top left no-repeat; padding:7px 0px 0px 17px;}
.vervolg3 .inhoud .breadcrumb			{float:left; width:751px; padding:0px 0px 15px 0px; font-size:10px;}
.vervolg3 .inhoud .deinhoud				{float:left;}
.vervolg3 .ecard						{float:left; width:240px; margin:0px 10px 20px 0px; background:url(../img/ecard_bottom.png) bottom;}
.vervolg3 .ecard .ecardtop				{float:left; width:240px; height:10px; background:url(../img/ecard_top.png) no-repeat;}
.vervolg3 .ecard .foto					{float:left; width:220px; text-align:center; height:165px; overflow:hidden; padding:0px 10px 10px 10px;}
.vervolg3 .ecard .tekst					{float:left; width:220px; padding:10px;height:100px;}
.vervolg3 .ecard .tekst a				{font-weight:bold; text-decoration:none;}
.vervolg3 .ecarddetail 					{float:left; width:350px; padding:0px 20px 20px 0px; margin:0px;}
.vervolg3 .ecarddetail .ecardtop		{float:left; width:350px; height:10px; background:url(../img/ecard_Detail_top.png) no-repeat;}
.vervolg3 .ecarddetail .foto			{float:left; width:350px;  padding:0px 0px 10px 0px; background:url(../img/ecard_Detail_bottom.png) no-repeat bottom;}
.vervolg3 .ecarddetail .foto img		{padding:0px 0px 0px 10px;}
.vervolg3 .ecarddetail .tekst			{float:left; width:330px; padding:10px;}
.vervolg3 .ecarddetail .tekst a			{font-weight:bold; text-decoration:none;}
.vervolg3 .ecardsturen 					{float:left; width:360px; margin:0px; padding:0px;}
.vervolg3 .ecardsturen .rij				{float:left; width:360px;}
.vervolg3 .ecardsturen .kolom1			{float:left; width:140px; min-height:25px; padding:3px 0px 3px 0px;}
.vervolg3 .ecardsturen .kolom2			{float:left; width:220px; min-height:25px; padding:0px 0px 3px 0px;}
.vervolg3 .ecardsturen .ecardinput		{float:left; width:210px; height:18px;}
.vervolg3 .ecardsturen .ecardfieldset	{float:left; width:210px; height:150px;}
.vervolg3 .ecardsturen .button			{float:left; border:0px; background:#00A651; color:#ffffff; font-weight:bold; padding:3px 10px 3px 10px;}


/*Footer*/
.footer									{float:left; width:987px; text-align:right; background:url(../img/bottom_bg.png) top no-repeat ; padding:12px 3px 30px 0px; font-size:11px;}
.footer a								{text-decoration:none; color:#000000; font-size:11px; padding:0px 7px 0px 7px;}
.footer a:hover							{text-decoration:underline; color:#000000;}