﻿/*
* Klm Usa International
* Copyright : Icemedia
* Jaar		: 2009
* Product	: Baggage Labels	
================================*/

/* Algemeen
================================*/
body
{ 
	font-family		:Verdana;
	font-size	    : 11px;	
    margin:0;
    padding:0;
    color:#232373;
}
object{cursor:pointer;}
img{border:none;}
.myriad{font-size: 11px; color:#01015d;}
.myriadmax{	font-size:11px; color:#01015d;}
a{color: #0091e3;}

	 
/* Wrapper
================================*/
#wrapper 
{
	width		: 514px;
	height		: auto;
	margin		: 0 auto;
}

/* Footer
================================*/	
.footer
{
	width		    : 514px;
	height		    : auto;
	margin-top	    : 5px;
	color		    : #34b3f0;
	font-size	    : 10px;
    margin: auto;
}
.footer a 
{
	margin-left	    : 5px;
	margin-right    : 5px;
	color		    : #34b3f0;
	text-decoration : none;
}



/* Contentwrapper
================================*/
.contentwrapper
{
	width		: 492px;
	min-height	: 394px;
	height		: auto;
	border		: 1px solid #c0dff4;
	position    : relative;
    padding-left: 20px;
}



/* Nav
================================*/	

.visit{ text-align:right; 	width: 472px;  margin-bottom:5px;}
.visit a{ font-size	:15px; color:#00adef; text-decoration:none;}
.nav
{
	position:relative;
    left:0px;
   	width		: 472px;
    height:40px;
    margin-top:10px;
}
	
.vorige
{
	position	: absolute;
	left		: 0px;

}

.volgende
{
	position	: absolute;
	right		: 0px;
}
	
	
.volgendesubmiteng
{
	position	        : absolute;
	right		        : 0px;
	background	        : url(../images/eng/next.gif);
	background-repeat   : no-repeat;
	border              : none;
	outline             : none;
	cursor              : pointer;
	width		        : 108px;
	height		        : 18px;
}
.volgendesubmitfra
{
	position	        : absolute;
	right		        : 0px;
	background	        : url(../images/fra/next.gif);
	background-repeat   : no-repeat;
	border              : none;
	outline             : none;
	cursor              : pointer;
	width		        : 108px;
	height		        : 18px;
}
.volgendesubmitesp
{
	position	        : absolute;
	right		        : 0px;
	background	        : url(../images/esp/next.gif);
	background-repeat   : no-repeat;
	border              : none;
	outline             : none;
	cursor              : pointer;
	width		        : 108px;
	height		        : 18px;
}


.send
{

	background	        : url(../images/send.gif);
	background-repeat   : no-repeat;
	border              : none;
	outline             : none;
	cursor              : pointer;
	width		        : 108px;
	height		        : 18px;
}


/* Titels
================================*/	
h1{ padding:0px; margin:0px;}
h2{padding:0px; margin:0px; font-size:10px;}

#titel
{
	width			: 492px;
	height			: 80px;
	margin-top		: 20px;
}
#titel1a
{
	width			: 472px;
	height			: 50px;
	margin-top		: 20px;
	border-bottom	: 2px solid #bedefd;
}

#titel2
{
	width			: 472px;
	height			: 25px;
	margin-top		: 20px;
	border-bottom	: 2px solid #bedefd;
}

.titel1{font-size	: 40px; color:#00adef; font-family:Verdana;}
.titel1a{font-size	: 22px; color:#01015d; font-family:Verdana;}

.subtitel{font-size	: 22px; color:#01015d; font-family:Verdana;}	

.darkblue{color:#01015d; font-family:Verdana;}

.darkblue a {color:#01015d; font-family:Verdana;}

.kleintitel
{
	margin-left		: 0px;
	padding-bottom	: 2px;
	font-size		: 14px;
	font-family     : Verdana;
	color           : #0091e3;

}

.kleintitel2
{
	margin-left		: 0px;
	padding-bottom	: 2px;
	font-size		: 14px;
	font-family     : Verdana;
	color           : #0091e3;

}		



/* Home Pagina
================================*/	

.max{ font-size:10px; color:#a0a0a0;}
.firstlabels{position: absolute; right:0px; top:0px;}

.contentteksthome
{
	height          : auto;
	width			: 472px;
	position		: relative;
	
	padding-bottom  : 10px;
}

.contenttekstvotepage
{
	height          :400px;
	width			: 472px;
	position		: relative;
	
	padding-bottom  : 10px;
}



.tekst
{
	width			: 425px!important;
	height			: auto;
}


.gadoor
{
	position		:absolute;
	right			:0px;
	bottom			: 10px;
}

.contesttekst
{
    position		:absolute;
	right			:80px;
	width           :260px;
	top             :280px;
    }



/* Selectdesign Pagina
================================*/	
.masker{position:absolute; left:545px; top:45px; height:177px; width:278px;}
.masker a{ background-image:url(../masks/mask.png); display:block; height:177px; width:278px; z-index:999;}
.masker a:hover{ background-image:url(../masks/mask.png); background-position:0px 177px; display:block; height:177px; width:278px; z-index:999;}
.imagemask  img{position:absolute; left:552px; top:48px;}

.contenttekst
{
	height			: auto;
	width			: 472px;
	position		: relative;
}

.designs 
{ 
    height          :163px; 
    width           :492px; 
  
}


.selectdesigns 
{ 
    height          :250px; 
    width           :510px; 
   margin-left:-15px;
}



.a, .a1, .a2 
{
    color:#0099ff; 
    font-family:verdana; 
    font-size:13px; 
    font-weight:bold; 
    text-decoration:none;
    position:absolute;
    bottom:50px;
}

.a  {left    :0px;}
.a1 {left    :280px;}
.a2 {left    :560px;}

.a3, .a4
{
    color:#0099ff; 
    font-family:verdana; 
    font-size:13px; 
    font-weight:bold; 
    text-decoration:none;
    position:absolute;
    
}    

.a3  {left    :5px;}
.a4 {left    :235px;}



/* Upload Pagina
================================*/	
.contenttekst2
{
	height			: auto;
	width			: 472px;
	position		: relative;

}
.uploadtekst	
{
	height			: auto;
	width			: 472px;
	position		: relative;
	margin-left		: 0px;
}

.smalltekst
{
	color			: #1da4dc;
	font-size		: 10px;
}

.jpg
{
	color			: #1da4dc;
	font-size		: 10px;
}

.rights 
{
    
    	color			: #1da4dc;
	font-size		: 9px;
	position        :absolute;
	left:5px;
	bottom:95px;
	width:300px;
    }
    
    
    
.flashbg 
{
    background-color:#54b2df; 
    height:197px; 
    width:300px; 
    position:absolute; 
    left:-16px; 
    top:63px;
 z-index:0;   
 }

 .flash{ z-index:99;
         position:relative;
         width:512px;
         margin-left:-20px;
 }
 
 
 /* Personalise Pagina
================================*/	
.personalisetable
{
    margin-top      :10px;
    font-weight     :bold;
    color           :#01015d;
    }
    
.textfieldpersonalise   { width:233px; height:17px; font-size:12px; color:#0689c0; border:1px solid #c3c3c3; margin-right:5px;}
.textfieldpersonalisered{ width:233px; height:17px; font-size:12px; color:#0689c0; border:1px solid red; margin-right:5px;}


 /* Preview Pagina
================================*/	
.previewbg
{
    width               : 306px;
    height              : 201px;
    background          : url(../images/previewbg.jpg);
    background-repeat   : no-repeat ;
    position            : relative;
}
.previewtekst {position:absolute; top:55px; left:20px; width:213px;}
.regel1{color:#0f1f62; font-size:10px;}
.regel2{color:#0f1f62; font-size:10px;}
.regel3{color:#0f1f62; font-size:10px;}
.regel4{color:#0f1f62; font-size:10px;}
.regel5{color:#0f1f62; font-size:10px;}
.regel6{color:#0f1f62; font-size:10px;}

.flashpreview {}

 /* Order Pagina
================================*/	
.ordertekst {width:452px; position:relative; height:280px;}
.contenttekst3
{
	height			: auto;
	width			: 472px;
	position		: relative;

}

.table1{position:absolute;}
.table2{position:absolute; left:235px;}
.ordertable { font-size:11px; color:#01015d; width:100px;}
.ordertable2 { font-size:11px; color:#01015d; width:260px;}

.ordertable2 a{color:#0097da; }


.textfield1{ width:36px; height:15px; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.textfield1red{ width:36px; height:15px; font-size:10px; color:#0097da; border:1px solid red; }

.textfield2{ width:138px; height:15px; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.textfield2red{ width:138px; height:15px; font-size:10px; color:#0097da; border:1px solid red; }

.textfield3{ width:77px; height:15px; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.textfield3red{ width:77px; height:15px; font-size:10px; color:#0097da; border:1px solid red; }

.select{width:71px; height:19px; font-family:Verdana; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.selectred{ width:71px; height:19px; font-family:Verdana; font-size:10px; color:#0097da; border:1px solid red; }

.selectlong{width:221px; height:19px; font-family:Verdana; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.selectlongred{ width:221px; font-family:Verdana; height:19px; font-size:10px; color:#0097da; border:1px solid red; }

.textfieldlong{ width:221px; height:15px; font-size:10px; color:#0097da; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; }
.textfieldlongred{ width:221px; height:15px; font-size:10px; color:#0097da; border:1px solid red; }

 /* thanks Pagina
================================*/	
.contentthankseng
{
	height			: auto;
	width			: 512px;
	background		: url(../images/eng/contest.gif);
	position		: relative;
	margin-left		: 30px;
    color:#bfbfbf;
}



.contestlink {
  position          :absolute;
  height            :25px;
  width             : 160px;
  right             : 60px;
  top               : 184px;
}
.joincontest
{

	background	        : url(../images/joincontest.gif);
	background-repeat   : no-repeat;
	border              : none;
	outline             : none;
	cursor              : pointer;
	width		        : 155px;
	height		        : 27px;
}


.contestlink a
{
    display         : block;
    height          :25px;
    width           : 160px;
}
 .tekst
 {
     width:335px;
 }
 
 .tekst a
 {	
     font-size		: 11px;
     color          : #01015d;
 }



/* Custom Error
=================================================*/				

#alertBox {
	position:absolute;
	width:400px;
	min-height:100px;
	margin-top:100px;
	border:2px solid #bedefd;
	background-color:#ffffff;
	background-image:url(../images/error.png);
	background-repeat:no-repeat;
	background-position:20px 30px;

}
#alertBox h1 {
	margin:0;
	font:bold 12px verdana,arial;
	background-color:#ffffff;
	color:#01015d;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font: 12px verdana,arial;
	height:50px;
	color:#01015d;
	height:auto;
	padding-left:30px;
	margin-left:55px;
	padding-bottom:20px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding-top:3px;
	width:108px;
	height:15px;
	background:url(../images/oke.jpg);
	font:bold 12px verdana;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

#modalContainer > #alertBox {
	position:fixed;
}


#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(../images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

/* Terms And Coditions
================================*/
.termswrapper { margin:0 auto; width:475px; height:500px; }
.termsheader {width:450px; height:100px;}

.termscontent { width:450px; border:2px solid #5ac2ee; padding:10px;}
.termstext { height:300px; overflow-y:scroll; color:#0091e3;}


/* Aanpassingen 17-3-10
================================*/
.homebuttons 
{
                background-image:url(../images/homebuttons.jpg)!important;
                display:block;
              background-repeat:no-repeat;
              color:#ffffff;
              text-decoration:none;
              font-weight:bolder;
              font-size:17px;
              padding-top:7px;
              width:178px;
              height:25px;
              text-align:center;}
.backbutton
{  background-image:url(../images/backbutton.jpg)!important;
                display:block;
              background-repeat:no-repeat;
              color:#ffffff;
              text-decoration:none;
              font-size:12px;
              padding-top:3px;
              width:108px;
              height:18px;
              text-align:center;    
    }   

.nextbutton
{  background-image:url(../images/nextbutton.jpg)!important;
                display:block;
              background-repeat:no-repeat;
              color:#ffffff;
              text-decoration:none;
              font-size:12px;
              padding-top:3px;
              width:108px;
              height:18px;
              text-align:center;    
    }  
    
     
.menu{margin-left:-20px; width: 514px; margin-top:10px;}   
.menu img{ max-width:512px;}
 
.menu ul{margin: 0;padding:0px;}
.menu ul li{display: block;float:left;width:117px;text-align:center;}
.menu ul li a{cursor:default;color: #cacaca;font-size:14px;text-decoration: none;width:122px;}
.menu ul li a.selected{color:#e47228;} 
.menu ul li a.visited{color:#45a3e4;}     

/* Stappen
================================*/	
.stappen
{ 
	margin-left	: 30px;
	width		: 596px;
	height		: 64px;	
	padding-top:30px;
}
.stappen1
{ 
	margin-left	: 30px;
	width		: 596px;
	height		: 64px;	
	padding-top:40px;
}
  

.ordernow
{
	position		:absolute;
	right			:0px;
	top			: 160px;
}



.perstekst
{
    position:absolute;
    font-size:10px;
    color:#0f266b;
    left:20px; top:130px;
    }
    
.uploadimage{height:240px; width:311px; margin-right:30px; position:relative;}    
.yourphoto{ font-size:24px; position:absolute; left:75px; top:88px; color:#ffffff; width:200px; text-align:center;}


/* Loadscript
================================*/
#pageLoading 
{ 

	position:absolute;
	width:400px;
	min-height:100px;
	top:50px; left:20px;
	border:2px solid #bedefd;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:20px 30px;
	display:none;
}

#loadingtekst 
{
    color:#01015d;
    padding-top:50px;
    font-weight:bold;
    text-align:center;
}	    

/* AANPASSINGEN
================================*/

.fbgallerybutton
{
	position		:absolute;
	right			:10px;
	bottom			: 10px;
}

.ordernow
{
	position		:absolute;
	right			:0px;
	top			: 160px;
}
.tekst
{
	width			: 425px!important;
	height			: 225px;
}
.tekstgal
{
	width			: 472px!important;
	height			: 150px;
}

div #facebooklabelticker{position:absolute!important; top:70px;right:20px;}
.galleryfirsttekst{color : #0091e3;}


.backbutton1
{  position:absolute;
   bottom:10px;
   left:10px;
   
   width:108px;
              height:18px;
    }       

    .nextbutton1
{ position:absolute;
   bottom:10px;
   right:10px;
   
   width:108px;
              height:18px;
    } 
    
.uploadimageklein{ height:142px; width:222px; position:relative;}    
.yourphotoklein{ font-size:18px; position:absolute; left:25px; top:62px; color:#ffffff; width:200px; text-align:center;}    






.fan_box .full_widget{
height: 200px;
border: 0 !important;
background: none !important;
position: relative;
}

.fan_box .profileimage {
display:none;
}

.fan_box .name_block{
position: absolute;
bottom: 25px;
right: 10px;
}

.fan_box .connect_widget{
position: absolute;
bottom: 0px;
right: 10px;
margin: 0 !important;
}


.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
	}
.fan_box .connect_widget td.connect_widget_vertical_center {
	padding: 0 !important;
}
#facebooklabelticker1{position:absolute!important; top:90px;right:40px;}


.facebookbox{position:absolute; right:20px; top:100px; border:none; border-bottom:1px solid #aaaaaa;}
.facebookbox iframe{border:none;}

.searchform {}
.searchfield { border:1px solid #c4c4c4; border-top:1px solid #7c7c7c; width:376px;}

.voteforimage{ width:452px; height:auto; position:relative;}
.voten{width:150px; position:absolute; right:20px; top:20px;}

.calltoaction{ font-size:15px;}




