/* MKOLND-95 - moved to folder jspcss */

@charset "utf-8";
/* CSS Document */

/* Main */

html { 
   margin:0;
   height: 100%;
   overflow:hidden;
   font-size: 13px;
   line-height: 20px;
   }
body { 
   font-family: Arial, Helvetica, sans-serif;
   margin:0;
   font-size:0.9em;
   height: 100%;
   overflow:hidden;
   }  
img {
   padding: 0px;
   margin: 0px;
   }
a img {
   border: none;
   }
a {
   text-decoration: none;
   color: #000;
   }
a:hover {
   text-decoration: none;
   color: #999;
   }
p {
   margin:10px 0;
   padding:0;
   font-size: 13px;
   line-height: 20px;
   color: #000;
   }
p img {
   float: left;
   margin-top:5px;
   margin-bottom:17px;
   margin-left:0px;
   margin-right:20px;
   }
h1 {
   margin:0 0 15px;
   font-size:26px;
   line-height:32px;
   font-weight: bold;
   color: #000;
   }
h2 {
   margin:0 0 10px;
   font-size:18px;
   line-height:18px;
   color: #000;
   }
h3 {
   margin:0;
   font-size:13px;
   line-height:22px;
   color: #000;
   }
h4 {
   margin:0;
   font-size:13px;
   line-height:22px;
   color: #000;
   }
h6 {
   margin:0;
   font-size:13px;
   line-height:22px;
   font-weight: normal;
   color: #000;
   }
strong {
   font-weight: bold;
}
ul, ul ul, ul ul ul {
   list-style-type: none;
   margin:0;
   padding:0;
   }
ul li {
   list-style-type: none;
   margin:0;
   padding:0;
   }
hr {
   display: block;
   height: 1px;
   margin-bottom: 15px;
   margin-top: 15px;
   margin-left: 0px;
   margin-right: 0px;
   padding: 0;
   border: 0;
   background-color: #999;
   color: #999;
   }
/* Might not be needed, remove?
   #content ul {
   padding:0;
   list-style-position: outside;
   list-style-type: none;
   list-style-image: url(/images/maakonsland/navigatie/bullit.gif);
    vertical-align: middle;
   margin-left: 14px;
   font-size: 13px;
   line-height: 20px;
   color: #000;
   }
*/
   
      
/* Layout */

#imagewrap {
   position: absolute;
   top: 0;
   left: 0px;
   z-index: 0;
   width: 100%;
   height: 100%;
   border: none;
   }
#mainwrap {
   position: absolute;
   text-align: center;
   width: 100%;
   overflow:auto;
   margin:auto;
   left: 0px;
   top: 0px;
   height: 100%;
   z-index: 1;
   }
#wrap {
   width:80%;
   min-width: 980px;
   margin:auto;
   position:relative;
   text-align: left;
   height: 100%;
   }
* html #wrap {
   width:980px;
   }
#headerwrap {
   width:100%;
   position: absolute;
   z-index: 20;
   left: 0;
   top:0;
   height: 80px;
   background-color: #FFF;
   text-align: center;
   margin: auto;
   }
#header {
   width:750px;
   margin:auto;
   position:relative;
   white-space: nowrap;
}
#contentwrapper {
   position: absolute;
   width:500px;
   left: 230px;
   top: 120px;
   z-index: 5;
   display: none;
}
#content {
   position: relative;
    background: #FFF;   
}
.normal {
   width:500px;
   padding:20px;
   margin-bottom: 30px;
}
#contentwrapper.breed {
   width:600px;
   left: 250px;
   top: 200px;
   z-index: 5;
   display: none;
}
#contentwrapper.breed #content {
   position: relative;
   padding:20px;
    background: #FFF;
   width: 600px;
   margin-bottom: 30px;
}
#startfooter {
   position: absolute;
   padding-bottom: 20px;
   width: 172px;
   right: 30px;
   top: 730px;
   z-index: 10;
}
*html #startfooter img {
   height: 35px;
   width: 172px;
}
   
/* Logo */

#logo {
   position: absolute;
   left: 20px;
   top: 10px;
   z-index: 16;
   }
#logo img {
   padding: 0;
   display: block;
}
#logo a {
   display:block;
   border: none;
}

/* Navigatie */

#nav {
   position: absolute;
   margin: 0px;
   list-style-type: none;
   left: 120px;
   top: 15px;
   z-index: 15;
   height: 30px;
   }
