body {
  background: #fff;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
  font-weight: 300;
}
a {
  color: #000000;
  font-weight: bold;
	text-decoration: none;
	text-decoration: underline;
}
a:hover{
  color: #000000;
/*	text-decoration: underline; */
}

.row {
}
.balkenoben {
  background-color: black;
  height: 43px;
  width: 100%;
}
#balkentext {
  width: 600px;
  float: left;
  margin: 13px 0 0 77px;
	font-size: 16px;
	color: #b4b4b4;
}

.schatten {
  box-shadow: 10px 10px 15px silver;
}


#footer {
	background-color: black;
	height:104px;
	width: 100%;
	min-width:1140px;
	color: #b4b4b4;
	margin-top: 20px;
}
#footer_copy {
  width: 600px;
  float: left;
  margin: 44px 0 0 77px;
	font-size: 16px;
	color: #b4b4b4;
}
#footer_copy a {
	color: #b4b4b4;
	text-decoration: underline;
  font-weight: 500;
}
#footer_copy a:hover {
	color: #b4b4b4;
	text-decoration: none;
}
#footer_impressum {
	font-family: Lato, Arial, Helvetica, Sans Serif;
  width: 350px;
  float: right;
  margin: 46px 34px 0 0;
	font-size: 16px;
	font-weight: 900;
	color: #b4b4b4;
}
#footer_impressum a {
	color: #b4b4b4;
	text-decoration: none;
}
#footer_impressum a:hover {
	color: #b4b4b4;
	text-decoration: underline;
}

.head1 {
  height: 120px;
  width: 1px;
  float: left;
}
.headkdfilesharing {
  display: table-cell;
  height: 120px;
  width: 330px;
  float: left;
}
.headkdfilesharingimg img {
  margin-left:65px;
	margin-top:25px;
	width: 220px;
}
/*
.headkdfilesharingtext {
  margin-left:65px;
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
  font-weight: light;
	font-size: 15px;
}
*/
.headnavicontainer {
  height: 120px;
  width: 700px;
  float: left;
  text-align: center;
}
.headkoopmannlogo {
  height: 190px;
  width: 335px;
  float: left;
  text-align: right;
}
.vcenter {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
/*
.kdfilesharing {
  margin-left: 83px;
  font-size: 20px;
  font-weight: 900;
}
.kdfilesharingorange {
  color: #f3cf09;
}*/
.navicontainer {
}
.koopmannlogo {
  margin-right: 49px;
}

/* Navigation. Ist aus KD-Easy entnommen. Wenn Unternavi reinsollen, dort mal nachschauen */
#mainnavigation{
  position: relative;
  margin-left: -70px;
}

#mainnavigation ul {
	font-size: 13px;
  list-style-type: none;
}

#mainnavigation ul li{
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
  font-weight: light;
	font-size: 13px;
  text-transform: uppercase;
/*  color: #939393; */
  color: #000000;
	margin: 0 22px 0 0px;
	display: inline;
}

#mainnavigation ul li a {
/*  color: #939393; */
  color: #b7b7b7;
	text-decoration: none;
}

#mainnavigation ul li a:hover{
  color: #000000;
/*	text-decoration: underline; */
}

#mainnavigation ul li a.hit{
	color: #2e2e2e;
}
#mainnavigation ul li a.gelberbutton, .gelberbutton, .roterbutton, .gelberbutton_dis {
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
	border-radius:14px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:5px 34px;
	text-decoration:none;
  text-transform: uppercase;
}

#mainnavigation ul li a.gelberbutton, .gelberbutton {
	background:linear-gradient(to bottom, #f3d009 5%, #f3d009 100%);
	background-color:#f3d009;
	border:1px solid #f3d009;
}
#mainnavigation ul li a.gelberbutton_dis, .gelberbutton_dis {
	background:linear-gradient(to bottom, #cccccc 5%, #cccccc 100%);
	background-color:#cccccc;
	border:1px solid #cccccc;
}
.roterbutton {
	background:linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
	background-color:#ff0000;
	border:1px solid #ff0000;
}
/* Navigation ende */

.contentbereich {
  margin: 20px -15px 20px -15px;
  padding: 80px 0 20px 0;
}
.content {
  margin-left: 85px;
}
.linkecontentspalte {
  float: left;
  width: 425px;
  margin-right: 38px;
}
.linkezweidrittelspalte {
  float: left;
  width: 567px;
  margin-right: 38px;
}
.rechtecontentspalte {
  float: left;
  width: 425px;
}
.rechteeindrittelspalte {
  float: left;
  width: 283px;
  margin-right: 38px;
}
.doppeltcontentspalte {
  width: 888px;
}
h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
}
/*
.labelschriftklein {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
}
*/
.linkecontentspalte p, .rechtecontentspalte p, .linkezweidrittelspalte p, .doppeltcontentspalte p {
  font-size: 12px;
  text-align: justify;
}

