#slider {
display:none;
}

@charset "utf-8";

html, body, div, form, ul, input, textarea, dl, dt, dd, table, tr, td, li, h1, h2, h3, h4, h5, h6, p, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

body {
	background: url(https://www.com4tec.nl/images/Com4tec-achtergrond.png) repeat-x #f1f1f1 top;	
	overflow: -moz-scrollbars-vertical;
}

blockquote {
	font-style: oblique;
	color: white;
	text-align:center;
}

.klein {
font-size: 9px;
}

.groot {
font-size: 18px;
}

a {
color: #f36522;
}



div#content a {
font-weight: bold;
}

a:hover {
color: #333333;
}


.bqstart {
     float: left;
     height: 45px;
     margin-top: -30px;
     font-size: 700%;
margin-right: 10px;
 }

.clear {
clear: both;
}


 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     margin-top: -10px;
     font-size: 700%;
margin-left: 10px;
 }

div#layoutcontainer {

}

div#layout {
	width: 959px;
	margin: auto;	
	background: url(https://www.com4tec.nl/images/Com4tec-achtergrond-content.png)	repeat-y;
	position: relative;
}



div#logo {
	background: url(https://www.com4tec.nl/images/logo.png) no-repeat;
	height: 104px;
	width: 358px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

div#logo a {
	height: 104px;
	width: 358px;
	display: block;

}

div#slogan {
	float: right;
	width: 550px;	
	margin-right: 20px;
	margin-top: 30px;
}

div#headercontainer {
	height: 132px;
	width: 100%;
	background-color: #949599;	
}

div#header {
	width: 960px;
	margin: auto;		
}

div#menucontainer {
	height: 45px;
	width: 100%;
	background: url(https://www.com4tec.nl/images/menu_back.png) repeat-x;
}

div#menu {
	width: 960px;
	height: 45px;
	margin: auto;	
}

.catnav{
list-style-type: none;
margin:0;
z-index: 4;
}

.catnav_wrapper{
z-index: 4;
}

.catnav li a{
display:block;
float:left;
width: 132px;
border: none;
text-decoration: none;
outline: none;
min-height:30px;
height: 40px;
text-transform: uppercase;
text-decoration: none;
padding-left: 20px;
padding-top: 5px;
}


.catnav li a strong{
display:block;
font-weight: bold;
font-size: 18px;
color: #949599;
}

.catnav li a span{
display:block;
font-size: 11px;
color: #949599;
}

.catnav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:5;
}


.catnav ul a{
line-height:29px;
font-size: 12px;
cursor: pointer;
}

.catnav li{
float:left;
position:relative;
z-index:20;
margin-top:0;
}

.catnav li li{
border-right:none;
margin-top:0;
background-color: #333333;
width: 300px;

}

.catnav ul {
display:none;
position:absolute;
top:45px;
}

.catnav li ul a{
height:auto;
float:left;
text-align:left;
padding:0 10px;
width: 300px;
color: #949599;
text-transform:none;

}

.catnav ul ul{
top:auto;
border-top:none;
}	

.catnav li ul ul {
left:171px;
top:-1px;
}

.catnav li:hover ul ul, .catnav li:hover ul ul ul, .catnav li:hover ul ul ul ul{
display:none;	
}
.catnav li:hover ul, .catnav li li:hover ul, .catnav li li li:hover ul, .catnav li li li li:hover ul{
display:block;
}

.catnav li ul a{
border-top:none;
}

.catnav .noborder, .catnav .noborder a{
border:none;
}




div#menu li a:hover strong, div#menu li a:hover span, div#menu li li a:hover {
	color: white;
}

div#menu li.special {
	background: url(https://www.com4tec.nl/images/menu_special_back.png) repeat-x;
}

div#menu li > a {
	background: url(https://www.com4tec.nl/images/menu_left.png) no-repeat;
}

div#menu li > a:hover {
	background: url(https://www.com4tec.nl/images/menu_left_hover.png) no-repeat;
}

div#menu li li a {
	background: none;
	border-left: 2px solid #262626;
}

div#menu li li a:hover {
	background: none;
	border-left: 2px solid #95969a;
}

div#menu li.special > a {
	background: url(https://www.com4tec.nl/images/menu_special_left.png) no-repeat;
	margin-right: 0;
	width: 200px;
	text-align: center;
	padding-left: 0;
}

div#menu li.special > a strong  {
	color: white;	
	
}

div#menu li.special > a span {
	color: #d1d2d4;	
}

div#menu li.active a strong {
	color: #f36522;
}

div#menu li.active a span {
	color: white;
}

div#menu li.active li.active a strong {
	color: #949599;
}

div#menu li.special a.active *{
	color: white;
}

