@charset "utf-8";
	
body, html {width:100%; height:100%; font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:100%; line-height:130%; background-color:rgba(241,248,233,1.00);}

a {color: rgba(0, 155, 119, 1.00); font-weight:700; text-decoration:none; transition: all .50s ease;}
a:hover {color:rgba(99,99,99,1.00);}
	
h1 {color: rgba(0, 155, 119, 1.00); padding:0 0 10px 0; margin:0; font-size:1rem; font-size:16px; font-weight:700;}
h2 {color:rgba(99,99,99,1.00); padding:0 0 15px 0; margin:0; font-size:1rem; font-size:16px; font-weight:700;}
h3 {color:rgba(100,179,44,1.00); padding:0 0 10px 0; margin:0; font-size:0.875rem; font-size:14px; font-weight:700;}
h4 {color:rgba(99,99,99,1.00); padding:0 0 15px 0; margin:0; font-size:0.875rem; font-size:14px; font-weight:700;}
h5 {color:rgba(100,179,44,1.00); padding:0 0 10px 0; margin:0; font-size:0.75rem; font-size:12px; font-weight:700;}
h6 {color:rgba(99,99,99,1.00); padding:0 0 15px 0; margin:0; font-size:0.75rem; font-size:12px; font-weight:700;}

hr {width:100% !important; max-width:100%; min-height:8px; border-top:2px solid rgba(99,99,99,1.00); border-bottom:0; border-left:0; border-right:0; padding:5px 0 5px 0; margin:10px 0 25px 0; float:left;}

/* ---------- Grid Definitionen ---------- */
	
* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
 
.row {width:100% !important; max-width:100% !important; padding:0 auto;}
.row .row {width:auto; max-width:none; min-width:0; padding:0 -15px;}
	 
.column, .columns {float:left; min-height:1px; padding:0 10px; position:relative;}
	
.clear_padding {padding:0;}

.clear_top {padding-top:0;}
.clear_right {padding-right:0;}
.clear_bottom {padding-bottom:0;}
.clear_left {padding-left:0;}
	
[class*="columns"] + [class*="column"]:last {float:right;}
[class*="columns"] + [class*="column"].end {float:left;}
	 
.row .one {width:8.33%}
.row .two {width:16.66%}
.row .three {width:25%}
.row .four {width:33.33%}
.row .five {width:41.66%}
.row .six {width:50%}
.row .seven {width:58.33%}
.row .eight {width:66.66%}
.row .nine {width:75%}
.row .ten {width:83.33%}
.row .eleven {width:91.66%}
.row .twelve {width:100%}
	 
.row:before, .row:after, .clearfix:before, .clearfix:after {content:""; display:table; }
.row:after, .clearfix:after {clear:both;}
.row, .clearfix {zoom: 1;}

/* ---------- Hautlayer ---------- */

.corpus {width:100%; max-width:768px; margin:0px auto;}
.wrapper {width:100%; min-height:20px; height:auto !important; height:20px; float:left;}

/* ---------- Head Bereichslayer ---------- */

.rahmen_head {width:100%; overflow:hidden; min-height:20px !important; border-bottom:3px solid rgba(99,99,99,1.00); background-image:url(../bilder/head_bg.jpg); background-size:cover; background-repeat:no-repeat; float:left;}

.rahmen_navi {width:300px; height:auto; margin:0px auto;}

.rahmen_head .logo {width:100%; height:auto; border-bottom:5px solid rgba(0, 155, 119, 0.50); background-color:rgba(255,255,255,0.85); float:left;}
.rahmen_head .logo img {width:240px; height:auto; margin:20px 0 20px 30px; float:left;}

.rahmen_head .hauptnavi {width:100%; height:auto; overflow:hidden; margin:20px 0 20px 55px; float:left;}


/* ---------- Content Bereichslayer ---------- */

.rahmen_content {width:100%; min-height:100px; height:auto !important; height:100px; font-size:12px; font-size:0.75rem; line-height:20px; line-height:1.25rem; color:rgba(99,99,99,1.00); margin:45px 0 45px 0; float:left;}

.textalign_left {text-align:left;}
.textalign_center {text-align:center;}
.textalign_right {text-align:right;}

.topicons a {float:right;}

