﻿body 
{
	background-image:url('images/background.jpg');
	background-repeat:repeat-x;
	background-color:#d7dae3;
	padding:0;
	margin:0;
}

#container
{
	width:888px;
	margin:auto;
}

#menu
{
	width:888px;
	height:40px;
	margin-top:15px;
	margin-bottom:15px;

}

#menuLeft
{
	background-image:url('images/menu_left.png');
	width:15px;
	height:40px;
	float:left;
}

#menuData
{
	_z-index:999;
	width: 856px;
	height: 40px;
	float: left;
	background-image: url('images/menu_center.png');
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	
}

#menuRight
{
	background-image:url('images/menu_right.png');
	width:17px;
	height:40px;
	float:right;
}


#header
{
	height:477px;
}

#headerLogo
{
	position:absolute;
	top:70px;
	width:156px;
	height:477px;
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
}


#content
{
	width:888px;
}

#left
{
	/* width:454px; */
	float:left;
}
#right
{
	/* width:434px; */
	float:left;
}
h1
{
	background-image:url('images/blok.jpg');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
}


p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-bottom:15px;
}
td, tr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
}





.newsItem
{
	position:relative;
	width:400px;
	text-align: left;
	vertical-align: top;
	padding-bottom:10px;
}

.newsFoto
{
	width: 100px;
	float: left;
	text-align: center;
	padding-top:5px;
}

.newsData
{
	text-align:left;
	padding-left:110px;
}


#news h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:10px;

}

#news p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:-5px;
}





/* ============== HET MENU ========================== */


.MenuSysteem ul.AspNet-Menu
{

    z-index:999;
}

.MenuSysteem ul.AspNet-Menu ul  
{
    width:200px;
    top: 100%;
    left: 0;
}

.MenuSysteem ul.AspNet-Menu ul ul  
{
    top: -0px;
    left: 211px;
}

.MenuSysteem li 
{
	_width:30px;
}

.MenuSysteem li:hover,
.MenuSysteem li.AspNet-Menu-Hover
{
    background-image:url('images/menu_center_hover.png'); 
    _background-image:url('');
}

.MenuSysteem a, 
.MenuSysteem span
{
	font-size:11px;
	font-family:Arial;
    color: White;
    padding: 0 6px 0 6px;
    height:40px;
}

.MenuSysteem li.AspNet-Menu-Leaf a, 
.MenuSysteem li.AspNet-Menu-Leaf span
{
    background-image: none !important;

}

.MenuSysteem li:hover a, 
.MenuSysteem li:hover span,
.MenuSysteem li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover a,
.MenuSysteem li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover li:hover a,
.MenuSysteem li:hover li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color:Black;
    _color:Yellow;
}

.MenuSysteem li:hover li a, .MenuSysteem li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li span, .MenuSysteem li:hover li:hover li a, .MenuSysteem li:hover li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	border: 1px solid #21217f;
	color: White;
    background-color: #5151a2;
	width: 200px;
	margin: 0 0 1px 0;
	height: 30px;
	line-height:30px;

}

.MenuSysteem .AspNet-Menu-Selected
{
    color:#c6c6e7;
    font-weight:bold;
}

.MenuSysteem .AspNet-Menu-ChildSelected 
{
    color:#c6c6e7;
    font-weight:bold;
}

.MenuSysteem .AspNet-Menu-ParentSelected
{


}





/* PANEL breedte ----------------- */
.Pnl1
{
	width:454px;
}
.Pnl2
{
	width:434px;
}
.Pnl3
{
	width:888px;
}












/* ==================== Carousel ===================== */
#carousel
{
	z-index:0;
}
.pics { height: 477px; width: 888px; padding:0; margin:0; overflow: hidden }
.pics img { height: 477px; width: 888px; border:0; top:0; left:0 }




/* start ====> formulier -------------------------------    */  
INPUT.form
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
	width:200px;
	margin-top:5px;
}
SELECT.form
{
	border-right: #9e9672 1px solid;
	border-top: #9e9672 1px solid;
	border-left: #9e9672 1px solid;
	border-bottom: #9e9672 1px solid;
	background: #fffdfa;
	font: 12px Arial;
	height:18px;
	color: #6b6c64;
}

INPUT.submit
{
	background: #07074c;
	color: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	width: 100px;
	font-family: Arial;
	font-size: 12px;
	margin-left:103px;
	margin-top:10px;

	
}
TEXTAREA.form
{
	border-right: #3688c9 1px solid;
	border-top: #3688c9 1px solid;
	border-left: #3688c9 1px solid;
	border-bottom: #3688c9 1px solid;
	background: #ffffff;
	font: 12px Arial;
	height:18px;
	color: #6b6c64; 
}

/* eind ====> formulier ---------------------------------    */ 



