/* 
Copyright skin: 
EDIT: Jeroen van de Water PC Service Lingeaard

*/

/* Skin */
.OBC{}

html, form, body
{
	border: solid 0px #333;
	padding: 0px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body,
table
{
	margin-left: auto;
	margin-right: auto;
	padding: 0px; 
	border: solid 0px #ccc;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px; 
}


#std, #locatiehome, #mainhome, #admin, #locatiebemmel, #locatieelst, #locatiehuissen, #locatiejunior
{	width: 995px;
	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #333;
	
}

.logorow
{
	margin: 20px 0 0 0; 
	padding: 0;
	background-color: Transparent;
	vertical-align: bottom;
	height: 80px;
	border: 0px dotted black;
}
.logopane
{
  border: 0px solid black;
  padding: 0;
  width: 300px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -485px;
}

.loginpane
{
	border: 0px solid black;
	width: 600px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -165px;
	font-size: 11px;
  font-family: Verdana, Arial, Sans-Serif;
  font-weight: normal; 
	text-align: right;
	padding: 42px 0 0 0;
}
#std .loginpane, #locatiebemmel .loginpane, #locatieelst .loginpane, #locatiehuissen .loginpane, #mainhome .loginpane, #locatiejunior .loginpane
{	
	padding: 0px;
}

.locatieDiv
{
   	border: solid 0px #333;
	padding: 8px 320px 0 0;
	margin: 0;

}

.roosterDiv
{
	border: solid 0px #333;
	padding: 9px 0 0 0;
	margin: 0;
}
.roostercontainer
{
	border: solid 0px #333;	padding: 0; margin: 0;
    float: right;
    width: 150px;
}
.roostercontainer2
{
	border: solid 0px #333;	padding: 0; margin: 0;
    float: right;
    width: 135px;
}
.searchcontainer
{
	border: solid 0px #333;	padding: 0; margin: 0;
    float: right;
    width: 225px;
}
.logincontainer
{
	border: solid 0px #333;	
	padding: 3px 0 0 0; margin: 0;
    float: right;
    width: 85px;
    height: 25px;
}

.loginpane a, .loginpane a:active, .loginpane a:link, .loginpane a:hover, .loginpane a:visited
{
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.loginpane a.breadcrumbs:link, .loginpane a.breadcrumbs:visited, .loginpane a.breadcrumbs:active
{
	text-decoration: none;
	color: #0066b3;
}
.loginpane a.breadcrumbs:hover
{
	text-decoration: underline;
	color: #0066b3;
}

/* grootte zetten */
.loginpane .locationselector
{
    width: 130px;
	font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal; 
	padding: 1px;
	border-color: #666666;
	background-color: #ffffff; border-style: solid;
	border-width: 1px; 
	vertical-align: middle;
}
.loginpane .normaltextbox 
{
	font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal; 
	height: 19px;
	padding: 2px;
	border-color: #666666;
	background-color: #ffffff; border-style: solid;
	border-width: 1px; 
	vertical-align: middle;
}
.searchbox, .user
{
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
	height: 18px;
	padding: 2px 10px 2px 10px;
	border-color: #FFFFFF #666666 #666666 #FFFFFF;
	background-color: #dddddd;
	border-style: solid;
	border-width: 1px; 
	vertical-align: middle;
}

.user
{
	margin-bottom: 1px;
}

.menurow 
{
	vertical-align: bottom;
	clear: both;
}
.menupane 
{
	margin: 0px; 
	padding: 0px 0 0px 0px;	
	border: solid 0px #ffffff;
	background-color: #0066b3;
	width: 625px;
	height: 31px;
	float: left;
}
/* oplossing 3 pixel bug image menu */
.menuoverflow
{
	margin: 0px; 
	padding: 0px 0 0px 0px;	
	background-color: Transparent;
	height: 31px;
	width: 625px;
	overflow-x: visible;
	overflow-y: hidden;
}

#mainhome .menupane,
#mainhome .linkspane
{
	text-align: center;
    padding: 0px;
	height: 31px;
	overflow: hidden;
}
#admin .menupane 
{
	width: auto;
}

.linkspane
{
    margin: 0 0 0 60px;
    _margin: 0 0 0 35px; 
    padding: 0px;
    background-color: #f6891f;
	width: 248px;
	float: left;
	height: 31px;
	overflow: hidden;
}

	
.contentrow
{
	vertical-align: top;
	clear: both;
}

.contenttable 
{
	width: 100%;
}
.leftcontentPane 
{
	margin: 0 0 0 60px; 
	_margin: 0 0 0 35px; 
	padding: 0px; border: solid 0px #ccc;
    width: 248px;
    background-color: #ffffff;
    float: left;
}

.leftimagePane
{
 padding:0;
 margin:0;
 border:none;
 width: 248px;
 height: 248px;
 _overflow-y: hidden;
 _overflow-x: hidden;
 vertical-align: top;
}

.leftmenuPane
{
	margin:0; 
	padding:0; 
	border:none;
}

#mainhome .leftmenuPane, #locatiebemmel .leftmenuPane, #locatieelst .leftmenuPane, #locatiehuissen .leftmenuPane, #locatiejunior .leftmenuPane
{
    width: 248px;
	padding: 80px 0 0 0;
	text-align: center;
}

.leftmenuPane a img, .leftmenuPane a:link img, .leftmenuPane a:visited img,
.leftlinkPane a img, .leftlinkPane a:link img, .leftlinkPane a:visited img
{
    border: solid 0px #000000;
}
.leftlinkpane
{
	margin: 0px; 
	padding: 20px 0 0 0; 
	border: solid 0px #333;
    width: 240px;
	text-align: center;
    
}

.contentPanes
{
	margin: 0 0 0 15px; 
	padding: 15px 0 0 0; 
	border: solid 0px #ffffff;
	background-color: #ffffff;
	float: left;
	width: 610px;
	height: auto;
	overflow: auto;
}
#admin .contentPanes
{
	margin: 15px 0 0 15px; 
	padding: 0px; border: solid 0px #ffffff;
	background-color: #ffffff;
	width: 100%;
}

td.subhead img {display: none;}

#locatiehome .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #F6891F url(images/back-locatie.jpg) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}
#locatiebemmel .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #F6891F url(images/hei.png) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}
#locatieelst .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #F6891F url(images/elst.png) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}
#locatiehuissen .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #F6891F url(images/hui.png) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}
#locatiejunior .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #F6891F url(images/jun.png) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}

#mainhome .contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background: #ffffff url(images/alg.png) no-repeat scroll top left;
	width: 625px;
	height: 468px;
}


.locationHomeContent
{
	margin: 15px 0 0 15px; 
	padding: 0px; border: solid 0px #ffffff;
	width: 298px;
	height: 235px;
	background-color: Transparent;
	overflow: hidden;
}

/* */
.paneContent 
{
	margin: 0px; padding: 0px; border: solid 0px #ccc;
	vertical-align: top;
	width: 100%;
}
/* */
.paneBottom
{
	vertical-align: top;
	width: 100%;
	padding: 0px;
}
/* */
/* */
.paneRight 
{
	vertical-align: top;
	width: 45%;
	padding: 0 0 0 10px;
}
.paneLeft 
{
	vertical-align: top;
	width: 45%;
	padding: 0 10px 0 0;
}

.SkinObject {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: #ffffff;
}

/* verbergen van de titels in de slideshow */
.\_ZLDNNPhotoListLink												{display: none;}

/* Algemene stijlen */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Hevetica, Sans-Serif;  
	color: #000000; 
	line-height: 20px;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

h1, .Head
{
	font-size: 20px;
	font-weight: normal; 
	color: #f36f21;
	margin: 0 0 5px 0;
	padding: 0;}
h2, .SubHead                   
{
	font-size: 14px;
	font-weight: bold; 
	margin: 0 0 5px 0;
	padding: 0;
}

/* ############################# */
/* Added or modified by IQuality */
/* ############################# */

/* SNAPSIS CSSNavMenu */

/* ################## */
/* navigation level 2 */
/* common links */

#nav ul, 
#common ul 
{
    padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    margin-left: 10px;
    list-style:none;
    float:left;
    width:auto;
}

#nav li,
#common li
{
  position: relative;
  float:left;
  line-height : 1.25em;
  list-style: none;
  margin: 8px;
}

#nav a,
#common a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    color: white;
	white-space: nowrap;
}

