body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	font-family: 'Roboto Condensed';
	background-image: url(achtergrond.jpg);
background-attachment: fixed;
background-repeat:no-repeat;
background-position: top center;
}

.plaatjespeciaal {
     border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
	margin-right:5px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 250px;
    background-color: #f1f1f1;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
    background-color: #555;
    color: white;
}


.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.wrapper {
width: 1026px;
padding: 10;

align: center;
}

#container{
	width:400px;
	border:1px solid #eee;
	
}
#container h1{
	margin:0; padding:5px; 
	 font-family:Roboto Condensed;
	color:#333;
}
#container p{
	font-family:Roboto Condensed; color:#333; 
	margin:0; line-height:2em;
}
#pollcontainer{
	margin:5px; border:1px solid #f3f3f3;
	background:#f9f9f9; 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:#ff0808; }
.yourvote{ background:#980202; }

.intro {
padding:1px;
   border:2px solid #ffffff;
   background-color:#ffffff;
}

.sponsoren {
	text-transform:uppercase; 
	font-family: 'Roboto Condensed';
color: #000000;
font-size: 18px;
}



/* input knoppen */
.input{
	width: 70%;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	line-height: 1.5em;
    }
.inputklein{
	width: 10%;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	line-height: 1.5em;
    }
	
.inputmiddel{
	width: 36%;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	line-height: 1.5em;
    }

/* link kleur classes */	
.linkledenwit { 
 color : #fff; text-decoration : none;
}
.linkledenwit:hover {
color:	#fff000; text-decoration : none;
}
.linkwit { 
 color : #fff; text-decoration : none;
}
.linkwit:hover {
color:	#FD8910; text-decoration : none;
}

.linkblauw { 
  color : #000;  text-decoration : none;
}
.linkblauw:hover { 
  color : #910303;  text-decoration : none;
}

.linkzwart { 
  color : #000; text-decoration : none;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #414040));
	background:-moz-linear-gradient(top, #414040 5%, #000 100%);
	background:-webkit-linear-gradient(top, #414040 5%, #000 100%);
	background:-o-linear-gradient(top, #000 5%, #414040 100%);
	background:-ms-linear-gradient(top, #000 5%, #414040 100%);
	background:linear-gradient(to bottom, #000 5%, #414040 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#414040',GradientType=0);
	background-color:#000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	vertical-align: bottom;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a70000), color-stop(1, #c10000));
	background:-moz-linear-gradient(top, #414040 5%, #000 100%);
	background:-webkit-linear-gradient(top, #414040 5%, #000 100%);
	background:-o-linear-gradient(top, #414040 5%, #000 100%);
	background:-ms-linear-gradient(top, #414040 5%, #000 100%);
	background:linear-gradient(to bottom, #414040 5%, #000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#414040', endColorstr='#000',GradientType=0);
	background-color:#a70000;
}
.myButton:active {
	position:relative;
	top:1px;
}

.txtcel {
padding: 5px;
font-size: 12px
vertical-align: top;
}
.txtcellicht {
vertical-align: top;
padding: 5px;
font-size: 12px
font-family: 'Roboto Condensed';
color: #000;
}

.titelcelblauw {
	height:35px;
	text-transform:uppercase; 
	font-family: 'Roboto Condensed';
padding-left: 5px;
color: #ffffff;
font-size: 18px;
background-image: url("/digipal_titels/digipal_titelkaal.jpg");
background-position: right;
}
.titelcelsilver {
	height:35px;
	font-family: 'Roboto Condensed';
padding-left: 5px;

text-transform:uppercase; 
color: #ffffff;
font-size: 18px;
background-image: url("/digipal_titels/digipal_titelsilver.jpg");
background-position: right;
}
.titelceloranje {
	height:35px;
	font-family: 'Roboto Condensed';
padding-left: 5px;
text-transform:uppercase; 
color: #ffffff;
font-size: 18px;
background-image: url("/digipal_titels/digipal_titeloranje.jpg");
background-position: right;
}
.titeltop {
	height:35px;
	font-family: 'Roboto Condensed';
padding-left: 5px;
text-transform:uppercase; 
color: #00448b;
font-size: 18px;

}
.hoera {
font-family: 'Roboto Condensed';
font-weight:bold;
text-transform:uppercase; 
color: #ffffff;
font-size: 18px;

}

.menutitelcel {
	text-transform:uppercase; 
	font-family: 'Roboto Condensed';
padding-left: 5px;
color: #ffffff;
font-size: 18px;
text-transform:uppercase; 
background-image: url("/digipal_titels/digipal_menutitel_blauw.jpg");
}

.menutitelcelnood {
	text-transform:uppercase; 
	font-family: 'Roboto Condensed';
padding-left: 5px;
color: #ffffff;
font-size: 18px;
text-transform:uppercase; 
background-image: url("/digipal_titels/digipal_menutitel_nood.jpg");
}
.topmenu {
	font-family: 'Roboto Condensed';
text-align: center;
color: #ffffff;
font-size: 18px;


background-image: url("/images/digipal_topmenu.jpg");
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
text-transform:uppercase; 
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;

}

#navcontainer ul li a:hover
{
color: #000000;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
width: 705px; 
height: 38px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 710px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 705px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;

margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}