/* .............................. */
/* Snaaks */
/* .............................. */

* { behavior: url(iepngfix.htc) }

html, body {
 height:100%;
}

p {
  margin-bottom: 8px;
} 

body {
	/* background: #CCCCCC url(../img/background.gif) repeat scroll 0%; */ 
	background: #999999;
	color: #000000;
	font-family: Tahoma,Arial,Verdana,sans-serif;	
	font-size: 9pt;
	margin:0pt;
	height: 100%;
	width: 100%;
}

div#header {
  display: block;
  z-index: 100;
  position:absolute;
}

div#lower {
  padding: 0px 30px 30px 35px;
  margin: -20px 0 20px 0;
  z-index: 0;
  position:absolute;
  top: 450px;
}

img.shrunk {
  border:0pt none;
  margin: -2px -3px -3px 0px;
  display:inline;
  z-index: 100;
}

img.extra-shrunk {
  border:0pt none;
  margin: -2px -4px -3px 0px;
  display:inline;
  z-index: 100;
}

img {
   border:0pt none;
   display:inline;
}

label {
  margin: 15px 5px 5px 0px;
}

div#wrapper {
  background-color :transparent;
  height:auto !important;
  margin:0pt auto;
  min-height:100%;
  width:860px;
}

/* --- left column ---  */

div#left-col {
  position: absolute;
  left: 42px;
	width:232px;	
  background: #CCCCCC; 
  padding: 30px 10px 15px 15px; 
  margin: 0px;	
  z-index:0;  
}

div#mid-col {
  position: absolute;
  left: 255px;
	width:248px;	
  padding: 30px 0px 15px 40px;
  margin: 0 auto;		
  text-align: center;
}

div#right-col {
  position: absolute;
  left: 553px;  
	width:222px;			
  background: #CCCCCC; 
  padding: 30px 0px 15px 35px;
  margin: 0px;	
}

div#image-container {
  background: white url(../img/snaaks-kader-klein-midden.gif);
  padding: 0px 20px 0px 31px;
}

div#navigation {
  text-align: left;
  margin: 0 auto;
  width: 73%; 
}

div#vote-button, div#vote-button a {
	background-color: white;
	margin: 80px 20px 0 30px;
	padding: 5px;
	color: black;
	text-decoration: none;
	border: 2px solid #000;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
}

.arrows {
  height: 36px;	
	float:left;  
	cursor: pointer;
}

div#previous { 
  position:absolute;
  left: 70px;
  width: 58px;
  background: transparent url(../img/x-pijl-links.gif) no-repeat scroll 0%; 	
}

div#counter {
  display: block;
  left: 140px;
  position:absolute; 
  height: 36px;
  margin: 6px 3px 6px 3px;
}

div#counter input {  
  font-weight: bold;
  text-align: center;
  border: 2px solid;
  padding: 1px;
}

div#next {
  width: 58px;
  position:absolute;
  left: 210px; 
  background: transparent url(../img/x-pijl-rechts.gif) no-repeat scroll 0%; 
}

div#left-col ul {
  padding-left: 0px;
  margin: 5px 0 3px 4px;
  list-style: none;
}

div#left-col ul li {
  margin:  0 0 10px 0px;
}

textarea {
    margin-top: 0px;
  	font-family: Tahoma,Arial,Verdana,sans-serif;	
  	font-size: 9pt;         
}

.fixed-width-label {
  width:83px;
  float:left;
  padding-top: 2px;
}

label {
  margin-left: 5px;
}

.comment-name-date {
  color: #999999;
}

.comment-name-date a {
  color: #999999;
  text-decoration: none;
}

/* --- right column ---  */


ul#banners {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:10pt 0pt 15px 0px;
  padding:0pt;
  width:230px;	
}

ul#banners li {
  float:left;
  height:31px;
  margin:5pt 10px 5px 0pt;
  width:88px;
}



/* --- footer ---  */

div#footer {  
   text-align:center;
   padding:20px 0 20px 0;
   clear: both;
   color: #999999; 
}