/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

body { background-image:url(../images/bodyBg.png); background-repeat:repeat-x; overflow-x:hidden;}

#mainWrap {font-family:"Verdana"; font-size:11px; color:#2f2f2f; line-height:20px;}
/* LAYOUT */

#wrap {width:940px; margin:0 auto; position:relative;}
#headerWrap {height:250px; background:url(../images/clouds.jpg) repeat-y center;}
	#headerShadowWrap {width:1200px; margin:0 auto; position:relative;}
	#headerShadow {position:absolute; top:238px; left:-1px; height:20px; width:1200px; margin:0 auto; background:url("../images/shadowHeader.png") repeat-x;}
	#header {width:940px; margin:0 auto; position:relative;}
		#logo a {position:absolute; left:0; top:10px; display:block; width:230px; height:233px; background-image:url(../images/sprite_png.png); background-position:0 -101px; background-repeat:no-repeat; text-indent:-9999px;}
		#banner {position:absolute; right:0; top:2px; width:276px; height:112px; z-index:99;}
#mainWrap {background:url(../images/mainWrapBg.png) repeat-x bottom; margin-top:20px;}
	#main {width:940px; margin:0 auto;}
		#content {width:620px; float:left; margin-right:20px;}
		#contentWide {width:940px;}
			#contentPadding {padding:0 0 20px 0;}
		#rightCol {width:300px; float:left;}
#footer {clear:both; height:210px;}
	#footerContent {width:940px; margin:0 auto; padding:20px 0;}

/* MENU'S */

#mainmenuWrap {position:absolute; top:120px; right:0;}
#mainmenuWrap div {float:left;}
#mainmenuLeft {width:18px; height:66px; background-image:url(../images/sprite_png.png); background-position:-68px -30px; background-repeat:no-repeat;}
#mainmenuRight {width:18px; height:66px; background-image:url(../images/sprite_png.png); background-position:-91px -30px; background-repeat:no-repeat;}
#mainmenuCenter {height:66px; background:url(../images/mainmenuCenterBg.png) repeat-x; text-align:center;}
#mainmenu li {display:inline; margin:0 5px;}
#mainmenu {width:auto;}
#mainmenu a {line-height:66px; color:#ffffff; font-size:16px;}
#mainmenu a:hover, #mainmenu a.selected {border-bottom:2px solid;}