#nav ul {
   position: absolute;
   margin: 0px;
   list-style-type: none;
   left: -200px;
   top: -10px;
   z-index: 15;
   height: 40px;
   width: 980px;
   padding: 0;
}
#nav li {
   display: inline;
   height: 30px;
   padding-bottom: 25px;
}
#nav ul li .open {
   color: #999;
   height: 40px;  
}
#nav ul li ul {
   position: absolute;
   list-style-type: none;
   left: 0px;
   top: 32px;
   z-index: 15;
   height: 30px;
   padding: 0;
   text-align: center;
}
#nav li ul li {
   height: 40px;
   padding-bottom: 20px;
}
#nav li.selected ul {
   height: 40px;
   padding-bottom: 20px;
}
#nav ul li a, 
#nav ul li a:visited {
   color: #000;
   text-decoration: none;
   font-size: 22px;
   font-weight: bold;
   line-height: 40px;
   padding-bottom: 20px;
   margin-right: 30px;
   margin-bottom: 20px;
   height: 40px;
}
#nav ul li a:hover, 
#nav ul li a.active {
   padding-bottom: 20px;
   margin-bottom: 20px;
   height: 40px;
}
#nav ul li ul li a, 
#nav ul li ul li a:visited {
   color: #000;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   line-height: 40px;
   margin-bottom: 10px;
   margin-right: 10px;
   height: 30px;
   padding-bottom: 10px;
}
#nav ul li ul li a:hover, 
#nav ul li ul li a.active {
   background:url(/images/maakonsland/navigatie/stripe.gif) no-repeat left bottom;
   padding-bottom:10px;
}
#nav ul li ul li a.wonen, 
#nav ul li ul li a.wonen:visited{
   color: #E41B28;
   }
#nav ul li ul li a.mobiliteit, 
#nav ul li ul li a.mobiliteit:visited {
   color: #898B8E;
   }
#nav ul li ul li a.groen, 
#nav ul li ul li a.groen:visited {
   color: #24AD53;
   }
#nav ul li ul li a.water, 
#nav ul li ul li a.water:visited {
   color: #0078C3;
   }
#nav ul li ul li a.vrijetijd, 
#nav ul li ul li a.vrijetijd:visited {
   color: #EF8329;
   }
#nav ul li ul li a.werk, 
#nav ul li ul li a.werk:visited {
   color: #72318D;
   }
#nav #navigation a.head {
   height: 40px;
   padding-bottom: 10px;
}
#nav #navigation a.head:hover {
   height: 30px;
   padding-bottom: 10px;
   background:url(/images/maakonsland/navigatie/stripe.gif) no-repeat left bottom;
}
#nav #navigation a.selected {
   height: 30px;  
   padding-bottom: 10px;
   background:url(/images/maakonsland/navigatie/stripe.gif) no-repeat left bottom;
}
#nav #navigation a.current {
   height: 30px;
   padding-bottom: 10px;
   background:url(/images/maakonsland/navigatie/stripe.gif) no-repeat left bottom;
}

/* Poll */
   
#poll {
   position: absolute;
   width:197px;
   height:280px;
   left: 0px;
   top: 420px;
   z-index: 10;
   background: #FFF;
   overflow: hidden;
}
#poll h2 {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0;
}
#poll h3 {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   padding-top: 0px;
   margin: 0;
}
#poll p {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   padding-top: 0px;
   margin: 0;
}
#poll img.spelpoll {
   display: block;
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   width: 167px;
}
#poll a.spelpoll {
   display: block;
   height:100%;
}
#poll form, 
#poll form select {
   padding-left: 15px;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 0;
}
   
/* Nieuws */
#nieuws {
   position: absolute;
   margin: 0px;
   width:197px;
   height:280px;
   right: 0px;
   top: 125px;
   z-index: 10;
   background: #FFF;
   overflow: hidden;
}
#fade {
   width:197px;
   height:260px;
}
#nieuws h2 {
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 0;
}
#nieuws .item {
   padding-left: 15px;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 15px;
   width:167px;
   height:260px;
   display: block;
   margin-bottom: 20px;
}
#nieuws .item p a {
   display: block;
   font-weight: bold;
   padding-top: 5px;
}
#nieuws .item p a:hover {
   color: #000;
   }
body.algemeen #nieuws .item p a:hover {
   color: #999;
}
.nieuws {
   padding:20px;
   margin-bottom: 30px;
   }
.nieuws .item {
   margin-top: 5px;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.nieuws .item img {
   float: left;
   margin-top: 5px;
   margin-bottom: 20px;
   width: 150px;
   display: block;
}

.nieuws .item p a {
   display: block;
   font-weight: bold;
   padding-top: 5px;
}
.nieuws .item p a:hover {
   color: #000;
}
body.algemeen .nieuws .item p a:hover {
   color: #999;
}

/* Agenda */

#agenda {
   position: absolute;
   margin: 0px;
   width:197px;
   height:280px;
   right: 0;
   top: 420px;
   z-index: 10;
   background: #FFF;
   }
