body 
{
    background: url(../../images/templ/bgVlinders.jpg) no-repeat center top;
    font-family: trebuchet ms, verdana,arial,helvetica,sans-serif; 
    color: #666;
    font-size: 12px;
    scrollbar-arrow-color: #4d1979;
    scrollbar-3dlight-color: #fff;
    scrollbar-face-color: #d1d2d4;
    scrollbar-highlight-color: #d1d2d4;
}

 p {margin-bottom: 0px;} 

a
{
    color: #666;
    text-decoration: underline;
    }
a:hover
{
    color: #60337f;
    text-decoration: underline;
    }
.rounded 
{
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bordernone {border: none;}  
 
#wrapper 
{
    background: url(../img/page_bg.png) center top repeat-y;
   	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:center;	
	margin: 0 auto;
}

#container {
	width:945px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	position: relative;
	margin: 0 auto;
}

    
/*#container
{
    margin: 10px auto 0 auto;
    width: 945px;
    padding: 10px;
    background: #FFF;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 7px #bdbbbb;
	-moz-box-shadow: 0 0 7px #bdbbbb;
	-webkit-box-shadow: 0 0 7px #bdbbbb;

}*/


#header
{
    height: 70px;
    position:relative;
}

/* positie van de servicelinks in de header */
#header .servicelinks {
	margin: 0;	
	position: absolute;
	top: 0px;
	right: 0px;
}

#logo
{
background: url(../img/logo.png) no-repeat;
display: block;
height: 54px;
width: 150px;
position: absolute;
text-indent: -1234em;
top: 3px;
}

/* servicelinks */

.servicelinks {
	margin: 0;
	padding: 0;
}
.servicelinks li {
	background: url('../img/line_quicknav.png') 5px 5px no-repeat;
	float: left;
	font-size: 11px;
	list-style: none;
	padding-left: 11px;
}
.servicelinks li.first {
	background: none;
	padding-left: 0;
}
.servicelinks a {
	font-size: 11px;	
	text-decoration: none;
}
.servicelinks a:hover,
.servicelinks a:focus {
	text-decoration: underline;
}
.servicelinks a:active {
	text-decoration: none;
}


ul#navigation
{
    height: 35px;
    background: #9776ae url(../img/right_nav.png) right 0;
    margin: 0;
    padding: 0;

}

ul#navigation li
{
    height: 35px;
    float: left;
    display: block;
    list-style: none;
    border-right: 1px solid #60337f;
    position: relative;
    
    }
    
ul#navigation li a
    {
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        line-height: 31px;
        padding: 5px;
        margin: 5px;
        }

ul#navigation li:hover,
ul#navigation .navigation-hover
{
    background: #bfa9ce url(../img/right_nav.png) 0 0;
    }   
ul#navigation li:hover .submenu,
ul#navigation .navigation-hover .submenu
{
    display: block;
    }              
      
ul#navigation li.first
{
    background: #9776ae url(../img/left_nav.png);
    }
ul#navigation li.first:hover
{
    background-color: #bfa9ce;
    }

ul#navigation li.active
 {
   background: #fff url(../img/right_nav.png) 0 0;
   }

ul#navigation li.active a
{
  color: #60337f;
  }
ul#navigation li.first
    {
  background-image: url(../img/left_nav.png);
}
ul#navigation li.first.active:hover
{
    background-color: #fff;
}
ul#navigation .submenu
{
  display: none;
  width: 250px;
  background-color: #fff;
  border: 1px solid #60337f;
  top: 36px;
  left: 0;
  font-size: 11px;
  font-family: Verdana;
  z-index: 99;
  position: absolute;
}
ul#navigation p 
{
    padding: 10px;
    font-weight: bold;
    margin: 0;
}   
ul#navigation ul 
{
    margin:0;
    padding:0;
    }    
ul#navigation ul li
{
  float: left;
  width: 105px;
  background: none;
  border: 0;
  padding: 10px;
  height: 15px
  }
    
ul#navigation ul li:hover
{
   background: red;
   }
    
    
