ul.cmsform {
    list-style:none;
	min-width:50%;
	max-width:800px;
}

ul.cmsform {
    border: none;
    color: #666;
    padding: 22px;
    background: #EAEAEA;
}

ul.cmsform li {
	padding:5px 2%;
    clear:both;
    overflow:hidden;
    position:relative;
}

ul.cmsform li strong {
    background: #B03128;
    color: white;
    display: block;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    text-align: center;
}



ul.cmsform li span.required {
    color: #cf0404;
    font-size:x-small; 
    vertical-align:top;
}

ul.cmsform li input[type="text"] {
    background: none repeat scroll 0 0 #b03128;
    border: medium none;
    color: #fff;
    height: 12px;
    line-height: 12px;
    margin-top: 4px;
    padding: 2%;
    width: 96%;
}

ul.cmsform li textarea {
    background: none repeat scroll 0 0 #b03128;
    border: medium none;
    color: #fff;
    line-height: 18px;
    margin-top: 4px;
    padding: 2%;
}

ul.cmsform li input[type="submit"] {
    background: none repeat scroll 0 0 #b03128;
    border: medium none;
    color: #fff;
    font-weight: normal;
    line-height: 14px;
    padding: 2%;
    text-shadow: none;
}

ul.cmsform li input[type=submit]:hover {
	background:#888;
}





div.info, div.success, div.warning, div.error, div.validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
div.info {
color: #00529B;
background-color: #BDE5F8;
}
div.success {
color: #4F8A10;
background-color: #DFF2BF;
}
div.warning {
color: #9F6000;
background-color: #FEEFB3;
}
div.error {
color: #D8000C;
background-color: #FFBABA;
}


label.error {
    display:block;
    clear:both;
    color: #D8000C;
    font-style:italic; 
    font-size:11px;   
}
input.error {    
    border: dotted 1px #D8000C;
    padding: 2px;
    font-style:italic;    
}


/*
 *  Specifiek voor opmaak type1
 */
ul.cmsform.type1 input[type=text] {
    width:40%;
    float:left;
}
ul.cmsform.type1 textarea {
    width:40%;
    height:98px;
    float:left;
}
ul.cmsform.type1 label, ul.cmsform.type1 span.label {
    display: inline-block;
    float: left;
    line-height: 17px;
    min-width: 150px;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    width: 25%;
}
ul.cmsform.type1 .checkbox_wrapper {
    width: 60%;
    float: left;
    display: inline-block;
    margin-bottom: 25px;
}

ul.cmsform.type1 .checkbox_wrapper .option_wrapper {
    clear:both;

    vertical-align:middle;
}

ul.cmsform.type1 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding: 5px 0 5px 5px;
    display:inline-block;
    float:none;
    vertical-align:middle;

}
ul.cmsform.type1 .checkbox_wrapper .option_wrapper input {
    float:none;
    vertical-align:middle;
    display:inline-block;

    margin:0;
}

ul.cmsform.type1 label.error {
    display:block;
    clear:both;
    text-align:left; 
    margin-left:25%;
    padding-left:3%;
}

/*
 *  Specifiek voor opmaak type2
 */
ul.cmsform.type2 input[type=text] {
    width:60%;
    
}
ul.cmsform.type2 textarea {
    width:60%;
    height:128px;
}
ul.cmsform.type2 label, ul.cmsform.type2 span.label {
    display:block;
    width:100%;
}
ul.cmsform.type2 .checkbox_wrapper {
    width:60%;
    padding: 0 0 0 10px;
    display:inline-block;
}
ul.cmsform.type2 .checkbox_wrapper .option_wrapper {
    clear:both;
}

ul.cmsform.type2 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding-left:1%;
    display:inline-block;
}



/*
 *  Specifiek voor opmaak type3
 */
 
 
.notaris-groningen ul.cmsform li input[type="text"], .notaris-groningen ul.cmsform li textarea {
	 background: #b03128 !important;
}

