/* Toon geen scrollbalken en maximaliseer hoogte*/
html {
	height: 100%;
	overflow: hidden;
}

/* body neemt ook standaard 100% hoogte, geen scrollbalk tonen */
body {
	height: 100%;
	margin: 0px;
	/*
		Uitschakelen zodat in IE7 wel scrollbalken komen als de pagina te klein wordt
		
	*/
	overflow: hidden;
	text-align: center;
}

font,span,div,td,p,strong,a,li {
}


/* Hoofd tabel */
#main {
	width: 100%;
	height: 100%;
	border: 5px solid white;
}

td.header {
	background-color: #CED47D;
	height: 22px;
}


td.header a,td.header {
	font-family: Verdana;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

td.header a:hover {
	font-family: Verdana;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #EE7C49;
	text-decoration: none;
}

#header_left {
	text-align: right;
	padding-right: 9px;
	padding-top: 2px;
	white-space:nowrap;
	vertical-align:bottom;
}


#header_right {
	text-align: right;	
	vertical-align:bottom;
	padding-right: 16px;
	padding-bottom:1px;
	vertical-align:bottom;
}

#header_right h1 {
	display:inline;
	font-family: Verdana;
	font-size: 14px;
	letter-spacing: 4px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Linkermenu cell */
#leftmenu {
	width: 172px;
	/*
	min-width: 172px;
	max-width: 172px;
	*/
	background-color: #EA7B4C;
}

#leftmenu_container {
	position:relative;
	width: inherit;
	height:100%;
	overflow: hidden;
}
#leftmenu_top_img {
	position:absolute;
	top: 0px;
	width: 172px;
	height: 78px;
}
#leftmenu_bottom_img {
	position:absolute;
	bottom: -1px;
	width: 172px;
	height: 138px;
}

#leftmenu_content {
	position:relative;
	height: 70%;
	top: 78px;
}

#leftmenu_content ul {
	margin: 0px;
	padding: 0px;
}

#leftmenu_content ul li{
	list-style-type:none;
	float: right;
	overflow:hidden;
	width: 100%;
	clear:both;
	text-align:right;
	margin-left:-10px;
	margin-right: 10px;
	line-height: 2;
}

#leftmenu_content a,
#footer a,
#submenu_slide a {
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#leftmenu_content a:hover,
#footer a:hover,
#submenu_slide a:hover {
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #CED47D;
	text-decoration: none;
}


/* Submenu */
#submenu_container {
	/*width: 100%;*/
/*	width:400px;*/
width:240px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	/* Hoogte en top gaan samen. Als er een derde of meerdere submenu items bij komen dan deze waardes
	   bijstellen. Ze zorgen er namelijk voor dat de lijst van boven naar beneden gaat, i.p.v. beneden naar boven */
	height: 60px;
	z-index: 9;
	top: 105px;
	left: 177px;
	
}

#submenu_slide {
	position: relative;
	background-color: #FD9D74;
	width: 172px;
	height: 282px; 
	visibility: hidden;
	padding-top: 5px;
}

#submenu_slide ul {
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	padding-left: 10px;
}
#submenu_slide ul li{
	list-style-type:none;
	margin: 0px;
	padding-bottom: 8px;
	width: 100%;
	clear:both;
	overflow: visible;
	white-space: nowrap;
}

#content {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/* div container die het content vlak op z'n plek houd */
#content_container {
	position: relative;
	width: 100%;
	height: 100%;
	border-right: 1px solid #EA7B4C;
}

/* Content div die automatisch uitrekt en indien nodig voor een scrollbalk zorgt
	Hier komt alle content in
*/
#content_div {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	
    background-color : #FFFFFF;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;


    color : #3B3A3A;	
}


#content_div h1,
#content_div h2{display: none;}

#content_div h1.headingspecial {
	display:block;
}

#content_div h3,
#content_div h1.headingspecial {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14.7pt;
  font-weight: normal;
  color: #000000;
  letter-spacing: 1px;
}

#content_div p    {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
}

#content_div td    {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    vertical-align : top;
}

#content_div ul,li    {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    list-style-type : square;
}


#content_div input,
#content_div textarea,
#content_div select    {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  color : #BD1029;
  background-color : transparent;
}
#content_div td.foto-klein      {
        background-color: #000000;
        width      : 140px;
        height      : 140px;
        vertical-align  : middle;}
#content_div td.foto-groot      {
        background-color: #000000;
        width      : 640;
        height      : 640;
        vertical-align  : middle;}
#content_div a:link    {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  text-decoration:underline ;
  color:#003399;
}
#content_div a:visited    {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  text-decoration:underline ;
  color:#003399;
}
#content_div a:active    {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  text-decoration:underline ;
  color:#003399;
}
#content_div a:hover    {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  text-decoration:none ;
  color:#BD1029;
}


#content_div_margin {
	margin: 20px;
}

#footer {
	background-color: #EA7B4C;
	height: 45px;
}

#footer_wrapper {
	position:relative;
	top:-1px;
	width:100%;
	height:100%;
	overflow:hidden;
}

#footer_left {
	position:relative;
	float:left;
	width:30%;

}

#footer_right {
	position:relative;
	float:right;
	width:60%;

	text-align:right;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li{
	list-style-type:none;
	overflow:hidden;
	margin-left:-10px;
	margin-right: 10px;
	line-height: 2;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:-5px;
}

#footer_left ul li {
	float: left;
}

#footer_right ul li {
	float: right;
}


#footer_extra {
	position:relative;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	top: -13px;
	padding-right: 20px;
	width:100%;
	float:right;
}

#footer_extra a {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#footer_extra a:hover {
	font-family: Verdana;
	font-size: 10px;
	color: #CED47D;
}
/*
#zoekform {
	margin-top:5px;
	padding:0px;
	margin:0px;
	padding-bottom:2px
	display:inline;
}

#zoek_opdracht {
	margin: 0px;padding:0px;
	border: 1px solid Gray;
	width: 122px;
	height: 20px;
	vertical-align:bottom;
}

#zoek_submit {
	vertical-align:top;
	height: 20px;
	
	margin-top: 1px;
	margin-left: -1px;
	width: 50px;
	border: 1px solid Gray;
	background-color: #EA7B4C;color:#FFFFFF;
	font-weight: bold;
}
*/

	#zoekform {
			margin-top:5px;
	}
	
	#zoek_opdracht {
			margin: 0px;padding:0px;
			border: 1px solid black;
			width: 123px;
			height: 20px;
			vertical-align:bottom;
			background-color:#FFFFFF;
			color: #000000;
			font-weight: bold;
	}
	
	#zoek_submit {
			vertical-align:top;
			height: 20px;
			margin-top: 1px;
			margin-left: -1px;
			width: 50px;
			border: 1px solid black;
			background-color: #EA7B4C;
			font-weight: bold;
			color: #FFFFFF;
	}


.highlight {
	font-weight: bold;
	color: #FF0000;
}


/* Opmaak voor watermerk foto's */
div.foto_container {
}

div.foto_watemerk {
}

span.foto_comment {
	font-weight: bold;
}

/* Navigatie tabel */
#foto_navigatie {
}

/* Mail een foto */
#foto_mail {
	display: none;
}

/* tabel formulier om foto te mailen */
#mail_foto_form {
}

#mail_foto_veld {
	vertical-align: bottom;
}

/* tabel Bericht voor wanneer een foto is verstuurd */
#mail_foto_sent {
	display: none;
	text-align:center;
}

.hidden {
	visibility: hidden;
}