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

.knop { behavior: url(/css/iepngfix.htc) }

body,html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
h1{
font-size:22px;
color:#3687D0;
}
form { margin: 0; padding: 0; }

.Flavour a:link 		{ text-decoration: underline; font-weight: bold; font-size: 9px;}
.Flavour a:visited	{text-decoration: underline; font-weight: bold; font-size: 9px;}
.Flavour a:hover		{ text-decoration: underline; font-weight: bold; font-size: 9px;}
.Flavour a:active	{ text-decoration: underline; font-weight: bold; font-size: 9px;}

.sidebar-content-indent a:link 		{ color: #88c03d; text-decoration: underline; font-weight: bold; }
.sidebar-content-indent a:visited	{ color: #88c03d; text-decoration: underline; font-weight: bold; }
.sidebar-content-indent a:hover		{ color: #000000; text-decoration: underline; font-weight: bold; }
.sidebar-content-indent a:active	{ color: #88c03d; text-decoration: underline; font-weight: bold; }

a:link 		{ color: #405E9F; text-decoration: underline;font-size: 12px; }
a:visited	{ color: #405E9F; text-decoration: underline;font-size: 12px; }
a:hover		{ color: #000000; text-decoration: underline;font-size: 12px; }
a:active	{ color: #405E9F; text-decoration: underline;font-size: 12px; }

.pageTitel {
	margin : 0;
	padding : 0 8px 0 8px;
	font-size: 28px;
}

.pageTekst {
	margin : 0;
	padding : 0 8px 0 8px;
}

.input-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.input-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.productTable {
	background-color: #0D2A71;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

.telefoonsTableHeader {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.telefoonsTableLight {
	background-color: #E5E5E5;
}

.telefoonsTableMini {
	font-size: 9px;
}

.detail{
	font-size: 22px;
	color: #294273;
}

.specificatiesHeader{
	font-size: 14px;
	font-weight: bold;
	color: #294273;
}

.specificaties{
	font-size: 12px;
	color: #618BD5;
}


.abbtable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.abbtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.abbtablelink a{
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
}

.price a:link 		{ color: #FFFFFF; text-decoration: none;  }
.price a:visited	{ color: #FFFFFF; text-decoration: none;  }
.price a:hover		{ color: #294273; text-decoration: none;  }
.price a:active		{ color: #FFFFFF; text-decoration: none;  }

.sidebar-content-indent {
	width: 150px;
	margin: 0 auto;
	padding: 8px 10px;
	background-color: #FFFFFF;
	line-height: 22px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.sidebar-top { display: block;margin: 0; padding: 0;  background-image:url(../images/layout/sidebar_top.gif); background-repeat: no-repeat; width: 190px; height: 9px; font-size: 6px; }
.title {
	font-weight: bold;
	color: #88c03d;
}

.detaileven TD{ padding: 3px;}
.detailoneven TD { padding: 3px;background-color: #E5E5E5; }

label:hover {
	text-decoration: underline;
}
#formulier_topdown { margin:10px 10px 0 10px; }
#formulier_topdown th { 
	padding: 4px;
	width: 180px;
	background-color:#EEEEEF; 
	text-align: left; 
	vertical-align: top; 
	border-right: 1px solid #CCCCCC; }
#formulier_topdown .helptekst { font-size: 78%; font-weight: normal; }
#formulier_topdown td { font-size: 90%; vertical-align: top; padding: 3px; }
#formulier_topdown .titel { 
	padding: 3px;
	font-weight: bold;
	background-color:#DDDDDF; 
	border: 1px solid #CCCCCC; 
	 }
	 
#crumbs { display: block;  
	padding: 4px 5px 4px 8px; 
	margin-bottom: 8px; text-align: left; background-color: #EEEEEE;font-size: 11px; 
	border-bottom: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;
	 }
	
#crumbs a:link, #crumbs a:visited, #crumbs a:active { font-size: 11px; text-decoration: none; } 
#crumbs a:hover { text-decoration: underline; }

.linksnav {
	width: 160px; 
	text-align: left;
}

.linksnav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
}
.linksnav li { 
	margin: 0; 
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	width: 160px;
	font-weight: bold;
	padding: 1px;
	font-size: 90%;
}
.linksnav li.selected { 
	background-color:#88c03d;
	border-right: 1px solid #cccccc;
}
.linksnav li:hover { 
	background-color:#3983c8;
	cursor:pointer;
}
.linksnav  li.header:hover { 
	cursor:auto;
	background-color:#FFFFFF;
}
.linksnav li:hover a {
	color: #000000;
}
.linksnav a, .linksnav a:visited, .linksnav a:active{ 
	font-weight: normal;
	padding: 3px;
	font-size: 100%;
}
.linksnav a:hover { 
	font-size: 100%;
}
.linksnav li.selected a, .linksnav li.selected a:active, .linksnav li.selected a:visited{ 
	font-weight: bold;
	color: #000000;
	padding: 4px;
}
.linksnav li.selected a:hover{ 
	font-size: 100%;
}

#kolom_links { display: block; width: 190px; float: left; margin: 0px;  }
#kolom_links .logo { width: 100%; text-align: center; } 
#kolom_rechts { display: block;  width: 610px; float: left; margin: 0px;}
#content_footer { display: block;  clear: both;}

#kolom_rechts h2 {  
	font-size: 14px;
	font-weight: bold;
	color: #294273;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
}

.prettyselect { width: 160px; font-size: 80%; display: inline;}

.tabel_topdown { } 
.tabel_topdown th { border-bottom: 1px solid #999999; vertical-align: bottom;} 
.tabel_topdown td {  padding: 3px; background-color:#FFFFFF; font-size: 90%;} 
.tabel_topdown td.head {  text-align:left; white-space:nowrap;} 
.tabel_topdown td.head a { font-size: 100%;  font-weight: bold; } 
.tabel_topdown tr.even td { background-color: #EEEEEE; } 
.tabel_topdown tr.even td.head {  } 
.tabel_topdown tr.info td{ border-top: 1px solid #CCCCCC; font-size: 90%; text-align: left; } 

.tabel_leftright { border: 1px solid #AAAAAA; margin-bottom: 20px; margin-top: 0px;} 
.tabel_leftright th { vertical-align: bottom; font-size: 90%; padding: 1px; background-color:#DDDDDD; border: 1px solid #ffffff; } 
.tabel_leftright td {  padding: 3px; background-color:#FAFAFA; font-size: 100%; vertical-align: top; border: 1px solid #ffffff; } 
.tabel_leftright tr.tdlink td { border: 1px solid #FFFFFF; text-align: center; }
.tabel_leftright tr.tdlink td a,.tabel_leftright tr.tdlink td a:active,.tabel_leftright tr.tdlink td a:visited {
	font-size: 100%;
}
.tabel_leftright tr.tdlink td:hover { 	
	background-color:#3983c8;
	cursor:pointer;border: 1px solid #CCCCCC; } 

.tabel_leftright tr.tdlink td:hover a { color:#000000; } 
	
.tabel_leftright tr.tdlink td.empty:hover { 	
	background-color: transparent;
	border: 1px solid #FFFFFF; 
	cursor:auto; } 
.tabel_leftright tr.even td.empty:hover { 	
	background-color: #EEEEEE;
 } 
.tabel_leftright td.head {  text-align:left; white-space:nowrap; font-weight: bold;} 
.tabel_leftright td.head a { font-size: 100%;  font-weight: bold; } 
.tabel_leftright tr.even td { background-color: #EEEEEE; } 
.tabel_leftright tr.even td.head {  } 
.tabel_leftright tr.info td{ border-top: 1px solid #CCCCCC; font-size: 80%; text-align: left; } 
.tabel_leftright tr.middle td,.tabel_leftright tr.middle th{ vertical-align: middle; } 

.tabel_leftright tr.tdlink td.selected { background-color:#88c03d; font-size: 100%;  font-weight: bold; border: 1px solid #CCCCCC; } 
.tabel_leftright tr.tdlink td.selected a, .tabel_leftright tr.tdlink td.selected a:active, .tabel_leftright tr.tdlink td.selected a:visited{ 
	font-weight: bold;
	color: #000000;
}
.tabel_leftright th.padded{ padding: 2px; font-size: 100%; } 
.tabel_leftright th.smooth { text-align: left; font-weight: normal; padding: 4px; }
.smaller td, span.smaller { font-size: 80%; }
span.smaller { font-weight: normal; }
tr.tdlink td.smaller a, tr.tdlink td.smaller a:visited, tr.tdlink td.smaller a:active { font-size: 80%; }
.spec {  display: inline;cursor: pointer; }
.floatlogo { float: right; display: block; width: 150px; border: 1px solid #cccccc; }

/* optie SELECT in abonnement-detail */
.optieselect { font-size: 100%; width: 300px; }

/* sidebar headers 
#sidebar_container { background-color: #294273;   }
#sidebar_content { margin: 0 10px 0 10px; background-color:#FFFFFF; }
#sidebar_content p { margin: 0px; background-color:#FFFFFF; }
#sidebar_content .link { 
display: block; height: 20px; width: 100%; 
padding: 5px 0 5px 0;
background-color: #88c03d; color: #ffffff;
border-top: 1px solid #000; border-bottom: 1px solid #000; 
text-decoration: none; text-align:center; vertical-align:middle; 
font-size: 120%;

}*/
/* sidear populaire toestellen */
.populair, .populair a, .populair a:visited, .populair a:active {  font-size: 10px; vertical-align: top;  }
.populair a:link { color:#000000; }
.populair a:hover { font-size: 10px; }
#zoektermen td { white-space:nowrap; }

.oranje { background-color: #ff6600; }

.blockalert {
	background: #fddcd8 url(/images/icons/block.png) center no-repeat;
	background-position: 15px 50%; 
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #be4f36;
	border-bottom: 2px solid #be4f36;
}
.redalert {
	background: #fff6bf url(/images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; 
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.bluealert {
	background: #e7eef5 url(/images/icons/information.png) center no-repeat;
	background-position: 15px 50%; 
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #6297c8;
	border-bottom: 2px solid #6297c8;
}
#top {
width: 100%;
background-image:url("../images/nav/header.jpg");
background-repeat: repeat-x;
background-position: top left;
}
#top-images {
background-image:url(../images/nav/top_back.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 114px;
}
#search-bar {
width: 100%;
height: 12px;
background-color: #F99200;
text-align: right;
}
#content {
width: inherit;
height: inherit;
background-repeat: repeat-x;
background-position: top left;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}
#content-left {
width: 190px;
height: inherit;
float: left;
}
#content-right {
width: 190px;
height: inherit;
float: right;
}
#content-sidebar {
background-color: #294273;
text-align: center;
}
#content-center {
width: inherit;
height: inherit;
}
#content-center-inlay {
width: inherit;
height: auto;
text-align: left;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 0px;
background-color:#333333;
}
#logoabsolute { display: block; position: absolute; height: 55px; width: 300px; left: 5px; top: 5px; cursor:pointer; }

#topmenu {
margin-top: 80px;
float:left;
width:100%;
font-size:90%;
line-height:normal;
}
#topmenu ul {
margin:0;
padding:0 15px 0;
list-style:none;
}
#topmenu li {
float:left;
background:url("../images/nav/lnav_tp.gif") no-repeat left top;
margin: 0px;
margin-right:5px;
padding:0 0 0 9px;
text-align:center;
cursor:pointer; 
}
#topmenu a {
float:left;
display:block;
text-align:left;
font-family: Arial, sans-serif;
background:url("../images/nav/rnav_tp.gif") no-repeat right top;
padding:10px 18px 9px 9px;
text-decoration:none;
font-weight:bold;
color:#E9EAED;

}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#topmenu a {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover {
color:#000;
}
#topmenu .current {
background-image:url("../images/nav/lactive_tp.gif");
border-width:0;
}
#topmenu .current a {
background-image:url("../images/nav/ractive_tp.gif");
color:#000;
}
/* Sidebar CSS */
.koptekst {width:170px; height:30px; background-color:#f99200; border-bottom:1px solid #000; border-top:1px solid #000;}
.koptekst:hover {background-color:#294273;}
.linktag {display:block; margin:0 auto;}
.koptekst a, .koptekst a:visited{text-align:center; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none;}
.koptekst a:hover{text-align:center; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none;}
/* end sidebar */
.style15 { font-weight:bold; color:#EC0202; font-size:14px;}


.icon { border: 1px solid #cccccc; background-color: #ffffff; padding: 2px; }
.iconbox { border: 1px solid #cccccc; background-color: #ffffff; padding: 2px; width: 170px;margin-left: 10px; }
a.icona { text-decoration: none; font-size: 80%;  padding: 2px; vertical-align:middle;}

.floatright { clear: right; float: right; }
.captionicon {  
 background-color: #FFFFFF; display: block;  width: 195px; height: 25px; 
padding:2px; 
 -moz-border-radius: 5px; -webkit-border-radius: 5px; 
 border: 1px solid #cccccc; margin: 2px; vertical-align: bottom; }
.captionicon:hover { border: 1px solid #ff0000; }
.captionicon img { padding:3px;margin-right: 5px; float: left;}
.captionicon a { display: block; float: left;  padding-top: 4px; 
color: #333333; text-decoration: none; font-weight: bold; vertical-align: middle; }
 
/* ToolTips */
       
         .dvhdr1 {
            background:#0083fe;
			color:#FFF;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid #0083fe;
            padding:5px;
            width:200px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #0083fe;
            border-right:1px solid #0083fe;
            border-bottom:1px solid #0083fe;
            padding:5px;
            width:200px;
         }
		 .dvhdr2 {
            background:#0083fe;
			color:#fff;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:2px solid #0083fe;
            padding:5px;
            width:300px;
         }
         
         .dvbdy2 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:2px solid #0083fe;
            border-right:2px solid #0083fe;
            border-bottom:2px solid #0083fe;
            padding:5px;
            width:300px;
         }
         
         p {
         margin-top:20px;
         }
/* End ToolTip */
#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(/images/ritmo-koerier-pp.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
cursor:pointer;}


.bart {
	display: block;
	position: absolute;

}
.bartimg { 
	float: left;
	margin-left: -40px;
	margin-top: 10px;
	width: 110px;
	height: 125px;
	cursor: pointer;
	background: url('/images/bartje/bartje.png') no-repeat;
	
}
.bart textarea { 
	float: left;
	width: 200px; 
	height: 50px; 
	border: 1px solid #cccccc;
	padding: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;color: #333333;
	 -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

/* Reserveren */
#reserveerform{padding:10px;width:450px;margin:10px;border:1px solid #ccc;}
.reserverenspan{display:block;width:450px;height:20px;background:#3687d0;color:#fff;font-size:14px;text-align:center;padding-top:2px;}


.bb_desc { display: none; }
.bb_img { border: 1px solid #ccc; padding:4px; background-color: #fff; }
.bb_wrapper { display: block; float: left;
width: 53px;text-align: center; 
padding-top: 5px; padding-bottom:2px;  
cursor: pointer; border: 1px solid #fff; }

.bb_prijs { width: 100%; font-size: 80%; margin: 0px;}
.bb_gratis { color:#FF0000; }
#bestbuybar { display: block; width: 100%; }
#bb_container { overflow: auto; }
#bb_filler { display: none;  }
#bb_description { display: none; width: 200px; background-color: #eeeeff;  border: 1px solid #ccc; margin: 3px; position: absolute; margin-left: 0px;}
.bb_desc_title { margin: 0px;padding: 4px; background-color:#88c03d; color:#FFFFFF; font-weight: bold; font-size: 90%; }
.bb_desc_text { margin: 0px;padding: 4px;  font-size: 90%; overflow: auto; }
.bb_icon { padding :2px; margin: 4px; float :left; }