p.pfad_grau {height:30px; color:rgba(99,99,99,1.00); font-weight:700; font-size:1rem; font-size:16px; padding:4px 0 0 0; margin:0; display:inline; float:left;}
p.pfad_grau a {color:rgba(99,99,99,1.00); text-decoration:none; font-weight:700;}
p.pfad_grau a:hover {color:rgba(100,179,44,1.00); text-decoration:none;}

p.pfad_gruen {height:30px; color:rgba(100,179,44,1.00); font-weight:700; font-size:1rem; font-size:16px; padding:4px 0 0 0; margin:0; display:inline; float:left;}
p.pfad_gruen a {color:rgba(100,179,44,1.00); text-decoration:none; font-weight:700;}
p.pfad_gruen a:hover {color:rgba(99,99,99,1.00); text-decoration:none;}

.rahmen_content a.button.grau {width:auto; height:30px; border-radius:15px; padding:5px 30px 10px 30px; border:0; font-weight:700; margin:15px 0 0 15px; background-color:rgba(100,179,44,1.00); color:rgba(255,255,255,1.00); cursor: pointer; float:left;  transition: all .50s ease;}
.rahmen_content a.button.grau:hover {background-color:rgba(99,99,99,1.00); border:0px; color:rgba(255,255,255,1.00);}

.rahmen_content a.button.gruen {width:auto; height:30px; border-radius:15px; padding:5px 30px 10px 30px; border:0; font-weight:700; margin:15px 0 0 15px; background-color:rgba(99,99,99,1.00); color:rgba(255,255,255,1.00); cursor: pointer; float:left;  transition: all .50s ease;}
.rahmen_content a.button.gruen:hover {background-color:rgba(100,179,44,1.00); border:0px; color:rgba(255,255,255,1.00);}

.rahmen_content a.button.first {margin:15px 0 0 0;}

/* ---------- Icon Bereichslayer ---------- */

.icon_add {background-image:url(../bilder/icons/icon_add.svg);}
.icon_arrow_down {background-image:url(design/bilder/icons/icon_arrow_down.svg);}
.icon_arrow_left {background-image:url(../bilder/icons/icon_arrow_left.svg);}
.icon_arrow_right {background-image:url(../bilder/icons/icon_arrow_right.svg);}
.icon_arrow_up {background-image:url(../bilder/icons/icon_arrow_up.svg);}
.icon_clear {background-image:url(../bilder/icons/icon_clear.svg);}
.icon_contact {background-image:url(../bilder/icons/icon_contact.svg);}
.icon_create {background-image:url(../bilder/icons/icon_create.svg);}
.icon_delete {background-image:url(../bilder/icons/icon_delete.svg);}
.icon_help {background-image:url(../bilder/icons/icon_help.svg);}
.icon_home {background-image:url(../bilder/icons/icon_home.svg);}
.icon_locked {background-image:url(../bilder/icons/icon_locked.svg);}
.icon_menu {background-image:url(../bilder/icons/icon_menu.svg);}
.icon_print {background-image:url(../bilder/icons/icon_print.svg);}
.icon_search {background-image:url(../bilder/icons/icon_search.svg);}
.icon_settings {background-image:url(../bilder/icons/icon_settings.svg);}
.icon_sort {background-image:url(../bilder/icons/icon_sort.svg);}
.icon_star {background-image:url(../bilder/icons/icon_star.svg);}
.icon_unlocked {background-image:url(../bilder/icons/icon_unlocked.svg);}
.icon_visibility_off {background-image:url(../bilder/icons/icon_visibility_off.svg);}
.icon_visibility_on {background-image:url(../bilder/icons/icon_visibility_on.svg);}


.icon_40 {width:40px; height:40px; background-size:80px 40px; background-position:0px 0px; background-repeat:no-repeat; transition: all .05s ease-in-out; color:rgba(0,0,0,0.00); margin:0 0 0 15px; float:left;}
.icon_40:hover {background-position:-40px 0px; color:rgba(0,0,0,0.00);}

.icon_30 {width:30px; height:30px; background-size:60px 30px; background-position:0px 0px; background-repeat:no-repeat; transition: all .05s ease-in-out; color:rgba(0,0,0,0.00); margin:0 0 0 10px; float:left;}
.icon_30:hover {background-position:-30px 0px; color:rgba(0,0,0,0.00);}

.icon_20 {width:20px; height:20px; background-size:40px 20px; background-position:0px 0px; background-repeat:no-repeat; transition: all .05s ease-in-out; color:rgba(0,0,0,0.00); margin:0 0 0 5px; float:left;}
.icon_20:hover {background-position:-20px 0px; color:rgba(0,0,0,0.00);}


