/*
Theme Name: DerksIT
Theme URI: http://xlteam.nl
Author: XLTeam
Author URI: http://xlteam.nl/
Description: DerksIT website template
Version: 1.0
License: Private template
License URI: license.txt
Tags: Tags
*/

/* CSS Document */
html, body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	background-image: url(images/bgnoise.gif);
	background-repeat: repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414244;
}

img{
	border: none;
}

a:link{color: #b2b5ba; text-decoration:none} 
a:visited{color: #b2b5ba; text-decoration:none} 
a:hover{color: #414244; }

#main{
	width: 900px;
	height: auto;
	position:relative;
	margin: auto;
}

.divider{
	width: 900px;
	height: 1px;
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#header{
	width: 900px;
	height: 200px;
	position: fixed;
	background-image: url(images/bgnoise.gif);
	background-repeat: repeat;
	background-color: #FFF;
	z-index: 1000;
}

#logo{
	width: 140px;
	height: 42px;
	position: absolute;
	top: 79px;
}

#nav{
	width: 457px;
	height: 34px;
	position:absolute;
	right: 0px;
	top: 92px;
}

#nav1{
	width: 457px;
	height: 34px;
	position:relative;
	margin-top: 10px;
}

#title{
	width: 900px;
	
	margin-top:160px;
	text-transform: uppercase;
	
}

/* navigation */

    #nav-example {
    width:517px;
    height:14px;
    margin:0;
    padding:0;
	text-transform:uppercase;
	font-size: 14px;
    }

    #nav-example li, #nav-example a {
    height:13px;
    display:block;
    }

    #nav-example li {
    float:left;
    margin-left:10px;
    list-style:none;
    display:inline;
    }

    #nav-example-01 {
    width: 47px;
    }
    #nav-example-02 {width: 68px; margin-left: 23px;}
    #nav-example-03 {width: 80px;margin-left: 23px;}
    #nav-example-04 {width: 98px;margin-left: 23px;}
	#nav-example-05 {width: 67px;margin-left: 23px;}
	
	#nav-example-06 {width: 100px;}
    #nav-example-07 {width: 87px;margin-left: 23px;}
    #nav-example-08 {width: 67px;margin-left: 23px;}
	#nav-example-09 {width: 62px;margin-left: 23px;}

    #nav-example-01 a:link {color: #414244; text-decoration:none; }
    #nav-example-02 a:link {color: #414244; text-decoration:none; }
    #nav-example-03 a:link {color: #414244; text-decoration:none; }
    #nav-example-04 a:link {color: #414244; text-decoration:none; }
	#nav-example-05 a:link {color: #414244; text-decoration:none; }
	
	#nav-example-06 a:link {color: #414244; text-decoration:none; font-weight:bold }
    #nav-example-07 a:link {color: #414244; text-decoration:none; font-weight:bold}
    #nav-example-08 a:link {color: #414244; text-decoration:none; font-weight:bold}
	#nav-example-09 a:link {color: #414244; text-decoration:none; font-weight:bold}
	
	#nav-example-01 a:visited {color: #414244; text-decoration:none; }
    #nav-example-02 a:visited {color: #414244; text-decoration:none; }
    #nav-example-03 a:visited {color: #414244; text-decoration:none; }
    #nav-example-04 a:visited {color: #414244; text-decoration:none; }
	#nav-example-05 a:visited {color: #414244; text-decoration:none; }
	
	#nav-example-06 a:visited {color: #414244; text-decoration:none; }
    #nav-example-07 a:visited {color: #414244; text-decoration:none; }
    #nav-example-08 a:visited {color: #414244; text-decoration:none; }
	#nav-example-09 a:visited {color: #414244; text-decoration:none; }
	
	#nav-example-01 a:hover {color: #b2b5ba }
    #nav-example-02 a:hover {color: #b2b5ba }
    #nav-example-03 a:hover {color: #b2b5ba }
    #nav-example-04 a:hover {color: #b2b5ba }
	#nav-example-05 a:hover {color: #b2b5ba }
	
	#nav-example-06 a:hover {color: #b2b5ba }
    #nav-example-07 a:hover {color: #b2b5ba }
    #nav-example-08 a:hover {color: #b2b5ba }
	#nav-example-09 a:hover {color: #b2b5ba }
	
	#nav-example-01 a.selected {color: #b2b5ba; text-decoration:none; }
    #nav-example-02 a.selected {color: #b2b5ba; text-decoration:none; }
    #nav-example-03 a.selected {color: #b2b5ba; text-decoration:none; }
    #nav-example-04 a.selected {color: #b2b5ba; text-decoration:none; }
	#nav-example-05 a.selected {color: #b2b5ba; text-decoration:none; }
	
	#nav-example-06 a.selected {color: #b2b5ba; text-decoration:none; }
    #nav-example-07 a.selected {color: #b2b5ba; text-decoration:none; }
    #nav-example-08 a.selected {color: #b2b5ba; text-decoration:none; }
	#nav-example-09 a.selected {color: #b2b5ba; text-decoration:none; }

	
	/** @JDS - does not exist
	a.more {background-image:url(img/maimult.png);}
	*/

