/*main styling ---------------------------*/
html, body {text-align: center;} /*IE hack centering main div*/
body { background-image:url(../images/bg.gif); background-color:#FFFFFF; background-repeat:repeat-x; font:11px/17px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align:left; overflow-x:hidden;}
div { margin: 0; padding: 0; background-color: transparent;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, fieldset, address { margin:0px 0; background-color: transparent; }
img {border: 0;}
h1 {font-size: 180%; color: #44a5cc; margin-top: 1em;}
h1 {font-size: 180%; color: #44a5cc; margin-top: 1em;}
h2 {font-size: 145%; margin:.5em 0 1em 0;}
h3 {font-size: 125%; color:#44a5cc;}
h4 {font-size: 100%; text-transform:uppercase;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}
a {color:#44a5cc; font-weight:normal; text-decoration:none;}
a:hover {color:#000000;}
a:active {color:#44a5cc;}
/*main page ------------------------------*/
#main_wrapper {width:902px; margin:0 auto; text-align:left; }
#home #header {background-image:url(../images/header.gif); background-repeat:no-repeat; width:902px; height:199px;}
#over #header {background-image:url(../images/header2.gif); background-repeat:no-repeat; width:902px; height:199px;}
#portfolio #header {background-image:url(../images/header3.gif); background-repeat:no-repeat; width:902px; height:199px;}
#apparatuur #header {background-image:url(../images/header4.gif); background-repeat:no-repeat; width:902px; height:199px;}
#contact #header {background-image:url(../images/header5.gif); background-repeat:no-repeat; width:902px; height:199px;}
#content_body {background-image:url(../images/content_body.gif); background-repeat:repeat-y;}
#content { width:680px; float:right; padding-top:20px; padding-bottom:20px; /*border: 1px solid red;*/}
#content span { display:block; float:right; padding-right:35px; margin-top:-18px;}
#content p { padding-top:18px; padding-right:20px; }
#content h3 { padding-left:0px;}
#content ul li{background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 5px; padding:0 0 0 15px; list-style:none; }
#content ul {padding:0; margin:0;}
#contact #content li a span {background-image:url(../images/at.gif); background-repeat:no-repeat; width:10px; height:16px; background-position:21px 5px; position:absolute;}
*:first-child+html #contact #content li a span {height:20px; width:0; background-position:0; margin:-3px 0 0 0;}
* html #contact #content li a span {float:left; margin:-3px 0 0 -21px; display:inline; }
#contact #content li a {color:#000;}
#apparatuur #content .sub_header {font-style:italic; font-weight:bold; }
#nav {width: 17.3em; float:left; margin-top: 1em; background-image:url(../images/nav_vline.gif); background-repeat:no-repeat; background-position:right top; min-height:260px;}
/* html #nav { margin-left: 15px; width:99.9%; } * ie6 hack */
/*:first-child+html #nav { margin-left:0px; font-weight:bold; } * ie7 hack */
#nav li {list-style:none; margin: 0px; font-size: 125%; }
* html #nav li {margin-left:36px; font-weight:bold; }
*:first-child+html #nav li {margin-left:36px; font-weight:bold; }
#nav a {color:#000000; font-weight:bold; width: 99.9%; display: block; line-height: 2.7em; margin-left:-20px;}
#nav a:hover {color:#44a5cc; width: 99.9%; text-decoration: underline;}
#nav a:link:active {color:#000000;}
#nav .active a {color:#44a5cc !important;}
#content_bottom {background-image:url(../images/content_bottom.gif); background-repeat:no-repeat; background-position: center bottom; width:902px; height:16px; clear:both;}
#black_hline {background-image:url(../images/black_hline.gif); background-repeat:no-repeat; width:902px; height:23px;}
#footer {background-image:url(../images/footer2.png); background-repeat:no-repeat; width:902px; height:135px;}
#under_footer {background-image:url(../images/under_footer.jpg); background-repeat:no-repeat; width:902px; }
#under_footer a.tremani,
#under_footer a:visited { display:block; margin-left:50px; margin-top:4px; width:100px; height:20px; text-align:left; letter-spacing: 1px; text-decoration:none; font: 10px/16px Helvetica, sans-serif;}
#under_footer a:hover.tremani { color:#44494d; }
#bg_logo {position:absolute; background-image:url(../images/bg_logo2.png); background-repeat:no-repeat; width:580px; height:580px; z-index:0; margin-top:5px; margin-left:616px; }
* html #bg_logo {margin-left:420px;}
/** html #portfolio #bg_logo { background-image:none !important; border:1px solid red;}*/
*:first-child+html #bg_logo {margin-top:5px; margin-left:420px;}
/*Gallery ------------------------------*/
#gallery {width:440px;}
#gallery img {border:1px solid black; margin:10px;}
a.close {position:absolute; right:5px; top:5px; display:block; width:20px; height:21px; background: url(../images/gallery/close_button.gif) no-repeat; text-indent:-9999px; cursor:pointer;}
.photo_slider_img {width:100px; height:100px; margin-bottom:5px; overflow:hidden;}
.photo_slider {position:relative; width:100px; height:100px; padding:0; border:1px solid black; overflow:hidden; margin:10px 40px 10px 10px; background:white; float:left;}
.info_area {display:none;}
.more_info {width:100px; background-color:transparent; position:absolute; top:0; left:0; height:100px; text-indent:-9999px; cursor:pointer;}