/*
* Jaar		: 2009
* Klant     : Koninklijke Luchtmacht
* Product	: Business Cards
* Icemedia
================================*/

/* Reset CSS
================================*/

html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd,	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
object{outline:none;}
focus{outline:none;}

/* Algemeen
================================*/
body
 {
   background:#738da1 url(../images/bg.jpg); 
   background-repeat:repeat-x;
 }

#wrapper
{
    Height:651px;
    width:849px;
    margin:0 auto;
    font-family:Arial;
    position:relative;
    }
#wrapperflash
{
    Height:720px;
    width:960px;
    margin:0 auto;
    }    
    
    
 #footer
 {
     width:861px;
     height:57px;
     margin:0 auto;
     position:relative;
     }  
 #footer img{ position:absolute; left:-11px;}     


/* Nav
================================*/
#nav{ height:22px; width:849px; position:absolute; left:0px; bottom:20px;}

    .volgendesubmit
    {
     position:absolute;
     right:12px;
     text-align:left;
     padding-top:3px;
     }

    .volgendesubmitknop
    {
     height:22px;
     width:103px;
     background-image:url(../images/vol.jpg);
     position:absolute;
     right:12px;
     border:none;   
     cursor:pointer;  
     }

    .vorige
    {
     height:19px;
     width:103px;
     background-image:url(../images/vorige.jpg);
     position:absolute;
     left:12px;
     text-align:right;
     padding-top:3px;
     }
     
    .volgende
    {
     height:19px;
     width:103px;
     background-image:url(../images/volgende.jpg);
     position:absolute;
     right:12px;
     text-align:left;
     padding-top:3px;
     }
     
    .volgende a{display:block; height:22px; width:97px; padding-left:5px;}
    .vorige a{display:block; height:22px; width:97px; padding-right:5px;}
    
    .vorige a, .volgende a, .huidige a{color:#ffffff; font-size:12px; text-decoration:none;}
    
    .huidige
    {
     height:19px;
     width:180px;
     background-image:url(../images/volgende.jpg);
     background-position:right;
     background-repeat:no-repeat;
     position:absolute;
     background-color:#1e2730;
     right:12px;
     text-align:left;
     padding-top:3px;
     }
     
    .huidige a{display:block; height:22px; width:auto; padding-left:5px;}
    

/* Header
================================*/
.header{ width:849px;
         height:145px;
         position:relative; 
        }
.basexlogo
 {
     position:absolute; 
     top:70px;
     left:0px;   
     }        

.logolm
{
     position:absolute; 
     top:90px;
     right:0px;   
    }

/* Stappen
================================*/
.stappenmenu{width:837px; border-top:1px solid #1f282f; padding-top:10px; padding-left:12px;}
.steps
    {
        
       
     font-size:11px;
     color:#67727a;
    }
.steps ul
    {
        margin: 0;
        padding:0px;

    }  
    
.steps ul li
    {
    display: inline;
    margin-right: 20px;
    padding: 10px 3px 10px 3px;
    }  
    
.steps ul li.active
    {
    color:#ffffff;  
    background: #202b35;
    border-top: 1px solid #bd8111;
    }   
    
    
/* Choose page
================================*/    
#bgimage{ position:absolute; right:0px; top:145px; height:329px; width:549px; z-index:-1;}

.content a{color:#fca200; text-decoration:none;}
.content { padding-left:12px; padding-top:63px; 
           color:#ffffff; font-size:12px; position:relative; z-index:999;
           line-height:18px;
           }
 .title { height:30px;}
 .title span{background-color:#1e2730; color:#ffffff; font-size:23px; padding:3px 5px 3px 5px;}
 
 .ondertitle { height:30px; margin-top:5px;} 
 .ondertitle span{background-color:#1e2730; color:#ffffff; font-size:23px; padding:3px 5px 3px 5px;}

 
 
 
 
 .selectdesign1{ float:left; padding-left:12px; }
 
 .selectdesign2{ float:left; padding-left:50px; }
 .balk1 
 {
     height:17px; 
     width:326px; 
     background-image:url(../images/balk.jpg); 
     color:#ffffff; 
     font-size:11px;
     padding-top:5px;
     padding-left:10px;
     margin-top:10px;
  }
  
   .balk2
 {
     height:17px; 
     width:331px; 
     background-image:url(../images/balk.jpg); 
     color:#ffffff; 
     font-size:11px;
     padding-top:5px;
     padding-left:5px;
     margin-top:10px;
  }
  
  .balk1 a, .balk2 a{color:#ffffff; display:block; text-decoration:none; width:326px;}
  
  /* Upload page
================================*/ 
.klein{font-size:9px; color:#202b35;}

  /* Uploadpreview page
================================*/ 
.flash{ width:835px;
        height:239px;
        position:absolute;
        left:12px; bottom:20px;}
        
  /* personalise page
================================*/ 
.personalisetable
{
   color:#ffffff;  
}

.personalisepreview{ position:absolute; right:130px; height:194px; top:190px; border:1px solid #273746; }

.textfieldlong
{ 
width:249px;
height:15px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
font-size:10px;
}

.textfieldsm
{ 
width:88px;
height:15px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
font-size:10px;
}

.textfieldm
{ 
width:155px;
height:15px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
font-size:10px;
}       

.textfieldlongred {width:249px; height:15px; font-size:10px; border:1px solid red;background-color:#364c5a;color:#ffffff;} 
.textfieldsmred  {width:88px; height:15px; font-size:10px; border:1px solid red;background-color:#364c5a;color:#ffffff;}
.textfieldmred   {width:155px; height:15px; font-size:10px; border:1px solid red;background-color:#364c5a;color:#ffffff;}


  /* Preview page
================================*/ 
.previewflash{ position:absolute; left:12px; height:194px; top:190px; border:1px solid #273746;}
 
.personalisepreview1{ position:absolute; right:130px; top:190px; height:194px; border:1px solid #273746; }
.previewtekst
    { 
        position:absolute; 
        width:275px; 
        color:#ffffff; 
        top:65px; 
        left: 43px; 
       line-height:normal;
        font-size:11px;
        }  


/* Order page
================================*/ 
.ordertable
{
    position:absolute;
    left:400px;
    top:50px;
    }
    
.ordertable .textfieldlong
{
    width:231px;
     font-size:10px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;}    

/*.ordertable .select
{
        width:76px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
    }*/

.ordertable .textfieldmed
{
width:84px; 
height:15px; 
 font-size:10px;
border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff; 
}  
    
.ordertable .textfieldnormal
{
    width:136px;
    height:15px;
     font-size:10px;
    border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
    
    
    }
    
.ordertable .textfieldlongred
{
    width:231px;
     font-size:10px;
    height:15px;
border:1px solid red;
background-color:#364c5a;
color:#ffffff; }   

/*.ordertable .selectred
{
        width:76px;
border:1px solid red;
background-color:#364c5a;
color:#ffffff;
    }*/

.ordertable .textfieldmedred
{
width:84px;   
height:15px;
 font-size:10px;
border:1px solid red;
background-color:#364c5a;
color:#ffffff;
}  
    
.ordertable .textfieldnormalred
{
    width:136px;
    height:15px;
     font-size:10px;
border:1px solid red;
background-color:#364c5a;
color:#ffffff;
    }    
    



/*                          *
 * THE BUDDY BOOSTER        *
 ***************************/ 
 
 .contentklein a{color:#fca200; text-decoration:none;}
.contentklein { padding-left:12px; line-height:18px; padding-top:63px; color:#ffffff; font-size:12px; width:400px; position:relative; z-index:999;}

.textfield
{
        width:136px;
       
    border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
    
    } 
 .textfieldbuddy
 {
        width:136px;
    border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
color:#ffffff;
    
    } 
    
.haalvrienden  
    {
     height:22px;
     width:122px;
     background-image:url(../images/haaljevrienden.jpg);
     background-position:right;
     background-repeat:no-repeat;
    border:none;
    outline:none;
    cursor:pointer;
     }  
    
    
 .mainholder
 {
         color:#ffffff;
    font-size:12px;
    position:absolute;
    z-index:1000;
    right:0px;
    top:300px;
     }
 
.buddyboosterplacer
{ 
    height:220px; 
    position:absolute; 
  margin:0 auto;
  right:0px;
  top:285px;
    width:472px; 
    color:#ffffff;
    font-size:12px;
     z-index:1000;
}

#contacts 
{
    position:absolute;
    height:167px;
    width:212px;
    overflow:scroll;
    overflow-x:hidden;
    bottom:0px;
    left:0px; 
  border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
}
	
#selectedcontacts
{
    position:absolute;
    bottom:0px;
    right:0px;
    height:167px;
    width:220px;
    overflow:hidden;
    padding-left:2px; 
    padding-top:2px; 
  border-left:1px solid #24323b;
border-top:1px solid #24323b;
border-bottom:1px solid #597e99;
border-right:1px solid #597e99;
background-color:#364c5a;
    overflow:scroll;
    overflow-x:hidden;
}

#arrows
{
    position:absolute;	
    left:222px;	
    top:120px;
}

#arrows a
{
      color:#ffa400; font-size:14px; font-weight:bold; text-decoration:none;
}



#bballes
{	
    position:absolute;	
    left:0px; 
    top:20px; 
    width: 180px; 
    font-size:12px; 
    font-weight:bold; 
}

#bbaantal
{	
    position:absolute;	
    right:0px; 
    top:20px;
    width:220px; 
    font-size:12px; 
    font-weight:bold; 
}

#aantal
{ 
    font-family:Arial;  
    font-weight:bold;
}

#contactaantal
{ 
    font-family:Arial; 
    font-weight:bold;
}

#selectedcontacts span
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
}

#selectedcontacts a
{
    position:relative;
    float:left; 
}
	
#contacts
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px;
}

/*                          *
 *   LOAD SCRIPT            *
 ***************************/ 
#pageLoading 
{ 

	display:none; 
	background-color:transparent;
	position:absolute;
	width:460px;
	height:80px;
	top:290px;
	right:10px;
	border: 2px solid #24323b;
	background-color: #364c5a;
	z-index:1000;
}

.loadingtekst 
{
    color:#ffffff; 
    font-weight:bold;
}	    


/*                          *
 *   Send page            *
 ***************************/ 
 
 .basex{ position:absolute; width:449px; height:280px; background-image:url(../images/basex.png); right:0px; top:300px;}
 
 .beleef { height:30px;}
 .beleef span{background-color:#1e2730; color:#ffffff; font-size:10px; padding:3px 5px 3px 5px;}
 .b2{color:#fca200;}
 
 
 /*                        
 *   View page           
 ***************************/ 
  .selectdesign3{ position:absolute; right:50px; top:300px; }
     .balk3
 {
     height:19px; 
     width:331px; 
     background-image:url(../images/balk.jpg); 
     color:#ffffff; 
     font-size:11px;
     padding-top:4px;
     padding-left:5px;
     margin-top:5px;
  }
  .balk3 a{color:#ffffff; text-decoration:none;}