/*Szkielet*/	

* {margin:0;padding:0;}
html, body {
	margin: 0px;
	padding: 0px; 
	height: 100%;
	border: 0px; 
	background-color:#BBBDBE ; 
	margin:0px; 
	padding:0px;
	font-size: 11px ;
	font-family:Verdana,Arial,serif;
	color:#000;}
 

#topbar {
    background: url("/assets/images/border_top.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    margin: 0 auto;
    padding-left: 40px;
    width: 948px;
} 
 
 
#container {
    background: url("/assets/images/bkg_main.gif") repeat-y scroll 0 0 #BBBDBE;
    font-size: 1.1em;
    margin: 0 auto;
    padding-left: 40px;
    width: 948px;
	position:relative;
}

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


#reklama {
    
    left: 40px;
    padding: 0;
    position: absolute;
    top: 550px;
    width: 294px;
}

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

#header {
    color: #000000;
    position: relative;
	height:105px;
}
#navigatie {
    background: url("/assets/images/nav_begin.gif") no-repeat scroll left center #CACACA;
    height: 28px;
    margin-right: 10px;
}
#navigatie ul {
    float: right;
    list-style: none outside none;
    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;
    font-weight: bold;
    line-height: 28px;
    text-decoration: none;
}
#navigatie li a:hover, #navigatie li a:active {
    color: #004677;
    font-weight: bold;
    text-decoration: underline;
}


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#copy {
    background: url("/assets/images/copy_eind.gif") no-repeat scroll right center #CACACA;
    clear: both;
    height: 28px;
    margin: 0 255px 0 -30px; 
    position: relative;
}
.clearfix {
    display: block;
}


.boxbg {
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#CACACA;
    padding:10px;

    width: 370px;
}

.boxbg a {
border-right:1px solid #000;
padding:0 8px;
}

.boxbg a.selected {
border-right:1px solid #000;
padding:0 8px;
font-weight:bold;
color:#004677;
}

.boxbg a:last-child  {
 border:none;
padding:0 8px;
}
table.czesci td{
 
}
table.czesci td p {
    margin: 5px;
	
}

 
table.czesci tr:nth-child(2n) { 
    background: none repeat scroll 0 0 #ececec;
 
}
table.czesci tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
 
}

 div.inhoud #types {
    padding-left: 0;
}
div.inhoud #types li {
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-type: none;
    padding: 0 0 8px 40px;
}
div.inhoud #types .number1 {
    background-image: url("/assets/images/01.jpg");
}
div.inhoud #types .number2 {
    background-image: url("/assets/images/02.jpg");
}
div.inhoud #types .number3 {
    background-image: url("/assets/images/03.jpg");
}
div.inhoud #types .number4 {
    background-image: url("/assets/images/04.jpg");
}

#mast, #masthome {
    clear: right;
    height: 281px;
    margin-right: 40px;
    position: relative;
}

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


#masthome #intro {
    height: 281px;
    left: 417px;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#masthome div p {
    height: 239px;
}

#mast div p, #masthome div p {
    color: #004677;
    height: 199px;
    overflow: hidden;
    padding: 22px 21px 20px 20px;
    width: 450px;
}

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

#copy ul li {
    float: left;
    line-height: 28px;
    margin-right: 34px;
}
 
 
#sub_mast {
    background: url("/assets/images/sub_mast_bkg.gif") repeat-x scroll 0 0 #FFFFFF;
    clear: left;
    height: 300px;
    margin-right: 40px;
	font-size:11px;
} 

#kol1 {
 
    height: 220px;
    left: 42px;
    position: absolute;
    top: 500px;
    width: 300px;
	padding-top:5px;
box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);
-moz-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);
-webkit-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);	
}

#kol1 .image , #kol4 .image {
 
left:5px;
top:5px;



}

#kol1 input , #kol4 input {
width:15px;
padding: 0 10px;
 

}

#kol1 img , #kol4 img {
margin-bottom:50px;
}

 


#kol1 .zamawiam , #kol4 .zamawiam {
height: 30px;
    left: 140px;
    position: absolute;
    top: 190px;
    width: 150px;
}

#kol1 .button , #kol4 .button {

    left: 20px;
    position: absolute;
    top: 185px;

}

#kol1 input.submit , #kol4 input.submit {

  
	width:80px;

}





#kol4 {
 
    height: 220px;
    left: 385px;
    position: absolute;
    top: 500px;
		padding-top:5px;
    width: 300px;