.submenuWrap {position:absolute; top:65px; left:40px; width:400px;}
.submenuLeft {width:18px; height:56px; background-image:url(../images/sprite_png.png); background-position:-114px -30px; background-repeat:no-repeat;}
.submenuRight {width:18px; height:56px; background-image:url(../images/sprite_png.png); background-position:-137px -30px; background-repeat:no-repeat;}
.submenuCenter {height:56px; background:url(../images/submenuCenterBg.png) repeat-x;}
.submenu a {line-height:56px !important; color:#1b3c78 !important; font-size:14px !important;}

/* SPONSORS */

#sponsors li {float:left; margin:0 6px 6px 0;}
#sponsors a {display:block; width:170px; height:70px; border:#bebebe 3px solid; padding:2px; text-align:center;}
#sponsors a:hover {border:#919191 3px solid;}

/* BLOCKS */

.block {margin-bottom:20px; position:relative;}
.blockTop {width:300px; height:10px; background-image:url(../images/sprite_png.png); background-position:0 0; background-repeat:no-repeat;}
.blockBottom {width:300px; height:10px; background-image:url(../images/sprite_png.png); background-position:0 -15px; background-repeat:no-repeat;}
.blockContent {background:#f8d63e; min-height:200px; padding:10px 20px;}

/* CAROUSSEL RIGHT */

#carousselWrap {width:260px; height:260px; position:relative; overflow:hidden;}
.cornerTopLeft {width:12px; height:12px; position:absolute; top:0; left:0; background-image:url(../images/sprite_png.png); background-position:0 -30px; background-repeat:no-repeat; z-index:99;}
.cornerTopRight {width:12px; height:12px; position:absolute; top:0; right:0; background-image:url(../images/sprite_png.png); background-position:-17px -30px; background-repeat:no-repeat;z-index:99;}
.cornerBottomLeft {width:12px; height:12px; position:absolute; top:248px; left:0; background-image:url(../images/sprite_png.png); background-position:-34px -30px; background-repeat:no-repeat; z-index:99;}
.cornerBottomRight {width:12px; height:12px; position:absolute; top:248px; right:0; background-image:url(../images/sprite_png.png); background-position:-51px -30px; background-repeat:no-repeat; z-index:99;}

/* ALBUMS & PHOTO'S */

.album {width:220px; float:left; margin:0 20px 20px 0; position:relative;}
.album a {border:0 !important; display:block; width:220px; height:198px;}
.album h2 {margin:0; padding-bottom:10px; height:17px; overflow:hidden;}
.album img {border:#d4d4d4 3px solid;}
.album .slidingPanel {position:absolute; bottom:3px; left:3px; width:210px; height:25px; padding-top:5px; background:#e32e3d; text-align:center;}
.album .slidingPanel a, .album .slidingPanel span {color:#fff !important;}
.album .slidingPanel a:hover span {border-bottom:#fff 2px solid !important;}
.lastAlbum {margin-right:0 !important;}

#photosWrap {margin-bottom:20px;}
.imgContainer {position:relative; width:90px; height:90px; float:left; margin:0 9px 9px 0; border:#d4d4d4 3px solid !important;}
.imgContainer:hover {border:#e32e3d 3px solid !important;}
a.imgLink {border:0 !important; display:block;}
.back {display:block; background:#1b3c78; color:#fff !important; font-weight:bold; line-height:22px; height:24px; width:200px; border:0 !important; text-align:center;}
.back:hover {background:#e32e3d;}
.imgContainer .slidingPanel {position:absolute; bottom:0; left:0; width:90px; height:25px; padding-top:5px; background:#e32e3d; text-align:center;}
.imgContainer .slidingPanel a {border:0 !important; color:#fff !important;}
.imgContainer .slidingPanel a:hover span {border-bottom:#fff 2px solid !important;}
.lastImg {margin-right:0 !important;}

/* TOOLTIPS */

#tooltip {
	position:absolute;
	z-index:3000;
	border:1px solid #cdcdcd;
	background-color:#ffffff;
	padding:5px;
	opacity:0.85;
	width:auto;
	max-width:300px;
}

#tooltip h3, #tooltip div {margin:0;}
#tooltip h3 {font-family:"Arial"; font-size:11px; font-style:normal;}

/* TABLES */

.basicTable td {padding:5px; border-bottom:#acacac 1px solid;}
.basicTable tr.header td {font-family:"Georgia"; font-size:14px; font-weight:bold; color:#e32e3d; background:#f7f1f2; border-bottom:#e32e3d 1px solid;}
.basicTable tr.footer {font-family:"Georgia"; font-size:14px; font-weight:bold; color:#e32e3d; background:#f7f1f2; border-bottom:#e32e3d 1px solid;}

/* AGENDA */

#calendar {width:100%;}
#calendar .firstCol {width:30%;}
#calendar .secondCol {width:20%;}
#calendar .thirdCol {width:25%;}
#calendar .fourthCol {width:25%;}
#calendar .headerYear td {font-family:"Georgia"; font-size:18px; font-weight:bold; color:#1b3c78; background:#e7eaef; border-bottom:#1b3c78 2px solid;}

/* LEDEN */

#members .firstCol {width:35%;}
#members .secondCol {width:25%;}
#members .thirdCol {width:40%;}

tr.selectedRow td {background:#ededed;}

/* right column */
.memberDetailInfo {display:none;}
dt {float:left; width:100px; font-style:italic; color:#585858;}
/* commented backslash hack for mac-ie5 \*/
dt {clear: both;}
/* end hack */
dd {float:left; width:160px;}
dt, dd {line-height:20px; height:20px;}
.memberDetailInfo h3 {padding-top:10px;}

/* COMMISSIES */

#commissions {width:100%;}
#commissions .firstCol {width:25%;}
#commissions .secondCol {width:35%;}
#commissions .thirdCol {width:25%;}
#commissions .fourthCol {width:15%; text-align:right;}
#commissions tr.header td {border-top:1px solid;}
#commissions td {vertical-align:top;}
#commissions dt {width:150px;}
#commissions dd {width:130px;}

/* FORMULIEREN */

label {}
input {font-family:"Verdana"; font-size:11px; padding:0; margin:0; border:0;}

.row {}
.field {padding:5px; width:200px; border:#1b3c78 1px solid;} /* specifieke opmaak voor een input type="text" */
.button {padding:5px; color:#ffffff; font-weight:bold; background:#e32e3d; cursor:pointer;} /* specifieke opmaak voor een input type="submit" */
.button:hover {background:#1b3c78;}

/* CLEARFIX */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* CLASSES - ALGEMEEN */

.clearer {clear:both;} /* 'clearen' van voorafgaande floats */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.error {}
.required {}
.col {width:200px; height:auto; float:left; margin-right:10px;}
.lastCol {margin:0;}

/* ELEMENTEN - ALGEMEEN */

h1 {font-family:"Georgia"; color:#1b3c78; font-size:24px; line-height:24px; font-weight:bold; font-style:italic; margin-bottom:20px; text-transform:capitalize;}
h2 {font-family:"Georgia"; color:#e32e3d; font-size:18px; line-height:24px; font-weight:bold; font-style:italic; margin-bottom:20px;}
#rightCol h2 {color:#1b3c78;}
h3 {font-family:"Georgia"; color:#1b3c78; font-size:16px; line-height:16px; font-weight:bold; margin-bottom:10px;}
h4 {}
h5 {}
h6 {}

a {text-decoration:none;} /* algemene links */
a:hover {}

#content p, #contentWide p {margin-bottom:20px;}

#content a, #contentWide a {color:#1a3c78; border-bottom:#e32e3d 1px dotted;} /* links binnen content area */
#content a:hover, #contentWide a:hover {border-bottom:#e32e3d 2px solid;}

#content ol, #contentWide ol {list-style-type:decimal; padding:0 0 20px 22px;} /* ordered lists in div "content" */
#content ul, #contentWide ul {list-style-type:disc; padding:0 0 20px 22px;} /* unordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}


/*** EURO 2012 TEMPLATE ***/
#euro2012login {background: #23312D url("../images/euro2012.jpg") no-repeat top left; width: 100%;}
#euro2012login .row {margin: 580px 0 0 430px;}
#euro2012login .row .field { background: none; border: 1px solid #D0A791; color: #D0A791; }
#euro2012login .row .button { background: #D0A791; border: 1px solid #D0A791; color: #222C2B;}
#euro2012login h1 { display:none; visibility:hidden; }

body#euro2012 { background-color:#5f787c; background-image:url(../images/euro2012background.jpg); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#d0a791; margin:10px; }
 
#contenteuro2010 p, #contentWide p { margin-left:10px; width:950px; margin-bottom:20px; color:#d0a791; line-height:17px;}

#contenteuro2010 a, #contentWide a {color:#d0a791; border-bottom:#d0a791 1px dotted;} /* links binnen content area */
#contenteuro2010 a:hover, #contentWide a:hover {border-bottom:#d0a791 2px solid;}

#contenteuro2010 ol, #contentWide ol {list-style-type:decimal; padding:0 0 20px 22px;} /* ordered lists in div "content" */
#contenteuro2010 ul, #contentWide ul {list-style-type:disc; padding:0 0 20px 22px;} /* unordered lists in div "content" */

#euro2012 h1 {font-family:"Georgia"; color:#ffffff; font-size:24px; line-height:24px; font-weight:bold; font-style:italic; margin-bottom:40px; margin-top:20px; margin-left:10px; text-transform:capitalize;}
#euro2012 h2 {font-family:"Georgia"; color:#ffffff; font-size:18px; line-height:24px; font-weight:bold; font-style:italic; margin-bottom:20px;}
#euro2012 h3 {font-family:"Georgia"; color:#ffffff; font-size:16px; line-height:16px; font-weight:bold; margin-bottom:10px;}
#euro2012 h4 {}
#euro2012 h5 {}
#euro2012 h6 {}

#euro2012 a {text-decoration:none;} /* algemene links */
#euro2012 a:hover {}

#euro2012 .register { margin-left:10px; width: 600px; }
#euro2012 .registerrequired { width: 663px!important; }

#euro2012 label {}
#euro2012 table { margin-left:10px;}
#euro2012 tr {background-color:#202b23; border: 1px dotted #d0a791; padding:2px;}
#euro2012 td {border: 1px dotted #d0a791; padding:2px;}
#euro2012 tr:hover { background-color:#334037;}
#euro2012 input {font-family:"Verdana"; font-size:11px; padding:0; margin:0; border:0;}
#euro2012 .row {}
#euro2012 .field {padding:5px; width:200px; border:#1b3c78 1px solid;} /* specifieke opmaak voor een input type="text" */
#euro2012 .button {padding:5px; color:#ffffff; font-weight:bold; background:#e32e3d; cursor:pointer;} /* specifieke opmaak voor een input type="submit" */
#euro2012 .button:hover {background:#1b3c78;}

#mainmenuWrapeuro2012 { display:inline-block;}
#mainmenuWrapeuro2012 div {float:left;}
#mainmenuLefteuro2012 {width:18px; height:66px; background-image:url(../images/sprite_png.png); background-position:-68px -30px; background-repeat:no-repeat;}
#mainmenuRighteuro2012 {width:18px; height:66px; background-image:url(../images/sprite_png.png); background-position:-91px -30px; background-repeat:no-repeat;}
#mainmenuCentereuro2012 {height:66px; background:url(../images/mainmenuCenterBg.png) repeat-x; text-align:center;}
#mainmenueuro2012 li {display:inline; margin:0 5px;}
#mainmenueuro2012 {width:auto;}
#mainmenueuro2012 a {line-height:66px; color:#ffffff; font-size:16px;}
#mainmenueuro2012 a:hover, #mainmenu a.selected {border-bottom:2px solid;}

#defaultCountdown { position:absolute; width: 240px; height: 38px; left:442px; top: 650px; }