*			{margin: 0; padding: 0;}

a:link, a:visited       {color: #B43434; text-decoration: underline;}
a:hover, a:active	    {color: #ed1c24; text-decoration: underline;}

p	       	{line-height:1.8;
            color: #656565
            }

.small		{font-size: 7pt;margin-bottom: -7px; }

li	       	{margin-left:25px;
			margin-top:3px;
			line-height:1.8;
			list-style-type: disc;
			}


p.error 	{color: #EA041C; border:none;}	

.error		{border-color: #EA041C;
			border-style: solid;
			border-width: 1px;}

h1		 	{font-size: 14pt;
			font-weight: normal;
			font-style: normal;
			color: #3e3e3e;
			margin-bottom: 5px;
            border-bottom: 1px dotted #3e3e3e;
            height: 30px;
            clear: both;
			}

h2		 	{font-size: 12pt;
			font-style: normal;
			font-weight: normal;
			color: #979290;
			margin-bottom: 0px;
			clear: both;
			}

h2.h1style	 	{font-size: 14pt;
			font-weight: normal;
			font-style: normal;
			color: #3e3e3e;
			margin-bottom: 5px;
            border-bottom: 1px dotted #3e3e3e;
            height: 30px;
            clear: both;
			}
	
body 		{text-align: center;
			background: url("./images/header.png") repeat-x fixed 0 0 #f8f8f8;
			font-family:Verdana, Arial, sans-serif;
			font-size: 9pt;
			color: #656565;
			font-weight:normal;
			}

img		{border:none;}



textarea{ font-family: Verdana; font-size: 10pt; font-size: 10pt;}


table.border	{border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
			}
			
td			{font-family : Verdana, Arial, sans-serif;
			font-size: 9pt;
			vertical-align: top;
			padding: 2px 5px;
			}
			
	

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}

.logo   {height: 43px;
        width: 150px;
        position: absolute;
        top: 19px;
        z-index: 200;
        }

#logotekst  {position: absolute;
            left:150px;
            top:43px;
            color: #979290;
            }

#wrapper	{text-align:left;
			margin:0 auto;
			width: 960px;
			min-height: 600px;
			padding-top: 110px;
			}

#footer-inner	{text-align:left;
			margin:0 auto;
			width: 960px;
			min-height: 600px;
			}

#header			{height:86px;
				width:100%;
				position: relative;
				background: url("./images/header.png") repeat-x scroll 0 0 transparent;
				margin-bottom:20px;
				position: fixed;
				z-index: 100;
				}
				
#header-inner	{text-align:left;
			margin:0 auto;
			width: 960px;
			height: 85px;
			position: relative;
			}				
              
#slider         {text-align:left;
				font-family: Verdana; 
				width: 960px;
				height: 300px;
				position: relative;
				background: url("./images/slider.png") no-repeat scroll 0 0 transparent;
                margin: 0 0 20px 0;
                }

#slider-inner   {
				width: 952px;
				height: 282px;
                }
/* slider navigation */
#slider_nav { position: absolute; top: 0; left: 0; z-index:1000;}
#slider_nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#slider_nav a.activeSlide { background: #ea0 }
#slider_nav a:focus { outline: none; }

#slider div     {height: 282px;
                margin: 2px;
                width: 952px;
                position: absolute;
                }
                
.slidermeer:link, #slider a.slidermeer:visited
                {background: url("./images/slider_button.png") no-repeat scroll 0 0 transparent;
                height:37px;
                width:192px;
                position: absolute;
                right: 45px;
                bottom: 35px;
                line-height: 33px;
                text-indent: 18px;
                color: #101112;
                text-decoration: none;
                }
                
.slidermeer:hover, #slider a.slidermeer:active
                {background-position:bottom;
                text-decoration: none
                }

a.leesmeer:link, a.leesmeer:visited         
                {background: url("./images/lees_meer.png") no-repeat scroll 0 0 transparent;
                height:17px;
                width:18px;
                display: block;
                float: right;
                }
                
a.leesmeer:hover, a.leesmeer:active         
                {background-position:bottom;
                text-decoration: none
                }
                
a.leesmeernieuws:link, a.leesmeernieuws:visited         
                {background: url("./images/lees_meer.png") no-repeat scroll right top transparent;
                height:17px;
                width:auto;
                display: block;
                float: right;
                padding-right: 22px;
                color: #343434;
                }
                