div#sliderwrap {
	height: 60px;	
	background-color: #ebebeb;
	width: 100%;
margin-bottom: 10px;
}

div#slider {
	height: 60px;
	background-color: #ebebeb;
	position: absolute;
	left: 100px;
}

#prevBtn {
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}

#nextBtn {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}

#prevBtn a {
	background: url(https://www.com4tec.nl/images/arrow_left.png) no-repeat;
	width: 58px;
padding-top: 7px;
	height: 22px;
	display: block;
	z-index:10;
color: white;
text-decoration: none;
padding-left: 20px;
}

#nextBtn a {
	width: 46px;
	height: 29px;
	background: url(https://www.com4tec.nl/images/arrow_right.png) no-repeat;
	display: block;
}

#prevBtn a:hover {
	background: url(https://www.com4tec.nl/images/arrow_left_hover.png) no-repeat;
color: #333;
}

#nextBtn a:hover {
	background: url(https://www.com4tec.nl/images/arrow_right_hover.png) no-repeat;
}

div#slider ul li {
	font-size: 16px;
padding-top: 20px;
	color: #666666;
	text-align: center;
font-weight: bold;
}


div#faq_button {
	margin-top: 14px;
	margin-right: 30px;
	float: right;
}

div#faq_button a {
	font-size: 12px;
	width: 143px;
	height: 25px;
	background: url(https://www.com4tec.nl/images/faq_button.png) no-repeat;
	display: block;
	color: #f1f1f1;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
}

div#faq_button a:hover {
	background: url(https://www.com4tec.nl/images/faq_button_hover.png) no-repeat;
	text-decoration: underline;
}

div#contentwrap {
	background: url(https://www.com4tec.nl/images/Com4tec-achtergrond-content.png)	repeat-y;
}

div#content {
	padding: 15px;	
	padding-top: 0px;
	width: 568px;
	float: left;

}

div#content ul {
margin-left: 20px;
}
div#content ul ul {
margin-left: 20px;
}
div#content ul li {

}

div#content dd, div#content p, div#content ul, .contentcolumn p{
	margin-bottom: 10px;
}

.contentcolumn p span.ui-icon-triangle-1-s {
background: none!important;
}

div#content dd, div#content p, div#content li, .contentcolumn p, .contentcolumn li {
	font-size: 12px;
	color: #333333;
	line-height: 1.6em;
}

h1 {
	font-size: 18px;
	/*text-transform: uppercase;*/
	color: #f36522;
	margin-bottom: 7px;
}

h2, h2 * {
	font-size: 14px;
	color: #f36522;
	margin-bottom: 5px;
	clear: both;
}

div#content h2 {
	margin-bottom: 10px;
}

.contentcolumn p {
	font-style: oblique;	
}

div.contentcolumn span.ui-icon {
float: right;
width: 16px;
height: 16px;
background: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_454545_256x240.png) no-repeat;
}

div.contentcolumn span.ui-icon-triangle-1-s {
background-position: -64px -16px;
}

div.contentcolumn span.ui-icon-triangle-1-e {
background-position: -96px -16px;
}

div.contentcolumn {
	float: left;
	width: 165px;
	padding-left: 15px;
	padding-top: 0px;
}

div#content dl.half{
	float: left;
	width: 45%;
margin-right: 15px;
}

div#content dt{
	text-align: left;
	font-weight: bold;
}

div#content dd{
	text-align: left;
	margin-bottom: 10px;
	font-style: oblique;	
	margin-left: 20px;
}

div#content img {
margin-right: 10px;
margin-bottom: 5px;
}

div#contentcolumn2 {
}

div#cleardiv {
	clear: both;
	height: 62px;	
	background-color: #f1f1f1;	

}

div#footerwrap {
	background-color: #333333;
	height: 37px;	
	position: fixed;
	bottom: 0px;
	width: 100%;
	

}

div#footer {
	height: 37px;	
	width: 959px;
	margin: auto;

}

div#footer p {
	float: left;
	color: #626262;
	padding-top: 11px;
	text-align: center;
	width: 585px;
}

div#footer a {
	color: #626262;
}

div#footer a:hover {
color: #f36522;
}

div#specialfooter {
	height: 37px;	
	width: 328px;
	margin: auto;
	background-color: #4a4545;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}

div#specialfooter p, div#specialfooter a {
	font-size: 14px;
	width: 100%;
	text-align: center;	
	color: #ebebeb;
}



div#content div.floating {
	float: left;
	width: 48%;
	margin-bottom: 10px;
margin-right: 10px;

}


div.contactform div {
width: 45%;
float: left;
margin: 5px;
}

div.contactform div label {
width: 35%;
display: block;
float: left;
}

div.contactform div input {
width: 63%;
display: block;
float: left;
}