.notaris-groningen ul.cmsform.type3 {
	max-width:450px;
}

 
 ul.cmsform.type3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    padding: 0;
    width: 100%;
}

ul.cmsform.type3 input[type=text] {
    width:60%;
    
}

ul.cmsform.type3 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    overflow: hidden;
    padding: 1px 2%;
    position: relative;
	border-radius:0px;
}

ul.cmsform.type3 li input[type="text"] {
    background: none repeat scroll 0 0 #f99100;
    border: medium none;
    color: #fff;
    height: 18px;
    line-height: 18px;
    margin-top: 4px;
    padding: 2%;
    width: 96%;
	border-radius:0px;
}

ul.cmsform.type3 li span.label {
	margin-top:14px;
}

.captcha {
	display:none;
}


ul.cmsform.type3 .checkbox_wrapper .option_wrapper label {
	font-size:15px;
}

ul.cmsform.type3 li input::placeholder {
	color:#fff;
}

ul.cmsform.type3 textarea::placeholder {
	color:#fff;
}

ul.cmsform.type3 li input::-ms-input-placeholder {
	color:#fff;
}

ul.cmsform.type3 textarea::-ms-input-placeholder {
	color:#fff;
}



ul.cmsform.type3 textarea {
    width:96%;
    height:79px;
}

ul.cmsform.type3 li textarea {
    background: none repeat scroll 0 0 #f99100;
    border: medium none;
    color: #fff;
    line-height: 18px;
    margin-top: 4px;
    padding: 2%;
	border-radius:0px;
}

ul.cmsform.type3 label, ul.cmsform.type3 span.label {
    width:100%;
	display:block;
}
ul.cmsform.type3 .checkbox_wrapper {
    width:100%;
    padding: 0 0 0 10px;
    display:inline-block;
}
ul.cmsform.type3 .checkbox_wrapper .option_wrapper {
    clear:both;
}

ul.cmsform.type3 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding-left:1%;
    display:inline-block;
    float:none;
    vertical-align:middle;
}
ul.cmsform.type3 .checkbox_wrapper .option_wrapper input {
    display:inline-block;
    float:none;
    vertical-align:middle;
}



#belmijform ul.cmsform {
    
    background-color: transparent;
    border: 0px solid #CCCCCC;
    padding: 10px 0 0 0px;

}

ul.cmsform.type3 li input[type="submit"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #b02e21;
    float: left;
    font-weight: bold;
    line-height: 16px;
    padding: 3% 5%;
    text-shadow: none;
	border-radius:0px;
}

ul.cmsform.type3 li input[type="submit"]:hover {
	background: none repeat scroll 0 0 #f99100;
	color: #fff;
}

#belmijform ul.cmsform label  {
    color:#eee;
}
#belmijform ul.cmsform input[type=text], #belmijform ul.cmsform textarea {
    width:85%;
}
#belmijform ul.cmsform textarea {
    height:60px;
}


/*
Buttons
*/

    .myButton, ul.cmsform input[type=submit] {
        
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
        background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
        
        background-color:#ffc477;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        
        border:1px solid #eeb44f;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #cc9f52;
        
    }
    .myButton:hover, ul.cmsform input[type=submit]:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
        background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
        
        background-color:#fb9e25;
    }
    .myButton:active, ul.cmsform input[type=submit]:active {
        position:relative;
        top:1px;
    }

label.error, #belmijform ul.cmsform label.error {
    font-size:10px;
    color: #D8000C;
}




/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Regular screens */
@media only screen and (min-width: 996px) and (max-width: 1223px) {


}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {

}



/* All Mobile Sizes */
@media only screen and (max-width: 767px) {


}



/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

ul.cmsform.type1 input[type="text"] {
    float: left;
    height: 23px;
    width: 75%;
}    

ul.cmsform.type1 .checkbox_wrapper {
    width:100%;
}
ul.cmsform.type1 .checkbox_wrapper .option_wrapper label {
    padding: 5px 0;
    vertical-align: top;
}
}




/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/