html {
  overflow: -moz-scrollbars-vertical;
}

body {
  margin: 0;
  background: white url(../gfx/backgr.gif) no-repeat center top;
  color: #636363;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 72.5%;
  text-align: center;
}

img {
  border: 0;
}

hr {
  display: none;
}

p, form, ul, li, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}


ul, li {
  list-style-type: none;
}

h1 span, h2 span {
  display: none;
}

hr {
  display: none;
}

.break {
	clear: both;
}

/* CONTAINERS *********************************************************/

.main {
  position: relative;
  text-align: left;
  width: 782px;
  margin: 0 auto;
}

.header {
	background: white url(../gfx/backgr_header.gif) no-repeat center top;
	height: 178px;
	width: 782px;
}

.content {
	position: relative;
	width: 780px;
	border: 1px solid #bbb;
	border-top: none;
	min-height: 248px;
}

.content .left {
	float: left;
	width: 466px;
	margin: 20px 0 10px 20px;
}

.content .right {
	float: right;
	width: 255px;
	overflow: hidden;
}

.content a:link, .content a:visited, .contentFrontpage a:link, .contentFrontpage a:visited {
	text-decoration: none;
	color: #1966B1;
}

.content a:hover, .content a:active, .contentFrontpage a:hover, .contentFrontpage a:active {
	text-decoration: none;
	color: #333;	
}

/* SlikCMS webindeling 'switchy' (switchy.php) */

.content .leftSwitchy {
	float: right;
	width: 480px;
	margin: 20px 20px 10px 20px;
	z-index: 0;
}

.content .rightSwitchy {
	float: left;
	width: 255px;
	z-index: 0;
}

/* SlikCMS webindeling 'switchy' (switchy.php) */

.content .contentBig {
	float: right;
	width: 740px;
	margin: 20px 20px 10px 20px;
	z-index: 0;
}

/* HEADER + NAV *******************************************************/

.header h1 {
	position: absolute;
	width: 255px;
	height: 98px;
	right: 0;
	background: url(../gfx/ampelmann_logo.gif) no-repeat;
}

img#printlogo {
	display: none;
}

.banner {
	position: absolute;
	top: 15px;
	border: 1px solid #D4D4D4;
	padding: 2px 7px;
	font-size: 90%;
	color: #ddd;
	text-align: center;
	background: #bababa;
}

.banner.sponsors {
	right: 270px;
}

.banner.partners {
	right: 375px;
}

	/* MAIN NAV : CONTAINERS *******************************/

#navigation {
	position: absolute;
	z-index: 103;
	top: 158px;
	left: 0;
}

#navigation ul, #navigation li, #navigation a {
	margin: 0;
}

#navigation a {
	outline: none;
}

#navigation ul {
	position: absolute;
	margin-left: -21px;
	left: 0;
	top: 19px;
	background: #8AA9CC url(../gfx/backgr_subnav.gif) repeat-x;
	z-index: 101;
	opacity: .93;
	filter: alpha(opacity=93);	

}

#navigation li {
	position: relative;
	float: left;

}

#navigation li a {
	display: block;	
	padding: 0px 9px 10px;
	text-decoration: none;
	color: white;
}

#navigation li a:hover {
	color: #1966B1;
}

#navigation ul li a {
	display: block;
	width: 160px;
	padding: 10px 12px 10px 30px; }

#navigation ul li a:hover {
	display: block;
	width: 160px;
	padding: 10px 12px 10px 30px;	
	margin: 0;	
	background: #999 url(../gfx/icon_ampelmann.gif) no-repeat 8px 6px;
	color: white;
}

ul#navigation li ul {
	display: none;
	width: 202px;
}

#navigation li#menuItem7 ul { width: 242px !important; }
#navigation li#menuItem7 ul li a { width: 200px !important; }

ul#navigation li:hover ul, 
ul#navigation li.hover ul {
	display: block;

}
ul#navigation li ul li:hover ul, 
ul#navigation li ul li.hover ul{
	display: none;
}
ul#navigation li:hover ul ul, 
ul#navigation li.hover ul ul{
	display: none;
}

/* MINI NAV *****************************************/

.header ul.miniNav {
	position: absolute;
	top: 12px;
	left: 0;
}

.header ul.miniNav li {
	display: inline;
	margin: 0;
}

.header ul.miniNav li a {
	padding: 10px;
	text-decoration: none;
	color: white;
}

.header ul.miniNav li a:hover {
	color: black;
	background-color: #bbb;
}