/* ---------- Tabellen Definitionen ---------- */

/* table {width:100%; max-width:100%; margin:0 0 30px 0; float:left;} */
table {width:100%; max-width:100%; margin:0;}
table thead tr {background-color:rgba(99,99,99,1.00); color:rgba(255,255,255,1.00); width:100%; margin:0; padding:0;}
table thead th {margin:0; border:1px solid rgba(241,248,233,1.00); padding:7px 15px 7px 15px; text-align:left; vertical-align:top;}

table tbody tr {margin:0; padding:0;}
table tbody tr.hell {background-color:rgba(99,99,99,0.10);}
table tbody tr.dunkel {background-color:rgba(99,99,99,0.30);}
table tbody tr.thead {background-color:rgba(99,99,99,1.00); color:rgba(255,255,255,1.00);}

table tbody td.hell {background-color:rgba(99,99,99,0.10);}
table tbody td.dunkel {background-color:rgba(99,99,99,0.30);}
table tbody td.thead {background-color:rgba(99,99,99,1.00); color:rgba(255,255,255,1.00);}

table tbody tr.gruen {color:rgba(255,255,255,1.00); background-color:rgba(0, 155, 119, 0.50);}
table tbody tr.gelb {background-color:rgba(242,229,0,0.75);}
table tbody tr.rot {background-color:rgba(237,105,74,0.75);}

table tbody td.gruen {color:rgba(255,255,255,1.00); background-color:rgba(0, 155, 119, 0.50);}
table tbody td.gruen a{color:rgba(99,99,99,1.00);}
table tbody td.gruen a:hover{color:rgba(99,99,99,0.30);cursor: pointer;}
table tbody td.gelb {background-color:rgba(242,229,0,0.75);}
table tbody td.rot {background-color:rgba(237,105,74,0.75);}

table tbody td {min-width:15px !important; margin:0; padding:7px 15px 7px 15px; border:1px solid rgba(241,248,233,1.00); vertical-align:top; text-align:left;}


/* - Content -> Formular /// responsive mehrspaltig - */

.content_formular .columns {margin-bottom:10px;}

.content_formular table {width:100%;}
.content_formular tr {width:100%;}
.content_formular td.col_0 {width:25%; color:rgba(99,99,99,1.00); text-align:left;}
.content_formular td.col_1 {width:75%;}
.content_formular td.col_1 select {height:25px; width:100%; margin-bottom:10px; border:1px solid rgba(100,179,44,1.00); background-color:rgba(99,99,99,0.10); color:rgba(99,99,99,0.85);}
.content_formular td.col_1 input {height:25px; width:100%; margin-bottom:10px; border:1px solid rgba(100,179,44,1.00); background-color:rgba(99,99,99,0.10); color:rgba(99,99,99,0.85);}
.content_formular td.col_1 textarea {width:100%; margin-bottom:5px; border:1px solid rgba(100,179,44,1.00); background-color:rgba(99,99,99,0.10); color:rgba(99,99,99,0.85);}
.content_formular td.col_1 span {width:100%; margin-bottom:5px;}
.content_formular td.col_1 input.checkbox {width:30px; margin-top:5px;}
.content_formular td.col_1 span.captcha_text {width:100%; float:left;}
.content_formular td.col_1 .submit_container input {width:auto; height:30px; border-radius:15px; padding:8px 30px 10px 30px; border:0; font-weight:700; margin:15px 0 0 0; background-color:rgba(100,179,44,1.00); color:rgba(255,255,255,1.00); cursor: pointer; float:left;  transition: all .50s ease;}
.content_formular td.col_1 .submit_container input:hover {background-color:rgba(99,99,99,1.00); border:0px; color:rgba(255,255,255,1.00);}

/* label { width: 100%; display: block; } */
input[type="text"] {width:160px;}
input[type="password"] {width:160px;}
input[type="text"].short {width:80px;}
option.hell {background:rgba(99,99,99,0.10);}
option.dunkel {background:rgba(99,99,99,0.30);}
/*
@media only screen and (max-width: 960px) {
	
	.corpus {width:95%; margin:0px auto;}
	.wrapper {width:100%; float:left;}
	
}

@media only screen and (max-width: 480px) {
	
	table, thead, tbody, th, td, tr {display:block; width:100%;}
	
}
*/