/*
	BoekUwZending.com
	Created by Dolphiq New Media
*/

/* General styling and positioning */
@import url("/layout/text.css");


html{overflow-y:scroll}
body{font-family:"Trebuchet MS", verdana, arial;font-size:12px;line-height:1.5;color:#444}
#container{width:960px;margin:0 auto;text-align:left;}

#container_content{width:680px;float:left;}
#container_kreten{width:260px;float:right;margin-top:200px;font-weight:bold;}

#content{width:680px;min-height:360px;}
#top{width:660px;margin:0 10px;height:100px;}
#footer{width:660px;padding:10px 10px; font-size:0.9em;height:24px;line-height:24px}

.dotH{border-top:1px dotted #C9D400;margin:10px 0;}
.dot{border:1px dotted #C9D400;}

.betaalmogelijkheid{color:grey;}


/* Menu */
#menu{width:960px;height:60px;margin-top:18px;}
#menu a{font-size:16px;text-decoration:none;font-weight:bold;}
#menu a:hover{color:#24902C;}
.menuItem div {float:left;height:42px;}



/*
####################################################################################################
#
#	CLEARS
#
####################################################################################################
*/
.clearDiv:after {content:'.';clear:both;height:0;visibility:hidden;display:block;}
.clearDiv {height:1%;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}


/* General resets */
img{border:0}
a{border:0}
div{border:0 solid red}
.clear{clear:both;width:0;height:0;font-size:0}

/* Padding and alignment */
.padd15_30{padding:15px 30px 30px}
.padd5{padding:5px}
.left{float:left}
.right{float:right}
.inline{display:inline}
.aCenter{text-align:center}
.aLeft{text-align:left}
.aRight{text-align:right}
.middle,.middle *{vertical-align:middle}
.relative {position:relative;}

/* Forms and fieldsets */
fieldset, form{margin:0;padding:0;border:0}
fieldset{padding:10px;background:#f9f9f9;border:1px solid #f4f4f4;}


.hiddenSubmit {width: 0px; height: 0px; position: absolute; left: -500px; top: -500px}
legend{display:none}
input,select,textarea{font-family:"Trebuchet MS", verdana, arial;vertical-align:middle;font-size:11px;}
.fieldsetLarge {border:5px solid #F0F0F0;background:#FcFcFc;padding:15px;font-size:12px}
fieldset input, fieldset select, fieldset textarea {background: white url(/img/bg-form-input.png) top repeat-x;vertical-align:middle;font-family:"Trebuchet MS", verdana, arial;font-size:11px;border:1px solid #999;margin:1px 0 2px;padding:2px;resize:none;}

.fieldsetLarge label{margin-top:3px}
.correctLabel label{margin-top:3px}
.large{width:200px}
.medium{width:120px}
.small{width:60px}
.xsmall{width:30px}
label{float:left;}

/* Font styles and colors */
.step * {background:#ffffff;}
.step img {margin-right:15px;}
.step h2, .step h3 {margin:0;}
.step h2 {color:#24902C;font-style:italic;}
.step h3 {color:#98C000;margin-top:20px;}

h1,h2,h3{font-size:16px;margin:0;color:#16652D;margin-bottom:1em;}
h4{font-size:14px;margin:0;color:black;margin:0;}

.noBold{font-weight:400}
.bold{font-weight:700}
.greenL{color:#98C000;}
.greenD{color:#24902C;}
.black,.black *{color:#000}
.white,.white *{color:#fff}
.grey,.grey *{color:#777}
.red,.red *{color:#900}
.error,.error *{color:#B00;font-weight:bold}
.fs8{font-size:8px}
.fs9{font-size:9px}
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
a {color:#24902C}

/* Various */

.one_fourth{width:25%;float:left;}
.one_third{width:33.3%;float:left;}
.half{width:50%;float:left;}


.goMorph {font-size:20px;color:#ff0000;background: #00ff00;}


.container_hilite {width:200px;height:130px;background: #96C00A url(/img/bg-container-hilite.png) top right no-repeat;}
.container_hilite * {color:white;}
.container_hilite div.tekst {padding:10px 20px 10px 30px;}

.borderBottom{border-bottom:1px solid #F0F4C4;}

#step_3_container {width:375px;height:60px;margin:0 auto;border:1px solid #C5D413;text-align:center;}
#step_3_container h2 {font-size:18px;color:#989898;display: inline;vertical-align:middle;}
#step_3_container h3 {font-size:24px;color:#4E4E4E;display: inline;vertical-align:middle;}

.opac10 * { filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10;}
.opac50 * { filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.opac100 * { filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.quote{position:absolute;font-size:40px;color:#ccc;z-index:0;}

.infoBox {border:1px solid #EAE4AE;padding:10px;margin-bottom:15px;background:#FEFBE2;}
.infoBox2 {border:1px solid #EAE4AE;padding:1em 1em 1em 3em;background:#FEFBE2 url(/img/icon-bulb-24.png) no-repeat 7px center;margin-bottom:15px;}

span.infoBox2 {display:block;}


a.btn{display:inline-block; width:163px; height:28px; background:url(/img/btn-1.png); text-align:center; font-family:"Trebuchet MS"; color:white;font-size:16px; font-weight:bold; text-decoration:none;}
a.btn:hover{background:url(/img/btn-2.png);}


.icon {display:inline-block;padding-left:32px;background-position:left center;background-repeat:no-repeat;}

	.icon.mail {background-image:url(/img/email_go.png);}




ul.landing {list-style-type:none;padding:0;margin:1em 0;}
	ul.landing li {background:url(/img/tick.png) left top no-repeat;padding:5px 0 5px 40px;}

.intro {font-size:1.2em;}




	div#pricetable {width:100%;}
		div#pricetable .p {margin:5px;padding:10px;border:1px solid #EAE4AE;background:#FEFBE2;}
		div#pricetable input {vertical-align:top;}
		div#pricetable label {float:none;}
		div#pricetable h2 {font-size:1em;font-weight:normal;margin-bottom:1em;}
		div#pricetable div.p50 {width:50%;float:left;}
		div#pricetable div.p33 {width:33%;float:left;}
		div#pricetable b {display:block;}





/*
	END CSS
*/