#agenda h2 {
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 0;
}
#agenda p {
   margin:0;
   padding:0;
   font-size: 13px;
   line-height: 20px;
   color: #000;
   }  
#agenda .item {
   padding-left: 15px;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 5px;
   width:167px;
   display: block;
}
#agenda .item a {
   display: block;
   font-weight: bold;
}
#agenda .item a:hover {
   color: #999;
}
.agenda {
   padding:20px;
   margin-bottom: 30px;
   }
.agenda .item {
   margin-top: 5px;
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.agenda .item img {
   float: left;
   margin-top: 5px;
   margin-bottom: 20px;
   width: 150px;
   display: block;
}
.agenda .odd {
   background:url(/images/maakonsland/templates/stripe.png) no-repeat left bottom;
}
.agenda .even{
   background:url(/images/maakonsland/templates/stripe_2.png) no-repeat left bottom;
}
.agenda .item a {
   display: block;
   font-weight: bold;
   padding-top: 5px;
}
.agenda .item a:hover {
   color: #000;
}
body.algemeen .agenda .item a:hover {
   color: #999;
}

/* Mening */

.mening {
   padding:20px;
   margin-bottom: 30px;
   width: 500px;
   }
* html .mening {
   width: 460px;
   }  
.mening .item {
   margin-top: 5px;
   padding-bottom: 40px;
   margin-bottom: 20px;
}
.mening .odd {
   background:url(/images/maakonsland/templates/stripe.png) no-repeat left bottom;
}
.mening .even {
   background:url(/images/maakonsland/templates/stripe_2.png) no-repeat left bottom;
}
.mening .item .button {
   height: 50px;  
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin:20px auto auto;
   border: none;
}
.mening .item a:hover {
   color: #000;
}
.mening #verstuur a:hover {
   color: #999;
}
.mening form {
   margin: auto;
   font-size: 13px;
   line-height: 20px;
}
.mening fieldset {
   top: 20px;
   padding-left: 50px;
   padding-right: 30px;
   padding-bottom: 30px;
   padding-top: 40px;
   border: none;
   background:url(/images/maakonsland/templates/form.png) no-repeat center center;
}
.mening fieldset textarea, 
.mening fieldset input  {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   border: 1px solid #999;
   width: 90%;
}
.mening label {
   font-size: 13px;
   line-height: 20px;
}

/* Spel */

.spel {
   position: relative;
   width: 720px;
   padding:20px;
   margin-bottom: 30px;
}
* html .spel {
   width: 700px;
}
.spel p {
   margin-left: 20px;
}
#spelnav {
   padding: 0px;
   margin-left: 10px;
   display: block;
   height: 110px;
   width: 100%;
   white-space: nowrap;
   position: realtive;
}
#spelnav a {
   display: block;
   height: 110px;
   float: left;
   tex-align: center;
   color: #000;
}
.spelnavitem1 {
   width: 90px;
}
.spelnavitem1:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem2 {
   width: 78px;
}
.spelnavitem2:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem3 {
   width: 70px;
}
.spelnavitem3:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem4 {
   width: 100px;
}
.spelnavitem4:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem5 {
   width: 87px;
}
.spelnavitem5:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem6 {
   width: 86px;
}
.spelnavitem6:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem7 {
   width: 87px;
}
.spelnavitem7:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.spelnavitem8 {
   width: 90px;
}
.spelnavitem8:hover {
   background:url(/images/maakonsland/spel/active.png) no-repeat center bottom; 
   }
.active {
   color: #FFF
}

/* Spel Stap 0 */

#stap0 {
   height: 330px;
   width: 710px;  
   background:url(/images/maakonsland/spel/textfield.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 0px;
}
#stap0 #field {
   height: 280px;
   width: 650px;
   margin: 20px;
   margin-top: 20px;
   margin-left: 30px;
   margin-right: 30px;
   padding-top: 30px;
   border: none;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   overflow: auto;
}
#stap0 #begin {
   height: 50px;
   width: 100%;   
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin: auto;
}

/* Spel Stap 1 */

#stap1 {
   height: 435px;
   width: 710px;  
   background:url(/images/maakonsland/spel/ambitie_fenomeen.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px;
   position: relative;
   margin-left: 0px;
}
#stap1 #ambitie {
   margin: 0px;
   display: block;
   height: 345px;
   width: 295px;
   position: absolute;
   left: 28px;
   top: 40px;
   z-index: 5;
   overflow: auto;
   padding-right: 15px;
}
#stap1 #fenomeen {
   margin: 0px;
   display: block;
   height: 345px;
   width: 305px;
   position: absolute;
   left: 370px;
   top: 40px;
   z-index: 5;
   overflow: auto;
   padding-right: 15px;
}
#zoek {
   height: 50px;
   width: 690px;  
   background:url(/images/maakonsland/spel/zoek.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin-left: 0px;
}
#bewaar {
   height: 50px;
   width: 690px;  
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin-left: 0px;
}
/* Spel Stap 2/3/5/6 */

