/* CSS Document */
html {background:linear-gradient(#f9f9f9, #000)}
h1 {margin:5px; color:#CB2D0A;}
h2 { color:#CB2D0A;}
h3 { color:#CB2D0A;}
a { color:#771a05; text-decoration: underline;}
#top {
	background: linear-gradient( #991915, #CB2D0A);;
	 height:120px; 
	 display:block; 
	 border-bottom:4px groove #063A59;
	}

#header {
	 width:1200px; 
	 margin: 0 auto;
	 position:relative;
	 
 }

 #header h1 {
	display:block; 
	float:left;
	font-size:72px;
	margin:-10; padding:-10;   
	color: black;
	-webkit-text-fill-color: #CA2; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
	text-shadow: #333 4px 4px;
}
 
 #headerlogo {position:absolute; top: 10px; left:50%; margin-left:-45%;z-index:9;}
 
 #logo { float:left;}
 
 #wrapper {
	 width:1200px; 
	 margin:5px auto;
	 background:url("/images/bg.jpg") center ; 
	 min-height:220px; 
	 display:block; 
	 position:relative;
	 border-bottom:4px groove #CB2D0A;
	 overflow:hidden;
	 box-shadow:#600 3px 13px 15px 1px;
 }
 
 #middle {background:linear-gradient( #991915, #CB2D0A);}
 
 
 #bottom {
	 	 width:1200px; 
		  background: linear-gradient( #CB6F4F, #CB2D0A);
		  margin: 0 auto;
	 height:120px; 
	 display:block; 
	 position:relative;
	 border-top:4px groove #063A59;
	 box-shadow:#063A59 10px 10px;
 }
 
 #footer {
	 width:1200px; 
	 margin: 0 auto;
	 position:relative;	 
 }

 #footer {font-size:80%;}
 #footer table, #footer table td { border:none}
 
 ul.mainmenu {list-style:none; float:right; display:block;}
 ul.mainmenu li{list-style:none; float:left; display:block;}
 ul.mainmenu li a {display:block; padding:6px 20px; line-height:66px; height:60px; font-size:20px; color:#fff; float:left; margin: 2px; background:linear-gradient( #991915, #500); text-decoration:none; transition: background 700ms;
}
.mainmenu li a:hover {  background:#CB2D0A;} 

 
 .light {background:#FFF; Color:#CB2D0A; border-bottom:3px solid #063A59;}
  .dark {background:#CB2D0A; Color:#FFF;}
  .dark a { color:#EEA}
  .dark h2, .dark h1, .dark h3 { color:#EEA}
.block {display:block;  padding:2px;}


.btn {
    background-color: #CB2D0A;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    transition: background 1s ;
  }

  .btn:hover {
    background-color: #069; 
  }

  span.rotate {
  transform: rotate(-180deg);
  writing-mode: vertical-lr;;
    padding: 0px 0px 0px 0px;
    margin: 0px;
  }

  td.rotated {padding:10px !important;}

.slider-New .grid1-3, .slider-highlighted .grid1-3{ width:274px !important;}

 tr.address td {display:none;}

 .toggleAnswers { color:#730001; cursor:pointer;}
.sAnswer { border:1px #ccc solid; border-radius:3px; background:#FFc; padding:4px 10px; cursor:pointer; float:right;}
.sAnswer:hover {background:#FC0; }
tr.CorrectAnswer td {background:#E00; color:#EEE;}
hr {border-color:#056F00 goove 4px;}
table {width:98%;}
table tr td{font-size:16px;}
table tr.title td{background:#c00;color:#fff; font-size:24px; border-radius:0 15px;line-height:16px; padding:1px 15px;font-weight:bold;text-shadow: 4px 2px #000;}
tr.verified td {background:#7FBF2f; color:#fff;}
tr.verified td a { color:#FFE; text-decoration: underline;}
tr.inactive td {background:#c99}

.QuizItem, .QuizItemAnswers {
	display:block;
	float:left;
	width:98%;
	margin:5px;
	border:1px outset #D00;
	background:#fff;
	box-shadow:3px 3px 1px 1px #666;
	border-radius:2px 20px;
	overflow:hidden;
	}
.sTable, .sTableAnswers { width:98%;}
.logo {display:block; position:absolute; height:80px;margin-bottom:30px;}
.List {
	display:block;float:left;width:100%;}
.nieuw a{ display:block; float:right;background:#C00; color:#fff; padding:8px 15px; border:#fff 4px solid; border-radius:4px; cursor:pointer;color:#fff; text-shadow: 2px 2px #000;}
.nieuw:hover { background:#9c9; }
.nieuw .icon {font-size:36px; line-height:16px;}
#rightModules .module{ width:320px; display:block; float:left; margin-left:25px; overflow:hidden;Background:#C00;}
#rightModules .module ul { margin:0;padding:0;}
#rightModules .module ul li a {display:block; text-decoration: none;float: left; font-size:20px; padding:0 5px; color:#fff; background:#C00;text-shadow: 2px 2px #000; width:300px; line-height:22px; border:2px outset #600;}
#rightModules .module ul li a:hover {background:#600;border:2px inset #600;}
#donate, #rssNewsFeed, #rssConcertsFeed { width:96%; display:block; float:left; margin-left:4px; overflow:hidden; }
#donate p ,#rssNewsFeed p, #rssConcertsFeed p {text-align:justify; font-size:12px; margin-top:0; background:#454545; padding:3px; box-shadow:-20px 4px 6px 6px #600;}
div#donate { background:#FEF7C3 !important; border:1px outset #D00; box-shadow:3px 3px 1px 1px #666;border-radius:2px 20px;}
.rssFeedItem { font-size:10px;}
.rssFeedItem h3 { font-size:13px; margin:0; color:#FFF;}
.rssFeedItem h3 a, .rssFeedItem span a  {color:#fff; text-shadow: #000 2px 2px;}
.rssFeedTitle a { color:#000; font-size:22px; display:block; width:100%; background:#FFF;}
.rssFeedTitle { border-bottom:3px #063A59 groove;background:linear-gradient(#CB2D0A, #991915); text-shadow: 3px 3px #300}
.module {margin-bottom:20px;}

#rssConcertsFeed div:nth-child(odd) { background:#fFF; color:#c00;}
#rssConcertsFeed div:nth-child(odd) a {color:#c00;}
#rssConcertsFeed a:hover {color:#FDD;}
#rssConcertsFeed div:nth-child(odd) a:hover {color:#000;}
ul.admin-menu { 
    list-style-type: none;
    text-indent:0;
    margin: 0 ;
    padding: 0 ;
    display: block;
    text-decoration: none;
    float: left;
}
ul.admin-menu li { 
    list-style-type: none;
    display: block;
    text-decoration: none;
    float: left;
    margin-right:4px;
}
ul.admin-menu li a{ 
    list-style-type: none;
    display: block;
    text-decoration: none;
    float: left;
    line-height: 34px;
    font-size: 16px;
    padding: 0 5px;
    color: #fff;
    background: #C00;
    text-shadow: 2px 2px #000;
}

ul.submenu {
    display:block;
    list-style:none;
    margin:0;
    padding:4px;
}

ul.submenu li {
    margin:0;
    padding:4px;
    width:100%;
}

ul.submenu  li a{
    font-size:14px;
    line-height:28px;
    clear:both;
    width:100%;
    margin:0 0 4px 0;
    padding:4px;
}

img.imgCover{ width:30%; margin:4px;}
form#newgame input[type="submit"] { width:99% !important; font-display: block; height:70px; font-size: 28px; text-shadow: 2px 2px #999;}
input[type="text"],input[type="email"], input[type="number"] , input[type="password"], select { width:97%; height:30px; line-height: 30px; font-size:16px;background:#FEF7C3;}
@media screen and (max-width: 940px) {
	.menuIconcontainer {
		display: inline-block;
		cursor: pointer;
	  }
	  
	  .menuIconcontainer .bar1, .menuIconcontainer .bar2, .menuIconcontainer .bar3 {
		width: 35px !important;
		height: 5px;
		background-color: #333;
		margin: 6px 0;
		transition: 0.4s;
	  }
	  
	  /* Rotate first bar */
	  .change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
		transform: rotate(-45deg) translate(-9px, 6px) ;
	  }
	  
	  /* Fade out the second bar */
	  .change .bar2 {
		opacity: 0;
	  }
	  
	  /* Rotate last bar */
	  .change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
		transform: rotate(45deg) translate(-8px, -8px) ;
	  }
	  ul.admin-menu { display:none;}
	div { width: 95% !important;}
   .example {width: 88% !important; }
ul li a {margin:-4px 0; border-bottom:#ccc 1px groove; text-align:center;}
#mainMenu {top:0;}
#mainMenu span.mobile {display:block; position:absolute; font-size:28px; z-index:0;color:#fff; text-shadow: 2px 2px #000;}
#mainMenu ul li  {float:left; display:block; width:60px;}
#mainMenu ul li a  {width:50px; border-radius:50px; margin:10px; float:left;}
#mainMenu a span {display:none;}
.logo img { right:10; float:right }
.nieuw .desktop{display:none; }
div.nieuw a {display:block; 
position:absolute; 
font-size:42px; z-index:0;border-radius:5px; opacity:0.9;}
ul.mainmenu {display:none;}
ul.admin-menu li, ul.admin-menu li a
{	
	line-height: 44px;
	display:block;
	width:100%;
	float:left;
	border-bottom:2px groove #fff;
}
table {width:96%;}
table tr:first-child td{font-size:14px;}
}

a.menuitem {display:block; padding:6px; border-left:1px solid #339; float:left;}