.header ul.miniNav li a.print {
	position: relative;
	background: url(../gfx/icon_printer.gif) no-repeat 5px 11px;
	padding-left: 20px;
}

.header ul.miniNav li a.print:hover {
	position: relative;
	background: #bbb url(../gfx/icon_printer_on.gif) no-repeat 5px 11px;
	padding-left: 20px;
}

.header ul.miniNav li a.home {
	position: relative;
	background: url(../gfx/icon_home.gif) no-repeat 5px 11px;
	padding-left: 20px;
}

.header ul.miniNav li a.home:hover {
	position: relative;
	background: #bbb url(../gfx/icon_home_on.gif) no-repeat 5px 11px;
	padding-left: 20px;
}

.header ul.miniNav li a.contact {
	position: relative;
	background: url(../gfx/icon_contact.gif) no-repeat 5px 9px;
	padding-left: 20px;
}

.header ul.miniNav li a.contact:hover {
	position: relative;
	background: #bbb url(../gfx/icon_contact_on.gif) no-repeat 5px 9px;
	padding-left: 20px;
}

/* CONTENT *****************************************************************/

img.overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 102;
}

img.overlayGif {
	display: none;
}

img.overlayGifDark {
	display: none;
}

.content ul li { 
	padding-left: 20px;
	background: url('../gfx/bullet_grey.gif') no-repeat 5px 6px; }

.content ol { padding-left: 20px;}
.content ol li { list-style-type: decimal; }

.left h1, .leftSwitchy h1, .right h1, .rightSwitchy h1, .contentBig h1 {
	margin: 22px 0 3px 0;
	padding-bottom: 3px;
	font-size: 200%;
	font-weight: normal;
	color: #235484;
}

.left h2, .leftSwitchy h2, .right h2, .rightSwitchy h2, .contentBig h2 {
	margin: 22px 0 3px 0;
	padding-bottom: 3px;
	font-size: 200%;
	font-weight: normal;
	color: #74879D;
}

.left h3, .leftSwitchy h3, .right h3, .rightSwitchy h3, .contentBig h3 {
	margin: 12px 0 3px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #BDCDDD;
	font-size: 150%;
	font-weight: normal;
	color: #235484;
}

.left h4, .leftSwitchy h4, .right h4, .rightSwitchy h4, .contentBig h4 {
	margin: 12px 0 3px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #BDCDDD;
	font-size: 120%;
	font-weight: normal;
	color: #74879D;
}

.left h5, .leftSwitchy h5, .right h5, .rightSwitchy h5, .contentBig h5 {
	font-size: 90%;
	font-weight: normal;
}

.left h6, .leftSwitch h6, .right h6, .rightSwitchy h6, .contentBig h6 {
	font-size: 80%;
	font-weight: normal;
}

.left p, .leftSwitchy p, .right p, .rightSwitchy p, .contentBig p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

.right p, .right h1, .right h2, .right h3, .right h4, .right h5, .right h6 {
	margin-right: 10px;
}

.rightSwitchy p, .rightSwitchy h1, .rightSwitchy h2, .rightSwitchy h3, .rightSwitchy h4, .rightSwitchy h5, .rightSwitchy h6 {
	margin-left: 10px;
}

.contact input, .contact label {
	display: block;
	width: 200px;
	margin: 4px 0;
}

.contact label {
	text-transform: capitalize;
}

.contact #nieuwsbrief {
	display: inline;
	width: auto;
	font-weight: normal;
}

.contact .melding {
	color: red;
}

/* CONTENT : EVENTS ***********************************************************/

.content .events h3 {
  font-size: 140%;
  padding: 4px 6px;
  background: #A0BAD6;
  color: #fff;
  margin: 20px 0 0 0;
}

.content .events h4 {
  border-bottom: none;
  background: url(../gfx/icon_calendar.gif) no-repeat 0 13px;
  padding: 10px 0 0 20px;
  font-weight: normal;
  font-size: 130%;
}

.content .events h5 {
  padding: 0 0 10px 20px;
  font-weight: normal;
  font-size: 90%;
}

/* CONTENT : DOWNLOADS *********************************************************/