#stap2 {
   height: 390px;
   width: 710px;  
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 0px;
}
#stap2 .titel {
   height: 80px;
   width: 100%;   
   background:url(/images/maakonsland/spel/titel.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px;
}
#stap2 #textfield1 {
   height: 20px;
   width: 640px;
   margin-left: 40px;
   margin-right: 30px;
   margin-top: 20px;
   margin-bottom: 20px;
   border-top: none #FFFFFF;
   border-right: none #FFFFFF;
   border-bottom: none #FFFFFF;
   border-left: none #FFFFFF;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   font-family: Arial, Helvetica, sans-serif;
}
#stap2 .slogan {
   height: 200px;
   width: 100%;   
   background:url(/images/maakonsland/spel/slogan.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px
}
#stap2 #textfield2 {
   height: 160px;
   width: 640px;
   margin-top: 15px;
   margin-bottom: 30px;
   margin-left: 40px;
   margin-right: 30px;
   border-top: none #FFFFFF;
   border-right: none #FFFFFF;
   border-bottom: none #FFFFFF;
   border-left: none #FFFFFF;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   font-family: Arial, Helvetica, sans-serif;
}
#stap2 #bewaar {
   height: 50px;
   width: 690px;  
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin-left: 0px;
}

/* Spel Stap 3/5/6 */

#stap3,
#stap5,
#stap6 {
   height: 380px;
   width: 710px;  
   background:url(/images/maakonsland/spel/textfield.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 0px;
}
#stap3 #textfield,
#stap5 #textfield,
#stap6 #textfield {
   height: 260px;
   width: 620px;
   margin: 20px;
   margin-top: 20px;
   margin-left: 40px;
   margin-right: 30px;
   padding: 10px;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   font-family: Arial, Helvetica, sans-serif;
   border-top: none #FFFFFF;
   border-right: none #FFFFFF;
   border-bottom: none #FFFFFF;
   border-left: none #FFFFFF;
}
#stap3 #bewaar,
#stap5 #bewaar,
#stap6 #bewaar {
   height: 50px;
   width: 690px;  
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin-left: 0px;
}
/* Spel Stap 4 */

#stap4 {
   height: 380px;
   width: 710px;  
   background:url(/images/maakonsland/spel/textfield.png) no-repeat center top;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 0px;
}
#stap4 #field {
   height: 280px;
   width: 650px;
   margin: 20px;
   margin-top: 20px;
   margin-left: 30px;
   margin-right: 30px;
   padding-top: 30px;
   border: none;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   overflow: auto;
}
#stap4 .imagedescription {
   height: 80px;
   width: 50%;   
   font-size: 13px;
   line-height: 20px;
   margin-left: 30px;
   font-family: Arial, Helvetica, sans-serif;
}
/*
#stap4 #file {
   height: 25px;
   font-size: 13px;
   line-height: 20px;
   margin-left: 30px;
   font-family: Arial, Helvetica, sans-serif;
}
*/
#stap4 #bewaar {
   height: 50px;
   width: 690px;  
   background:url(/images/maakonsland/spel/bewaar.png) no-repeat center center;
   font-size:13px;
   line-height:50px;
   font-weight: bold;
   text-align: center;
   margin-left: 0px;
}

/* Spel Stap 7 */

#stap7 {
   height: 500px;
   width: 710px;  
   background:url(/images/maakonsland/spel/vorm.png) no-repeat center top;
   margin-bottom: 0px;
   margin-top: 10px;
   margin-left: 0px;
   padding-top: 10px;
}
#stap7 #field {
   height: 340px;
   width: 650px;
   margin-bottom: 40px;
   margin-left: 30px;
   margin-right: 30px;
   padding: 0px;
   border: none;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   overflow: auto;
}
#stap7 form, #stap7 #myInstance {
   margin: 0px;
   padding: 0px;
   border: none;
   font-family: Arial, Helvetica, sans-serif;
} 
.nicEdit-panel {
   border: none;
   margin: 0px;
   padding: 0px;
   font-size: 10px;
}
#myNicPanel {
   font-size: 11px;
   line-height: 16px;
}
#ColorPicker { 
   margin-bottom: 15px;
   margin-top: 20px;
}
.ColorBlotch { 
   border: 1px solid #FFF;
   padding: 0 3px 0 3px;
   font-family: monospace;
   cursor: pointer;
   font-size: 12px;
}
#backgroundcolor {
   margin-left: 30px;
   margin-right: 30px;
   padding: 0px;
   border: none;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
}

