/* TREBCOM LAYOUT - GJ 
	Colors:
	Yellow - #FFDC00
*/


/* Main Elements */
body, html {
	background: 			#000 url("../img/bg.jpg") repeat-x;
	font-family:			arial;
	margin:					0px;
}

div#wrapper {
	margin:					0 auto;
	width:					950px;
	height:					auto;
	position:				relative;
}

/* Normalisation */
a {
	text-decoration: 		none;
	color:					#FFDC00;
	border:					0px;
}

img {
	border:					0px;
}

div#content ul li, 
div#content ol li{
	font-size:				12px;
}

td {
	font-size:				12px;
}

/* Header */
div#header {
	margin-top:				50px;
	display:				block;
	height: 60px;
	float:					left;
	width:					940px;
}

div#header h1 {
margin: 0px;
}

div#header a#logo {
	float:					left;
	margin-left:			10px;
	text-indent:			-99999px;
	width:					239px;
	height:					55px;
	background:				url("../img/logo.png") no-repeat;
}

div#header img#cbb {
	float:					right;
	margin-top:				20px;
}

/* Content */
div#contentwrap {
	float:					left;
	padding-left:			10px;
	background:				url("../img/sticky.jpg") 0px 60px no-repeat;
}

div#content {
	padding:				10px 0px 10px 20px;
	width:					920px;
	height:					auto;
	float:					left;
	background:				#DFDFDF url("../img/content_bg.jpg") repeat-x ;
}

div.text {
	width:					420px;
	float:					left;
	margin-right:			20px;
}

div.extended {
	width:					600px;
}

div.text p{
	line-height:			170%;
	font-size:				12px;
	margin-bottom:			0px;
}
div.text h2 {
	margin:					20px 0px 10px 0px;
	font-size: 				24px;
}

div#content a {
	color:		#666;
}

div#content a:hover {
	color:		#333;
}

/* NEWS */
div.newsitem {
	width:					900px;
	height:					175px;
	overflow:				hidden;
	float:					left;
	margin-bottom:			10px;
}

div.newsitem a {
background: none;
}

div.newscontent {
float:left;
width:568px;
padding-right: 30px;
}

div.newsitem p {
	font-size:				12px;
	line-height:170%;
	margin-top:				0px;
}
div.newsitem p.date {
	font-size:				11px;
	margin-bottom:			5px;
	margin-top:				10px;
	float:none;
	display:block;
}
div.newsitem h1 {
	margin-top:				0px;
	font-size:				24px;
}
div.newscontent  a {
	background:				url("../img/leesmeer.gif") right no-repeat;
	color:					black;
	padding-right: 			10px;
	font-weight:			bold;
	font-size:				12px;
}

div.newsitem div.image {
	float:					left;
	width:					280px;
	display:				inline;
	margin-top:				20px;
	padding:				0px;
	margin-bottom:			0px;
}

/* SLIDESHOW */
div#slideshow {
	width:					456px;
	height:					234px;
	float:					left;
	overflow:				hidden;

}

div#images {
	margin-top:				50px;
	float:					left;
	width:					280px;
	display:block;
}

div.image {
	z-index:				0;
}

div.image a {
float:left;
}
div.image img {
padding:					1px;
border: 					1px solid black;
margin-bottom:				20px;
}

div#images h2 {
	margin:					20px 0px 10px 0px;
	font-size: 				24px;

}

div#images p {
	font-size: 				12px;
	font-style:				italic;

}


div.image a.zoom {
	background:				url("../img/zoom.png") no-repeat;
	width:					22px;
	height:					22px;
	float:					left;
	display:				block;
	z-index:				30;
	margin-top:				115px;
	margin-left:			-25px;
}


div#slidewidget {
	padding:				2px;
	border:					1px solid black;
	float:					left;
}

div#slidecontainer {
	width:					100000px;
}

div.slide {
	float:					left;
}

img#endcontent {
	margin-left:			10px;
}


/* Referenties */
div#reference {
	width:					600px;
	float:					left;
	margin-bottom:			20px;
}

div#reference h2 {
	margin-top:				10px;
}

div#reference_controls {
	width:					596px;
}