label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  display: block;
  padding-bottom: 7px;
  padding-top: 7px;
}
.linksbuendig {
  float: left;
}
.rechtsbuendig {
  float: right;
/*  background-color:#00ff00;   */
}

.einfaches_clear {
  clear: both;
}
.abstand20 {
  margin-bottom: 20px;
}
.links {
	text-align:left;
}
.rechts {
	text-align:right;
}
.zentriert {
	text-align:center;
}
.tabellegelb {
	width: 576px;
	padding: 3px;
	border-spacing: 0px;
	border: 0px;
	font-size: 10px;
}
.gelbespalte {
	background-color: #fef5cc;
	vertical-align: top;
	padding: 3px;
}
.gruenespalte {
	background-color: #e4f4d9;
	vertical-align: top;
	padding: 3px;
}
.gelberhead {
	background-color: #dcd3aa;
	vertical-align: top;
	padding: 3px;
	font-weight: bold;
  text-transform: uppercase;
}
.gruenerhead {
	background-color: #c2d2b7;
	vertical-align: top;
	padding: 3px;
	font-weight: bold;
  text-transform: uppercase;
}
.gelberhead a, .gruenerhead a{
	color: #000;
}

.log_absatz {
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
	font-size: 14px;
  line-height: 20px;
}	
.log_input {
	width: 250px;
}
.log_input, .log_select, .log_date {
	font-family: Ubuntu, Arial, Helvetica, Sans Serif;
	font-size: 14px;
}
.logtabelle {
	border-spacing: 0px;
	border: 0px;
	font-size: 10px;
	max-width: 1040px;
}

.logtabelle th {
  background-color: #ffe37f;
	font-weight: bold;
  text-transform: uppercase;
	vertical-align: top;
	padding: 3px;
}
.logtabelle tr:nth-child(even) {
  background-color: #fef5cc;
}
.logtabelle tr:nth-child(odd) {
  background-color: #ffffff;
}
.logtabelle td {
	padding: 3px;
}

.nutzertabelle {
	padding: 3px;
	border-spacing: 0px;
	border: 0px;
	font-size: 11px;
}
.nutzertabelle td {
	padding: 3px;
}
.hinweis {
  font-size: 12px;
}
.redNote, #formFehler li, #formFehler a {
  color: #af1044;
  font-size: 12px;
}  

fieldset {
  border: 0 none;
  margin-left: 0px;
  padding-left: 0px;
}
.input1, .input1, .select1 { 
  width: 425px;
  height: 45px;
  background-color:#d2d2d2;
}
.input2 { 
  width: 425px;
  margin-right:5px;
}  
.input3 { 
  width: 200px;
}  
.labelrow {
  margin-bottom: 11px;
}
.textarea1 { 
  width: 425px;
  height: 150px;
  background-color:#d2d2d2;
}
.textarea2 { 
  width: 460px;
  height: 150px;
  background-color:#d2d2d2;
}
.radio1 {
  height: 45px;
  background-color:#d2d2d2;
}
/* Für Registrierungs-Formular: */
.datei_form { 
  padding-top:6px;
}


input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.file {
   position: relative;
   background: linear-gradient(to right, lightblue 50%, transparent 50%);
   background-size: 200% 100%;
   background-position: right bottom;
   transition:all 1s ease;
}
 .file.done {
   background: lightgreen;
}
 .file a {
   display: block;
   position: relative;
   padding: 5px;
   color: black;
}



section {
width: 45%;
margin: auto;
margin-top: 50px;
}
.ajax-file-upload {
font-family: 'Open Sans', Arial, serif;
background: #e84c3d;
box-shadow: 0 2px 0 0 #c13929;
color: #edf1f4;
}
.ajax-file-upload:hover {
background: #d24336;
box-shadow: 0 2px 0 0 #a62f23;
}
.ajax-upload-dragdrop {
margin: auto;
}
.ajax-file-upload-image img {
float: left;
margin-right: 10px;
border-radius: 3px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.ajax-file-upload-image img:hover {
box-shadow: 1px 0 5px rgba(0,0,0,0.5);
}
.ajax-file-upload-filename {
color: #edf1f4;
}
.ajax-file-upload-bar {
background-color: #8dbf4a;
}
.ajax-file-upload-progress {
border: none;
margin: 0;
margin-right: 10px;
width: 45%;
}
.ajax-file-upload-statusbar {
margin: 20px auto;
border: 1px solid rgba(255,255,255,0.5);
height: 100px;
}
.auffaellig {
	color: #f00;
	font-weight:bold;
}	
.graukursiv {
	color: #b7b7b7;
	font-style: italic;
}