/* - - - - - - - - - - - - - - - - - - - - -
* Filename: gallery.css
* Author: Icemedia
* Description: Canderel sticker actie

== Gallery : ==============================*/


.gallery
{
    position:absolute;
    left:30px;
    top:270px;
    height:440px;
    z-index:20;
 }

.col0, .col1, .col2 , .col3, .col4, .col5, .col6  {

	position: absolute;
	width:75px;
	height: 86px;

}

.row0 , .row1 , .row2{

	text-align: center;

}

.names0  {

	
	text-align: center;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder !important;
	border:none;
	z-index:10;
	height:10px;
	padding-top: 8px;
	
}


.names1 {

	
	text-align: center;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder !important;
	border:none;
		height:10px;
	z-index:10;

}

.row0 img , .row1 img 
{
    position: absolute;
	top: 12px;
	left:2px;
	width:66px;
	height:77px;
	z-index: 0;
}


.col0 {	left: 45px;}
.col1 {	left: 160px;}
.col2 {	left: 275px;}
.col3 {	left: 390px;}
.col4 {	left: 503px;}
.col5 {	left: 616px;}
.col6 {	left: 720px;}



.row0 {top: 25px; width:113px; height:77px; background-image:url(../images/galleryvlak.gif);}
.row1 {	top: 120px; width:113px; height:77px; background-image:url(../images/galleryvlak.gif);}


.names0 {top: 109px;}
.names1 {top: 214px;}


.button_next1 a , .gallery_verstuur a

{
	position: absolute;
	display:block;
	width: 24px;
	height: 15px;
	top:500px;
	z-index:999;
}


.button_next1 a

{
	left:680px;
	top:700px;
}

.gallery_terug a 

{
    position: absolute;
	left: 60px;
	top:530px;
	text-align: center;
	color: #ff6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder !important;
	border:none;
	text-decoration:none;
	z-index:999;
}


.gallery_verstuur a 
{
	left: 443px;
	top:420px;
}

.nummer 
{
	padding:0px;
	height:18px;
	font-size:12px;
	line-height:11px;
}

/*#galleryimage img {
	
	width:321px;
	height:239px;
	z-index:0;
	border: 1px solid black;
} CSS Document */


.pageLinks
{
	position:absolute; 
	left:260px; 
	bottom:180px;
	width:195px; 
	height:30px; 
	color:#FFFFFF;
	/*color:#b80b51;*/
	font-family:Arial; 
	
	font-size:16px; 
	text-align:center;
    z-index:99;	
    text-decoration:none;
	}
	
.zwart{color:#FFFFFF; text-decoration:none;}


.pageLinks a strong{ text-decoration:none; color:#ffffff; font-size:16px;font-family:Arial; background-color:Transparent;}
.pageLinks strong{background-color:#ffffff; color:Red; font-weight: normal;}
.pageLinks a {color:#ffffff; text-decoration:none; font-size:16px;font-family:Arial;}	
.pageLinks a:hover{background-color:#ffffff; color:red;}
	

.button_previous{position:absolute; left:0px; top:280px; height:20px; width:77px; }
.gallery .previous{position:absolute; left:0px; top:275px; height:20px; width:77px; }
.gallery .next{position:absolute; left:620px; top:275px; height:20px; width:77px; }
.button_previous1{position:absolute; left:0px; top:100px; height:20px; width:7px; }
.button_next{position:absolute; left:800px; top:100px; width:7px; height:20px; z-index:999;}



.ovrl

{
	position:absolute;
	width:70px;
	height: 77px;
	z-index:5;
}

/*
* > .ovrl {background: url('../images/mask.png') no-repeat;}
* html .ovrl {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mask.png', sizingMethod='crop');background: transparent;}
*/

.overlaygroot{ height:187px; width:798px; position:absolute; top:20px; left:20px; z-index:1;}

.overlay 

{
	position:absolute;
	left:175px;
	width:149px;
	height:124px;
	z-index:5;
}

.stem h1
{
    position:absolute;
    top:180px;
    left:0px;
    width:250px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	font-weight:bolder;
	color:#000000;
	font-size:12px;
}

.emailstem 
{
    position:absolute;
    bottom:90px;
    margin-left:190px;
    width:400px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bolder;
	color:#000000;
}



.aantalstemmen{ position:absolute;
    left:250px;
    top:200px;
    width:215px;
    font-family:Arial;
    color:#ffcd69;
    font-weight:bold;
    font-size:14px;
    z-index:999;}

.input:hover 
{
    cursor:pointer;
    border:none;
    height:39px;
    width:325px;
    background: url('../images/stemophover.gif') no-repeat;
}
	   


	 
.galleryimage 
{
	position:absolute;
	left:-10px;
	top:0px;
	width:175px;
	height:215px;
	

}

.fotogroot img{border:none; width:135px; height:161px; position:absolute; left:15px; top:25px;}	 



.fotoname{visibility:hidden;}