box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);
-moz-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);
-webkit-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.73);	
}

#kol2 {
   font-size: 11px;
    left: 720px;
    position: absolute;
    
    top: 540px;
    width: 240px;
}
#kol3 {
 left: 720px;
    position: absolute;
    top: 444px;
    width: 228px;
}
 

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


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

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

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

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


#sub_mast img {
    float: left;
    padding: 10px 15px 5px 2px;
}
 
a{color:#000;text-decoration:none; }
a:hover {color:#000;text-decoration:underline; 	}
 
 
a.link1 {color:#000;text-decoration:none; }
a.link1:hover {color:#000;text-decoration:underline; 	}

a.link2 {color:#000;text-decoration:none; font-size:12px; color: #000;font-weight: bold; font-family:Tahoma;	 }
a.link2:hover {color:#000;text-decoration:none;font-size:12px; color:#06810a;font-weight: bold;  font-family:Tahoma;	}

 
/*Inne*/	
p {line-height: 140%; margin:15px 0; padding:0px;}
img{border:0px;}	
#hr{ height:2px; border-top:1px dashed #dc9102; }	
span { margin:0px; padding:0px;line-height: 1.4em;}	

 

.left {
float:left;
}

.right  {
float:right;
}

 .justifyleft {
text-align:left;
}

.justifyright  {
text-align:right;
}

.justify
{
text-align:justify;

}

.clear {clear:both;}

 #footer {
    background: url("/assets/images/footer.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 42px;
    margin: 0 auto;
    width: 988px;
} 

    /* .B_crumbBox        Span that surrounds all crumb output
    // .B_hideCrumb       Span surrounding the "..." if there are more crumbs than will be shown
    // .B_currentCrumb    Span or A tag surrounding the current crumb
    // .B_firstCrumb      Span that always surrounds the first crumb, whether it is "home" or not
    // .B_lastCrumb       Span surrounding last crumb, whether it is the current page or not
    // .B_crumb           Class given to each A tag surrounding the intermediate crumbs (not home, or hide) */
     


.B_crumbBox {margin:0px 8px 2px 8px;color:#fff; background:#919191; padding:2px 5px; }   
 

a.B_homeCrumb {  font-size:12px; color:#fff; text-decoration:underline;}
a.B_homeCrumb:hover {  font-size:12px; color:#fff; text-decoration:none;}

a.B_currentCrumb { font-size:12px; color:#fff; text-decoration:none;}
a.B_currentCrumb:hover {  font-size:12px; color:#fff; text-decoration:none;}

a.B_crumb { font-size:12px; color:#fff; text-decoration:underline;}
a.B_crumb:hover {  font-size:12px; color:#fff; text-decoration:none;}

 
.linia { position:relative; border-top:1px solid #ddd; height: 4px; margin:30px 0; }
 
#main #tekst ul {  padding-bottom:5px; margin-top:0px; margin-bottom:5px; padding-left:20px;margin-left: 15px; line-height:140%;}
#main #tekst ol {  padding-bottom:5px; margin-top:0px; margin-bottom:5px; padding-left:20px;margin-left: 15px; line-height:140%;}
#main #tekst ul li
{list-style-image: url(/assets/images/bullet_11x8.gif);
line-height: 150%;}

 #siteMap {
}
#siteMap ul {
    line-height: 140%;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 20px;
}
#siteMap ul li {
    list-style-type: decimal;
    margin: 5px 0;
}
#siteMap ul li ul li {
    list-style-type: square;
}
#siteMap ul li ul li ul li {
    list-style-type: circle;
}
#siteMap ul li a {
    text-transform: uppercase;
}
#siteMap ul li ul li a {
    font-style: italic;
    text-transform: initial;
}
#siteMap ul li ul li ul li a {
    font-style: normal;
    font-weight: bold;
    text-transform: initial;
}
#siteMap ul li ul li ul li ul li a {
    font-style: normal;
    font-weight: normal;
    text-transform: initial;
}


#main #content h1 {
    background: url("/assets/images/title_begin.gif") no-repeat scroll left center #004677;
    color: #FFFFFF;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    padding-left: 12px;
}
#main #content h2 {
    background: url("/assets/images/title_begin.gif") no-repeat scroll left center #004677;
    color: #FFFFFF;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
	width:606px;

    padding-left: 12px;
}

.error {
    color: #FF0000;
    font-weight: 600;
}


div.inhoud {
    margin-left: 6px;
    padding: 40px 120px 50px 0;
     
	font-size:11px;
	text-align:justify;
}


div.inhoud img.cien {
-webkit-box-shadow: 0 0 3px 2px #CFCFCF;
box-shadow: 0 0 3px 2px #CFCFCF;    
}

div.inhoud p {
    margin: 0 0 25px 0;
}

.tablescroll_head p {padding:0px;}

#sub_mast h1 { font-size: 14px;}
 nav {display: none;}

 
#holder {width: 100%; margin: 0; height: auto; background: none !important;}

div.inhoud {    margin: 0; padding: 0;
    text-align: justify;}
nav {

  margin: 0;

  padding: 0;

 

}

#main #content {width: 800px;}

 



nav:after {

  content: "";

  display: table;

  clear: both;

}



nav ul {

     /* float: right; */

    padding: 0;

    margin: 0 8px;

    /* width: 97%; */

    /* display: block; */

    list-style: none;

    position: relative;

}



nav ul li {

  margin: 0px;

  display: inline-block;

  float: left;

  background-color: #919191;

}



nav a {

  display: block;

  padding: 0 20px;

  color: #FFF;

  font-size: 20px;

  line-height: 50px;

  text-decoration: none;

}



nav ul li ul li:hover { background: #000000; }



nav a:hover { background-color: #000000; color:#fff; text-decoration: none;}



nav ul ul {

  display: none;

  position: absolute;

  top: 60px;

}



nav ul li:hover > ul { display: inherit; }



nav ul ul li {

  width: 170px;

  float: none;

  display: list-item;

  position: relative;

}



nav ul ul ul li {

  position: relative;

  top: -60px;

  left: 170px;

}





@media only screen  and (max-width:995px) {  



 .menu-wrapper{display: none;}



 table, thead, tbody, th, td, tr { 

        display: block; 



    }
 


     table    td  { 

        width: 100% !important;height: auto!important;



    }

 




 table  {height: auto!important; width: 96%!important;     padding: 10px!important;  }

 
input, textarea {width: 97%}
.tablescroll_wrapper {width: 100%!important}
  nav {display: block;}

 #topbar {padding: 0; width: 100%}

 

 body{font-size: 15px;}

 div.inhoud {padding: 6px !important;     font-size: 15px; text-align: left;}

iframe{width: 95%!important;height: auto!important; }


body {background-color: #fff!important;}
#container{width: 100%; background: #fff!important; padding: 0!important;}
#navigatie {display: none;}
#mast, #masthome {height: auto; margin: 0!important;}
#kol3 {position: relative; top:auto; left: auto; width:auto;}
nav { margin: 0; }
#footer {width: 100%}
#header {height: auto!important; text-align: center!important;
}


.cycle-slideshow img {width: 100% !important}
#header div {position: relative!important; top:auto!important;  left:auto!important; }
#slideshow {width: 100%!important}
 .toggle, [id^=drop] {

    display: none;

}
h4 {margin:10px 0}
h4 strong img {float: left; margin: 0;}
#sub_mast {margin: 0;height: 200px}
#sub_mast img {width: 100%; height: auto; padding: 0; }
.toggle + a,
#Ceka-Preci-Line{margin: 0;}
 .menu { display: none; }

#kol3 td img {width: 100%;
    height: auto;}
#kol3 ul {margin: 0}
#copy {background: none; margin: 0;}
#footer {background: none;}
#kol3 ul li {margin: 0; padding: 0; width: 100%!important }
.toggle {

display: block;

    background-color: #919191;

    /* padding: 0 20px; */

    color: #FFF;

    margin: 5px 8px;

    font-size: 18px;

    line-height: 40px;

    text-decoration: none;

    border: none;

    text-align: center;

}



.toggle:hover { background-color: #000000; }



[id^=drop]:checked + ul { display: block; }



nav ul li {

  display: block;

  width: 100%;

}



nav ul ul .toggle,

 nav ul ul a { padding: 0 40px; }



nav ul ul ul a { padding: 0 80px; }



nav a:hover,

 nav ul ul ul a { background-color: #000000; }



nav ul li ul li .toggle,

 nav ul ul a { background-color: #212121; }



nav ul ul {

  float: none;

  position: static;

  color: #ffffff;

}



nav ul ul li:hover > ul,

nav ul li:hover > ul { display: none; }



nav ul ul li {

  display: block;

  width: 100%;

}



nav ul ul ul li { position: static;



}









}