#nav li a:hover
{
	color: #00ADEF;
}

#nav li.SelectedTab a
{
	color: #00ADEF;
}

#common li a:hover
{
	color: #D82F28;
}

#common li.SelectedTab a
{
	color: #D82F28;
}

/* #################### */
/* navigation level 3,4 */

#subnav ul {
    padding:0;
    margin:0;
    list-style:none;
	border: none;
    width:11.27em;
    float:left;
}

#subnav li ul {
	padding:0;
  	margin:-2.45em 0 0 11.27em;
	list-style:none;
	left: -999em;
	border: none;
    width:11.27em;
	position : absolute;
}

#subnav li,
#subnav li ul li
{
  position: relative;
  float:left;
  line-height: 2.45em;
  width: 11.27em;
  height: 2.45em;
  list-style: none;
  border: none;
}

#subnav li
{
    background-color: #90278F;
}

#subnav li li
{
    background-color: #F6891F;
}

#subnav a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
    font-size:11px;
    font-weight: normal;
	white-space: nowrap;
	display:block;
	text-decoration:none;
    margin:0;
    padding:0;
    border: none;
	line-height: 2.45em;
	text-indent: 0.35em;
}

#subnav li a:hover,
.Level2 .SelectedTab,
.Level3 .SelectedTab
{
	background-image: url(images/bgSubmenu.jpg); 
	background-repeat: repeat-y;
	background-color: #90278F;
}

#subnav li ul li a:hover
{
	background-image: none;
	background-color: #F36F21;
}

#subnav li.SelectedTab
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
    font-size:11px;
    font-weight: normal;
}

/*no need to change these hover classes unless you need more than 4 levels */
#subnav li:hover ul ul,
#subnav li:hover ul ul ul,
#subnav li:hover ul ul ul ul,
#subnav li.iehover ul ul,
#subnav li.iehover ul ul ul,
#subnav li.iehover ul ul ul ul{
  left: -999em;
}

#subnav li:hover ul, 
#subnav li li:hover ul, 
#subnav li li li:hover ul, 
#subnav li.iehover ul, 
#subnav li li.iehover ul, 
#subnav li li li.iehover ul
{
	left: auto;
}