body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #CE9A2C;
    background-color: #1E1E1E;
}
h1 {
  font-size: 12px;
  font-weight: normal;
  margin: 2px;
  text-transform: uppercase;
}
input {
  font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #CF992C;
	background-color : #1E1E1E;
	color: #CE9A2C;
	margin-right:10px;
	margin-bottom:4px;
}
select {
	border: 1px solid #CF992C;
	background-color : #1E1E1E;
	color: #CE9A2C;
	margin-right:7px;
	margin-bottom:4px;
	width: 164px;
}
textarea {
	border: 1px solid #CF992C;
	background-color : #1E1E1E;
	color: #CE9A2C;
	margin-right:10px;
	margin-bottom:4px;
	width: 300px;
}
radio {
  border: 0;
}
button {
  color: #CF992C;
  border: 1px;
  border-style: solid;
  border-color: #CE9A2C; 
  background-color: #1E1E1E; 
}

h1 a:hover {
  text-decoration: none;
}

a:link {
    color: #CF992C;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #CF992C;
}
a:hover {
    text-decoration: underline;
    color: #CF992C;
}
a:active {
    text-decoration: none;
    color: #CF992C;
}

div#header {
  background-image:url('../img/logo_spacer.jpg');
  background-repeat:repeat-x;
  height: 164px;
  padding-bottom: 20px;
  min-width: 1000px;
}
img#band{
  float: right;
}
img#letter {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  border: 0;
}
p.logotext {
  padding-top: 140px;
  padding-left: 10px;
}
div.nieuws-item {
  margin-right: 320px;
}
div.nieuws-archief {
  min-width: 700px;
  margin-right: 340px;
  text-align: right;
}

div.text-fotoboek {
  margin-right: 470px;  
}

div.nieuws {
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
  min-width: 700px;
}
div.routes {
  margin: 10px;
}

div.nieuws-fotoboek {
  height: auto;
  min-width: 700px;
  min-height: 116px;
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
}
a.nieuws-titel:hover {
  /* Hier gaat het nog niet goed */
  text-decoration: none;
}
div.nieuws-titel {
  text-transform: uppercase;
  text-align: left;
  padding-top: 20px;  
}
div.nieuws-foto {
  border-style: none;
  padding: 8px;
  float: right;
}

p.nieuws {
  font-size: 12px;
  margin: 0;
  padding: 8px;  
}

p.nieuws-meer {
  text-align: right;
  font-size: 12px;
  margin: 0;
  padding: 8px;  
}

p.copy {
  background-color: #0C0A0D;
  border-top: 2px solid #CF992C; 
  border-bottom: 2px solid #CF992C;
  text-align: left;
  font-weight: bold;
  margin: 0px;
  padding: 8px;
}

div.stem {
  padding: 8px;
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
}

p.stem-top {
  padding-top: 1px;
  padding: 0;
  margin: 0;
}
p.stem-knop {
  margin-bottom: 0px;
  margin-left: 6px;
  margin-top: 8px;
}

p.stem-item {
  margin: 0px;
}
p.stem-vraag {
  margin: 4px;
}

div.kalender-top {
  float: right;
  padding-top: 10px;
  font-size: 13px;
  width: 300px;  
}

div.kalender {  
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
}

p.kalender-datum {
  font-size: 12px;
  margin-left: 8px;  
}

p.kalender-item {
  font-size: 12px;
  margin-left: 20px;  
}

div.kalender-start {
  padding-top: 20px;
  min-width: 700px;
  margin-right: 320px;  
}

div.kalender-dagen {
  min-width: 700px; 
  margin: 0; 
  padding: 0;   
}

div.kalender-dag {  
  width: 13%;
  float: left;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
  margin-left: 4px;  
}
div.kalender-item {
  width: 13%;
  height: 50px;
  float: left;
  text-align: left;
  border-width: 2px;
  border-style: solid;
  background-color: #0C0A0D;
  margin-left: 4px;
  margin-top: 4px;  
}
div.kalender-item-leeg {
  width: 13%;
  height: 50px;
  float: left;
  text-align: left;
  border-width: 2px;
  border-style: solid;
  border-color: #1E1E1E;
  background-color: #1E1E1E;
  margin-left: 4px;
  margin-top: 4px;  
}
div.fotoboek {
  overflow: auto;
  text-align: center;
  margin-top: 16px;
}

div.youtube {
   
}
div.kalender-item-top {
  width: 13%;
  float: left;
  margin-right: 4px;
  margin-left: 4px;
}
object {
  margin-left: 20px;
  margin-top: 20px;
  
}
div.kalender-item-left {
  width: 13%;
  float: left;
  text-align: left;
  margin-left: 4px;
  margin-right: 4px;
}
div.kalender-item-center {
  width: 13%;
  float: left;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px;
}
div.kalender-item-right {
  width: 13%; 
  float: left;
  text-align: right;
  margin-left: 4px;
}
div.kalender-dag p {
  margin: 0;
  padding: 0;
}

.website {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -10px;
}

.footer {
  clear: both;
  padding-top: 30px;  
}
div.formulier {
  margin-left: 20px;
  margin-bottom: 10px;      
}

.fbklein {
  margin: 5px;
} 
div.form {
  padding: 10px;
}

div.agenda-maanden {
  min-width: 700px;
  margin-right: 320px;  
	border: 1px solid #CF992C;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none
}

a.info:hover{
  z-index:25;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #CF992C;
    background-color:#1E1E1E;
    color:#CF992C;
    text-align: left
}
hr {
  width: 100%;
  background-color: #CF992C;
  height: 2px;
  color: #CF992C;
  border: 0;
}

/* POLL */
#container {
	/*width:400px; */
	border:1px solid #eee;
	margin:100px auto;
}
#container h1 {
	margin:0; padding:5px; 
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal; 
  color:#CE9A2C;
}
#container p {
	font-family: Verdana, Geneva, sans-serif; 
	margin:0; line-height:2em;
}
#pollcontainer {
	margin:5px;
  border:1px solid #CE9A2C;
	background:#1E1E1E; padding:5px;
}
#loader { 
  display:none; 
  text-align:center;
}
.option { 
  margin:5px 0;
}
.option p {
  line-height:1.1em;
  font-size:0.85em;
}
.bar { 
  height:10px;
  background:#CE9A2C;
}
.yourvote {
  background:#113399;
}
p.pollques {
  color: #CE9A2C;
}