/* Spel Stap 8 */

#stap8 {
   width: 710px;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 0px;
   padding-top: 10px;
}
#stap8 #field {
   width: 675px;
   margin-bottom: 40px;
   margin-left: 20px;
   margin-right: 20px;
   padding: 0px;
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   display: block;
}
#publish {
   padding: 20px;
}
#publish p {
   margin-bottom: 10px;
   margin-left: 0px;
}
#publish .mainimage {
   margin-bottom:20px;
}
#publish p.beelden {
   width:640px;
   display: block;
}
#publish p.beelden img {
   float:left;
   padding-right: 10px;
   padding-bottom: 10px;
   margin: 0;
   display: block;
   height: 150px;
}

/* Toolbox */
   
#toolbox {
   position: absolute;
   width:167px;
   height:250px;
   left: 0px;
   top: 420px;
   z-index: 10;
   padding-top: 5px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-right: 15px;
   background: #FFF;
   overflow: auto;
   line-height: 16px;
}
#toolbox p {
   margin: 0;
   padding-bottom: 5px;
   line-height: 16px;
}
#toolbox h2 {
   margin: 0;
   padding-top: 10px;
   padding-bottom: 5px;
}
#toolbox h3 {
   margin: 0;
   padding-top: 3px;
   padding-bottom: 0px;
}
#toolbox a {
   line-height: 16px;
}
#toolbox .gallery,
#toolbox #gallery-flickr {
   display: block;
   width: 145px;
   height: 100px;
   margin: 0;
   padding: 0;
}
#toolbox .gallery a, #toolbox .gallery li,
#toolbox #gallery-flickr a, #toolbox #gallery-flickr li {
   float: left;
   padding: 0;
   margin: 0;
}
#toolbox ul.gallery,
#toolbox #gallery-flickr ul {
   padding: 0;
   margin: 0;
}
#toolbox ul.gallery img,
#toolbox #gallery-flickr img {
   width: 46px;
   height: 46px;
   float: left;
   padding-left: 0px;
   padding-right: 1px;
   padding-top: 0px;
   padding-bottom: 1px;
   margin: 0;
}


/* Gallerij */

.gallerij {
   position: relative;
   padding-top:20px;
   padding-bottom:20px;
   padding-left: 30px;
   width: 700px;
   margin-bottom: 30px;
}  
.gallerij .item {
   margin-top: 10px;
   margin-right: 50px;
   margin-bottom: 0px;
   padding: 0;
   width: 300px;
   height: 240px;
   float: left;
}
* html .gallerij .item {
   margin-right: 10px;
}
/*
.gallerij .item.odd {
   background:url(/images/maakonsland/templates/stripe.png) no-repeat right top;
}
.gallerij .item.even {
   background:url(/images/maakonsland/templates/stripe_2.png) no-repeat left top;
}
*/
.gallerij .item .info {
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 5px;
   margin-right: 15px;
   margin-bottom: 5px;
   display: block;
   width: 100%;
}
* html .gallerij .item .info {
   width: 285px;
}
.gallerij .item .info form {
   padding: 0;
   margin: 0;
}
.gallerij .item .info a:hover {
   color: #000;
}     
.gallerij .item .preview {
   padding-left: 10px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-right: 15px;
   margin-bottom: 10px;
   display: block;
   width: 100%;
}
.gallerij .item .preview h2 {
   display: block;
   height: 35px;
}
.gallerij .item .preview p {
   line-height: 15px;
}
.gallerij .item .preview img {
   float: left;
   margin-bottom: 5px;
   margin-right: 5px;
}
.gallerij .item .preview a {
   display: block;
}

/* Thema */

#thema,
#themastart {
   position: absolute;
   margin: 0px;
   list-style-type: none;
   width: 197px;
   height:280px;
   left: 0;
   top: 125px;
   z-index: 10;
   background-color: #FFFFFF;
}
#thema a {
   width: 197px;
   height:280px;
   display:block;
}
body.wonen #wrap a:hover, 
body.mobiliteit #wrap a:hover, 
body.werk #wrap a:hover,
body.groen #wrap a:hover,
body.water #wrap a:hover, 
body.vrijetijd #wrap a:hover {
   color: #000;
}
/* Algemeen*/
   
