/* Start of CMSMS style sheet 'style' */
#NewsPostDetailPrintLink {
background-repeat:no-repeat;
background-image:url('http://www.e-mark.nl/img/cases/iconen/printer_icon.gif'); 
padding-left:20px;
}



#logo
{
              margin-left:6px;
}

#navigation
{
	clear: both;
             font-family: Arial, Verdana
             font-weight: normal;
             font-size: 11px;
}


#navigation li
{
	float: left;
	font-size: 12px;
	letter-spacing: 0px;
	text-transform: lowercase;
             background:url('img/menu-middle-line-left.jpg') no-repeat right 4px;
             z-index:1000;
}
#navigation li a
{
	padding: 4px 15px 0 15px;
             background:url('img/menu-middle-line.jpg') no-repeat -1px 4px;
}

#navigation li ul li a
{
             font-weight:normal;
}


#navigation li ul li ul li
{
	display: none;
}

#navigation a
{
	color: White;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#navigation ul ul
{
             filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}


#navigation li ul li
{
       border-bottom:1px #828282 solid;
}

#navigation li ul li, 
#navigation li ul li a:hover
{
             background-color:#656565;
	color: White;
	display: block;
}

#navigation li ul li a:hover
{
	
	background-color:#3d3d3d;
	color: White;
	display: block;
}

#navigation li ul li
{
	width: 180px;
}

#navigation li:hover a
{
	background-color:#656565;
	height: 22px;
             border-bottom:3px solid black;
             padding-bottom:4px;
}

#navigation li:hover ul li a
{
	padding:4px 8px 4px 15px;
             border-bottom:0;
}



#wrapper #navigation .clearfix a.activeparent strong,
#wrapper #navigation .clearfix a.currentpage strong
{
         padding-bottom:4px;
         border-bottom:4px solid #666666;
         display:block;
         height:18px;
}

#wrapper #navigation .clearfix a.activeparent:Hover  strong,
#wrapper #navigation .clearfix .currentpage:Hover strong
{
         border:0;      
}


#navigation strong
{
     color:white;
     font-weight:normal;
}

#navigation ul ul strong
{
     color:white;
     font-weight:normal;
 
}

/*--------------- DROP DOWN ---------------*/
ul li { list-style-type:none; position:relative; margin:0; padding-bottom:0px;}
ul ul {display: none;}
ul li:hover > ul { display:block; position:absolute; top:33px; left:0px; padding-top:0px}
/*--------------- /DROP DOWN ---------------*/

#home ul li,
#content ul li {
position:static;
list-style-type:disc;
}

#content ul ul {
display: block;
margin-left:40px;
padding-top:0px
}

#content ul li:hover > ul  {
position:static;
left:0;
top:0;
}



/*
menu rechts uitlijnen
*/
#mainMenu .clearfix li {list-style-type: none; display:inline;}
#mainMenu .clearfix li ul {display: none;}
#mainMenu ul.clearfix {
float: right;
width: 560px; 
}

.breadcrumbs, .currentclassid, .lastitem {
color:#666666;
font-family:Arial, Arial Narrow, Verdana;
font-size:12px;
font-weight:normal;
}

/*---------------------------CONTACT PAGINA-------------------------*/

table .contactformulieren {
font-family:Arial,Verdana; font-size:12px; color:#666;
}

/*---------------------------/CONTACT PAGINA-------------------------*/


/* iFrame */
#myframe { height: 450px;}

img { 
	behavior: url("pngbehavior.htc");
}

