/*
Website : www.ceka-preciline.be
---------------------------------------
CSS :      Creeten Mark
E-mail:   info@gigadesign.be
WWW:    http://www.gigadesign.be
-------------------------------------------
CSS bestand vrijgegeven onder C.C.D. licentie:
http://creativecommons.org/licenses/by-nc-nd/2.0/be/deed.nl
*/

* {
	margin : 0;
	padding : 0;
}

body {
	font : normal 62.5%/1.4 Verdana, Arial, serif;
	background-color : #bbbdbe;
	color : #000;
}

#container {
	background : #bbbdbe url(images/bkg_main.gif) repeat-y scroll;
	width : 948px;
	margin : 0 auto;
	padding-left : 40px;
	font-size : 1.1em;
}
/* header stuff, logo, taalkeuze, zoekknop */
#header {
	color : #000;
	position : relative;
}

#prodzoeken {
	padding: 10px;
}

#header h1 {
	width : 200px;
	height : 105px;
	background : transparent url(images/logo.gif) no-repeat;
}

#header h1 a {
	text-indent: -9999px;
	width: 200px;
	height: 105px;
	display: block;
}

#header p {
	position : absolute;
	right : 50px;
	top : 13px;
}

#header p a:link, #header p a:visited {
	color : #000;
	text-decoration : none;
}

#header p a:hover, #header p a:active, #header p a.current:link, #header p a.current:visited {
	color : #000;
	text-decoration : underline;
}

form#zoeken fieldset {
	border : none;
    position : absolute;
	right : 50px;
	top : 70px;
}

input#zoek {
	width : 118px;
	height : 18px;
	border : 1px solid;
	border-color : #969696 #fbfbfb #fbfbfb #969696;
	font-weight : bold;
}

input#zoekbut {
	background-color : #004677;
	color : #FFF;
	width : 66px;
	height : 19px;
	border : none;
	font-weight : bold;
}

input#zoek2 {
	width : 118px;
	height : 18px;
	border : 1px solid;
	border-color : #969696 #fbfbfb #fbfbfb #969696;
	font-weight : bold;
}

input#zoekbut2 {
	background-color : #004677;
	color : #FFF;
	width : 66px;
	height : 19px;
	border : none;
	font-weight : bold;
}

/* de navigatie, de links */
#navigatie {
	height : 28px;
	margin-right : 10px;
	background : #cacaca url(images/nav_begin.gif) no-repeat left;
}

#navigatie ul {
	list-style : none;
	float : right;
	margin-right : 15px;
}

* html #navigatie ul {
	margin-right : -10px;
}

#navigatie ul li {
	float : left;
	margin-right : 25px;
}

#navigatie li a:link, #navigatie li a:visited {
	color : #004677;
	text-decoration : none;
	font-weight : bold;
	line-height : 28px;
}

#navigatie li a:hover, #navigatie li a:active {
	color : #004677;
	text-decoration : underline;
	font-weight : bold;
}

/* mast - daar waar de hoofdenfotos staan en de tekst op startpagina */
#mast, #masthome {
	height : 281px;
	margin-right : 40px;
	clear : right;
	position : relative;
}

#mast img.hoofden {
	width : 417px;
	float : left;
}

#masthome #slideshow {
	width : 417px;
	float : left;
}

#mast div {
	position : absolute;
	bottom : 0;
	left : 417px;
}

#masthome #intro {
	position : absolute;
	bottom : 0;
	left : 417px;
}

* html #mast div {
	bottom : -1px;
}

#mast div h2, #masthome div h2 {
	width : 264px;
	height : 40px;
	background : transparent url(images/h2_ceka.gif) no-repeat;
	margin-left: 10px;
}

#mast div h1, #masthome div h1 {
	margin-left: 20px;
	color:#004677;
}

#mast div h2 span, #masthome div h2 span {
	display : none;
}

#mast div p, #masthome div p {
	width : 450px;
	height : 94px;
	color : #BBBDBE;
	background : #004677 url(images/tekstblauw_eind.gif) no-repeat right;
	padding : 22px 21px 20px 20px;
}

#mast div p a:link, #mast div p a:visited,
#masthome div p a:link, #masthome div p a:visited {
	color : #BBBDBE;
	text-decoration : underline;
}