body.algemeen {
   background-color: #000;
}
body.algemeen #content a {
   color: #666;
}
body.algemeen #content a:hover, 
body.algemeen #nieuws a:hover {
   color: #999;
}
body.algemeen #thema {
   background-image: url(/images/maakonsland/thema/algemeen_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
body.algemeen #themastart {
   background-image: url(/images/maakonsland/thema/algemeen.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.algemeen {
   color: #000;
}

/* Wonen*/

body.wonen {
   background-color: #E41B28;
}
body.wonen.wit {
   background-color: #FFF;
}
body.wonen #toolbox a,
body.wonen #content a, 
body.wonen #nieuws a {
   color: #E41B28;
}
body.wonen #thema  {
   background-image: url(/images/maakonsland/thema/wonen_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.wonen {
   color: #E41B28;
}
body.wonen .stap0 {
   background:url(/images/maakonsland/spel/wonen/00.png) no-repeat left top;
}
body.wonen .stap1 {
   background:url(/images/maakonsland/spel/wonen/01.png) no-repeat left top;
}
body.wonen .stap2 {
   background:url(/images/maakonsland/spel/wonen/02.png) no-repeat left top;
}
body.wonen .stap3 {
   background:url(/images/maakonsland/spel/wonen/03.png) no-repeat left top;
}
body.wonen .stap4 {
   background:url(/images/maakonsland/spel/wonen/04.png) no-repeat left top;
}
body.wonen .stap5 {
   background:url(/images/maakonsland/spel/wonen/05.png) no-repeat left top;
}
body.wonen .stap6 {
   background:url(/images/maakonsland/spel/wonen/06.png) no-repeat left top;
}
body.wonen .stap7 {
   background:url(/images/maakonsland/spel/wonen/07.png) no-repeat left top;
}
body.wonen .stap8 {
   background:url(/images/maakonsland/spel/wonen/08.png) no-repeat left top;
}

/* Mobiliteit*/

body.mobiliteit {
   background-color: #898B8E;
}
body.mobiliteit.wit {
   background-color: #FFF;
}
body.mobiliteit #toolbox a,
body.mobiliteit #content a, 
body.mobiliteit #nieuws a {
   color: #898B8E;
}
body.mobiliteit.spel #thema {
   background-image: url(/images/maakonsland/thema/mobiliteit.png);
   background-repeat: no-repeat;
   background-position: left top;
}
body.mobiliteit #thema {
   background-image: url(/images/maakonsland/thema/mobiliteit_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.mobiliteit {
   color: #898B8E;
}
body.mobiliteit .stap0 {
   background:url(/images/maakonsland/spel/mobiliteit/00.png) no-repeat left top;
}
body.mobiliteit .stap1 {
   background:url(/images/maakonsland/spel/mobiliteit/01.png) no-repeat left top;
}
body.mobiliteit .stap2 {
   background:url(/images/maakonsland/spel/mobiliteit/02.png) no-repeat left top;
}
body.mobiliteit .stap3 {
   background:url(/images/maakonsland/spel/mobiliteit/03.png) no-repeat left top;
}
body.mobiliteit .stap4 {
   background:url(/images/maakonsland/spel/mobiliteit/04.png) no-repeat left top;
}
body.mobiliteit .stap5 {
   background:url(/images/maakonsland/spel/mobiliteit/05.png) no-repeat left top;
}
body.mobiliteit .stap6 {
   background:url(/images/maakonsland/spel/mobiliteit/06.png) no-repeat left top;
}
body.mobiliteit .stap7 {
   background:url(/images/maakonsland/spel/mobiliteit/07.png) no-repeat left top;
}
body.mobiliteit .stap8 {
   background:url(/images/maakonsland/spel/mobiliteit/08.png) no-repeat left top;
}

/* Groen*/

body.groen {
   background-color: #24AD53;
}
body.groen.wit {
   background-color: #FFF;
}
body.groen #toolbox a,
body.groen #content a,
body.groen #nieuws a {
   color: #24AD53;
}
body.groen #thema {
   background-image: url(/images/maakonsland/thema/groen_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.groen {
   color: #24AD53;
}
body.groen .stap0 {
   background:url(/images/maakonsland/spel/groen/00.png) no-repeat left top;
}
body.groen .stap1 {
   background:url(/images/maakonsland/spel/groen/01.png) no-repeat left top;
}
body.groen .stap2 {
   background:url(/images/maakonsland/spel/groen/02.png) no-repeat left top;
}
body.groen .stap3 {
   background:url(/images/maakonsland/spel/groen/03.png) no-repeat left top;
}
body.groen .stap4 {
   background:url(/images/maakonsland/spel/groen/04.png) no-repeat left top;
}
body.groen .stap5 {
   background:url(/images/maakonsland/spel/groen/05.png) no-repeat left top;
}
body.groen .stap6 {
   background:url(/images/maakonsland/spel/groen/06.png) no-repeat left top;
}
body.groen .stap7 {
   background:url(/images/maakonsland/spel/groen/07.png) no-repeat left top;
}
body.groen .stap8 {
   background:url(/images/maakonsland/spel/groen/08.png) no-repeat left top;
}

/* Water*/

body.water {
   background-color: #0078C3;
}
body.water.wit {
   background-color: #FFF;
}
body.water #toolbox a,
body.water #content a, 
body.water #nieuws a {
   color: #0078C3;
}
body.water #thema {
   background-image: url(/images/maakonsland/thema/water_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.water {
   color: #0078C3;
}
body.water .stap0 {
   background:url(/images/maakonsland/spel/water/00.png) no-repeat left top;
}
body.water .stap1 {
   background:url(/images/maakonsland/spel/water/01.png) no-repeat left top;
}
body.water .stap2 {
   background:url(/images/maakonsland/spel/water/02.png) no-repeat left top;
}
body.water .stap3 {
   background:url(/images/maakonsland/spel/water/03.png) no-repeat left top;
}
body.water .stap4 {
   background:url(/images/maakonsland/spel/water/04.png) no-repeat left top;
}
body.water .stap5 {
   background:url(/images/maakonsland/spel/water/05.png) no-repeat left top;
}
body.water .stap6 {
   background:url(/images/maakonsland/spel/water/06.png) no-repeat left top;
}
body.water .stap7 {
   background:url(/images/maakonsland/spel/water/07.png) no-repeat left top;
}
body.water .stap8 {
   background:url(/images/maakonsland/spel/water/08.png) no-repeat left top;
}

/* Vrije tijd*/   

body.vrijetijd {
   background-color: #EF8329;
}
body.vrijetijd.wit {
   background-color: #FFF;
}
body.vrijetijd #toolbox a,
body.vrijetijd #content a, 
body.vrijetijd #nieuws a {
   color: #EF8329;
}
body.vrijetijd #thema {
   background-image: url(/images/maakonsland/thema/vrijetijd_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.vrijetijd {
   color: #EF8329;
}
body.vrijetijd .stap0 {
   background:url(/images/maakonsland/spel/vrijetijd/00.png) no-repeat left top;
}
body.vrijetijd .stap1 {
   background:url(/images/maakonsland/spel/vrijetijd/01.png) no-repeat left top;
}
body.vrijetijd .stap2 {
   background:url(/images/maakonsland/spel/vrijetijd/02.png) no-repeat left top;
}
body.vrijetijd .stap3 {
   background:url(/images/maakonsland/spel/vrijetijd/03.png) no-repeat left top;
}
body.vrijetijd .stap4 {
   background:url(/images/maakonsland/spel/vrijetijd/04.png) no-repeat left top;
}
body.vrijetijd .stap5 {
   background:url(/images/maakonsland/spel/vrijetijd/05.png) no-repeat left top;
}
body.vrijetijd .stap6 {
   background:url(/images/maakonsland/spel/vrijetijd/06.png) no-repeat left top;
}
body.vrijetijd .stap7 {
   background:url(/images/maakonsland/spel/vrijetijd/07.png) no-repeat left top;
}
body.vrijetijd .stap8 {
   background:url(/images/maakonsland/spel/vrijetijd/08.png) no-repeat left top;
}

/* Werk*/
   
body.werk {
   background-color: #72318D;
}
body.werk.wit {
   background-color: #FFF;
}
body.werk #toolbox a,
body.werk #content a, 
body.werk #nieuws a {
   color: #72318D;
}
body.werk #thema {
   background-image: url(/images/maakonsland/thema/werk_tekst.png);
   background-repeat: no-repeat;
   background-position: left top;
}
a.werk {
   color: #72318D;
}
body.werk .stap0 {
   background:url(/images/maakonsland/spel/mobiliteit/00.png) no-repeat left top;
}
body.werk .stap1 {
   background:url(/images/maakonsland/spel/mobiliteit/01.png) no-repeat left top;
}
body.werk .stap2 {
   background:url(/images/maakonsland/spel/mobiliteit/02.png) no-repeat left top;
}
body.werk .stap3 {
   background:url(/images/maakonsland/spel/mobiliteit/03.png) no-repeat left top;
}
body.werk .stap4 {
   background:url(/images/maakonsland/spel/mobiliteit/04.png) no-repeat left top;
}
body.werk .stap5 {
   background:url(/images/maakonsland/spel/mobiliteit/05.png) no-repeat left top;
}
body.werk .stap6 {
   background:url(/images/maakonsland/spel/mobiliteit/06.png) no-repeat left top;
}
body.werk .stap7 {
   background:url(/images/maakonsland/spel/mobiliteit/07.png) no-repeat left top;
}
body.werk .stap8 {
   background:url(/images/maakonsland/spel/mobiliteit/08.png) no-repeat left top;
}
   