/* navigation */

#content{
	width: 900px;
	height: auto;
	position: relative;
}

#slidewrapper{
	width: 900px;
	height: 560px;
	position: relative;
	background-repeat: no-repeat;
	padding-top: 200px;
}

#wrapper{
	width: 900px;
	height: 560px;
	position: relative;
	padding-top: 200px;
}

#slidewrapper1{
	width: 900px;
	height: 560px;
	position: relative;
	background-image:url(images/slide2.png);
	background-repeat: no-repeat;
}

#slidewrapper1 span{
	display: none;
}



#slidewrapper2{
	width: 900px;
	height: 560px;
	position: relative;
	background-repeat: no-repeat;
}

#slidewrapper3{
	width: 900px;
	height: 150px;
	position: relative;
	background-repeat: no-repeat;
}

#dots{
	width: 14px;
	height: 540px;
	position: absolute;
	background-image:url(images/dots.png);
	left: 802px;
	top: 13px;
}

#services{
	width: 900px;
	height: 400px;
	position:relative;
	border: 1px solid #d3d6db;
	margin-top: 20px;
}

.column1{
	width: 355px;
	height: 400px;
	float: left;
	position: relative;
}

.column2{
	width: 490px;
	height: 400px;
	float: left;
	position: relative;
	margin-left: 30px;
	padding-right: 15px;
}

.button{
	width: 88px;
	height: 88px;
	position:absolute;
	left: 767px;
	top: 667px;
}

#cookie-notice .button{
	width: auto;
	height: auto;;
	position: inherit;
	left: auto;
	top: auto;
}

.button1{
	width: 88px;
	height: 88px;
	position:absolute;
	left: 0px;
	top: 425px;
}

#upbut{
	width: 67px;
	height: 15px;
	position: absolute;
	left: 723px;
	top: 14px;
}





