@charset "utf-8";

/* Default stylesheet for "Cynapsis Beratungs-Site" */

/*****************************
File: style.css
*****************************
firstVersion: 01.08.2018
lastVersion: 07.08.2018
****************************/

* {margin:0px; padding:0px;}
body {
    color:#333;
    font-family: Arial, Helvetica;
    font-size:16px;
    font-weight:300;
    line-height:1.5;
}
html {
    overflow:-moz-scrollbars-vertical;
}
img {border:none;}
p {margin-bottom: 25px;}
h1 {font-size: 32px;padding-bottom:20px;}
h2 {padding: 2px 0;}
button, .button:link, .button:visited {
    background: none;
    border: 1px solid #eb6909;
    color: #eb6909;
    padding: 7px 10px;
    cursor: pointer;
    text-decoration: none;
}
button.filled, button:hover, .button:active, .button:hover {
    background: #eb6909;
    color: #fff;
    text-decoration: none;
}
button.filled:hover {
    background:#fff;
    color: #eb6909;
}

input[type=password] {
    padding: 7px 5px;
    border: 1px solid #eb6909;
}

label {
    margin-right: 15px;
}

select {
    padding: 6px 5px;
}

hr {
    margin: 2px 0 6px;
}

table {
    width:100%;
    border-top: 1px solid #333;
}
table th, table td {
    padding: 2px 3px;
    width: 15%;
}
table thead tr th {
    padding-top: 15px;
    text-align: left;
}
table tbody tr:first-child {
    background: #ddd;
}

table tfoot {
    color: #eb6909;
}

table tfoot tr:first-child td {
    border-top: 2px solid #eb6909;
}

table td .button {
    margin-left: 10px;
}

table .buttonrow td {
    padding: 10px 0 20px;
}

table tr.even {
    background: #f2f2f2;
}

.orange {
    color: #eb6909;
}

.nodisplay {
    display: none;
}

.hidden {
    visibility: hidden;
}

.strong {
    font-weight: 700;
}

.right {
    text-align: right;
}

#wrapper_main {
    width: 95%;
    margin:30px auto 5px;
    box-sizing: border-box;
}

#wrapper_main.admin {
    padding-left: 190px;
}

#logo {
    width: 200px;
    position: absolute;
    top: 10px;
    right: 10px;
}

#sumtable {
    border-top: 3px solid #eb6909;
    color: #eb6909;
    font-size: 20px;
}

.message {
    padding: 5px 2px;
    background: #f2f2f2;
    font-weight:700;
    text-align: center;
    margin-bottom:15px;
    color:#eb6909;
}
.message.error {
    background: rgba(255,0,0,0.5);
    border:1px solid #f00;
}

.inline {
    display: inline-block;
}

.inline div {
    float: left;
    margin-right: 15px;
}
.inline:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.tablebox {
    padding-bottom: 40px;
}

.smalllabel {
    font-size: 12px;
}

.nomargin {
    margin-bottom: 3px !important;
}

#loginform {
    margin-bottom: 40px;
}

#admintoggle {
    background: #ddd;
    width: 10px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #aaa;
}

#admintoggle div {
    position: absolute;
    width: 10px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#admintoggle, #admintoggle * {
    cursor: pointer;
}

#adminpanel {
    background: #fff;
    width: 150px;
    height: 100%;
    position: fixed;
    left: 11px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #aaa;
    padding: 38px 20px;
}

#adminpanel * {
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

#adminpanel input {
    margin-bottom: 15px;
}

#adminpanel i {
    display: inline;
}

#adminpanel h2 {
    font-size: 18px;
}

footer {
    font-size: 12px;
}

a:link, a:visited {color:#eb6909;text-decoration:none;}
a:hover, a:active {color:#444;text-decoration:none;}