#mast div p a:hover, #mast div p a:active,
#masthome div p a:hover, #masthome div p a:active {
	color : #FFF;
	text-decoration : underline;
}

/* onder de mast op de hoofdpagina de 3 kolommen met sIFR headers */
#sub_mast {
	background : #FFF url(images/sub_mast_bkg.gif) repeat-x;
	margin-right : 40px;
	clear : left;
	height : 220px;
}

#sub_mast img {
	float : left;
	padding : 10px 15px 5px 2px;
}

#kol1, #kol2, #kol3 {
	float : left;
}

#kol1 h1, #kol2 h1, #kol3 h1 {
	height : 36px;
	font-size : 18px;
	color : #004677;
	line-height : 36px;
}

#kol1 {
	width : 262px;
	padding : 0 60px 0 16px;
}

#kol1 a:link, #kol1 a:visited {
	color : #004677;
	text-decoration : none;
	font-weight : bold;
}

#kol1 a:hover, #kol1 a:active {
	text-decoration : underline;
}

#kol1 p {
	margin-top : 10px;
}

#kol2 {
	width : 332px;
	margin-right : 5px;
}

#kol2 ul {
	color : #004677;
	list-style : disc;
	margin : 10px 60px 0 126px;
}

#kol2 ul li {
    margin-bottom : 5px;
}

#kol2 ul li span {
	color : #000;
}

#kol3 {
	width : 228px;
	padding : 0 0 0 5px;
}

#kol3 ul {
	color : #004677;
	list-style : none;
	margin : 2px 0 0 2px;
}

#kol3 ul li {
	display : block;
	height : 25px;
	width : 215px;
	background-color : #cacaca;
	margin-bottom : 2px;
	padding-left : 11px;
}

#kol3 ul li a:link, #kol3 ul li a:visited {
	color : #000;
	font-weight : bold;
	text-decoration : none;
	line-height : 25px;
}

#kol3 ul li a:hover, #kol3 ul li a:active {
	text-decoration : underline;
}

/* de content pagina --------------------------------------------------------------*/
#main {
	width : 938px;
	position : relative;
}

#holder {
	width : 294px;
/*	height : 351px; */
	height : 379px;
	float : left;
	padding:0;
	margin:0 0 20px 0;
	background : #004577 url(images/onderbeeld1.gif) no-repeat left bottom;

}

#content {
	margin-top : 21px;
	float : left;
	width : 644px;
}

#content h1.titel {
	height : 28px;
	font-size : 1.4em;
	background : #004677 url(images/title_begin.gif) no-repeat left;
	color : #FFF;
	padding-left : 12px;
	line-height : 28px;
}

#main h1.titel2 {
	height : 28px;
	font-size : 1.4em;
	background : #004677 url(images/title_begin.gif) no-repeat left;
	color : #FFF;
	padding-left : 12px;
	line-height : 28px;
	margin-top: 12px;
}

div.inhoud {
	width : 480px;
	margin-left : 6px;
	padding : 40px 0 50px 0;
}

.inhoudbreder {
	width:600px;
}

div.inhoud a:link, div.inhoud a:visited {
	color: #000;
}

div.inhoud a:hover, div.inhoud a:active {
	color: #004677;
}

div.inhoud ul {
	padding: 10px 0 10px 30px;
}

div.inhoud ul li {
	margin: 2px 0 2px 0px;
	list-style-image: url(images/bulletblue.gif);
}

div.sitemap {
	width : 480px;
	margin-left : 6px;
	padding : 40px 0 50px 0;
}

div.sitemap a:link, div.sitemap a:visited {
	color: #000;
}

div.sitemap a:hover, div.sitemap a:active {
	color: #004677;
}

div.sitemap ul {
	padding: 0px 0 10px 30px;
}

div.sitemap ul li {
	margin: 2px 0 2px 0px;
	list-style-image: none;
}
 /* ronde hoekjes */
 
.boxbg {
	background : #CACACA url(images/copy_eind.gif) no-repeat right;
	height : 28px;
	margin: 0 0 10px 0;
	width: 340px;
}

div.rondhoekjestart {
	width: 15px;
	height: 28px;
	background-image:url(images/copy_begin.gif);
	float: left;
}

div.rondhoekjeeinde {
	padding-top: 6px;
}