h1{
	width: 900px;
	height: 18px;
	background-image: url(images/services.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
}

h2{
	
	width: 900px;
	height: 18px;
	background-image: url(images/portfolio.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3{
	width: 900px;
	height: 18px;
	background-image: url(images/testimonials.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4{
	width: 900px;
	height: 18px;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
}


h1 span{ display: none}
h2 span{ display: none}
h3 span{ display: none}
h4 span{ display: none}

p{
	line-height: 20px;
}

.product{
	width: 255px;
	height: 210px;
	float: left;
	margin-right: 45px;
	margin-bottom: 30px;
	font-size: 12px;
	font-weight:bold;
}

.product span{
	font-size:10px;
	font-weight:normal;
}

.product img{
	border: 1px solid #b2b5ba;
	margin-bottom: 7px;
}

.test{
	width: 430px;
	height: 136px;
	background-repeat: no-repeat;
	float:left;
	margin-right: 20px;
}

.testtext{
	width: 265px;
	height: 120px;
	float:left;
	font-style:italic;
	clear: right;
	line-height: 20px;
	margin-left: 5px;
}

.testtext p{
	margin-top: 10px;
	margin-bottom: 0px;
}

.normal{
	font-style: normal;
	font-weight: bold;
}

.testquote{
	width: 19px;
	height: 120px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	float: left;
	margin-left: 15px;
}

.testimg{
	width: 120px;
	height: 120px;
	float: left;
	border: 1px solid #b2b5ba;
	
}

.space{
	width: 900px;
	height: 20px;
	clear:both;
}

#contact{
	width: 600px;
	height:auto;
	position:relative;
	float:left;
}

#contact_col{
	width: 250px;
	height:auto;
	position: relative;
	float: left;
	margin-left: 49px;
}

#contact p{
	margin-top: 0px;
	margin-bottom: 20px;
}

#contact_col p{
	margin-top: 0px;
	margin-bottom: 20px;
}

h5{
	font-size: 18px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom: 20px;
}

#ajax_form {width:410px;font-family:verdana,arial;font-size:12px}
#col2 td{font-family:verdana,arial;font-size:12px}
#ajax_form_header {font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size: 16px;text-align:left;margin-top: 43px;text-indent: 28px;color: #ccdd66;}
#returned_value{font-family:verdana,arial;text-align:center;font-size:12px;color:#000000}
#go {border:1px solid #CCCCCC;background:#FFF}



/* wp style*/

.tab_container{
	padding-left: 5px;
	width: 885px;
	height: 420px;
	position:relative;
	border: 1px solid #d3d6db;
	margin-top: 20px;
	
}

.tabs {
    width:517px;
    height:14px;
    margin:0;
    padding:0;
	text-transform:uppercase;
	font-size: 14px;
    }
    
.tabs li, .tabs a {
    height:13px;
    display:block;
    
    }
    
    .tabs li {
    float:left;
    list-style:none;
    display:inline;
    margin-right: 10px;
    }
    
.tab_content{
	display: block;
	width: auto;
	height: auto;
	float: left;
	position: relative;
	padding-right: 15px;
	
}

.tab_content img{
	margin-right: 10px;
	float: left;
	position:relative;
	
	
	
}

.tab_content img a{
	float: left;
	
}


/******************************************************************************
 *	@JDS
 */
@font-face {
	font-family:'Fette Engschrift Web';
	src:url('//www.derks.it/wp-content/themes/derksit/fonts/FetteEngschrift.eot');
	src:local('Fette Engschrift Web'),
		url('//www.derks.it/wp-content/themes/derksit/fonts/FetteEngschrift.woff') format('woff'),
		url('//www.derks.it/wp-content/themes/derksit/fonts/FetteEngschrift.ttf') format('truetype'),
		url('//www.derks.it/wp-content/themes/derksit/fonts/FetteEngschrift.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-variant:normal;
}
html {
	overflow-y: scroll;
}
/*
body {
	background-attachment:fixed;
}
*/
#header {
	width:100%;
	height:200px;
	position:relative;
}
#header-content {
	position:relative;
	height:200px;
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
body.page-home #header {
	position:fixed;
}
#header #nav .current-menu-item a {
	color:#414244;
}
#logo {
	top:70px;
	width:auto;
	height:auto;
}
#header #tagline {
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	font-size:1.5em;
	letter-spacing:0;
	font-weight:000;
	text-transform:uppercase;
	white-space:nowrap;
	position:relative;
	margin-top:20px;
	width:900px;
}
#tagline span {
	display:inline;
	vertical-align:top;
}
#tagline strong {
	font-size:2em;
	font-weight:normal;
	position:absolute;
	bottom:80px;
	right:0;
}

