@charset "utf-8";
/* CSS Document */

body		{ background-color:#ebebeb; margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
p, ul, li 	{ margin-top: 0px; margin-bottom: 0px; }
a			{ text-decoration:none; color:#f21f32; }
a:hover		{ text-decoration:underline; }
form		{ margin:0px; padding:0px; }
td			{ vertical-align:top; }
h1			{ font-size:22px; color:#093378; font-family:Arial, Helvetica, sans-serif; line-height:34px; margin-top:0px; margin-bottom:5px; }
.hintro		{ font-size:16px; color:#333; }
img			{ border:none; }

/* HEADER */
.header				{ position:relative; background-color:#FFF; }
.header .kiesvervolg{ position:absolute; top:0px; left:138px; z-index:2; width:120px; height:36px; background-image:url(../images/kiesgroep_vervolg.jpg); }
.header ul 			{ margin:0px; padding:0px; }
.header li			{ margin:0px; padding:0px; float:left; list-style:none; width:183px;}
.header .links		{ margin-left:258px; }
.header .links li 	{ height:36px;  }
.header .fotosInt	{ margin-left:258px; height:316px; }
.header .fotosInt li{ height:316px; }
.header .fotos		{ margin-left:258px; height:95px; }
.header .fotos li	{ height:95px; }
.links a 			{ display:block; width:183px; height:36px; line-height:36px; font-weight:bold; font-size:18px; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.links a:hover		{ text-decoration:none; }	
.red				{ color:#f21f32; }

/* TABS */
.sport				{ background-color:#f21f32; }
.therapie			{ background-color:#0c1c8d; }
.recreatie			{ background-color:#a8bf39; }
.educatie			{ background-color:#f7941d; }

.sport		a		{ }
.therapie	a		{ }
.recreatie	a		{ }
.educatie	a		{ }

.sport		a:hover	{ text-decoration:underline; }
.therapie	a:hover	{ text-decoration:underline; }
.recreatie	a:hover	{ text-decoration:underline; }
.educatie	a:hover	{ text-decoration:underline; }

.logo				{ position:absolute; left:0px; top:0px; z-index:1; }
.logomargin			{ position:absolute; left:0px; top:105px; }
.siteintro			{ clear:both; background-image:url(../images/intro_bg_rpt.gif); background-position:left; background-repeat:repeat-y;}
.siteintro .iLeft	{ float:left; width:258px; text-align:center; }
.siteintro .iRight	{ float:right; width:650px; color:#808080; padding:15px 0px 40px 0px; margin-right:50px; }
.siteintro .iInfo	{ text-align:center; font-size:14px; }
.kiesgroep			{ position:absolute; left:0; top:324px; background-color:#DDD; height:36px; width:258px; line-height:36px; font-weight:bold; font-size:18px; color:#f21f32; font-family:Arial, Helvetica, sans-serif; text-align:center; background-image:url(../images/intro_kiesgroep.gif); background-position:right; background-repeat:no-repeat; }

/* BOTTOM */
.footer				{ clear:both; padding-top:20px; }
.footer a			{ color:#999; }
.footerLine			{ border-top:1px solid #d5d5d5; }
.footerInner		{ margin-top:2px; padding-left:250px; background-repeat:repeat-x; height:41px; color:#999; line-height:40px; text-align:center; }

/* LAY-OUT */
.bg					{ background-image:url(../images/bg_shade.gif); background-repeat:repeat-y; background-position:center; }
.clear				{ clear:both; }
.siteContainer		{ width:990px; background-color:#FFF; margin:0 auto; background-image:url(../images/bg_website_left.gif); background-repeat:repeat-y; }


.topnavigatie					{ position:relative; height:33px; clear:both; padding-left:20px; } /* zie ook site specifieke css */
.topnavigatie a					{ color:#FFF; font-weight:bold; padding:0 13px; line-height:33px; display:inline-table; }
.topnavigatie a:hover			{ text-decoration:none; }
.snelzoeken						{ position:absolute; right:5px; top:5px; height:33px; width:250px; text-align:right; }
.snelzoeken input[type="text"]	{ border:1px solid #adadad; width:154px; height:22px; margin:0; padding:0; margin-right:30px; text-indent:3px;line-height:22px; }
.snelzoeken .zoekButton			{ position:absolute; right:0px; top:0px; width:25px; }
.sitetrail						{ margin-left:280px; padding-top:12px; padding-bottom:8px; line-height:16px; /*height:36px; line-height:36px;*/  }

/* LEFT */
.left{
	float:left;
	width:280px;
}
.navBlok{
	margin-left:20px;
	width:213px;
	border:1px solid #CCC;
	background-color:#FFF;
}
#navMargin{
	margin-top:20px;
}
.navHeader{
	color:#FFF;
	line-height:34px;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
}
.productLinks{
	margin:10px;
}
.productLinks a{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:20px;
	padding-left:17px;
	color:#666666;
	display:block;
	font-weight:bold;
}
.productLinks a:hover{
	color:#1b1464;
}
.miniWagentje{
	margin:10px;
	font-size:10px;
}
.catalogus{
	background-image:url(../images/sportartikelen_catalogus.jpg);
	height:110px;
	background-repeat:no-repeat;
	background-position:center;
}
.vervolgcatalogus { margin-top:0px; }
.blokLink{
	margin-left:10px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:20px;
	padding-left:17px;
	color:#666666;
	display:block;
}
.idealInfoLogo { float:left; margin-top:18px; }
.idealInfo{
	color:#b60300;
	float:right; width:130px; padding:10px 5px 10px 0px;
}
/* MAIN CONTENT */
.right{
	float:left;
	width:690px;
	margin-bottom:10px;
}
.productgroepSingle{
	font-size:12px;
}
.productgroepKolom{
	font-size:12px;
	float:left;
	width:330px;
}
.productgroepBtm{
	clear:both;
}

.productDetailInfo					{	float:left; width:330px; }
.productDetailInfo .price			{	color:#f21f32; text-align:right; margin-right:20px; }
.productDetailInfo .vanprijs		{ text-decoration:line-through; margin-top:-20px; font-size:12px; color:#F00; }
.productDetailInfo .mainprice		{	color:#f21f32; font-size:14px; font-weight:bold; }
.productDetailInfo .mainpricegrijs	{	color:#999999; font-size:14px; font-weight:bold; }
.productDetailInfo .besteldiv		{ 	clear:both; text-align:right; margin-right:20px; }
.productDetailInfo .besteldiv div	{ 	float:right; text-align:right; margin-bottom:3px; line-height:22px;}
.producDetailBnts					{	position:relative; }
.producDetailBnts .vkosten			{	position:absolute; left:0; top:0;}
.productDetailImgs					{	width:350px; float:left; }

/* PRDOCUT GROEPEN */
.subgroepen img { border:none; }

/* PRODUCT THUMBS */
.productRow		{ clear:both; }
.productthumb	{ background-image:url(../images/productthumb_bottom.gif); background-position:bottom; width:334px; float:left; margin-bottom:20px; position:relative; }

.productthumb .thumbheader{				 height:35px;	} /* background-image:url(../images/productthumb_header.gif); */
.productthumb .thumbheader a{			color:#FFF;	}
.productthumb .thumbheader h2{			margin: 0; padding:5px 0 5px 0; color:#FFF; font-size:13px; margin-left:10px; }
.productthumb img{						/*	margin:10px;*/ }
.productthumb .thumbinfo {				position:absolute; left:170px; top:50px; margin-right:5px; }
.productthumb .thumbprice{				position:absolute; right:15px; top:135px; text-align:right; color:#f21f32; font-size:14px; font-weight:bold; }
.productthumb .thumbprice .subprice{	font-size:11px;	font-weight:normal; }
.subexcl{ 								font-size:11px;	font-weight:normal; color:#999; }
.grijs{									color:#999;}
.productthumb .bestelform{				position:absolute; top:140px;	left:170px;	width:70px; }
.productthumb .moreinfo{				position:absolute; right:15px; top:175px; text-align:right; }
.productthumb .moreinfoLeft{			position:absolute; left:15px; top:175px; background-color:#FFF; }
.productthumb .bestelform  input[type="text"]{ width:30px; }
.productthumb .vanprijs	{ text-decoration:line-through; margin-top:-20px; font-size:12px; color:#F00; }

#thumbleft{
	float:left;
	clear:left;
}
#thumbright{
	float:right;
}

/* VERVOLG-RFO */
div#rfomerk 			{ width: 195px; height: 110px; position:relative; display:block; z-index:2; overflow: hidden; }
div#rfomerk ul			{ width: 195px; height: 110px; list-style-type: none; }
div#rfomerk ul li 		{ width: 195px;height: 110px; position: relative; display:block; float: left; cursor: pointer; }
div#rfomerk img			{ border:none; }

div#rfosponsor			{ width: 195px; height: 110px; position:relative; display:block; z-index:2; overflow: hidden; }
div#rfosponsor ul		{ width: 195px; height: 110px; list-style-type: none; }
div#rfosponsor ul li 	{ width: 195px;height: 110px; position: relative; display:block; float: left; cursor: pointer; }
div#rfosponsor img		{ border:none; }

/* TAG-CLOUD */
#tagCloud{
	clear:both;
	border:1px solid #666666;
	margin-left:280px;
	margin-right:20px;
}
#cloud{
	margin:10px;
	color:#ed7404;
	font-size:18px;
	font-weight:bold;
}
#tagCloud #intro{
	color:#555555;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
}
#tagCloud h1{
	font-size:13px;
	line-height:18px;
	display:inline;
	color:#777777;
	font-weight:bold;
	background:none;
	border:none;
}
#tagCloud h2{
	font-size:12px;
	line-height:18px;
	color:#777777;
	display:inline;
	font-weight:bold;
	background:none;
	border:none;
}
#tagCloud h3{
	font-size:11px;
	color:#777777;
	display:inline;
	font-weight:bold;
	line-height:18px;
}
#tagCloud h4{
	font-size:11px;
	color:#777777;
	display:inline;
	font-weight:bold;
	line-height:18px;
}
#tagCloud h5{
	font-size:10px;
	color:#777777;
	display:inline;
	font-weight:bold;
	line-height:18px;
}
#tagCloud a{
	font-size:12px;
	text-decoration:none;
	color:#777777;
}
#tagCloud a:hover{
	font-size:12px;
	text-decoration:underline;
	color:#777777;
}

/* - TOOLTIPS - */
.infoincon { background-image:url(../images/icons/incon_info.png); height:22px;}
.Tooltip
{
	position:relative;
	text-decoration:none;
	color:#f21f32;
	z-index:9999;
}

.Tooltip .Balloon
{
	position:absolute;
	z-index:9999;
	top:-44px;
	left:-31px;
	color:#333;
}

.Tooltip a,
.Tooltip a:link,
.Tooltip a:visited,
.Tooltip a:active
{
	display:block;
	padding:3px 0;
	text-decoration:none;
}

.Tooltip a:hover
{
    text-decoration:underline;
}

.Tooltip .Balloon .MainArea
{
	position:relative;
	width:355px;
}

.LeftSide
{
	position:relative;
	float:left;
	width:12px;
	background-image:url(/images/tooltip/SideLeft.png);
}

.MainArea .TipText
{
	background-color:#cbcbcb;
	position:relative;
	margin-left:10px;
	padding:0 0 0 10px;
	width:325px;
}

.RightSide
{
	position:absolute;
	left:343px;
	top:0;
	width:12px;
	background-image:url(/images/tooltip/SideRight.png);
}

.Tooltip .Balloon .Top
{
	position:relative;
	width:355px;
	height:16px;
	background-image:url(/images/tooltip/TopTip.png);
}

.Tooltip .Balloon .Bottom
{
	position:relative;
	width:355px;
	height:26px;
	background-image:url(/images/tooltip/BottomTip.png);
}