/*
Project Name: 25564
Description: Website for Yves Messiaen
Version: 1.0
Author: Proximedia
*/

/* YUI reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}

/* Proximedia */
Body { scrollbar-3d-light-color : #3A3A3A; scrollbar-arrow-color : #9C9C9C; scrollbar-base-color : #9C9C9C; scrollbar-dark-shadow-color : #3A3A3A; scrollbar-face-color : #3A3A3A; scrollbar-highlight-color : #3A3A3A; scrollbar-shadow-color : #9C9C9C;}
td { font-family : verdana ; font-size : 10px ;}
input, select, textarea	{ font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;  border: solid #3A3A3A ; border-width: 1 ; background-color:#ffffff ; }

/* START WINDOWS OVERLAY*/
#GB_overlay { background-color: #000000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; }
#GB_window .content { width: auto; margin: 0; padding: 0; background-color: #fff; border: 3px solid #ccc; border-top: none; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 0px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; height: 20px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption { font-size: 11px; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 11px; cursor: pointer }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/* END WINDOWS OVERLAY*/

/* Gallery 3 */
.Gallery3GalerieTitreTexte {font-family:Verdana;font-size:10px;color:#DDDDDD;font-weight:bold;}
.Gallery3GalerieCheminLiens {font-family:Verdana;font-size:10px;color:#666666;text-decoration:underline;font-weight:bold;}
.Gallery3GalerieCheminLiens:hover {font-family:Verdana;font-size:10px;color:#666666;text-decoration:none;font-weight:bold;}
.Gallery3GalerieCheminTexte {font-family:Verdana;font-size:10px;color:#666666;text-decoration:none;font-weight:bold;}
.Gallery3GaleriePageEnCours {font-family:Verdana;font-size:10px;color:#DDDDDD;font-weight:bold;}
.Gallery3RepertoireTitre {font-family:Verdana;font-size:9px;color:#666666;font-weight:bold;}
.Gallery3FichierTexte {font-family:Verdana;font-size:10px;color:#ffffff;}
.Gallery3PhotoTexte {background:#FFFFFF;font-family:Verdana;font-size:10px;color:#666666;}
.LoopGalleryTitle {font-family:Verdana;font-size:11px;color:#666666;font-weight:bold;width:100%;text-align:center;} /*display:none;*/
.LoopGalleryAbstract {font-family:Verdana;font-size:11px;color:#666666;font-weight:bold;width:100%;text-align:center;} /*display:none;*/
.LoopGalleryContent {margin-bottom:30px;} 

/* General tags */
html {overflow-y:scroll; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0;}
body { background:url(../images/ag.jpg) top repeat-x #fff; }
a, a:link, a:active, a:visited {text-decoration:none; color:#ad323a; font-weight:bold; outline:none;}
a:hover { text-decoration:underline;}

p { padding:8px 0 8px 0;}
h1 { font:normal 15px/26px Verdana, Arial, Helvetica, sans-serif; color:#a7232c;}
h2 { font:normal 15px/26px Verdana, Arial, Helvetica, sans-serif; color:#a7232c; display:block;}
h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { text-decoration:none; color:#020346;}
h1 a:hover, h2 a:hover { text-decoration:underline;}
strong { font-weight:bold;}

.clear_float {clear:both; font-size:1px; display:block; height:1px; line-height:0;}

/* banner */
#banner_nav { width:800px; height:48px; margin:auto; }
#banner_nav ul { float:right;}
#banner_nav li { float:right; line-height:48px; padding-left:26px;}
#banner_nav li.home { background:url(../images/li_home.jpg) top left no-repeat; width:40px;}
#banner_nav li.contact { background:url(../images/li_contact.jpg) top left no-repeat; width:61px;}
#banner_nav a, #banner_nav a:link, #banner_nav a:active, #banner_nav a:visited { color:#fff; text-transform:uppercase; font-size:9px;}
#banner_nav a:hover, #banner_nav a.active, #banner_nav a:link.active, #banner_nav a:visited.active, #banner_nav a:active.active {text-decoration:none; color:#e7c232;}

#banner { background:url(../images/banner_foto.jpg) bottom center no-repeat #fff; width:800px; height:246px; margin:auto; color:#fff;}

/* navigation */
#nav { height:46px; background:url(../images/ag_nav.jpg) top repeat-x #fff; color:#fff;}
#nav ul { width:794px; margin:auto; }
/*#nav ul { padding-left:27px;}*/
#nav li { float:left; display:block; background:url(../images/nav_li.jpg) top left no-repeat; text-align:center; padding:0 8px 0 32px; position:relative;}
#nav li.eerste { background:none;}
#nav a, #nav a:link, #nav a:active, #nav a:visited {line-height:44px; display:block; color:#fff; text-transform:uppercase;}
#nav a:hover, #nav a.active, #nav a:link.active, #nav a:visited.active, #nav a:active.active {text-decoration:none; color:#e7c232;}

#nav li ul { display:none; margin:0; position:absolute; left:0px; top:44px; line-height:28px;}
#nav li:hover ul, #nav li.sfhover ul { display:inline-block; margin:0; width:100px;}
#nav li ul li, #nav li ul li:hover, #nav li ul li.sfhover { width:120px; border-bottom:1px solid #5e3e20; padding:0; height:28px; line-height:28px; background:#7a0c25;}

#nav li ul li a, #nav li ul li a:link, #nav li ul li a:active, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li span 
{display: inline-block; width:120px; line-height:28px; text-transform:none; }

/* content */
#content_wrapper { width:800px; margin:auto; background:url(../images/ag_wrapper.jpg) left repeat-y #fff;}
#white_space {width:800px; margin:auto; height:10px; background-color:#fff;}
#contents { float:left; width:566px; padding:17px 9px 0 16px; min-height:360px;}
#contents td { font-size:11px; }
#contents li { padding-left:16px;}
#contents ul { list-style-type:disc; }
#contents ol { list-style-type:lower-alpha; } 
#contents img { border:1px solid #cecece;}
#content {padding-bottom:32px;}

.box { float:left; margin-right:14px; width:174px; background-color:#e1e1e1;}
.box h2 {background-color:#fff;}

/* gegevens */
#openingsuren { float:left; width:179px; background:url(../images/ag_openingsuren.jpg) top center no-repeat #ee941f; padding:17px 0 0 20px;}
#openingsuren h2 { font-weight:bold; color:#7b0c26; }
.box2 { padding:45px 0 20px 0; background:none; width:164px; color:#fff;}
.box2 img {border:1px solid #fff;}

/* Info */
#Info { display:block;}
#Info div { padding:4px 0 4px 0;}
#Info img {margin:4px;}

/* voeter */
#voeter { width:800px; height:88px; margin:auto; background:url(../images/ag_voeter.jpg) bottom left no-repeat #fff; color:#fff;}
#voeter p { display:block; float:left; padding:24px 36px 0 23px; line-height:15px;}
#voeter a, #voeter a:link, #voeter a:active, #voeter a:visited { text-decoration:underline; color:#e5bc31;}
#voeter a:hover {text-decoration:none;}


/* splash */
#splash_banner {width:800px; margin:auto; margin-top:64px;}
#splash_banner a {display:block; height:420px;}

#splash_voeter { width:800px; height:78px; margin:auto; background:url(../images/ag_voeter.jpg) bottom left no-repeat #fff; color:#fff;}
#splash_voeter p { display:block; float:left; padding:14px 36px 0 23px; line-height:15px;}
#splash_voeter a, #splash_voeter a:link, #splash_voeter a:active, #splash_voeter a:visited { text-decoration:underline; color:#e5bc31;}
#splash_voeter a:hover {text-decoration:none;}



#MessageBox{
	position:absolute;
	top:10px;
	width:600px;
	left:50%;
	margin-left:-250px;
	z-index:999;
	background:#fdfdfd;
	padding:5px;
	border:2px solid #960509;
	text-align:center;
	font-weight:bold;
}
#MessageBox #Close{
	float:right;
	cursor:pointer;
}