a.leesmeernieuws:hover, a.leesmeernieuws:active         
                {background-position: right bottom;
                text-decoration: none;
                }

.blok           {width: 315px;
                float:  left;
                margin: 0;
                }
                
.blok:first-child   {
                margin: 0 50px 0 0;
                }
                
                
.contactbutton  {background: url("./images/contactbtn.png") no-repeat scroll 0 0 transparent;
                float: right;
                height: 53px;
                line-height: 50px;
                text-indent: 52px;
                width: 235px;
                }

.contactbutton:hover
                {
                background-position:bottom;
                }

a.contactbutton:link, a.contactbutton:visited
                        {color: #FFFFFF;
                        font-weight: bold;
                        font-size: 12px;
                        text-decoration: none;
                        }


#nieuws         {width: 235px;
                float: right;
                margin: 40px 0 0 0;
                }

.nieuws         {width: 235px;
                float: right;
                margin: 6px 0 0 0;
                }
                
.nieuws h2      {font-size: 11pt;
                font-weight: bold;
                color: #3e3e3e;
                }
                
.nieuwsberichten    {float: left;
                    width: 650px;
                    margin-bottom: 25px;
                    }
                    
.nieuwsrightcolumn  {float: left;
                    width: 220px;
                    margin-bottom: 15px;
                    }
                            
.nieuwsrightcolumn a:link, .nieuwsrightcolumn a:visited
                    {color: #585858;
                    }
                    
.nieuwsrightcolumn a:hover, .nieuwsrightcolumn a:active
                    {text-decoration: underline;
                    }

.portfolio      {float: left;
                margin: 0 20px 20px 0;
                position: relative
                }

.portfolio a:link   {background: url('/skins/template10/images/project_bg.png') scroll 0 0 transparent;
                    height:170px;
                    width:213px;
                    position: absolute;
                    left: 0px;
                    top: 0;
                    }

.portfolio a:hover{ background: url('/skins/template10/images/project_clean.png') repeat scroll 0 0 transparent;
                     }

.portfolio_3    {
                margin: 0 0 20px 0;
                position: relative;
                }
                
#belons         {color: #979290;
                float:right;
                font-weight:bold;
                }
		
#content div.modulemenu	{ background: url('./images/module-menu-BG.png') repeat-x;
				    height: 22px;
				    left: -20px;
				    margin-bottom: 20px;
				    position: relative;
					width: 920px;
					padding: 0 20px;}		

#rightcolumn    {height: auto;
                width: 237px;
                position: relative;
                float: right;
                margin-right: 4px;
                }
                
              
                
#maincontent        {height: auto;
                width: 960px;
                float: left;
                margin-left: 5px;
                }

.redLine {
    background: #ED1C24;
    height: 3px;
}
				
#footer			{clear: both;
				background: #FFF;
				height: 205px;
                width: 100%;
                float: left;
                margin-top: 15px;
                border:1px 0 0 0;
                border-top:1px solid #dedede;
                position: relative;
				}

#footer-inner   {height: auto;
                min-height:206px;
                position: relative;
}	

p.datum         {color:#585858;
				font-family:Verdana;
				font-size:7pt;
				text-align: left;
				text-decoration:none;
				}

#footer-inner p	{color:#585858;
				font-family:Verdana;
				font-size:7pt;
				text-align: center;
				text-decoration:none;
				}

#footer-inner div:first-child{
    width: 100%;
    margin-left:8px;
}

.footerblokitem {float:left;
                margin-top: 30px;
                }
                
.footerregel    {float: left;
                width:960px;
                margin: 25px auto 0px;
}

#footer-inner div.footerblokitem p
                    {color:#585858;
    				font-family:Verdana;
    				font-size:8pt;
    				text-align: left;
    				text-decoration:none;
                    }

#footer-inner a
                {color: #585858;
                text-decoration: none;
                }
#fbi_3.footerblokitem a{color: #ed1c24;
text-decoration: none;
}

#fbi_3.footerblokitem a:hover {color: #ed1c24;
text-decoration: underline;
}

#footer-inner a:hover
                {color: #585858;
                text-decoration: underline;
                }

#fbi_1      {width: 470px;
            }
            
#fbi_2      {left: 519px;
            width:170px;
            position: absolute;
            }