/*---------------------------PROJECT PAGINA-------------------------*/
.projecten-home img{border:5px solid #D0D0D0; padding:1px;}

.project-card {
display:block;
float: left;
margin-bottom:20px;
margin-right:25px;
vertical-align:top;
width:200px;
height: 300px;
}

.project-card h6 {margin-top:10px;}

/*---------------------------/PROJECT PAGINA-------------------------*/


/*---------------------------NEWS-------------------------*/

.NewsSummaryLink h1 {padding-bottom:20px;}

.NewsSummaryPostdate {padding-bottom:5px; padding-top:2px;}

#NewsPostDetailTitle {padding-bottom:15px; padding-top:5px;}

#NewsPostDetailDate
{
   padding-top:2px;
}

#NewsPostDetailSummary {margin-bottom:20px;}

.NewsSummaryLink a {color: black;}

/*---------------------------/NEWS-------------------------*/

*{margin:0; padding:0}

img{border:0}

body{font-family:Arial,Verdana;   font-size:12px; background:url('img/background_header.jpg') repeat-x top left #fff;  color:#666;}

a {color:#014E8A; text-decoration:underline; font-weight:bold}

a:hover{ text-decoration:underline}

#pageMenu #case-subnav ul {list-style-type: none;}

.column2{width:960px; float:left}
.column1{width:111px; float:left}

.clear{clear:both}

strong{
}

h1{font-family:Arial, Arial Narrow, Verdana; color:#000; font-size:32px; margin-bottom:6px;font-weight:normal;}

h1 a {color:#000;font-weight:normal;}

h2{color:#666; font-size:25px; font-family:Arial, Arial Narrow, Verdana; padding:0 0 11px 0px; border-bottom:1px solid #ccc; margin-top:10px; text-transform:uppercase;font-weight:normal; margin-left: 20px;}

h2.serviceheader { margin-left: 0; border: 0; font-size: 16px; font-weight: bold; }

.marginH2{margin-bottom:14px}
 
h3{font-size:35px; font-family:Arial, Arial Narrow,verdana; color:#666; margin-bottom:21px;font-weight:normal; }

h4{font-size:20px; font-family:Arial, Arial Narrow, Verdana; color:#666; margin-top:12px; margin-bottom:12px; font-weight:normal;}

h5{font-size:18px; font-family:Arial, Arial Narrow, Verdana; color:#000; margin-top:19px; margin-bottom: 6px;}

h6{font-size:16px; color:#666; font-weight:bold; font-family:Arial, Arial Narrow, Verdana; margin-bottom:10px}

ul, 
ol{line-height:22px; list-style-position:inside; margin-left:0px}
 
form{color:#333}

input, 
textarea{color:#666; font-family:Arial,Verdana; font-size:12px; padding:1px 0}

#glow{position:absolute; top:0; left:50%; width:557px; z-index:-10; margin-left:-590px}

#header{ width:960px; margin-left: auto; margin-right: auto; height:85px; padding-left:6px; background:url('img/background_header.jpg'); background-repeat: repeat-x;}

#wrapper{width:100%; margin:0 auto}

#home {margin-left: 20px;}

#header img{float:left}

#header .headerPart{float:left; text-align:right; font-family:Arial, Verdana}
#header #mainMenu{width:620px; float:left; margin-top:23px; text-transform: lowercase;}
/*#header #mainMenu{width:513px; float:left; margin-top:23px}*/
/*
#header #menu{width:500px; height:25px; margin-left:460px; }

*/

#header #menu a{font-weight: normal; font-size:11px;}

#header #menu a{color:#bfbfbf; padding:4px 8px 0 8px; text-decoration:none; float:right; color:#bfbfbf}

* html #header #menu a.item{margin-right:0px}

* html #header #menu a{ margin-right:-4px}

#header #menu a:Hover{text-decoration:underline}

#header #mainMenu a{
display:block; 
float:left; 
text-align:center; 
height:31px; 
text-decoration:none; 
padding-top:0px; 
margin-left:15px; 
margin-right:15px; 
padding-left:10px; 
padding-top:2px;

font-family:Arial Narrow,Arial,Verdana; 
font-size:17px; 
color:#fff;  
}

/*
#header #mainMenu a{display:block; height:31px; text-decoration:none; text-align:center; font-family:Arial Narrow,Arial,Verdana; font-size:17px; color:#fff;  float:right; padding-top:0px; margin-left:15px; margin-right:15px; padding-left:10px; padding-top:2px;}
*/

#header #mainMenu a.active{background:url('img/main_menu_background.gif') no-repeat; color:#000;}

#header #mainMenu a:hover { 
color: #fff; 
background: url('img/bg-nav.png'); 
-moz-border-radius: 6px; 
-khtml-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
padding-top:2px; 
padding-right:10px;
margin-right: 5px; 
height:27px; 
}

#header #mainMenu .currentpage, #header #mainMenu a.activeparent { 
color: #fff; 
background: url('img/bg-nav-active.png'); 
-moz-border-radius: 6px; 
-khtml-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
padding-top:2px; 
padding-right:10px;
margin-right: 5px; 
height:27px; 
}

#header #mainMenu #case-subnav a.select{color:red;}

/*#header #mainMenu a:hover{background:url('img/main_menu_background_hover.gif') no-repeat;  color:#fff}*/

/* Werkt niet in IE
#header #mainMenu a:hover {no-repeat;  color:#fff; height:26px; background: #7e7e7e url('img/round_nav_left.gif') left top no-repeat; padding-left:10px;}

#header #mainMenu a:hover span{no-repeat;  color:#fff; height:30px; background: #7e7e7e url('img/round_nav_right.gif') right top no-repeat; padding-right:10px; margin-right:-10px; padding-bottom:4px;}
*/

#main{width:960px; margin-left: auto; margin-right: auto;}

#main p{line-height:20px; color:#666; font-size:12px; margin-bottom:6px;}

#main .column2{padding-top:33px}

.bigTextBlock{margin:0 20px 36px 20px}

#main img.border{border:2px solid #d0d0d0; padding:1px}

#main img.borderBottom{border-bottom:4px solid #d0d0d0; margin-left: 20px;}



.caseBlock {padding:0 20px 20px 20px; border-bottom:2px solid #e3e3e3; width: 920px; margin-left:0px;}

.caseBlock .casePhoto{float:left; margin-right:20px; margin-top:20px}

.caseBlock img{float:left; margin-right:20px; margin-top:20px}

.caseBlock .caseMenu{float:left; width:40px; margin-top:50px; margin-left:30px;}

.caseBlock .caseMenu a.mail,  
.caseBlock .caseMenu a.radar, 
.caseBlock .caseMenu a.lab{display:block; width:69px; height:49px; background:url('img/icon/radar.gif')  no-repeat; margin-bottom:5px}
.caseBlock .caseMenu a.radar:hover{background:url('img/icon/radar_over.gif')  no-repeat}
.caseBlock .caseMenu a.mail{background:url('img/icon/mail.gif')  no-repeat}
.caseBlock .caseMenu a.mail:hover{background:url('img/icon/mail_over.gif')  no-repeat}
.caseBlock .caseMenu a.lab{background:url('img/icon/lab.gif') no-repeat}
.caseBlock .caseMenu a.lab:hover{background:url('img/icon/lab_over.gif') no-repeat}

.caseBlock .caseContent{float:left; width:346px; margin-right:2px; height:auto; overflow:hidden; margin-top:13px}

/*.caseBlock .caseContent{float:left; width:376px; margin-right:20px; height:auto; overflow:hidden; margin-top:13px}*/










.caseBlock .customer{font-family:Arial,Verdana; font-weight:bold; color:#333; font-size:13px}

.caseBlock .release{font-family:Arial,Verdana; font-weight:bold; color:#666; font-size:13px}



#caseImages{padding-top:5px; width:240px; float:left}

#caseImages img{margin-bottom:10px}

#content{width:400px; float:left; margin: -10px 40px 0 40px; line-height: 20px;}

#content-news{width:960; float:left; margin-left:20px; line-height: 20px;}

#pageMenu{width:220px; margin-left:4px; float:left; padding-top:5px}
  
.back, 
.next, 
.home{width:23px; height:23px; display:block; float:left; margin-right:4px}

.home{background:url('img/icons/home.gif') no-repeat}

.home:Hover{background:url('img/icons/home_hover.gif') no-repeat}

.back{background:url('img/icons/back.gif') no-repeat}

.back:Hover{background:url('img/icons/back_hover.gif') no-repeat}

.next{background:url('img/icons/next.gif') no-repeat}

.next:Hover{background:url('img/icons/next_hover.gif') no-repeat}

#pageMenu .menu{margin-left:16px}
 
#pageMenu .overview{font-family:Arial,Verdana; font-size:16px; font-weight:bold; padding-top:16px}

#pageMenu .overview .overviewBottom{border-bottom:1px solid #ccc; padding-bottom:12px; height:1px;}

#pageMenu .overview a{display:block; height:21px; padding-left:15px; text-decoration:none; color:#999}

#pageMenu .overview a.select{background:url('img/menu_next.gif') no-repeat 5px; color:#000}

#pageMenu .overview a:hover{color:#666666; background-color:#e4e4e4; background-image:none}

#main .thirdColumn{width:940px; margin-left:20px; margin-right:0; margin-top:10px; }

/*#main .thirdColumn{width:720px; margin-left:0}*/

#main .bottomTwoColumns{ height:1px; background-color:#e3e3e3; margin: 11px 0 20px 20px; font-size:1px; }

.twoColumns
{
wisth:920px;margin-left:20px;
}

#main .columnThree, 
#main .columnTwo, 
#main .columnOne
{
  width:460px; float:left; 
  padding:20px 0px 0 0px; 
  line-height: 20px;
}


#main .columnTwo, 
#main .columnOne
{
 padding:20px 0px 0 0px; 
}

#main .columnTwo
{
  padding-left:20px;
}


#main .special .columnThree, 
#main .special .columnTwo, 
#main .special .columnOne
{
  width:460px; float:left; 
  padding:20px 20px 0 20px; 
  line-height: 20px;
  margin-right:2px;
}

#main .special .columnTwo, 
#main .special .columnOne
{
 margin-right:4px;
}
 

#main .columnThree h1, #main .columnTwo h1, 
#main .columnOne h1{margin-bottom:20px;}

#main .columnOne img{margin:0 0 18px 0; width:434px}

#main .columnOne .row{width:430px}

#main .columnOne .contact,
#main .columnTwo .contact
{width:140px}
 
#main .oneColumn .column{padding:20px 20px 1px 20px}

#main .oneColumn h1{margin-bottom:0}

#main .formNames{width:180px}

#main .specialFormName {width:350px;}
#main .formFields{width:350px;}

#main .websiteadres input,
#main .emailDb input,
#main #different input,
#main .formFields input { width:160px; }

#main .formTop{vertical-align:top}

#main td{line-height:30px}

#main .formFields input{width:160px}

#main input, 
#main textarea{border:1px solid #ccc}

#main .send{background:url('img/send_btn.jpg') no-repeat; width:78px; height:26px; display:block; padding-left:8px; padding-top:3px; text-decoration:none; line-height:20px; color:#000; margin-top:14px}

.threeColumns{margin-top:20px}

.threeColumns h1{text-transform:uppercase}

.threeColumns .column{width:279px; float:left; padding:10px 20px; height:250px;}

.borderRight{border-right:1px solid #e5e5e5;}

.newsDepartment{text-transform:lowercase; font-weight:bold; background-color:#e3e3e3; display:inline; padding:2px 6px; float:left; margin:0px 11px 0 0}

#content .NewsSummary {width:900px; margin-left:0;}

.oneColumn .extraImage{float:left}

#main .twoThirdColumn .column{margin-top:22px}

#main .twoThirdColumn .columnTwo h1{margin-bottom:0}

#main .twoThirdColumn .columnTwo{width:668px}

.twoThirdColumn .columnTwo, 
.twoThirdColumn .column{padding-left:20px; float:left}

#footerWrapper{background:url("img/footerBackground.gif") repeat-x top; width:100%; margin-top:90px}

#footer{White; margin:0 auto; width:960px; height:193px; font-family:Arial,Verdana; font-size:13px; color:#fff; line-height:20px; background-image: url(img/footerBackground.gif); background-repeat: repeat-x;}

#footer a{color:#fff; text-decoration:none}

#footer a:hover{text-decoration:underline}

#footer .info{border-bottom:1px solid #6a6a6a; padding:41px 20px 19px 20px; }

#footer .copyright 
{
margin:0;
text-align:center;
font-weight:bold;
margin-top:19px;
}
.contact{width:245px; float:left}

.row{font-weight: normal; width:920px; margin-bottom:0px; color; White;}
.row a, .row p {font-weight: normal;}

footer .row 
{
margin:0;padding:0;
}

.logo img{float:right;}

.case-image{display:block; width:232px;}

.verplicht{font-weight:bold; font-size:15px; color:red; margin-left:5px;}

.error {
font-weight:bold; 
font-size:15px; 
color:red;
border:1px solid red;
background-color:#ffc;
padding: 20px;
width: 200px;
}

.marginTop
{
   height:26px;
}

#jobs .columnOneHeight
{
       height:175px;
       overflow:hidden;
}


#jobs .columnOne h1
{
 margin:0 0 6px 0;
 padding:0;
}

#jobs
{
 margin-top:-15px;
}


.marginLeft
{
 margin-left:20px;
}


#main .columnTwo .row,
#main .columnTwo .border
{width:420px}

.form_error {
font-weight:bold; 
font-size:15px; 
color:red;
margin: 0 0 20px 0;
line-height:25px;
}

/* contact column in project pagina */

#contactcolumn {
font-weight:normal; color:Black; font-size:12px; line-height:18px;
float:left;
width:160px;
}

#contactcolumn .submit input
{
     display:block;
     width:92px;
     height:40px;
     background:url(img/cases/submit.jpg) repeat-x;
     border:0;
     cursor:pointer;
}

#contactcolumn h4 {
font-size:16px;
}

#contactcolumn h5 {
font-size:16px; margin:0 0 10px 0 ;
}


#contactcolumn h6 {
color:Black; font-size:12px; margin-bottom:4px; margin-top:10px;
}

#main .kenDif,
#main #capt,
#main .websiteadres,
#main .emailDb,
#main #different
{
	display:none;
}


#main .offer
{
	vertical-align:top;
}

#main .emailDb 
{
	line-height:18px;
}

.error_message
{
             margin-top:20px;
}

.error_message ul li
{
             color:red;
             list-style-position:outside;
             padding:0;
             margin:0;
}

#database
{
     width:200px;
}

.check { border:0;margin:0;padding:0; }

.opm { vertical-align:top; }

#main .formFields select { width:162px; }

/***** PAGEPEEL *****/

#page-flip { position:relative; right:0; top:0; z-index:2000; float:right;  }
#page-flip-image { width:50px; height:52px; z-index:2001; position:absolute; right:0; top:0; -ms-interpolation-mode:bicubic; }
#page-flip-message { width:50px; height:50px; overflow:hidden; position:absolute; right:0; top:0; }

.formBold
{
     font-weight:bold;
     padding-top:5px;
}

#wrapper .warning
{
     color:green;
}

/***** Deliverability *******/

.contentDel
{
      padding-top:15px;
}

.contentDel label
{
     display:block;
     float:left;
     width:200px;
}

.delcode
{
     margin:0;
}

#wrapper .contentDel .form_error
{
     color: red;
}

/***** Deliverability *******/

.contentDel
{
      padding-top:15px;
}

.contentDel label
{
     display:block;
     float:left;
     width:200px;
}

.delcode
{
     margin:0;
}

.contentDel .success
{
     display:block;
     width:150px;
     background-color:green;
     color:white;
     text-align:center;
}

.contentDel .error
{
    display:block;
    width:150px;
    background-color:red;
    text-align:center;
    color:white;
    padding:0;
    margin:0;
}

/* End of 'style' */