div#reference_controls a.prev{
	float:					left;
	background:				url("../img/left.jpg") no-repeat;
	width:					24px;
	height:					26px;
	margin-top:				45px;
	margin-right:			20px;
	cursor:					pointer;
}

div#reference_controls a.next{
	float:					left;
	background:				url("../img/right.jpg") no-repeat;
	width:					24px;
	height:					26px;
	margin-top:				45px;
	margin-left:			20px;
	cursor:					pointer;
}


div#reference_container {
	width:					508px;
	margin-top:				20px;
	overflow:				hidden;
	float:					left;
}
div#reference_content {
	width:					999999px;
	margin:					0px;
}

div.ref_item {
	float:					left;
}

div#reference_content img{
	padding:				1px;
	border:					1px solid black;
	margin-right:			20px;
}

div#reference_content img.selected{
	border-color:			#FFDC00;
}

div#reftext {
	width:					280px;
	float:					left;
	margin-left:			20px;
	margin-top:				50px;
	font-size:				12px;
}
div#reftext p{
	font-size:				12px;
	line-height:			170%;
}

/* Widgets */
div#widgets {
	width:					930px;
	float:					left;
	display:				inline;
	margin-left:			20px;
}

div.widget {
	background:				#000 url("../img/widget.jpg") bottom repeat-x;
	overflow:				hidden;
	float:					left;
	padding:				0px 15px;
	display:				inline;
}

a.readmore {
	background:				url("../img/readmore.png") right 3px no-repeat;
	float:					right;
	padding-right:			15px;
	font-size:				11px;
	font-weight:			bold;
}

div.widget p.date {
color: 						#FFF;
margin-top:					10px;
margin-bottom:				0px;
font-size:					11px;
}

div.widget h3 {
color: 						#FFDC00;
font-size:					22px;
font-style:					italic;
margin-bottom:				5px;
margin-top:					5px;
}

div.widget p {
color: 						#FFF;
font-size:					12px;
line-height:				170%;
margin-top:5px;
margin-bottom:10px;
}

div#news {
	width:					270px;
	margin-right:			20px;
	height:					190px;
}

div#page {
	width:					580px;
	margin-top:				29px;
	height:					161px;
}


/* Footer */
div#footer {
	background: 			url("../img/footer_bg.jpg") repeat-x;
	width:					940px;
	height:					100px;
	float:					left;
	margin-top:				20px;
	margin-left:			10px;
	display:				inline;
}

a#ncp {
	width:					68px;
	height:					40px;
	text-indent:			-99999px;
	background:				url("../img/ncp1.png") top left no-repeat;
}

a#ncp2 {
	width:					107px;
	text-indent:			-99999px;
	height:					40px;
	background:				url("../img/ncp2.png") top left no-repeat;
}

a#uneto {
	width:					129px;
	text-indent:			-99999px;
	height:					39px;
	background:				url("../img/uneto_vni.png") top left no-repeat;
}

a#ncp:hover,
a#ncp2:hover,
a#uneto:hover {
	background-position:	bottom left;
}

div#footer p {
	margin: 				30px 0px 0px 20px;
	float:					left;
	font-size:				11px;
	line-height:			170%;
}

div#footer p a{
	color:					#000;
}

div#footer  address{
	margin: 				30px 0px 0px 20px;
	float:					left;
	font-size:				11px;
	line-height:			170%;
	font-style:				normal;
}

div#footer p.lidvan {
	float:					right;
	margin: 				40px 0px 0px 0px; 
}

div#footer p.lidvan a{
	float:					right;
	margin: 				0px 10px 0px 0px; 
}

/* FORM */
form {
	float: left;
	margin: 0 0px;
	width:600px;
}

form dl {
margin:0px;
}

form dt { 
	float: left;
	width: 125px;
	padding-top: 10px;
	min-height: 1px; /* Required to give layout to empty elements */
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

form dd {
	margin-left: 110px;
	padding-top: 10px;
}

form dd img {
	position: relative;
	top: 3px;
}

input[type=text],
textarea {
	padding: 2px;
	background: #FFF url(../img/input_bg.jpg) no-repeat;
	border: 1px solid #bbb;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

form .small { width: 100px; }
form .medium { width: 200px; }
form .large { width: 300px; }
form .extra-large { width: 400px; }