#fbi_3      {left:730px;
            width:170px;
            position: absolute;
            }

a.editUren{
    color: #656565;
    position: absolute;
    cursor: pointer;
    text-decoration: none;
}

a.editUren:hover,a.editUren:active{
    text-decoration:underline;
}

/* MENU 1*/
#menu1 		{height: 27px;
			position: absolute;
			right: 10px;
			top: 37px;
			z-index: 100;
			}

#menu1 ul 	{padding: 0;
			margin: 0;
			list-style: none;
			height: 26px;
            float: right;
            display: block;			
			}

#menu1 ul li {margin: 0 10px;
			float:left;
			display: block;
			line-height: 26px;
            }

#menu1 ul li:hover {
			}
			
#menu1 a.level1:link, #menu1 a.level1:visited{
			color: #151515;
			display:block;
			font-family: Verdana, Arial, sans-serif;
			font-size:10pt;
			font-weight:normal;
			line-height:26px;
			text-decoration:none;
            height: 24px;
			}

#menu1 a.level1:hover, #menu a.level1:active{

			border-bottom:1px dotted red;
            color: #151515;
            height: 24px;
			}
			
#menu1 ul li a.active, #menu1 ul li a.hasactivesub {border-bottom:1px dotted red;
                    height: 24px;
        			}
			
#menu1 ul li.hassub {
            height:55px;
			}


#menu1 ul li ul	{background: url("./images/submenu_bg.png") repeat-x scroll 0 0 #ffffff;
                border: 1px solid #dedede;
                display:none;
    			position: absolute;
    			top:49px;
                height: auto;
                width: 175px;
    			}

#menu1 li.level2	{display:block;
					padding:0 0 0 5px;
                    height: 26px;
                    clear: both;
					}
		
#menu1 li.level2:hover {
}		
			
#menu1 li.level2.active{
			}
			

#menu1 a.level2:link, #menu1 a.level2:visited  
            {display:block;
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt; 
			font-weight: normal;
			color: #707070;
			text-decoration: none;
			line-height:26px;
			background: none;
            margin-right: 5px;
			}

#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active {color:#000;
				}


/*einde menu 1*/


/* Hack voor de min-height property tbv IE */	
.prop {  
    height:400px;
    float:right;
    width:1px;
  	}	



/*settings for time-schrijven*/
.lightgrey	{background: #E8E8E8;}

#timeoverview	{border-spacing:0;
    			border-collapse:collapse;}
                
                
/* kleur classes */
.red{
    color: red;
    font-weight: bold;
    }

.orange{
    color: orange;
    font-weight: bold;
}

#startFormulier {
    display:none;
}

.deleteTimeEntry, .deleteButton {
    background-color:#EF4036;
    color:#ffffff;
    border:1px solid #FF0000;
    padding:1px;
}

.deleteTimeEntry:hover, .deleteButton:hover {
    background-color:#FF8C00;
}

.hideDiv {
    display:none;
    width:960px;
}

a.tab {
    background: #fff;
    border: 1px solid;
    border-radius: 7px 7px 0 0;
    display: inline-block;
    padding: 2px 5px;
    position: relative;
    top: 3px;
    cursor: pointer;
    margin-right: 3px;
    text-decoration: none;
}

a.tab.active {
    background: #ed1c24;
    border: none;
    color: #fff;
    padding: 5px 7px;
    top: 0;
}

/* tables */
table.tablesorter {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(http://support.cre8it.nl/skins/template10/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#333333;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(http://support.cre8it.nl/skins/template10/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(http://support.cre8it.nl/skins/template10/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

}
/* factuur-tabel */


#factuur-adres{
    width:450px;
    height:90px;
}

.factuur-inactieve-field {
    width:45px;
    border:0px;
    background-color:#F8F8F8;
    text-align: right;
}
#factuur-tabel, #email-tabel {
    width:960px;
}
#factuur-tabel th {
    padding:2px;
    text-align:center;
    background-color:#333333;
    color:#ffffff;
}
#factuur-tabel td {
    padding:2px;
    text-align:center;
}

#factuur-tabel .rowEven {
    background-color:#F8F8F8;
}
#factuur-tabel .rowOdd {
    background-color:#FFFFFF;
}
th.factuur-aantal {
    width:50px;
}
input.factuur-aantal {
    width:60px;
}

