#leftcol{

}

#rightcol{
	padding: 0px 20px 0px 20px;
}

#singlecol{
	width: 577px;
	position: relative;
	float: left;
	clear: none;
	text-align: left;
	padding: 0px 0px 40px 34px;
}


#portfoliotabs{
	clear:none;
	float:right;
	height:30px;
	left:0;
	position:relative;
	text-align:left;
	/*top:15px;*/
	width:184px;
}

.typeface-js-vector-container{
	/*float: left;*/
}

.leftfloated{
	float: left;
}

.appweb{
	background-image : url(../img/app_web.gif);
	background-repeat:no-repeat;
	/*background-position: 305px 0px;*/
	display: block;
	width: 96px;
	height: 50px;
	float: left;
	clear: none;
	padding: 0px 4px 0px 0px;
	font-family: Geometr415 Md BT, Arial, sans-serif;
	font-weight: normal;
}

.appweb.current{
	background-position: 0px -100px;
}

.appweb:hover{
background-position: 0px -50px;
}

.appweb.current:hover{
	background-position: 0px -100px;
}

.web{
	background-position: 0px -150px;
	width: 62px;
}

.web.current{
	background-position: 0px -250px;
}

.web:hover{
	background-position: 0px -200px;
}

.web.current:hover{
	background-position: 0px -250px;
}


#portfoliotabs li a.selected{
	color: #666666;
	/*background-image : url(../img/portfolio_tabs.gif);*/
	background-position: 0px 0px;
}

#portfoliobody{
	position: relative;
	/*top: 32px;*/
	float: left;
	clear: both;
	text-align: left;
	padding-top: 20px;
}

.pftitle{
	/*width: 336px;*/
	float: left;
	clear: none;
}

.pftext{
	width: 560px;
	float: left;
	clear: both;
	border-top: 1px solid #CBCBCD;
}

.pftext h3{
	float: left;
}

.pftext p{
	width: 384px;
	float: left;
	clear: left;
	text-align: justify;
}

.pfthumb {
    padding-top: 10px;
    float: right;
}

a.arrow{
	position: relative;
	top: 7px;
	background-image:  url(../img/arrows.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-right: 15px;
}

a.arrow:hover{
	background-position: 100% -16px;
}

#paginatie{
	float: left;
	clear: both;
	width: 560px;
	border-top: 1px solid #CBCBCD;
	padding-top: 10px;
	text-align: center;
}

#paginatie a{
	padding-right: 10px;
}

a.current{
	color: #CBCBCD;
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/******************/
/* Headers, plain */
/******************/
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }

/***********/
/* Textpic */
/***********/

div.csc-textpic/* csc-textpic-left csc-textpic-above*/{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #CBCBCD;
}