#header h1 {
	color:transparent;
	background-image:none;
}
#title {
	display:none;
}

#header #flags {
	position:absolute;
	right:3px;
	top:3px;
	width:88px;
}
#flags ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#flags li {
	margin:2px;
	float:left;
}
#nav {
	width:auto;
	height:14px;
}
#nav-example {
	width:auto;
}
#wrapper {
	height:auto;
	padding-top:0px;
}
body.page-home #wrapper {
	padding-top:200px;
}
#footer {
	height:20px;
	margin-top:30px;
	text-align:center;
	clear:both;
	width:100%;
	position:relative;
}
#footer #copyright {
	position:relative
	margin-left:auto;
	margin-right:auto;
}
#footer-navigation {
	position:absolute;
	bottom:3px;
	left:3px;
	text-align:left;
	width:auto;
}
#footer-navigation ul {
	margin:0;
	padding-left:0;
	list-style-type:none;
	text-transform:uppercase;
	font-size:0.9em;
}
#footer-navigation li {
	float:left;
	margin-left:3px;
}
#footer-navigation .current-menu-item a {
	color:#414244;
}
#footer-navigation #navigation {
	padding-left:0px;
}
h1, h2, h3, h4, h5, h6 {
	background:none;
}

/**
 *	Sticky Footer by Ryan Fait
 *	http://ryanfait.com/sticky-footer/
 */
#page-wrapper {
	min-height:100%;
	height:auto !important;	/* min-height hack for IE */
	height:100%;				/* min-height hack for IE */
	margin:0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
#page-wrapper .push {
	height:50px; /* .push must be the same height as #footer */
	clear:both;
}


/**
 * 	Cookie Consent
 */
#cookieChoiceInfo.cookie-choices-info {
	padding:0;
	top:149px;
}
#cookieChoiceInfo.cookie-choices-info .cookie-choices-text {
	font-size:14.73px;
	width:720px;
	margin:10px 0;
}


/**
 *	Tabs
 */
.tab_container {
	padding-left:0px;
	height:400px;
}
.tab_content p {
	margin-left:370px;
}
.tab_content p img {
	position:absolute;
	top:0;
	left:0;
}

/** Home page */
.slidetext {
	font-size:100px;
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	line-height:90px;
	position:absolute;
	color:#b2b5ba;
}
.slidetext strong {
	color:#414244;
	font-weight:normal;
}
.slidetext em {
	color:#dcec51;
	font-style:normal;
}
#slidewrapper .slidetext {
	left:132px;
	top:197px;
}
#slidewrapper1 .slidetext {
	left:118px;
	top:92px;
	line-height:80px;
	font-size:85px;
}
body.lang-ro #slidewrapper1 .slidetext {
	font-size:80px;
}
#slidewrapper1 .slidetext strong {
	font-size:100px;
	line-height:90px;
}
#slidewrapper1 .slideup {
	font-size:20px;
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	color:#414244;
}
#slidewrapper3 {
	min-height: 1024px;
	height: auto !important;	/* min-height hack for IE */
	height: 1024px;				/* min-height hack for IE */
}

.slidebutton {
	font-size:22px;
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	color:white;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	line-height:25px;
	text-align:center;
	background:url(images/homebutton.png) no-repeat;
	padding:17px 0 17px;
}

#upbut {
	width:auto;
	white-space:nowrap;
	padding-top:213px;
	margin-top:-213px;
	right:110px;
	left:auto;
}

/** Services page */
.jcarousel {
	position: relative;
	overflow: hidden;
}