/* Zoek */

#searchoptions {
   position: absolute;
   left: 0px;
   top: 32px;
   }
#searchoptions form {
   margin: 0px;
   }
#searchfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #999;
   background-color: #FFF;
   height: 13px;
   width: 145px;
   border-top: 1px solid #999;
   border-left: 1px solid #999;
   border-right: none;
   border-bottom: 1px solid #999;
   float: left;
   display: inline;
   line-height: 12px;
   }
.searchbutton {
   color:#999;
   background-color: #FFF;
   border-top: 1px solid #999;
   border-right: 1px solid #999;
   border-left: none;
   border-bottom: 1px solid #999;
   float: left;
   padding-left: 5px;
   padding-right: 5px;
   line-height: 15px;
   font-size:11px;   
   }
.searchbutton:hover {
   background-color: #000;
   color: #FFF;
   }
.clear {
   clear: left;
   }
   
/* Drag */

.drag {
   position: absolute;
   display: none;
   z-index: 15;
   }
.small {
   z-index: 14;
   }
.dragbox img {
   width: 197px;
   height: 280px;
   background: #FFF;
   }
.small img {
   width: 140px;
   height: 199px;
   background: #FFF;
   }
.meer {
   color: #000;
   font-size:13px;
   line-height:20px;
   height:20px;
   position: absolute;
   display: block;
   bottom:5px;
   left: 10px;
   z-index: 4;
   font-weight: bold;
   }