.filedownload { 
	padding: 10px 10px 10px 60px; margin: 0 20px 20px 20px; min-height: 36px;
	background-color: white; border: 1px solid #ddd; }
	.filedownload:hover { border: 1px solid #aaa; color: black; }
	.filedownload.pdf {  background: url('../gfx/file_pdf.gif') no-repeat 2px 3px; }

.download ul li a {
	display: block;
	position: relative;
	height: 30px;
	padding: 12px 0 0 40px;
	background: url(../gfx/icon_download.gif) no-repeat 5px 5px;
	outline: none;
}

.download ul li.activedl a {
	background: #eee url(../gfx/icon_download.gif) no-repeat 5px 5px;
	outline: none;	
}

/* CONTENT : CONTACT ***********************************************************/

.contact textarea {
	width: 400px;
	height: 200px;
}

.mailingAanmelding .ok p, .mailingAanmelding .error p {
	margin: 0;
}

.mailingAanmelding .ok {
	margin: 10px 10px 0 0;
	padding: 5px;
	color: #1C9600;
	border: 1px solid #1C9600;
	background-color: #A4D498;
}

.mailingAanmelding .error {
	margin: 10px 10px 0 0;
	padding: 5px;
	color: #D00000;
	border: 1px solid #D00000;
	background-color: #EC9898;
}

/* CONTENT : GALLERY ***********************************************************/

.content h3 em {
  padding-left: 40px;
  text-align: right;
}

.content .gallery h4 {
  border-bottom: none;
  background: url(../gfx/icon_calendar.gif) no-repeat 0 13px;
  padding: 10px 0 0 20px;
  font-weight: normal;
  font-size: 130%;
}

.content .gallery h5 {
  padding: 0 0 10px 20px;
  font-weight: normal;
  font-size: 90%;
}


/* GALLERY ****************************************************************/

.galleryBanner {
  width: 780px;
  padding-bottom: 0;
}

.gallery {
  width: 466px;
  padding-bottom: 12px;
}

.gallery .title, .galleryBanner .title {
  width: auto;
  text-align: left;
  height: 24px;
  padding-top: 20px;
}

.gallery .title h2, .galleryBanner .title h2 {
  font-size: 140%;
  font-weight: bold;
  color: #254B61;
  display: none;
}

.gallery .title img, .galleryBanner .title img {
  margin-bottom: -5px;
}

.gallery .title ul, .galleryBanner .title ul {
  margin: 0;
  padding: 0;
}

.gallery .title li, .galleryBanner .title li {
  display: inline;
  margin-right: 12px;
}

.gallery .imgOut, .galleryBanner .imgOut {
  margin: 4px 2px;
}

.gallery .imgOver, .galleryBanner .imgOver {
  padding: 2px 2px;
  margin: 2px 0;
}

.galleryThumb {
  width: 379px;
  float: left;
}

.galleryThumb h3 {
  padding-top: 6px;
}

.gallery.index {
  float: left;
  margin: 0;
}

.gallery.index img {
  padding: 2px;
  margin-right: 4px;
}

.gallery.index img.active {
}

.gallery.index img.index {
  padding: 12px;
  margin: 4px 2px;
}

.gallery a:hover, .galleryBanner a:hover {
  color: black;
}

.galleryItem {
  margin: 0;
  padding: 0;
}

.gallery.zoom {
  padding: 4px;
  text-align: center;
}

.gallery.zoom img {
  padding: 12px;
  margin-right: 8px;
}

.gallery.zoom img.active {
  padding: 12px;
  margin-right: 8px;
}

.gallery.zoom ul {
  padding: 0;
  margin: 12px 0;
}

.gallery.zoom ul li {
  display: inline;
  margin: 0 10px;
}

.galleryZoom p {
  margin: 12px auto;
  width: 600px;
  text-align: left;
  color: white;
}

.inactive {
  color: #6B808C;
}

/** Video *****************************************/

#content .videoBigContain h3 {
	border: none;
}

#content .videoItemBig {
	margin-bottom: 20px;
}

/* VIDEO ******************************************************************/

.content #playlist a {
	border: 1px solid #BDCDDD;
	display: block;
	width: 454px;
	height: 85px;
	padding: 5px;
	font-size: 95%;
	outline: none;
	margin-top: 5px;
	background: #e4e4e4;		
}

.content #playlist a.active {
	border: 1px solid #98A9BB;
	color: #235484;
	background-color: #BDCDDD;
}

.content #playlist a:hover {
	border: 1px solid #275CB7;
	color: #fff;
	background-color: #BDCDDD;
}
.content #playlist a * {
	cursor: pointer;
}
.content #playlist a span {
	display: block;
	float: left;		
	width: 215px;
	color: white
}

.content #playlist a span strong {
	color: #1D4389;
}

