p {margin-bottom:3px;}

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;}

.left {float:left;}
.right {float:right;}

#breadcrumb {
	width:945px;
	height:20px;
	padding:5px 0 5px 20px;
}

/* maincontent ---------------------------------
------------------------------------------------*/ 
#maincontent {
    width:718px;
    padding: 0 5px 20px 20px;
}
    
.contentbox {
    background:url(/fotokaarten-maken/images/bg_header.jpg) top left repeat-x;
    border:solid 1px #51276d;
    margin:10px 10px 0 0;
    padding:0 10px 10px 10px;
    width:698px;
    display:block;
    _display:inline; /*fix IE6 problem double margin*/    
	float:left;
}

.cb_bg {background: url(/fotokaarten-maken/images/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:698px;
    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_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;}
.bizzmarg {margin-bottom: 20px;}
.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;
}


/* 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;}


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

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

.sideboxes_color {
    width:173px;
    padding:10px;
    margin:0px 20px 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('/fotokaarten-maken/images/bul_green_round.png') 0px 5px no-repeat;
	padding-left: 18px;
	list-style-type: none;
	}

.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;}


/* 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;}