.meer:hover {
   color: #999;
   }
.meer_wonen:hover {
   color: #E41B28;
   }
.meer_mobiliteit:hover {
   color: #898B8E;
   }
.meer_groen:hover {
   color: #24AD53;
   }
.meer_water:hover {
   color: #0078C3;
   }
.meer_vrijetijd:hover {
   color: #EF8329;
   }
.meer_werk:hover {
   color: #72318D;
   }
   
/* Transimage */
   
.linkimage a:visited img, 
.linkimage a img {
   filter: alpha(opacity=100);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity: 1.00;  
   opacity:1;
   border: none;
   }
.linkimage a:hover img { 
   filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity: 0.70;
   opacity:0.7;
   border: none;
   }
   
/* Form */

fieldset {
   top: 20px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
   border: none;
   border: 1px solid #999;
}
fieldset textarea, 
fieldset input  {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   border: 1px solid #999;
   width: 90%;
}
legend {
   font-size: 15px;
   line-height: 20px;
   font-weight: bold;
   color: #000;
}
* html legend {
   margin-bottom: 20px;
}
label {
   font-size: 13px;
   line-height: 20px;
}
form {
   font-size: 13px;
   line-height: 20px;
}
select {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 0;
   line-height: 20px;
   border: 1px solid #999;
}
text{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   border: 1px solid #999;
}
textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 100%;
   border: 1px solid #999;
}
.block {
   float: left;
   margin: 0;
}
.pulldown {
   float: left;
   margin-right: 5px;
   padding: 0;
   height: 20px;
   border: 1px solid #999;
}
.radio {
   border: none;
   float: left;
   padding-right: 10px;
   width: 15px;
}


/* Stars */

div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('/images/maakonsland/templates/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('/images/maakonsland/templates/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
div.star{background:transparent!important;overflow:hidden!important}
/* adding a simple star for the meningen listview */
ul.stars{
   height:15px;
   display:block;
}
ul.spelpoll {
   padding-bottom:15px;
   padding-left:15px;
   padding-right:15px;
}
li.star{
   background:url('/images/maakonsland/templates/star.gif') no-repeat 0 0px;
   float:left;
   width:16px;
   height:16px;
}
li.on{
   background:url('/images/maakonsland/templates/star.gif') no-repeat 0 -16px;
}
.error {
    color: red;
    font-style: italic;
}


/* Game teaser block used both in preview and in list */
div.gameTeaserBlock {
	width: 310px; 
	height: 175px; 
	overflow: hidden;
	padding: 10px 5px;
}
div.gameTeaserBlock .gameTeaserTitle {
	height: 30px; 
	margin: 0px; 
	padding: 0px 5px;
}
.gameTeaserBlock img {
	float:right; 
	clear: right; 
	padding: 0px 5px; 
}
div.gameTeaserBlock .gameTeaserSlogan {
	text-align: justify; 
	margin: 0px; 
	padding: 0px 5px;
}