.content #playlist a span.imageHolder {
	display: table-cell;
	float: left;
	width: 113px;
	height: 85px;
	background: black;
	margin-right: 10px;
	text-align: center;
}

.content #playlist a span.imageHolder img {
	margin: auto;
}

.content #playlist a table {
	float: left;
	display: block;
	width: 113px;
	height: 85px;
	background: black;
	border-collapse: collapse;
	text-align: center;
	margin-right: 10px;
}

.content #playlist a table tr {
	height: 85px;
	width: 113px;
}

.content #playlist a table td {
	width: 113px;
	text-align: center;
	vertical-align: middle;
}

.content #playlist a table img {
	margin: auto;
}

.content .mailingVeld {
	margin-top: 32px;
}

.content input#formEmail {
	width: 241px;
	margin-bottom: 5px;
}

/**************************************************/

/* FOOTER *****************************************************************/

ul.footer {
	position: absolute;
	margin-top: 10px;
	font-size: 95%;
	color: #B3B3B3;
	text-align: center;
	width: 780px;
}

ul.footer li {
	display: inline;
	margin: 0 21px;
	letter-spacing: .2em;
}

ul.footer li a.mail {
	color: #7C9AB9;
	position: relative;
	background: url(../gfx/icon_mail.gif) no-repeat 0 2px;
	padding-left: 17px;
	text-decoration: none;
}

ul.footer li a.mail:hover {
	color: #1966B1;
	background: url(../gfx/icon_mail_on.gif) no-repeat 0 2px;
	text-decoration: none;	
}

/* SlikCMS weblayout 'dark' (dark.php) */

body#dark {
	color: #ddd;
}

body#dark .content {
	background: #787878 url(../gfx/backgr_darkbody.gif) repeat-x;
	border: 1px solid #666;
	border-top: none;
}

body#dark .left h1, body#dark .leftSwitchy h1, body#dark .right h1, body#dark .rightSwitchy h1 {
	border-bottom: 1px solid #9EB9D8;
	color: #9EB9D8;		
	background: #333;
}

body#dark .left h2, body#dark .leftSwitchy h2, body#dark .right h2, body#dark .rightSwitchy h2 {
	border-bottom: 1px solid #9EB9D8;
	color: #9EB9D8;	
	background: #333;
}

body#dark .left h3, body#dark .leftSwitchy h3, body#dark .right h3, body#dark .rightSwitchy h3 {
	border-bottom: 1px solid #9EB9D8;
	color: #9EB9D8;	
}

body#dark .left h4, body#dark .leftSwitchy h4, body#dark .right h4, body#dark .rightSwitchy h4 {
	border-bottom: 1px solid #9EB9D8;
	color: #9EB9D8;	
}

body#dark .content a:link, body#dark .content a:visited {
	color: #99ACEE;
}

body#dark .content a:hover, body#dark .content a:active {
	color: #BCD7F1;
}


/* SlikCMS weblayout 'frontpage' (frontpage.php) */

.contentFrontpage {
	position: relative;
	width: 781px;
	height: 242px;
	background: white url(../gfx/backgr_frontcontent.gif) no-repeat;
}

body#frontpage a {
	outline: none;
}

.contentFrontpage a.frontLink {
	position: relative;
	left: -20px;
	padding-left: 20px;
	margin-left: 20px;
	background: url(../gfx/icon_arrow.gif) no-repeat 0 4px;
	color: black;
	text-decoration: none;
}

.contentFrontpage a.frontLink:hover {
	position: relative;
	left: -20px;
	padding-left: 20px;
	background: url(../gfx/icon_arrow.gif) no-repeat 0 4px;
	color: black;
	text-decoration: underline;	
}

table.front td {
	padding: 10px 25px 0 15px;
	width: 225px;
	vertical-align: top;
	line-height: 1.6em;	
	text-align: justify;
}

table.front td a {
	text-align: left;
}

table.front td strong {
	font-weight: normal;
}

table.front td.fixedCell {
	height: 160px;
	overflow: auto;
}

table.front ul {
	margin: 10px 0;
	padding: 0;
}

table.front ul li {
	position: relative;
	padding-left: 10px;
	margin-left: 0;
	background: url(../gfx/bullet_blue.gif) no-repeat 1px 7px;
}

/* DEBUGGING MODE

* { outline: 1px dashed red }
* * { outline: 1px dashed green }
* * * { outline: 1px dashed orange }
* * * * { outline: 1px dashed blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

*/