
#content{ background:none; padding-left:10px; padding-right:10px; font-size:12px; width:730px;}
#content .stap, .bestelling{font-size:12px; font-weight:bolder; margin-top:10px; padding:5px; background-color:#ECEAEA; }
#content .keuze, .bestelling_detail{padding:5px; padding-bottom:10px; display:none; border:1px solid #ECEAEA; }
#content .keuze #actie_domeinnaam{ display:none;}
#content table td:first-child{ padding-left:0px;}
#contentt{background:url('../../images/contentt.png'); background-repeat:repeat-y;}
#menu_yves_top{ float:left; background:url('../../images/bg_menu.png'); width:208px;}
#menu_yves_top .menu_cat{ height:32px;}
#content_yves_top {float:left;background-image: url("../../images/content_top2.png");background-size: auto auto;height: 37px;width: 750px;}
#menu_yves{height:100%;}
#content_yves{float:right; width:750px;}
#content .smalltext{ font-size:10px;}
#content .orange{ color:#F60;}
#content select{ margin-bottom:4px; }
#content table td label{ display:inline-block;}

/*main*/
.main_choice a{color: #fff; text-decoration: none;}
.main_choice{background: url('images/main_choice_bg.png'); height: 154px; width: 721px; margin: 0 15px 8px 0;}
.main_choice h1{display: block; color: #c57909; font-weight: normal; font-size: 12pt; text-align: center; padding: 10px 0 0 0;}
.main_choice h2{display: block; color: #023e73; font-weight: normal; font-size: 11pt; margin: 10px 0 15px 0;}
.main_choice p{color: #023e73;}
.main_choice .main_choice_left{float: left; position: relative; height: 150px; width: 168px; margin: 0 0 0 4px;}

.main_choice .main_choice_right{float: left; height: 150px; width: 500px; margin: 0 0 0 20px;}
.main_choice .main_choice_left .bestellen_btn{position: absolute; background: url('images/main_choice_btn.png') no-repeat; height: 30px; width: 168px; bottom: 0; left: 0; color: #fff; text-align: center; font-size: 11pt; line-height: 30px;}
.main_choice .main_choice_left .bestellen_btn:hover{background: url('images/main_choice_btn-hover.png') no-repeat;}

/*wizard
#wizard_header{background: url(/img/wizard_header.png) no-repeat; width: 720px; height: 154px; margin-top:10px;}
#wizard_header h1{display: block; color: #c57909; font-weight: normal; font-size: 12pt; text-align: center; padding: 10px 0 0 0;}
#wizard_header h2{display: block; color: #023e73; font-weight: normal; font-size: 11pt; margin: 10px 0 15px 0;}
#wizard_header p{color: #023e73;}

#wizard_header_left.domein{height: 150px; width: 168px; background: url("images/choice_domeinnaam_icon.jpg") no-repeat center;}

#wizard_header #wizard_header_left.domein{background: url(/img/choice_domeinnaam_icon.jpg) no-repeat center;}
#wizard_header #wizard_header_right{float: left; height: 150px; width: 500px; margin: 0 0 0 20px;}
*/
#wizard{ width: 100%; margin-left:1px;}
#wizard p{color: #023e73;}
#wizard form{margin: 0 0 0 45px;}
#wizard form ul{list-style: none; list-style-position: inside; color: #023e73; margin: 0 0 10px 0; padding:0}
#wizard form ul.alignleft{}
#wizard form ul.lstBtnOrder{margin: 0;}
#wizard form ul.lstBtnOrder li{margin: 0;}


#wizard form p{margin-left: 0;}
#wizard p .highlight{color: #c57909;}
#wizard_footer{margin-bottom:30px;}

.error{display: none; background: #ffaaaa; color: #ff3838; width: 628px; height: 35px; top: 0; margin: 0 auto; line-height: 35px; border-left: 1px solid #ff3838; border-bottom: 1px solid #ff3838; border-right: 1px solid #ff3838; text-align: center;}
.error_field{background: #ffaaaa;}
.error_label{color: #ffaaaa;}

/*steps*/
.step{background: #f5f5f5; color: #023e73; height: 36px; line-height: 36px; padding: 0 0 0 45px;background: url(/img/wizard_bg.png) repeat-y;}
.step.selected{font-weight: bold;}
.step.one{background: url('/img/wizard_step_1.png') no-repeat 10px 3px;}
.step.two{background: url('/img/wizard_step_2.png') no-repeat 10px 3px;}
.step.three{background: url('/img/wizard_step_3.png') no-repeat 10px 3px;}
.step.four{background: url('/img/wizard_step_4.png') no-repeat 10px 3px;}
.step.five{background: url('/img/wizard_step_5.png') no-repeat 10px 3px;}
.step_content{display: none;}
.step_content h3{display: block; width: 630px; font-weight: normal; border-bottom: 1px solid; margin: 10px 0 6px 0;}
.step_content.show{display: block;}

/*block*/
#btnStepOne.hover:hover{text-decoration: underline; cursor: pointer;}

.btnChoiceContainer,
.btnChoiceHostingContainer {background:#EFEFEF; border:1px solid #AFAFAF; border-radius:8px; box-shadow:rgba(0,0,0,0.25); no-repeat; height: 200px; text-align: center; margin-bottom:20px;}
.btnChoiceContainer:hover,
.btnChoiceHostingContainer:hover {
	background:#E8E8E8;
}

#bodycontainer > .container {
    margin-top: 1rem !important;
}

.lstBtnOrder {
    display: inline-block !important;
}

/*.btnChoiceHostingContainer.return{background: url('images/choice_usedomain_big_return_bg_blue.png') no-repeat center -50px / 120%;}
.btnChoiceHostingContainer.linux{background: url('images/choice_usedomain_big_linux_bg_blue.png') no-repeat center -80px / 120%; }
.btnChoiceHostingContainer.windows{background: url('images/choice_usedomain_big_windows_bg_blue.png') no-repeat center -80px / 120%; }*/
.btnChoiceHostingContainer.first{margin-left: 110px;}
.btnChoiceHostingContainer .info{display: block; font-size: 7pt; font-weight: normal; margin: 1px 0 0 0;}
.btnChoiceHostingContainer .info.first{margin: 5px 0 0 0;}
#wizard .btnChoiceContainer p,#wizard .btnChoiceHostingContainer p{text-align: center; margin: 7px 0 0 0; padding: 0 8px 0 8px;}
#wizard form #lblDomainChooseType{float: left; font-weight: bold; width: 180px;}
#wizard .btnChoiceContainer .btnChoice, .btnChoiceHosting, .btnChoiceLinuxHosting, .btnChoiceWindowsHosting{margin-top: 10px;}

#lstOrder{width: 100%; margin-right: 40px;}
#lstOrder .fldPrice, .fldPromotion{float: right; display: inline-block; text-align: right;}

.useDomain{display: none;}
.useDomainSub{display: none;}
#wizard form ul li.text{margin-bottom: 10px;}

.promotion{color: red;}


.table th{background: #fff; font-weight: normal; color: #c57909; text-align: left; padding-bottom: 4px;}
.table td{background: #fff; color: #023e73;}
.table td a{color: #023e73; text-decoration: underline;}

/*domein*/
a{text-decoration: none;}
a:hover{text-decoration: underline;}

.clear{clear: both; overflow: none;}
.icon { height:20px; width:20px; cursor:pointer; position:relative; top:5px;}
.infotext{ display:none;}
