/* CSS Document */
/*

color

#7689BC
#454851

#CFCFCF

#A4BCD1
#92AEC7

#fa8800

*/

@font-face
{
    font-family: 'Lato';
    src: url('script/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body
{
    margin:0px;
    padding:0px;
    border-top:20px solid #2EA536;
    font-family:'Lato', sans-serif;
    color:#454851;
    font-size:14px;
}

h1, h2, ul, li
{
    margin:0px;
    padding:0px;
    font-size: 18px;
}

h1 { margin-bottom:20px; font-size:24px; line-height:24px; color:#097F35 }
h2 { margin-bottom:10px; font-size:16px; }
h3 { font-size:14px; }
a { color:#097F35; text-decoration:none; font-weight:bold}
h1 a { color: #097F35 }
h1 a:hover { color: #2EA536 }
p { line-height:1.5em; }
hr { height:1px; background-color:#CFCFCF; border:none; margin-bottom:10px;}
ul { margin-left:15px; }
.questionmark { width:18px; background-color:#097F35; vertical-align: middle; margin-left:5px;}
.questionmark:hover { background-color:#2EA536; }


input { margin-bottom:5px }
/*input[type=text] { max-width:235px; margin-bottom:5px }
input[type=text].small, select.small { width:155px; }
input[type=text].smaller { width:70px; margin-right:5px; }
input[type=password] { max-width:235px; margin-bottom:5px; }
*/
input[type=submit], .inputfile + label, .link
{
    width:116px;
    padding:10px 8px;
    background-color:#2EA536;
    border:1px solid #097F35;
    display:inline-block;
    text-align:center;
    margin-bottom:10px;
    color: #ffffff;
}

input[type=submit]:hover, .inputfile + label:hover
{
    background-color:#097F35;
}

.inputfile
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label
{
    width:99px;
    font-size:11px;
}

select
{
    width:238px;
    margin-left:-4px;
}

/******************************************** header ********************************************/

#header
{
    height:80px;
    padding:10px 40px;
    border-bottom:1px solid #2EA536;
    margin-bottom:20px;
}

#container
{
    width:1400px;
    padding:0px 40px;
    min-height:200px;
}

/******************************************** menu ********************************************/

#menu_container
{
    width:250px;
    float:left;
    margin-right:80px;
}

#menu
{
    width:250px;
    padding:10px 20px;
    background-color:#E8E8E8;
    margin-bottom:40px;
}

#menu ul li
{
    list-style-type:none;
    margin-left:-15px;
}

#menu ul li a
{
    display:block;
    color:#454851;
    margin-left:-20px;
    margin-right:-20px;
    padding:4px 10px;
    padding-left:20px;
    font-size:13px;
}

#menu ul li a:hover, #menu ul li a.active
{
    background-color:#2EA536;
    color:#ffffff;
}

#register
{
    display:block;
    /*display:none;*/
    font-size:10px;
}

/******************************************** submenu ********************************************/

#submenu ul li a { font-size:12px; }
#submenu ul li a:hover, #submenu ul li a.active { background-color:inherit; color:#2EA536; }
#submenu2 ul li a { font-size:10px; }

/******************************************** content ********************************************/

#content
{
    float:left;
    width:1030px;
    padding:10px 20px;
}

label
{
    display:inline-block;
    width:205px;
    margin-right:20px;
    margin-bottom:8px;
}

.link
{
    padding:11px 8px 12px 8px;
}

.link:hover { background-color:#097F35; }
.link img {	vertical-align:top }

.area
{
    float:left;
    margin-right:80px;
    max-width:510px;
}

.quest
{
    width:120px;
    display:inline-block;
}

.icon
{
    padding:3px;
    border-radius:8px;
    display:inline-block;
    margin-right:10px;
}

.icon span
{
    display:block;
    text-align:center;
    font-weight:bold
}

.icon:hover
{
    background-color:#E8E8E8;
}

#text
{
    width:750px;
    text-align:justify;
}

#billing_address
{
    display:none;
}

/******************************************** TABELLE ********************************************/

table { border-collapse:collapse; }
table { font-size:13px; margin-bottom:10px;}
table thead tr td { font-weight:bold; border-bottom:1px solid #E8E8E8; }
table tr td, table tbody tr td { padding: 3px 0; padding-right:20px; vertical-align:top; line-height:20px;}


/******************************************** FORMULAR */

#formular tr td { text-align:center }

/******************************************** CALCULATE */

#calculate tr td:first-child { padding-right:80px; }
#calculate tr td:nth-child(2) {	text-align:right; }

#s_last td { border-bottom:1px solid #868686; }
#last td { border-bottom:3px double #868686; }

/******************************************** LISTE */

#liste tr td { padding:3px 3px; padding-right:20px; }
#liste thead tr td { background-color:#D5D4D4; border-bottom:1px solid #868686; }
#liste tr:nth-child(2n+0) td { background-color:#E8E8E8; }

.q_list
{
    text-align:center;
}

.q_list tr:hover td, #liste.q_list tr:nth-child(2n+0):hover td
{
    background-color:#2EA536;
}

/******************************************** COSTS */

.costs thead tr td
{
    font-weight:bold;
}

.costs tr td
{
    padding:3px 5px;
    padding-right: 40px;
    border:1px solid #A3A3A3;
    border-collapse:collapse;
}

/******************************************** LOGIN */

#login tr td
{
    padding-right:0px;
    line-height:12px;
}

#login tr td a, #login tr td input[type=submit]
{
    margin-bottom:0px;
}

/******************************************** class ********************************************/

.edit
{
    display:block;
    background-image:url(img/edit.png);
    width:20px;
    height:20px;
    background-size:20px;
}

.edit:hover { background-position:bottom; }
.err { background-color:#E1ADAE; }
.err_text { color:#E1ADAE; }
.clear { clear:both; }
.fl_r { float:right; }
.m_r { margin-right:5px; }
.no_margin { margin-right:0px; }