/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.02.2017, 21:39:24
    Author     : thb
*/

/*
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 20px 15%;
}

*/
.stdform header {
    margin: 0 0 20px 0;
}

.stdform header div {
    font-size: 90%;
    color: #999;
}

.stdform header h2 {
    margin: 0 0 5px 0;
}

.stdform>div {
    /*  clear: both;*/
    overflow: hidden;
    padding: 1px;
    margin: 0 0 10px 0;
}

.formfield {
    margin-bottom: 2px;
}

.stdform>div>fieldset>div>div {
    margin: 0 0 5px 0;
}

.stdform>div>.formfield>label, .stdform>div>label, .stdform legend {
    display:inline-block;
    width: 20%;
    /*float: left;*/
    padding-right: 10px;
    text-align: right;
    vertical-align:middle;
}
/*.stdform > div > div,*/
.stdform>div>fieldset>div {
    width: 75%;
    float: right;
}

.stdform>div>fieldset label {
    font-size: 90%;
}

fieldset {
    border: 0;
    padding: 0;
}

.stdform  input[type=text], .stdform  input[type=email], .stdform  input[type=url],
.stdform  input[type=password], .stdform  textarea {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 120%;
}

.stdform select {
    background-color: white;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*	font-size: 120%;
            width: 100%;*/
}

.stdform  input[type=text], .stdform  input[type=email], .stdform  input[type=url],
.stdform  input[type=password] {
    width: 50%;
}

.stdform  input[type=text]:focus, .stdform  input[type=email]:focus,
.stdform  input[type=url]:focus, .stdform  input[type=password]:focus,
.stdform  textarea:focus {
    outline: 0;
    border-color: #4697e4;
}

@media ( max-width : 600px) {
    .stdform>div {
        margin: 0 0 15px 0;
    }
    .stdform>div>label, .stdform legend {
        width: 100%;
        float: none;
        margin: 0 0 5px 0;
        /*    text-align: right;*/
    }
    .stdform>div>div, .stdform>div>fieldset>div {
        width: 100%;
        float: none;
    }
    .stdform input[type=text], .stdform input[type=email], .stdform input[type=url],
    .stdform input[type=password], .stdform textarea, .stdform select {
        width: 100%;
    }
}

@media ( min-width : 1200px) {
    .stdform>div>label, .stdform legend {
        /*text-align: right;*/

    }
}