div.contactform div.bericht {
width: 94%;
display: block;
clear: both;
}

div.contactform div.bericht textarea{
width: 95%;
display: block;
clear: both;
padding: 5px;
}

div.contactform div.captcha img {
width: 95%;
height: 40px;
}

div.contactform div.captcha input {
width: 95%;
}


div.contactform div.submit input {
width: 95%;
height: 40px;
}

li span.vraag {

}

li span.antwoord {
color: #f36522;
display:none;
}


a.knop_groot {
padding-top: 9px;
height: 24px;
display: block;
width: 195px;
text-align: center;
color: white;
text-decoration: none;
	background: url(https://www.com4tec.nl/images/knop_groot.png) no-repeat;
}

a.knop_middel {
display: block;
width: 156px;
padding-top: 9px;
height: 24px;
color: white;
text-align: center;
text-decoration: none;
	background: url(https://www.com4tec.nl/images/knop_middel.png) no-repeat;
}

a.knop_klein {
display: block;
width: 115px;
text-align: center;
padding-top: 9px;
height: 24px;
color: white;
text-decoration: none;
	background: url(https://www.com4tec.nl/images/knop_klein.png) no-repeat;
}

a.knop_groot:hover {
text-decoration: underline;
	background: url(https://www.com4tec.nl/images/knop_groot_hover.png) no-repeat;
}

a.knop_middel:hover {
text-decoration: underline;
	background: url(https://www.com4tec.nl/images/knop_middel_hover.png) no-repeat;
}

a.knop_klein:hover {
text-decoration: underline;
	background: url(https://www.com4tec.nl/images/knop_klein_hover.png) no-repeat;
}
/* Stylesheet: com4tec Modified On 2024-10-29 09:27:39 */
/*Featuread Area*/
#featured, .featured, .fadeout, .newsselect {
	height:280px; 			/* 320px; this changes the height of the image slider*/
}
#feature_wrap {
	width:959px;
	position: relative;
}
#featured {
	position: relative;
	width:957px;
	overflow: hidden;
}
.featured {
	width:700px;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	display:none;
}
#top .feature_excerpt {
	width:660px;
	position: absolute;
	display: block;
	bottom: 0;
	left:0;
	z-index: 3;
	padding:10px 20px;
	font-size: 11.5px;
	line-height:1.5em;
	cursor: pointer;
}
/*accordion slider*/
.featured img {
	display:block;
	position: relative;
	z-index: 2;
}
#top .fadeout {
	position:absolute;
	width:200px;
	display:block;
	right:0px;
	z-index: 4;
}
#top .sliderheading {
	display:block;
	font-size: 24px;
	padding-bottom: 5px;
	font-weight: bold;
}

#top .heading_clone {
	position: absolute;
	z-index: 4;
	bottom:20px;
	left:20px;
	font-size: 14px;
	padding:0;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
}
.featured a, .featured a img, .featured img {
	text-decoration: none;
	border:none;
}
#top .featured1 {
	border:none;
	display: block;
}
.bottom_right_rounded_corner, .bottom_left_rounded_corner {
	position: absolute;
	z-index: 50;
	display: block;
	height:7px;
	width:7px;
	bottom:0px !important; /* ie6fix */
	left:0px;
	bottom:-1px;
}
#top .bottom_right_rounded_corner {
	right:0px !important; /* ie6fix */
	right:-1px;
	left:auto;
}





/*Featured Area*/

#featured{
border:1px solid #aaa;
border-top: 0;
}

.featured{
border-left:1px solid #aaa;  
background: #fff url(https://www.com4tec.nl/files/preload.gif) no-repeat center center;
}

.preloading_background{
background: transparent url(https://www.com4tec.nl/files/preload.gif) no-repeat 50% 50%;
}

#top .fadeout{
background: transparent url(https://www.com4tec.nl/files/overlay.png) repeat-y right top;
}

#top .feature_excerpt{
border-top:1px solid #eee;
}

.position_excerpt, #top #featured .feature_excerpt {
background:none repeat scroll 0 0 #FFFFFF;
}

#top #featured a{
color:#444;
}

#top .slidecontrolls span{
background:transparent url(https://www.com4tec.nl/files/slide_controlls.png) no-repeat top right;
}

#top .slidecontrolls .active_item, #top .slidecontrolls span:hover{
background:transparent url(https://www.com4tec.nl/files/slide_controlls.png) no-repeat top left;
}



/* Stylesheet: com4tec-presentation Modified On 2011-10-28 17:15:24 */
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:610px;
		height:60px;
		overflow:hidden; 
		}
	
/* // Easy Slider */
/* Stylesheet: com4tec-easyslider Modified On 2011-11-04 14:04:31 */