/* -------------------------------------------------
	Version	:	1.3
	Author	:	Tremani
	E-mail	:	info@tremani.nl
	Website	:	http://tremani.nl
	Client	:	http://technetdelft.nl/
---------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin:0; padding:0; background-color:transparent;}
html, body {  height:100%; text-align:center; }
body { font:69%/1.5em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; background:#83a9d2 url(../img/bg-body.png) repeat-x 0 0px; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, address { margin:16px 0 16px 0; }
h1, h2, h3, h4, h5, h6 { font-family:"Helvetica neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing:0; color:#0752A5; background-color:transparent; }
img {border:0;}
		
h1{font-size:16px; background:#0752A5 url(../img/hX-block.png) no-repeat 0 0; height:29px; line-height:29px; /*width:653px; */padding-left:15px; color:#fff; margin:0 0 0 -15px; letter-spacing:1px;}
h2 {font-size:135%; margin-bottom:-16px; line-height:20px;}
h3 {font-size:100%; margin-bottom:-16px; color:#000; background:transparent;}
h4 {font-size:100%; margin-bottom:-16px;}
h5 {font-size:90%; margin-bottom:-16px;}
h6 {font-size:90%; margin-bottom:-16px; font-weight:normal; }

a { background:transparent;	text-decoration:none; }
a:hover {}
a:visited {}
a:active {}
#content-wrapper a { color:#ff6600; /*background:transparent url(../img/link-pijl.png) no-repeat right bottom; padding-right:16px;*/}
	* html #content-wrapper a {height:1px; position:relative; }
	.pijl1{ background:transparent url(../img/link-pijl1.png) no-repeat right 7px; padding:6px 12px 6px 0;}
#content-wrapper a:hover { border-bottom: 1px solid #ff9a56; }
#content-wrapper a:visited { text-decoration:none; }
#content-wrapper a:active {  color:#000; background-color:transparent;}

ul {margin:1.8em 0 1.5em 0; padding:0; list-style:none; position:relative;}
ul li {position:relative; background:transparent url(../img/bullet-li-blue.png) no-repeat 0 9px;	padding-left:8px;	margin:.3em 0 .3em 0;}
p {margin-right:100px;}

.noTopMarg {margin-top:0;}
.myhr {background:url(../img/dotted-line.png) repeat-x 0 0; margin:20px 0 0 0; height:8px;}
.myhr hr {display:none;}

#cse-search-results { padding:10px 0 0 0; }

/* SITE SPECIFIC ______________________________________
_______________________________________________________ */

#outer-wrapper { min-height:100%; width:903px; margin:0 auto; background:transparent url(../img/bg-content.png) repeat-y 0 0; text-align:left;/* visibility:visible;*//*border:2px solid red;*/ }
	* html #outer-wrapper { height: 100%; }

#content-wrapper { float:right; position:relative; display:inline; margin:0 0 30px 0; padding-right:5px; width:663px; border-top:26px solid #fff; }

#header {position:relative; height:117px; width:903px; }
#header-logo {position:absolute; top:49px; left:0px; height:68px; width:210px; background:#fff url(../img/logo.png) no-repeat 0 0;}
#header-image {position:absolute; top:0; right:0px; height:117px; width:685px; background:#fff url(../img/header-image.png) no-repeat 0 0;}
	* html #header-image {right:-1px;}
.section-wrapper {background:#fff; border-bottom:1px solid #92b2d7; margin-bottom:36px; padding-bottom:8px; padding-left:15px;  }
.section-wrapper.sec2 {padding-bottom:19px;}
#content-wrapper a.btn {width:188px; height:19px; line-height:19px; color:#fff; padding-left:15px; background:#ff7700; border:none; float:right; position:relative; /*display:inline; */}
#content-wrapper a.btn.bb {border-bottom:solid 1px #0752A5;}
#content-wrapper a:hover.btn {background:#000 url(../img/nav-hover.png) repeat-x 0 center; border-bottom:none;}
#content-wrapper a:hover.btn.bb {border-bottom:solid 1px #000;}
	a.btn .pijl {background:url(../img/link-btn-pijl.png) no-repeat 0 0; position:relative; padding:2px 6px ; line-height:9px; }

ul.event {margin:1.8em 0 1.5em 0; padding:0 0 2px 0;  position:relative; background:transparent url(../img/dotted-line.png) repeat-x 0 100%; }
ul.event li {position:relative; background:transparent url(../img/dotted-line.png) repeat-x 0 0; padding:3px 2px 0 0; margin:.3em 0 .3em 0; clear:right; }
.fourWs {float:left; width:100px; font-weight:bold;}

/* section-wrapper3 ----------------------------------------------------------- */
.section-wrapper3 {background:transparent url(../img/section-wrapper3.png) no-repeat 0 0; padding:3px 0; margin:0 0 52px 0; position:relative; }
.section-wrapper3 h1 {font-size:16px; background:none; height:24px; line-height:24px; padding:0; margin:0; color:#fff; }

.col {float:left; width:188px; margin-right:22px;  padding:1px 5px 1px 15px; position:relative; }
	* html .col {display:inline;  margin-right:6px;}
.col .img-wrapper {margin:0 0 0 -15px; padding:0; overflow:hidden; }
	* html .col .img-wrapper {width:203px;}

ul.nieuws {}
ul.nieuws li {background:none; padding:0; line-height:1.2em; position:relative;}
ul.nieuws p {margin-right:auto;}
	
#content-wrapper .no1 {margin-right:22px;}
#content-wrapper .no2 {margin-right:22px;}
#content-wrapper .no3 {margin-right:-22px;}
	* html #content-wrapper #link3 {margin-right:-120px; }
#content-wrapper a.link1 {float:left; margin-right:22px; border-right:solid 5px #0752A5; border-bottom:solid 1px #0752A5;}
#content-wrapper a.link2 {float:left; margin-right:22px; border-right:solid 5px #0752A5; border-bottom:solid 1px #0752A5;}
#content-wrapper a.link3 {float:left; margin-right:-22px;border-bottom:solid 1px #0752A5;}
	* html #content-wrapper #link3 {margin-right:-120px; }
#content-wrapper a:hover.link1,
#content-wrapper a:hover.link2,
#content-wrapper a:hover.link3 {border-bottom:solid 1px #000;}


/* Main Nav ----------------------------------------------------------- */
#mainnav {float:left; width:210px; background:transparent; margin:26px auto auto -5px; font-family:Verdana, Arial, Helvetica, sans-serif; border-left:5px solid #fff; border-bottom:5px solid #fff;}
	* html #mainnav {position:relative; }
#mainnav ul {padding:0;	margin:0; list-style:none; background:#0752A5; }
#mainnav li {margin:0; padding:0; min-height:29px; background:#0752A5;}
	* html #mainnav li {height:29px;}
#mainnav li a,
#mainnav li a:visited {margin:0; padding:0 0 0 23px; font-size:11px; min-height:29px; color:#fff; line-height:29px; font-weight:bold; display:block; background:#0752A5; }
	* html #mainnav li a:visited {height:29px;}
#mainnav li a:hover,
#mainnav li.current a {color:#fff; background:#000 url(../img/nav-hover.png) repeat-x 0 0;}
	* html #mainnav li.current a {color:#fff; background:#000 url(../img/nav-hover.png) repeat-x 0 0;}
#mainnav #endnav {background:#fff url(../img/technet-decor.png) no-repeat 0 0;}
#mainnav #search {background:#000 url(../img/nav-hover.png) repeat-x 0 0;}

#mainnav ul li.dotted a { background:#0752A5 url(../img/dotted-block.png) 0 0;}

form#zoeken {padding:5px 23px; margin:0; }
form#zoeken input { float:left; height:19px; border:none; margin:0; padding:0;  }
	* html form#zoeken input#zoek {height:15px; font-size:11px;  }
fieldset { padding:6px 4px; margin-right:10px; }
fieldset legend { padding:0 5px; font-weight:bold; }
form#zoeken input#zoek {width:102px; height:19px; }
form#zoeken input#submit {width:19px; background:transparent url(../img/icon-zoek-16bits.png) no-repeat 0 0; cursor:pointer; margin-left:5px; }
form#zoeken input#submit:hover {background:url(../img/icon-zoek-16bits.png) no-repeat 0 -19px; }
form#zoeken input#submit.over {background:url(../img/icon-zoek-over-16bits.png) no-repeat 0 0; }

form p { margin:8px 0 0 0; }

table.lidmForm td.left { width:120px; text-align:right; }
table.lidmForm td { padding:1px 4px; }

table.left { float:left; width:310px; }
table.right { float:left; width:310px; }


/* Footer ----------------------------------------------------------- */
#footer {position:relative;	padding:1px 0; width:903px; margin:-29px auto 0 auto; height:27px;  }
#footer-inner {position:absolute; top:0; right:0; width:668px; height:29px; background:transparent url(../img/hX-block.png) no-repeat 100% 0; }

#footer .copyright {float:right; width:534px; display:inline; right:7px; text-align:right; padding:7px 7px 0px 0px; /*margin-right:-73px;*/ }
	#footer .copyright a,
	#footer .copyright a:visited {position:relative; text-align:right; color:#83a9d2; text-decoration:none; letter-spacing:1px; font:9px/20px "lucida sans", verdana, sans-serif;}

	#footer .copyright a:hover {color:#fff; background-color:transparent; }
	#footer .copyright a:focus,
	#footer .copyright a:active {color:#000; background-color:transparent; }
	#footer .copyright a span {font-size:11px; color:#83a9d2;}

/* Standard extras ----------------------------------------------------------- */
.seo {position:absolute; left:-5000px; top:-5000px}	
.usability {text-indent:-5000px; }
#header > .usability {height:1px; width:1px; min-height:1px; min-width:1px; text-indent:0; font-size:1px; color:#fff; line-height:1px; overflow:hidden; background-color:transparent;}/*fix ff-mac render bug*/
#header a#gohome, #header a:visited#gohome {position:absolute; top:0; left:0; height:130px; width:400px; text-indent:-9999px; overflow:hidden; background-color:transparent; }
.clearer { clear:both; font-size:0px; line-height:0;  padding:0;}
.float-l { float:left; margin-right:1em; display:inline;}
.float-r { float:right; margin-left:1em; display:inline;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* leden-bedrijf ----------------------------------------------------------- */
.event.min100r{margin-right:100px !important;}
.event.leden {width:390px; float:left;}
.adres h2 {margin-bottom:auto;}
.item {/*background:transparent url(../img/dotted-line.png) repeat-x 0 100%;*/ border-top:1px solid #c3d5e9; padding:0 0 0 0; margin:2em 100px 2em 0;}
.item p {margin-right:10px;}
fieldset.item {background-color:#e9eff7; padding-left:15px; margin:2em 90px 2em 0 !important;}
fieldset.item .fourWs { color:#0752A5;}
p.foto {margin-right:15px; float:right; display:inline;}



/* toegevoegd door PS */
.tableContainer {padding:0; margin:0 0 0 -15px ;}
.tableContainer th img {padding:0; margin:0; position:relative;}
.tableContainer th,
.tableContainer td {position:relative; background:transparent url(../img/dotted-line.png) repeat-x 0 0; padding:4px 4px 0 0; margin:.3em 0 .3em 0; padding-left:17px; line-height: 2.2em;}
.tableContainer th.titel {background-color:#ff9900; font-size:108%; line-height:2em; }
.tableContainer th a.tabelKop {color: #fff !important; padding:0; margin:0; position:relative; }
/*.tableContainer th.lijstBlok,
.tableContainer td.lijstBlok {background:transparent url(../img/dotted-line50.png) repeat-x 0 100%;}*/
.tableContainer th.lijstBlok2,
.tableContainer td.lijstBlok2 {background-color: #e9eff7;}
td.lijst li {margin: 10px 0 0 0;}

div.btns {background-color: #fff;}
div#div_flickr {float: left; padding-right: 35px; padding-bottom: 13px; margin-left: 13px;}
div#div_stages {float: left;}
div.clear {clear: both;}
span.fout {color: #ff9900; font-weight: bold;}

hr {height: 0;border: 0;border-top: 1px solid #92B2D7;}