th.factuur-stukPrijs {
    width:75px;
} 
input.factuur-stukPrijs {
    width:55px;
}

th.factuur-item {
    width: 685px;
}
input.factuur-item {
   width: 665px;
}

th.factuur-totaal, th.factuur-btw  {
    width:55px;
}
input.factuur-totaal, select.factuur-btw {
    width:70px;
}

th.factuur-remove {
    width:10px;
}
td.factuur-remove-row {
    cursor:pointer;
}

#email-adress, #email-onderwerp, #email-contactpersoon {
    width:100%;
}

.inputError{
    border:1px solid #FF0000;
}


.smallTextarea {
    height: 16px;
    width: 409px;
}


#productsTable input, #productsTable select, #productsTable textarea {
    border: none;
    background: #f1f1f1;
}


#productsTable .defaultInputs{
    border: 1px solid #CBCBCB;
    background: #FFF;
}



#productsTable input[type="submit"] {
    display: none;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #268a16;
	isplay:inline-block;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	idth:94px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}

#productsTable input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}

#productsTable input[type="submit"]:active {
	position:relative;
	top:1px;
}


/*default button*/

input[type="submit"], button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	idth:94px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
input[type="submit"]:hover, button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
input[type="submit"]:active, button:active {
	position:relative;
	top:1px;
}



table.formerComments{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9d9d9;
    margin-top: 10px;
    width: 100%;
}

table.formerComments th, table.formerComments td.herinnering, table#dashboard th{
    background: none repeat scroll 0 0 #ededed;
    font-size: 10px;
    font-weight: normal;
    padding: 3px;
    }
    
table#dashboard th{
    font-size: 12px;
    font-weight: bold;
}    
    
table#dashboard td{
    width:300px;
    line-height: 2;
}


span.colorBall{
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    width: 10px;
}

#dashboard ul
{
    position: relative;
    top: -13px;
}

li.colorBall{
    font-size: 25px;
}

li.colorBall .reminderItem{
    font-size: 10px;
    text-decoration: none;
    color: #656565;
    font-weight: normal;
    display: inline-block;
    position: relative;
    top: 13px;
    width: 300px;
    line-height: 1.5;
    vertical-align: text-top;
}

li.colorBall .reminderItem a{
    font-size: 12px;
}

li.colorBall.green{
    color:green;
}
li.colorBall.orange{
    color:orange;
}
li.colorBall.red{
    color:red;
}
li.colorBall.lightgray{
    color:lightgray;
}

span.colorBall.green{
    background:green;
}

span.colorBall.orange{
    background:orange;
}

span.colorBall.red{
    background:red;
}

span.colorBall.gray{
    background:lightgray;
}


span.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    display: inline-block;
}

span.triangle.red{
    border-color: transparent transparent #ff0000 transparent;
}

span.oldCall{
    color: orangered;
}


div.mailHeader{
    background: #ededed;
    margin-bottom: 5px;
    padding: 5px;
}

div.mailHeader span.smallText{
    font-size: 10px;
    color: #A7A7A7;
}


div#createCallFromMail{
    display:none;
}


div#searchBox{
    position: relative;
    
}

div#searchResults{
    position: absolute;
    left: 10px;
    top:20px;
    width: 300px;
    height: 300px;
    background: #FEFDB2;
    border:1px solid gray;
    display:none;
    padding:10px;
}

.bgyellow {
    background: yellow;
}

.floatRight {
    float: right;
}

.editComment,
.verstuurAanmaning,
.deleteFactuur {
    cursor: pointer;
}

.hidden {
    display:none;
}

#mailBody {
    background: #fff;
}

#factuurAanmaning input[name=sendAanmaning] {
    float:right;
}

.ui-dialog {
    text-align: left;
}

/*dailyreports*/
div.timeBar{
    /*width: 1080px; original, buw we use a factor to make the fit in the page better*/
    width: 947.4px;
    height: 10px;
    background: lightgray;
    position: relative;
    margin: 0 0 10px 0;}
    
div.projectTime{
    position: absolute;
    background: green;
    height: 6px;
    top:2px;
}

.timeBar > span {
    float: right;
    margin-left: 20px;
}

div.userHours{
    background: #FFF;
    padding: 5px;
    margin-bottom: 30px;
}


/*client products*/
tr.sendInvoice{
    background: lightpink;
}

tr.fillProduct{
    background: lightyellow;
}