/* CSS Document */

html, body {

background-color:#fff; 
border:0;
margin:0;
padding:0; 
}

/***** Wrapper *****/
 
img {
 
border:0; 
}
#wrap {

padding-top:10px;
width:817px;
height:618px; 
margin:0 auto;
 
}
 
/***** Header *****/

.header{
width:817px;
height:118px;
background-color:#bbd147;

}
.headertekst{
margin-top:9px;}
.headerimg{
padding-top:15px;
margin-left:19px;
height:65px;
width:817px;} 
 
/***** Content home *****/
.contentwrap{
margin-left:19px;
width:817px;
height:500px;

}
 
.collum{
padding-right:10px;
padding-top:9px;
float:left;
height:491px;
width:626px;
color:#000;

}

.rechtscollum{
float:right;
height:500px;
width:171px;
padding-right:10px;
color:#000;
}

.footer{
margin-left:19px;
width:817px;
height:53px;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
color:#ff3399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-top:5px;
}

.footer a{

margin-left:19px;
text-decoration:none;}
 
.footer a:link{text-decoration:none; color:#ff3399;}
 
.footer a:visited{text-decoration:none; color:#ff3399;}
 
.footer a:hover { 
text-decoration:none;
}

/**** Content Ecard */
.linkscollum{
padding-top:9px;
float:left;
height:378px;
width:142px;
color:#000;
}
.middencollum{
padding-top:9px;
float:left;
height:347px;
width:494px;
color:#000;
}
.banner{
float:left;}

.ecardtekst{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;
padding-left:15px;
}
.ecardtekst2{
position:absolute;
left:290;
top:170px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;
}
.ecardtekst1{
position:relative;
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#bbd147;
font-weight:bold;
padding-left:0px;
}
.ecardtekst2{
position: absolute;
left:10px;
top:0px;
width:200px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#bbd147;
font-weight:bold;
}

.uploadtekst{
color:#ff3399;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;}

.tekstfield , .tekstfieldred{
	border: 1px solid #ff3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:75px;
	color: #000;
	background-color: #fff;
	}
.tekstfieldgroot , .tekstfieldgrootred {
	border: 1px solid #ff3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100px;
	color: #000;
	background-color: #fff;
	}
.tekstfieldklein , .tekstfieldkleinred {
	border: 1px solid #ff3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:40px;
	color: #000;
	background-color: #fff;
	}
.tekstfield , .tekstfieldgroot , .tekstfieldklein {
	background-color: #fff;
}
.tekstfieldred , .tekstfieldgrootred , .tekstfieldkleinred{
	background-color: #EEEEEE;
}
.usecurrentButton{
background-image:url(../images/usecurrent.gif);
	background-repeat:no-repeat;
	border:none;
	height:18px;
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #000;
	background-color: #fff;

	cursor:pointer;
	}
.regelruimte{
margin-bottom:6px;
}
.tekstfieldbutton{
	background-image:url(../images/button.gif);
	background-repeat:no-repeat;
	border:none;
	height:18px;
	width:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #000;
	background-color: #fff;

	cursor:pointer;
	}
	
.vorige{
margin-left:40px;
float:left;
width:400px;}
.nav{
width:400px;}

/**** Content Upload */

.uploadcollum{
position:relative;
padding-top:0px;
float:left;
height:350px;
width:506px;
color:#000;

}

.rechtscollumupload{
float:right;
height:auto;
width:273px;
padding-right:10px;
color:#000;
}
.rechtscollumupload1{
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;
}
.rechtscollumupload2{
background-image:url(../images/uploadrechts.gif);
background-repeat:no-repeat;
width:231px; 
height:180px;
}
.rechtscollumupload2bestel{
background-image:url(../images/uploadrechts.gif);
background-repeat:no-repeat;
width:231px; 
height:170px;

}

.rechtscollumupload3{
padding-top:3px;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ff3399;
font-weight:bold;
line-height:16px;
}


.uploadtekst1{
padding-left:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;

}

.uploadtekst2{
position:absolute;
padding-left:17px;
left:0;
top:0;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;
z-index:0;


}
.uploadtekst{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ff3399;
font-weight:bold;
line-height:17px;
}
.bestel{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff3399;
height:225px;
overflow:auto;
margin-left:15px;
}
.tekst1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#bbd147;
}
.edit{
height:200px;
padding-top:190px;
margin-left:25px;}
.edit1{
height:200px;
padding-top:0px;
margin-left:25px;}

.vorigeupload{
float:left;
width:502px;}

.ecard {
width:318px; 
height:327px;
background-repeat:no-repeat;
position:relative;
}

.ecardlarge {
width:318px; 
height:390px;
background-repeat:no-repeat;
position:relative;
}

.design1 {
background-image: url(../images/ecards/ecard1middel.gif);
}
.design2 {
background-image: url(../images/ecards/ecard2middel.gif);
}
.design3 {
background-image: url(../images/ecards/ecard3dmiddel.gif);
}
.design4 {
border:1px solid #000;
margin-top:-10px;
height:390px !important;
}

.ecard .tekstfield {
	position:absolute;
	left:25px;
	top:280px;
	width: 271px;
	height: 26px;
	border:none;
}
.ecard .tekstfieldbutton {
	position:absolute;
	top:276px;
	left:340px;
}
.ecardlarge .tekstfield {
	position:absolute;
	left:20px;
	top:353px;
	width: 271px;
	height: 26px;
	border:1px solid #CCCCCC;
}
.ecardlarge .tekstfieldbutton {
	position:absolute;
	top:360px;
	left:340px;
}
.bestelecard{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff3399;
height:300px;
}

.actievoorwaarden{
width:600px;
height:400px;
background-color:#000000;
margin:auto;
background-image: url(../images/actievoorwaardentest.gif);
background-repeat:no-repeat;
}
.actietitel{
height:75px;}

.actievoorwaardentekst{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:15px;
height:285px;
overflow:auto;
}

a:link{text-decoration:none; color:#/*bbd147*/000;}
 
a:visited{text-decoration:none; color:#/*bbd147*/000;}

a:hover { text-decoration: none;}


.rozetekst {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff3399; /*color:#bbd147;*/
	font-weight:bold;
	line-height:14px;
}

.uploadbutton {
	background: url(../images/button.gif) no-repeat;
	width:77px;
	height:17px;
	float:right;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #000;
	cursor:pointer;
}
.overlay{
width:400px;
height:100px;
position:absolute;
left:100px;
right:0;}


.tekstfieldPreview{
	border: 1px solid #ff3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width:75px;
	color: #000;
	background-color: #fff;
	}

.ecard .tekstfieldPreview {
	position:absolute;
	left:25px;
	top:280px;
	width: 271px;
	height: 26px;
	border:none;
}

.tekstfieldPreviewEcard {
	position:absolute;
	left:25px;
	top:280px;
	width: 271px;
	height: 26px;
	border:none;
	color: #000;
}

.ecard .tekstfieldbutton {
	position:absolute;
	top:276px;
	left:340px;
}
.ecardlarge .tekstfieldPreview {
	position:absolute;
	left:20px;
	top:353px;
	width: 271px;
	height: 26px;
	border:1px solid #CCCCCC;
}

.design4 .tekstfieldPreview {
	font-size: 16px;
	left:8px;
	top:358px;
	width: 301px;
	line-height:19px;
}
.ecard span.tekstfieldPreview {
	top:358px !important;
}



.infotekst{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
}

.uniek{
color:#000;}
.bold{
font-weight:bold;
font-size:17px;
font-weight:bolder;
line-height:12px;}

a.algemenevoorwaarden {
	text-decoration:underline;
	color:#ff3399;
}


.contact{
width:600px;
height:400px;
background-color:#000000;
margin:auto;
background-image: url(../images/contact.gif);
background-repeat:no-repeat;
}

.but_send 
{
	background-image: url(../images/verstuur.gif);
	background-repeat: no-repeat;
	float: right;
	width:77px;
	height: 17px;
	border: 0;
}

.pricebox {
	border: solid 1px #666666;
	padding: 1px 4px 0px 1px;
}

.col0, .col1, .col2 , .col3 {
	position: absolute;
	width:82px;
	height: 101px;
}
.row0 , .row1 , .row2 , .row3{
	
	text-align: center;
}

.row0 img , .row1 img , .row2 img , .row3 img 
{
	position: relative;
	top: 0px;
	left: -1px;
}
.names0, .names1, .names2 , .names3
{
	text-align: center;
}
.names0 a, .names1 a, .names2 a, .names3 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#bbd147;
font-weight:bold;
}
.col0 {
	left: 3px;
}
.col1 {
	left: 128px;
}
.col2 {
	left: 253px;
}
.col3 
{
	left:378px;
}
.row0 {
	top: 5px;
}
.row1 {
	top: 110px;
}
.row2 {
	top: 215px;
}
.row3 {
	top: 320px;
}


.names0 {
	top: 92px;
	z-index: 1;
}
.names1 {
	top: 197px;
		z-index: 1;
}
.names2 {
	top: 302px;
		z-index: 1;
}
.names3 {
	top: 407px;
		z-index: 1;
}
.button_previous a , .button_next a , .button_next1 a , .gallery_terug a
{
	position: absolute;
	display:block;
	width: 70px;
	height: 15px;
	top:10px;
	z-index: 7;
}
.button_previous a 
{
	left: 3px;
		top:450px;
}
.button_next a 
{
	left: 383px;
		top:450px;
}
.button_next1 a 
{
	left:383px;
	top:450px;
}
.gallery_terug a 
{
	left: 190px;
		top:450px;
}
.pageLinks 
{
	position: absolute;
	left: 100px;
	width: 220px;
	height: 15px;
	top:430px;
	text-align: right;
	z-index: 7;
}
.pageLinks a strong
{
	color: #000099;
	font-size: 12px;
	font-weight: normal !important;
	text-decoration: none;
}
.pageLinks strong 
{
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.galleryimage 
{
	position:absolute;
	left:100px;
	top:25px;
	width:255px;
	height:315px;
}

#pictures .overlay 
{
	position:absolute;
	left:100px;
	top:25px;
	width:254px;
	height:315px;
	z-index:5;
	border:1px solid #F00;
}

#pictures
{
	position:relative;
}

* > .overlay {
        background: url('../images/overlay.png') no-repeat;
}

* html .overlay {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/overlay.png', sizingMethod='crop');
        background: transparent;
}


.smalloverlay 
{
	position:absolute;
	/*left:425px;
	top:235px;
	
	height:315px;*/
	width:79px;
	border:1px solid #F00;
	z-index:5;
}

.thumblink
{
	position:absolute;
	z-index:8;
}

* > .smalloverlay {
        background: url('../images/overlayklein.png') no-repeat;
}
 
* html .smalloverlay {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gallery/overlay.png', sizingMethod='crop');
        background: transparent;
}

.nummer {
	padding:0px;
	height:18px;
	font-size:11px;
	line-height:11px;
}