﻿body, html
{
	background-image:url('images/background_loop.jpg');
	background-repeat:repeat-x;
	background-color:#0c0949;
	padding:0;
	margin:0;
	height:auto; 
	height:100%;
}

form
{
	height:100%;
}


#background-loop
{
	width:929px;
	margin:auto;
	background-image:url('images/background_new_loop.jpg');
	background-repeat:repeat-y;
	min-height:100%;
	overflow:hidden;
	_height:1000px;
}

#background
{
	width:929px;
	height:100%;
	min-height:950px;
	background-image:url('images/background_new.jpg');
	background-repeat:no-repeat;


}

#container
{

	width:769px;
	margin:auto;
	
}

#menu
{
	width:769px;
	height:40px;
	margin-bottom:15px;
}

#menuLeft
{
	/*
	background-image:url('images/menu_left.png');
	width:53px;
	height:40px;
	float:left;
	background-color:green;
	*/
	background-image:url('images/menu_left.png');
	background-position:right;
	width:15px;
	height:40px;
	float:left;

}

#menuData
{
	_z-index:999;
	width:725px;
	/*width: 649px; */
	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');
	background-position:left;
	/*width:67px; */
	width:29px;
	height:40px;
	float:right;
}


#header
{
	/* height:490px; */
}

#headerLogo
{
	width: 317px; /* 285px; */
	height: 100px; /* 90px; */
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-top:40px;
	margin-bottom:10px;

}


#blok1
{
	height:262px;
	width:769px;
	background-image:url('images/backgound-menu.png');
	background-repeat:no-repeat;

}

#blok2
{
	position:absolute;
	top:140px;
	margin-left:420px;
	width:360px;
	height:255px;
}

#nieuwsBlok
{
	width:398px;
	height:240px;
	padding:5px 5px 5px 5px;
}



#content
{
	width: 769px;
	padding: 0 20px 0 20px;

}

#left
{
	/* width:454px; */
	float:left;

}
#right
{
	/* width:434px; */
	float:left;

}
h1
{
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:White;
}


p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:15px;
	color:White;
}
td, tr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:White;
}



#nieuwsBlok h1
{
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:Black;
}


#nieuwsBlok p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:15px;
	color:Black;

}

#nieuwsBlok td, #nieuwsBlok tr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:Black;
}




.newsItem
{
	position:relative;
	width:100%;
	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;
}

#news
{
	margin-top:-15px;
}




/* ============== 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:0px;
}

.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:460px;
	padding-right:4px;
}
.Pnl2
{
	width:252px;
}
.Pnl3
{
	width:716px;
}

/* 769px */



/* ==================== Carousel ===================== */
#carousel
{
	z-index:0;
}
.pics { height: 255px; width: 360px; padding:0; margin:0; overflow: hidden }
.pics img { height: 255px; width: 360px; 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 ---------------------------------    */ 


#guestbook
{
	width:100%;
}

.itemGuestbook
{
	border: solid 1px white;
	width:100%;
	padding:10px;
}

.itemGuestbook h2
{
	font-size: 14px;
	font-weight: bold;
}

.itemGuestbook td
{
	width:710px;
}
