/*
 *   LOW ARCHITECTEN
 *
 *   Stylesheet voor scherm en projectie
 *   /css/scherm.css
 *
 *   vizi | vorm geven aan inhoud
 *
 *   V0.1 - 19/11/2007 - Jeroen Visser
 *   V0.2 - 24-08-2010 - Jeoren Visser
 *
 ************************************************************/



/*  SCHONE START
-------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, 
table, tr, th, td, 
form, fieldset, legend, button, 
div, object { margin:0;padding:0;border:0;list-style:none;font:normal 100%/2.4em helvetica,arial,sans-serif;text-align:left;vertical-align:top;}
input, select, textarea, button {font:normal 100% helvetica,arial,sans-serif;}
table, td, th { border-collapse: collapse; }


/*  BASISDECLARATIES
-------------------------------------------- */
html
{
	height: 100%;
	font-size: 10px;
}

body
{
	height: 100%;
	position: relative;
}

h3
{
	position: relative;
	top: -3px;
	float: left;
	color: #000;
	font: 120%/2em normal courier,"courier new",monospace;
	cursor: pointer;
}


h3 img
{
	display: block;
}

dl
{
	margin: 0;
	clear: left;
	font: 100%/2.4em normal helvetica,arial,sans-serif;
}

dt
{
	display: block;
	width: 80px;
	float: left;
	clear: left;
}

dd
{
	display: block;
	margin-left: 80px;
}

p
{
	color: #000;
	font: 100%/2.4em normal helvetica,arial,sans-serif;
}

a
{
	color: #000;
	text-decoration: none;
}

a:hover
{
	background-color: #FF0;
}



/*  HOOFDLAY
-------------------------------------------- */
h1, h2, p#skiplinks
{
	position: absolute;
	top: -10000px;
	width: 0;
	height: 0;
}

#content
{
	width: 1000px;
	position: relative;
	margin: 0 auto;
}


/*  SPLASH PROMO
-------------------------------------------- */
#splash
{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  background-color: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
}



/*  TEKST
-------------------------------------------- */
#content div
{
	width: 200px;
	position: absolute;
}
#content div#jobs
{
	width: 300px;
}
#content .tekst
{
	visibility: hidden;
	position: static;
}

#content .tekst p
{
	clear: left;
}

#content .actief .tekst,
#content .actief .controls {
	visibility: visible;
}


#content .actief h3,
#content h3.over
{
	background: #FF0;
}

#content #over-low
{
	padding-top: 3.6em;
	padding-left: 110px;
}


#content #over-low h3
{
	margin-top: -2px;
}

#content #over-low .tekst
{
	padding-bottom: 2.4em;
}

#content #over-low .tekst h3
{
	margin-top: 0;
	background: #FFF;
	cursor: default;
}

#content #over-low .tekst p
{
	display: none;
}

#content #over-low.actief .tekst p
{
	display: block;
}

#content #over-low h3 #logo-low
{
	position: absolute;
	left: -66px;
	top: -25px;
	z-index:1000;
	background: transparent;
}



/*  BEELD: CONTROLS
-------------------------------------------- */
.controls
{
	display: none;
	position: absolute;
	right: 204px;
	top: -15px;
	margin: 0;
	text-align: right;
}

#project-01 .controls,
#project-09 .controls
{
	right: 279px;
}

#content div.controls
{
	width: 300px;
}

#content #project-08 div.controls
{
	width: 200px;
}

#content #project-05 div.controls
{
	width: 330px;
}


.actief .controls
{
	display: block;
}

.controls p
{
	display: block;
	height: 27px;
	float: right;
}

.controls a
{
	display: block;
	height: 25px;
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0 2px;
	background: #FFFFFF;
}


.controls a.actief
{
	border: 1px solid #FFFF00;
}

.controls img
{
	display: block;
}



/*  MATGLAS: BLEEK PROJECTEN UIT
    BIJ KLIK OP LOW ARCHITECTEN
-------------------------------------------- */
#content.over-low-actief div.project
{
	display: none;
}



/*  MENU
-------------------------------------------- */
#menu
{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	top: 2.4em;
	z-index: 2007;
}

#menu li
{
	display: block;
	float: left;
	width: 100px;
}

#menu #menu-reset
{
	margin-left: 25px;
}

#menu li a
{
	display: block;
	float: left;
	padding: .3em .5em;
	line-height: 1;
}

#menu span
{
	display: none;
	clear: left;
	width: 90px;
	margin-top: 2.4em;
	padding-left: .5em;
	font: 100%/1.2em normal helvetica,arial,sans-serif;
}

#menu-noord span
{
	margin-left: -8em;
	text-align: right;
}

#menu li.over span
{
	display: block;
}

#menu #menu-noord
{
	width: 1em;
	float: right;
	position: relative;
	margin-right: 25px;
}

#menu li.over a,
#menu #menu-noord.actief a
{
	background-color: #FF0;
}

#menu #menu-noord b
{
	display: block;
	width: 15px;
	height: 10px;
	position: absolute;
	left: 0;
	top: -12px;
	margin: 0;
	background: url(/images/noord.gif) no-repeat .5em 0;
}



/*  SLIMBOX
-------------------------------------------- */
#lbOverlay
{
	display: none;
}

#lbCenter, #lbBottomContainer
{
	position: absolute;
	overflow: hidden;
	background-color: transparent;
	z-index: 1000;
}

#lbCenter
{
	background-color: #FFF;
}

/*
.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}
*/

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

#lbPrevLink
{
	display: none;
}

#lbNextLink
{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}

#lbNextLink
{
	left: 0;
}

#lbNextLink:hover
{
	background: transparent;
}


#lbPrevLink:focus,
#lbNextLink:focus
{
	background-color: transparent;
	outline: 0;
}


#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #666;
	height: 15px;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 12px;
	height: 12px;
	margin: 2px 2px 0;
	background: #FFFF00 url(/images/slimbox-close.gif) no-repeat center;
}

.left #lbCloseLink
{
	float: right;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}