/* main.css */
html, body { margin: 0; padding: 0; }
body { font-size: 100%; font-family: sans-serif; color: #000; background: #fff url("../img/body.gif") repeat-y; }

p#quicknav { color: #000; background: url("../img/drop_bg.png") transparent; position: absolute; top: -400px; }
#wrap { color: #000; background: transparent no-repeat; background-position: 0 120px; }
/* body.nieuws #wrap { background-image: url("../img/nieuws_bg2.jpg"); } */

body.thema #wrap { background-image: url("../img/thema_bg.jpg"); }
body.locatie #wrap { background-image: url("../img/locatie_bg.jpg"); }
body.entertainment #wrap { background-image: url("../img/entertainment_bg.jpg"); }
body.catering #wrap { background-image: url("../img/catering_bg.jpg"); }
body.artiesten #wrap { background-image: url("../img/artiesten_bg.jpg"); }
body.contact #wrap { background-image: url("../img/contact_bg.jpg"); }

body.videoclips #wrap { background-image: url("../img/videoclips_bg.jpg"); }
body.opdrachtgevers #wrap { background-image: url("../img/opdrachtgevers_bg.jpg"); }
body.events #wrap { background-image: url("../img/events_bg.jpg"); }

#content
{
	width: auto;
	line-height: 145%;
	font-size: 85%;
	padding-top: 20px;
	padding-right: 16%;
	padding-left: 9%;
	padding-bottom: 0;
	margin: 0 0 0 152px;
	color: #333;
	background: #fff no-repeat;
	background-position: top right;
}

body.thema #content { background-image: url("../img/thema.jpg"); }
body.locatie #content { background-image: url("../img/locatie.jpg"); }
body.entertainment #content { background-image: url("../img/entertainment.jpg"); }
body.catering #content { background-image: url("../img/catering.jpg"); }
body.artiesten #content { background-image: url("../img/artiesten.jpg"); }

body.videoclips #nieuws, body.videoclips #content { width: 95%; }
body.events #content { background-image: url("../img/events.jpg"); }

html>body.videoclips #content, html>body.nieuws #content { width: auto; }

img { border: 0; }
sup, sub { line-height: 1px; }

h1 { font-size: 100%; margin: 0 0 1.6em -6%; }
h2 { border-bottom: 1px solid #ddd; clear: both; font-size: 130%; color: #c00; background: url("../img/heading.gif") transparent bottom left repeat-x; margin: 1.5em 0 0.5em; padding: 0 0 0.2em; font-weight: normal; }

p { margin: 0.4em 0 1.2em; }
ul { clear: both; margin: 1em 0 1.2em 0; padding: 0; }
li { margin: 0 0 0 1.5em; padding: 0; }
p.left { line-height: 100%; float: left; margin: 4px 10px 3px 0; padding: 1px; border: solid #ddd; border-width: 1px 1px 2px 1px; color: #333; background: #fff; clear: both;  }
p.right { line-height: 100%; float: right; margin: 4px 0 3px 10px; padding: 1px; border: solid #ddd; border-width: 1px 1px 2px 1px; color: #333; background: #fff; clear: both;  }
p.left img, p.right img { vertical-align: middle; margin: 0; }
p.date { font-size: 94%; font-style: italic; margin-bottom: 0.4em; }
p.subnav { line-height: 120%; font-size: 90%; margin: 2em 0; border-left: 1px solid #aaa; padding-left: 12px; }

blockquote { font-size: 110%; line-height: 140%; margin: 0 0 0 2%; font-family: "Georgia", "Times New Roman", "Times", serif; }

body.videoclips #content ul { clear: left; }
body.opdrachtgevers #content h2 { margin-bottom: 0.2em; }
body.opdrachtgevers #content h2 cite, body.links #content li cite { font-style: normal; }
body.opdrachtgevers #content h3 { font-size: 100%; color: #666; background: transparent; margin: 0 0 1em; }

a:link { color: #22b; background-color: transparent; }
a:visited { color: #888; background-color: transparent; }
a:hover { color: #000; background-color: transparent; }

.break { visibility: hidden; clear: both; line-height: 1px; font-size: 1px; }

#header { width: auto; height: 120px; color: #fff; background: url("../img/header2.gif") #717e8f repeat-x; padding: 0 0 0 44px; margin: 0; }
#header #obj { width: 215px; height: 120px; color: #fff; background: url("../img/logo.jpg") #ccc no-repeat; }
#header object { height: 120px; margin: 0; padding: 0; }

#navigation { font-size: 70%; line-height: 120%; margin: 0; }
#navigation ul { list-style: none outside; }
#nmain { clear: none; position: absolute; top: 0; left: 260px; z-index: 100; height: 140px; margin: 0; padding: 0; width: 483px; } 
#nmain li { border-right: 1px solid #717e8f; margin: 60px 0 0; padding: 0; width: 160px; float: left;  }
#nmain li ul { width: 160px; clear: both; padding: 0; position: absolute; margin: 0 0 0 -1px; border: solid #717e8f; border-width: 0 1px 1px; }
#nmain li li { border-top: 1px solid #999; margin: 0; padding: 0; float: left; }
html>body #nmain li li { float: none; }

#nmain a span { display: none; }
#nmain a { text-decoration: none; border: 0; height: 30px; color: #00007f; background-color: transparent; background-repeat: no-repeat; display: block; padding: 0 12px; } 
#nmain a:focus, #nmain a:hover { color: #00007f; background-color: #d1e1ff; }
li#m1 a { background-image: url("../img/m_elementen.gif"); }
li#m2 a { background-image: url("../img/m_artiesten.gif"); }
li#m3 a { background-image: url("../img/m_praten.gif"); }
#nmain a.hi, #nmain a.hi:focus, #nmain a.hi:hover { color: #00007f; background-color: #d1e1ff; } 
#nmain li li a { font-weight: bold; height: 2.2em; padding: 6px 12px 0; line-height: 100%; border-top: 1px solid #555; color: #000; background: none #666; background-repeat: repeat; }
#nmain li li a { color: #fff; bac\kground-color: transparent; bac\kground-image: url("../img/drop_bg.png"); }
/* proprietary CSS for MSIE6/Win (fix opaque PNG support fellows!) */
#nmain li li a { filter:alpha(opacity=88); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88); } 
html>body #nmain li li a { height: 1.6em; }
#nmain li li a:focus, #nmain li li a:hover { border-top: 1px solid #dbb000; background-image: none; color: #000; background-color: #fbd000; }
/* proprietary CSS for MSIE6/Win */
#nmain li li a:focus, #nmain li li a:hover { filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
#nsub { position: absolute; top: 90px; left: 260px; z-index: 150; border-left: 1px solid #00004f; font-size: 100%; height: 21px; margin: 1px 0 0; padding: 8px 0 0 8px; color: #b1c1e5; background: #00007f; clear: both; }

#nsub a { text-decoration: none; border: 0; color: #b1c1e5; background: #00007f; font-weight: bold; }
#nsub a:hover { color: #fbd000; background: #00007f; }
#nsub strong { color: #fff; background: transparent; }

#nmain li ul { visibility: hidden; }
#nmain li ul.show { visibility: visible; }

#footer { margin: 120px 0 30px; clear: both; line-height: 150%; font-size: 80%; color: #666; background: transparent; border: solid #ddd; border-width: 1px 1px 2px; padding: 7px 12px; }

#footer p, #footer address { font-style: normal; margin: 0 0 6px; }

/* CSS-3 */
a:not([href]) { color: inherit; background: transparent; border: 0; }

form { margin: 0.4em 0 1.2em; padding: 0; }
input, textarea, select { font-size: 100%; font-family: sans-serif; }
fieldset { color: #333; background: url("../img/heading.gif") transparent bottom left repeat-x;border: solid #ccc; border-width: 0 0 1px; padding: 0 0 0.5em; margin: 0 0 1em; }
legend { visibility: hidden; margin: 0; padding: 0; line-height: 1px; font-size: 1px; }
form p { margin: 0.8em 0; }
span.label { width: 32%; float: left; clear: both; }
label em { font-size: 80%; color: #666; background: transparent; font-style: normal; }
label img, p.error img { vertical-align: middle; }
input.text { vertical-align: middle; width: 54%; }
textarea { width: 88%; }
p.error { padding: 5px 12px; border: 2px solid #000; color: #000; background: #fff; }
strong label { color: #c00; background: transparent; }

.gallery {
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 1em;
	}
	.gallery a {
		display: block;
		float: left;
		width: 150px;
		margin: 0 10px 10px 0;
		padding: 10px 0 10px 0;
		background-color: #eee;
		text-align: center;
		}
		.gallery a:hover {
			background-color: #ddd;
			}
		.gallery a img {
			border: 5px solid #fff;
			}
	.gallery h3 {
		font-size: 1em;
		margin: 0;
		}