#breadcrumb
{
    height:20px;
    padding: 5px 0;
}
/* maincontent ---------------------------------
------------------------------------------------*/ 
#carousel ul {width:3000px;}
.czar {position: absolute; z-index:-1;}
#maincontent {width: 750px;}
#maincontentbizz {width: 946px; text-align: justify;}
    
.contentbox 
{
    background: url(../img/bg_header.jpg) top left repeat-x;
    border: solid 1px #51276d;
    margin: 10px 10px 0 0;
    padding: 0 10px 10px 10px;
    width: 718px;
    display: block;
    _display: inline; /*fix IE6 problem double margin*/    
	float: left;
}

.contentbox_full 
{
    background: url(../img/bg_header.jpg) top left repeat-x;
    border: solid 1px #51276d;
    margin: 10px 10px 0 0;
    padding: 0 10px 10px 10px;
    width: 925px;
    display: block;
    _display: inline; /*fix IE6 problem double margin*/    
	float: left;
}

.cb_bg
{
     background: url(../img/bg_header.jpg) #eee9f1 top left repeat-x;
    }

.bold 
{
    font-weight: bold;
    font-size: 14px;
}

.purple {color:#60337f;}
.purple1 {color:#60337f; font-size:16px;}

.streep
{
    width: 100%;
    height: 1px;
    border-top: 1px solid #60337f;
    }

.cheader 
{
    width: 720px;
    height: 31px;
    float: left;
    margin: 4px 0 10px 0;
    _display: inline; /*fix IE6 problem double margin*/     
    font-family: 'Trebuchet', sans-serif;
    font-size: 14px;
    color: #FFF;
}
.cbox_total 
{
    width: 720px;
    float: left;
}
.cbox_left 
{
    width: 165px;
    height: 263px;
    float: left;
    background: #fff;
    display: inline-block;
    padding: 3px 10px 10px 10px;
    margin-right: 10px;
    _display: inline; /*fix IE6 problem double margin*/     
    border: solid 1px #666;    
}

.cbox_catkpp
{
    width: 165px;
    height: 226px;
    float: left;
    display: inline-block;
    padding-top: 5px;
    overflow: scroll;
    overflow: auto;
    _display: inline; /*fix IE6 problem double margin*/        
}

.cbox_right_top 
{
    width: 499px;
    height: 112px;
    float: left; 
    padding: 3px 10px 10px 10px;
    margin-bottom: 10px;
    display: inline-block; 
    _display: inline; /*fix IE6 problem double margin*/     
}

.cbox_right 
{
    width: 499px;
    height: 128px;
    float: left; 
    background: #fff;
    padding: 3px 10px 10px 10px;
    display: inline-block; 
    _display: inline; /*fix IE6 problem double margin*/     
    border: solid 1px #666;
}

.cbox_ecards 
{
    width: 696px;
    height: 125px;
    float: left; 
    background: #fff;
    padding: 3px 10px 10px 10px;
    margin-top: 10px;
    display: inline-block; 
    _display: inline; /*fix IE6 problem double margin*/     
    border: solid 1px #666;
}

.ecards_thumbs
{
    margin-right: 10px;
    margin-top: 5px;
    text-align: center;
     }

.btn_margin{ margin-right: 12px; }

/* bizzbox ---------------------------------
------------------------------------------------*/

#cbizzleft {width:636px; display: inline; margin-right: 9px;}
.picca1 {clear:right; display:inline;}
.picca2 {clear:left; display:inline;}
#cbizzright {width: 300px; display: inline;}
.quotebox {width: 616px; 
           border-top: 1px solid #ccc; 
           border-bottom: 1px solid #ccc; 
           padding: 20px 10px 20px 10px;
           text-align: center;
           font-size: 16px; font-weight: bold;
           color: #999;
}
.bizzmarg {margin-bottom: 20px;}


/* hoe werkt het ---------------------------------
------------------------------------------------*/ 
.commenthide {display:none;	text-align: left;}
.hoebox1 {width: 740px; background: url(../img/head_kaartmaken.jpg) top left no-repeat; margin-top: 20px; position: relative;}
.hoebox2 {width: 740px; background: url(../img/head_betalen.jpg) top left no-repeat; margin-top: 20px; position: relative;}
.hoebox3 {width: 740px; background: url(../img/head_verzenden.jpg) top left no-repeat; margin-top: 20px; position: relative;}
.iconbox {width: 128px; height: 186px;}
.questionbox {width: 612px; height: 106px; padding-top: 80px; font-size: 12px;}
.answerbox {width: 720px; background: url(../img/bg_expand.jpg) bottom left no-repeat; padding: 10px;}
.answerboxsm {width: 710px; display: block; margin-left: 10px; margin-bottom: 10px;}
.arrowclose {position: absolute; bottom: 0; left: 0;}
.maakmargin {margin-left: -6px; margin-bottom: 10px;}

/* moederdag ---------------------------------------
--------------------------------------------------*/


/* sidebar ---------------------------------
------------------------------------------------ */
#sidebar
{
    width: 173px;
    padding: 10px;
    border: solid 1px #51276d;
}

.sideboxes
{
    width: 173px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    border: solid 1px #51276d;
}

.sideboxes_color
{
    width: 173px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    background-color: #eee9f1;
    border: solid 1px #51276d;
}

.sbbox 
{
    width: 173px;  
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #af99bf;
}
.sboxtop {padding-top: 0;}
.sboxbott {border: none;}
.sboxcenter {border: none; padding: 0;}

.bullit {
	margin: 0;
	padding: 0;
}
.bullit li {
	background: url('../../images/bul_green_round.png') 0px 5px no-repeat;
	padding-left: 18px;
	list-style-type: none;
	}

.bullitcount /* oranje bullits numeriek */
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.bullitcount2 /* oranje bullits numeriek met meer ruimte */
	{
	list-style-type: none;
	margin: 5px;
	padding: 0px;
}


li.one{
	background:url('/geboortekaartjes-maken/1.gif') 0px 0px no-repeat;
	padding-left:20px;
    }

li.two{
	background:url('/geboortekaartjes-maken/2.gif') 0px 0px no-repeat;
	padding-left:20px;
    }

li.three{
	background:url('/geboortekaartjes-maken/3.gif') 0px 0px no-repeat;
	padding-left:20px;
    }

li.four{
	background:url('/geboortekaartjes-maken/4.gif') 0px 0px no-repeat;
	padding-left:20px;
    }

.textfield {color: #51276d; padding-left: 5px;}

/* Footer ---------------------------------
------------------------------------------------*/

#footer
{
    background: #FFF;
    width: 973px;
    text-align: center;
    height: 30px;
    padding-left: 10px;
    position: relative;
	margin: 0 auto;
    }

.flag_last {margin-right: 10px; margin-top: 3px;}
.flag {margin-right: 4px; margin-top: 3px;}
.copyright {margin-right: 20px;}

#CoverFlowDiv {border:none; width: 600px; text-align: center; margin-left: 70px;}
:focus {outline:none;}

/* Ecard login ---------------------------------
------------------------------------------------*/
div.cbox_ecardlogin 
{
    width: 205px;
    float: left; 
    background: #fff;
    padding: 3px 10px 10px 10px;
    margin: 10px 10px 20px 0px;
    display: inline-block;
    _display: inline; /*fix IE6 problem double margin*/     
    border: solid 1px #666;
}

div.cbox_ecardlogin2
{
    width: 205px;
    height: 234px;
    float: left; 
    background: #fff;
    padding: 3px 10px 10px 10px;
    margin: 10px 10px 20px 0px;
    display: inline-block;
    _display: inline; /*fix IE6 problem double margin*/     
    border: solid 1px #666;
}

.voordeelvink {
	margin: 0;
	padding: 0;
}
.voordeelvink li {
	background: url('../../images/vink_purple.gif') 0px 0px no-repeat;
	padding-left: 25px;
	list-style: none;
	}
	

.btnecardlogin
{
    position: relative;
    left: 17px;
    
    }
    
/* .accountbtn
{ display: block;
  position: absolute;
  bottom: 18px;
  margin-left: 52px;
  width: 172px;
  height: 38px;
  background: url("../img/inlog_btn_account.jpg") no-repeat 0 0;
}

.accountbtn:hover {background-position: 0 -38px;}
.accountbtn span {display: none;}
.checkbox {height: 20px; width: 200px;}
*/


/* Prijzen boxes ------------------------------
------------------------------------------------*/
div.cbox_prijzenpages {
    display:inline-block;
    _display:inline; /*fix IE6 problem double margin*/
    float:left;
    width:910px;
    /*height:151px;*/
    padding-top:0;
    margin:10px 0 20px 20px;
    border:solid 1px #60337F; /* Purple */
    }

.cbox_head {
    height:25px;
    line-height:35px;
    padding:6px 0 6px 10px;
    background-color:#C7A7CF;
    }

.cbox_row {
    height:21px;
    line-height:21px;
    padding:0 0 0 10px;
    background-color:#FFF;
    }

.cbox_rowColor {
    height:21px;
    line-height:21px;
    padding:0 0 0 10px;
    background-color:#EAE4EF;
    }

.column1 {
    float:left;
    width:128px;
    line-height:21px;
    }

.column3 {
    float:left;
    width:80px;
    line-height:21px;
    text-align:right;
    }

.column4 {
    float:left;
    width:50px;
    line-height:21px;
    text-align:right;
    border-right:solid 1px #60337F;
    padding-right:10px;
    }

.column5 {
    float:left;
    width:90px;
    line-height:18px;
    text-align:right;
    }

.column2, .column6, .column7, .column8, .column9 {
    float:left;
    width:105px;
    line-height:18px;
    text-align:right;
    }

div.cbox_prijzenLeftColumn {
    display:inline-block;
    _display:inline; /*fix IE6 problem double margin*/
    float:left;
    width:490px;
    /*height:151px;*/
    padding:3px 0 10px 10px;
    margin:10px 10px 20px 20px;
    border:solid 1px #60337F; /* Purple */
    }

div.cbox_prijzenRightColumn {
    display:inline-block;
    _display:inline; /*fix IE6 problem double margin*/
    float:right;
    width:360px;
    /*height:151px;*/
    padding:3px 0 10px 10px;
    margin:10px 20px 10px 20px;
    border:solid 1px #60337F; /* Purple */
    }

.leftColumn {
    float:left;
    width:490px;
    /* margin-right:20px;
    border:solid 2px #424; */
    }

.leftColumn_Row1 {
    float:left;
    width:200px;
    text-align:left;
    }

.leftColumn_Row2 {
    float:left;
    width:140px;
    text-align:left;
    }

.leftColumn_Row3 {
    float:left;
    width:140px;
    text-align:left;
    }

.rightColumn {
    float:right;
    width:360px;
    /* border:solid 2px #725; */
    }

.rightColumn_Row1 {
    float:left;
    width:170px;
    text-align:left;
    }

.rightColumn_Row2 {
    float:left;
    width:140px;
    text-align:left;
    }

.rightColumn_Row3 {
    float:left;
    width:40px;
    text-align:left;
    }

.leftColumn .rightColumn h1 {
    font-size:16px;
    font-weight: bold;
    color:#60337F; /* Purple */
    border-bottom:solid  1px #60337F;
    width: 100%;
    padding-top:4px;
    }



/* Fanpages boxes ------------------------------
------------------------------------------------*/
div.cbox_fanpages {
    display:inline-block;
    _display:inline; /*fix IE6 problem double margin*/
    float:left;
    width:940px;
    height:151px;
    padding:3px 0 10px 10px;
    margin:10px 0 20px 0px;
    border:solid 1px #60337F; /* Purple */
    background:url("/images/fanpagina/fanpgina_gradient.jpg") repeat-y;
    }

.fanpages_banner {
    float:left;
    margin-right:20px;
    border:0;
    }

.fanpages_txt {
    float:left;
    width:280px;
    }

.fanpages_txt h1 {
    font-size:16px;
    font-weight: bold;
    color:#60337F; /* Purple */
    border-bottom:solid  1px #60337F;
    width: 100%;
    padding-top:4px;
    }

/* Clearfix
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}