.jcarousel ul {
	width: 2694px;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {
	float: left;
}
#carousel-circular {
	width:898px;
	height:400px;
	border: 1px solid #D3D6DB;
}
#carousel-circular ul.carousel {
	position:relative;
	margin:0;
	padding:0;
}
#carousel-circular ul.carousel li {
	width:898px !important;
	height:400px;
	Xpadding-right:30px;
	Xpadding-left:30px;
	list-style-type:none;
	position:relative;
}
#carousel-circular ul.carousel ul {
	width:463px;
	list-style-type:disc;
	position:relative;
	margin:0;
	padding:0;
}
#carousel-circular ul.carousel li ul li {
	width:443px !important;
    margin-left:20px;
	margin-bottom:5px;
	height:auto;;
	list-style-type:disc;
	font-size:1.2em;
	line-height:1.3em;
}
#carousel-circular .image {
	display:block;
	width:385px;
	height:400px;
	overflow:hidden;
	Xmargin-left:-30px;
}
#carousel-circular img.left {
	float:left;
	Xmargin-left:-30px;
}
#carousel-circular .image-right {
	display:block;
	z-index:1;
	background-color:#dcec51;
	position:absolute;
	left:355px;
	width:30px;
	height:400px;
}
#carousel-circular .title-wrapper {
	position:relative;
	top:-160px;
	Xmargin-left:-30px;
	width:355px;
	height:160px;
}
#carousel-circular .title-background {
	background-color:white;
	filter:alpha(opacity=75); /* IE */
	-moz-opacity:0.75; /* Mozilla */
	opacity:0.75; /* CSS3 */
	width:375px;
	height:180px;
}
#carousel-circular .title {
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	position:absolute;
	top:25px;
	left:25px;
	width:320px;
	font-size:6em;
	text-transform:uppercase;
	line-height:0.8em;
	z-index:1;
	letter-spacing:-3px;
	word-break:break-all;
}
#carousel-circular .text {
	height:360px;
	padding:20px 30px 20px 20px;
	width:463px;
	position:relative;
	top:-560px;
	left:385px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}
#carousel-circular p {
	margin:20px 10px 20px 0;
	font-size:1.2em;
}
#carousel-next,
#carousel-prev {
	position:absolute;
	cursor:pointer;
	top:150px;
	left:5px;
	width:24px;
	height:24px;
	background:url(images/left.png) no-repeat;
}
#carousel-next {
	left:auto;
	right:5px;
	background:url(images/right.png) no-repeat;
}
#carousel-navigation ul {
	width:auto;
	margin-top:3px;
}
#carousel-navigation .current {
	color:#414244;
}
#nav-tabs {
	width:auto;
	height:34px;
	position:relative;
	margin-top:10px;
}

/** Contact page */
#contact form input[type="text"]#website {
	display: none;
}
#contact form tr {
	vertical-align:top;
}
#contact form label.label {
	margin-top:5px;
	display:block;
}
#contact h6 {
	font-size:1.2em;
}
address {
	font-style: normal;
	font-weight: normal;
}

/** Clients page */
.page-klanten .references a {
	background:none;
/*
    position:absolute;
	top:50%;
	margin-top:-60px;
	margin-left:auto;
	margin-right:auto;
*/
}
.references .reference {
	width:225px;
	height:120px;
	text-align:center;
	margin:10px 0;
/*
	float:left;
	position:relative;
*/
}
.page-klanten .reference img {
}

/** Testimonials page */
.test {
	min-height:136px;
	height:auto !important;	/* min-height hack for IE */
	height:136px;			/* min-height hack for IE */
}
.testtext {
	min-height:120px;
	height:auto !important;	/* min-height hack for IE */
	height:120px;			/* min-height hack for IE */
}
.testimg {
	overflow:hidden;
}

/** Trojan scan page */
.code {
	font-style:italic;
	font-family: 'Courier New',Courier,monospace;
	font-size:12px;
}

/** Beveiliging */
.page-beveiliging p {
	width:70%;
}

/**
 *	Miscellaneous
 */
.error {
	color:red;
}

.fette {
	font-family:"Fette Engschift","Fette Engschrift Web",Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
}

.clear {
	clear:both;
}