/* eind ronde hoekjes */

.paginas { 
	padding-left: 50px;
	}

div.inhoud2 {
/*	width : 100%; */
	width : 560px;
	margin : 0 10px 0 6px;
	padding: 0 10px 10px 0;
}

div.inhoud p {
	margin-bottom : 25px;
}
/* de rechts blokken */
div.rechts {
	width : 176px;
	position : absolute;
	right : 0;
	top : 51px;
}

div.rechts2 {
/*	width : 276px; */
	width : 376px;
	position : absolute;
	right : 0;
	top : 51px;
}

div.rechts h2, div.rechts2 h2 {
	color : #004677;
	font-size : 1.4em;
	background-color : #CACACA;
	padding-left : 15px;
	height : 28px;
	line-height : 28px;
}

div.rechts h2 a, div.rechts2 h2 a {
	color : #004677;
}

div.rechts ul, div.rechts dl,div.rechts2 ul, div.rechts2 dl {
	display : block;
	background-color : #e4e4e4;
	margin : 2px 0;
}

div.rechts ul {
	color : #004677;
	list-style : disc;
	width : 151px;
	padding : 10px 0 0 25px;
}

div.rechts2 ul {
	color : #004677;
	list-style : disc;
	width : 351px;
	padding : 10px 0 10px 25px;
}

div.rechts ul li, div.rechts2 ul li {
	margin-bottom : 5px;
}

div.rechts ul li span, div.rechts2 ul li span {
	color : #000;
}
div.rechts dl {
	padding: 10px;
	width: 156px;
}

div.rechts2 dl {
	padding: 10px;
	width : 356px;
}

div.rechts dl dt, div.rechts2 dl dt {
	margin: 0 15px 8px 5px;
}

div.rechts dl dt a:link, 
div.rechts dl dt a:visited, 
div.rechts2 dl dt a:link, 
div.rechts2 dl dt a:visited {
	color : #004677;
	text-decoration : none;
}

div.rechts dl dt a:hover, div.rechts dl dt a:active, div.rechts2 dl dt a:hover, div.rechts2 dl dt a:active {
	text-decoration : underline;
}

div.rechts dl dd, div.rechts2 dl dd {
	padding: 0px;
}

/* de copyright stuff enzo -------------------------------------------------------- */
#copy {
	clear : both;
	background : #CACACA url(images/copy_eind.gif) no-repeat right;
	height : 28px;
	margin : 0 400px 0 -30px;
	position: relative;
}

#copy ul {
	list-style : none;
	padding-left : 15px;
	float : right;
}

#copy ul li {
	float : left;
	margin-right : 34px;
    line-height : 28px;
}

#copy ul li a:link, #copy ul li a:visited {
	color : #000;
	text-decoration : none;
}

#copy ul li a:hover, #copy ul li a:active {
	text-decoration : underline;
    color : #004677;
}

/* de footer, staat niks in maar toch moet er ge-css't worden */
#footer {
	width : 988px;
	margin : 0 auto;
	background : transparent url(images/footer.gif) no-repeat;
	height : 42px;
}

/* 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 */

.sIFR-hasFlash #kol1 h1, .sIFR-hasFlash #kol2 h1, .sIFR-hasFlash #kol3 h1, .sIFR-hasFlash #mast div h1 {
	visibility: hidden;
    height : 20px;
	font-size : 18px;
	color : #004677;
	line-height : 20px;
    padding-top: 5px;
}

.sIFR-hasFlash #kol3 ul {
	margin : 4px 0 0 2px;
}

 .sIFR-hasFlash #kol1 p, .sIFR-hasFlash #kol2 ul, .sIFR-hasFlash #kol3 ul {
	padding-top: 9px;
}

.sIFR-hasFlash #kol1 img, .sIFR-hasFlash #kol2 img {
	padding-top: 21px;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}*/

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

.clinical1 {
	float:left;
	padding-right: 10px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
	}
/* End hide from IE Mac */
* html .clearfix {
	height: 1%;
	}
	
	.productbeeld {
	margin: 0 auto;
	display:block;
}

.landje {
	margin-bottom: 20px;
}

.landje2 {
	font-weight:bold;
}
.productcurrent {
	text-decoration:none;
	font-weight: 900;
}