div#overlayloader,
div.overlayloader {
	 position:fixed; 
	 top:0; 
	 left:0; 
	 background:rgba(0,0,0,0.3); 
	 z-index:5; 
	 width:100%; 
	 height:100%; 
}
div#overlayloader img {
	margin-left:50%;
	margin-top:20%;   
}

.DW-OL-Logo {
    width: 89%;
}

.card-body.listen_kategorien {
    padding: 0;
}

.card.settings {

    margin-top: 1%;

}
.kopfbereich{
	background: #fff;
}

span.loadaktion {

    float: left;
    margin-left: 30%;
    display: none;
    padding-top: 10px;

}
#fieldselect, label{
	float: none;
}
#fieldselect, select{
	float:right;

}
#adresse_korb_newList, #adresse_korb_exportList, #adresse_korb_ccmail, #adresse_korb_bccmail, adresse_korb_clearList {
	text-decoration: none;
	font-size: bold;
}


.fa-drivers-license-o::before, .fa-id-card-o::before  {
    content: "\f2c3";
    font-size: 1.3em;
    margin-right: 5px;
}

.fa-print::before, .ui-icon-print::before {
    content: "\f02f";
    font-size: 1.3em;
    margin-right: 5px;
}


.fa-pencil::before, .ui-icon-pencil::before {

    content: "\f040";
}


.header > a:hover {
	
	text-decoration: none;
}

#fieldselect {
    width: 80%;
    float: left;
    margin-left: 9%;
}

table.daten{
	margin-left: 31%;
}
.ui-widget {
	font-family: 'Oswald', sans-serif;
	
}

label {
	float:left;
	margin-right:10px;
}


.ui-widget-overlay {

    opacity: 0.2;
    background-color: #000;
 
} 

.ui-widget-content a {
	color:#000;
}

a {
	cursor: pointer;
}

html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable div#login-form.ui-dialog-content.ui-widget-content form fieldset {
	float:left;
}
html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable div#login-form.ui-dialog-content.ui-widget-content form fieldset label {
	display: block;
	float: left;
	width: 50%;
	margin-left: 24%;
	color: #555555; 
	font-size: 16px;
}

html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable div#login-form.ui-dialog-content.ui-widget-content {
	 overflow: hidden;
}

.button.aktiveButton {
	background-color: #AED2FF;
	background: -moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
	background: -webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
	background: linear-gradient(to bottom, #85bded 0%,#d1ebff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );
		color:#000 !important;
}


body, html {
	width: 95%;
	margin: 0 auto !important;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px; 
	background-color: #d7e6f9 !important;
	font-colo

}



div.topheader {
    height: 1.5em;
    width: 100%;
    margin-left: 0px;
    position: relative;
    text-align: center;
    background-color: #004d99;
}

#adressen, #listen, #bereiche, #system, #benutzer {
    padding-top: 4em;
    padding-right: 20px;
    padding-left: 20px;
    background-color: transparent;
    border:1px solid #b6b6b6;
}

#adressen::before {
    content: "\f2ba";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2.5em;
    position: absolute;
    top: 8px;  
    left: 33px;
}

#listen::before {
    content: "\F039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2.5em;
    position: absolute;
    top: 7px;
    left: 22px;
}

#bereiche::before {
    content: "\f1ad";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2.5em;
    position: absolute;
    top: 5px;
    left: 32px;
}

#system::before {
	content: "\F013";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2.5em;
    position: absolute;
    top: 5px;    
    left: 27px;	
}

#benutzer::before {
	content: "\F0c0";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 2.5em;
    position: absolute;
    top: 6px;    
    left: 28px;	   
    
}

#adressen:hover:before,
#listen:hover:before,
#bereiche:hover:before,
#system:hover:before,
#benutzer:hover:before {
	
	animation: jiggle ease-in-out 400ms;
}



@keyframes jiggle {
	0% {
		transform: none;
	}
	25% {
		transform: rotateZ(5deg);;
	}

	75% {
		transform: rotateZ(-5deg)
	}
	100% {
		transform: none;
	}
}




span.header {

    font-size: 2em;
    font-weight: 700;
    position: relative;
    top: 0px;

}

.nav {
    display: block;

    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#newAdressBereich_chosen, #newAdressListe_chosen {
	width: 42% !important;
	float: right;
	margin-right: 0%;
	margin-bottom: 3px;
	
}

div.content {
	display: block;

  	min-height: auto;
	background-color:#ededed;
	width:100%;
	float:left;
}

.button {
    
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 0px 0px;
    
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    /*margin: 100px 250px;*/
    margin-bottom: px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    font-family: 'Source Sans Pro', sans-serif;
    border: 1px solid #7b9abd;
}

.button:active {
background-color: #AED2FF;
background: -moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
background: -webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
background: linear-gradient(to bottom, #85bded 0%,#d1ebff 100%);
    background-color: rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );
color: #000 !important;
}

/*.button {
  /*  background-color: #8F969A;
    box-shadow: 0 2px 2px #8F969A, 0 1px 0 #8F969A, 0 2px 2px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(255, 255, 255, 0.2) inset, 0 -2px 2px rgba(0, 0, 0, 0.2) inset;
}*/
.button:hover {
     /*box-shadow: 0 0px 0px #c0c0c0, 0 2px 0 #c0c0c0, 0 4px 4px rgba(0, 0, 0, 0.5), 0 4px 0px rgba(255, 255, 255, 0.5) inset, 0 -2px 0px rgba(0, 0, 0, 0.2) inset;
     */

    background-color: #AED2FF;
	background: -moz-linear-gradient(top, #a5cdef 0%, #e1f0fc 100%);
	background: -webkit-linear-gradient(top, #a5cdef 0%,#e1f0fc 100%);
	background: linear-gradient(to bottom, #a5cdef 0%,##e1f0fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );
	color: #000 !important;
}
.button{
    border-radius: 6px 6px 6px 6px;
    margin-right: 10px;
}


.progress { 
	position:relative; 
	width:400px; 
	border: 1px solid #ddd; 
	padding: 1px; 
	border-radius: 3px;
	margin-left: 36%;
	margin-top: 3%;
	height: 2rem;
	}
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }





a.right {
	float:right;
	margin-right:20px;
}

div.Menu {
	padding-left: 20px;
	padding-top: 15px;
	background-color: #FFF;
	padding-bottom: 10px;
	min-height: 100%;
	padding-right: 10px;
	width: 550px;
}

/* div.startmenu { */
    
/*     margin-left: 27em; */
/*     margin-right: 30em; */
/*     position: absolute; */
/*     float: left; */
/*     display: block; */
/*     padding: 2em; */
/*     margin-top: 7em; */
/*     padding: 4em; */
/*     box-shadow: 0px 0px 16px -6px #232323; */
/*     border-radius: 22px; */
/*     height: 30em; */
    
/*     background: #FFF; */
/* 	background: -moz-linear-gradient(top, #fff 0%, #aed0ea 100%); */
/* 	background: -webkit-linear-gradient(top, #fff 0%,#aed0ea 100%); */
/* 	background: linear-gradient(to bottom, #fff 0%,#aed0ea 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#aed0ea',GradientType=0 ); */
/* } */


div.startmenu {

    box-shadow: 0px 0px 16px -6px #232323;
    background: #FFF;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    background-image: url("/images/44642.jpg");
    background-repeat: no-repeat;
    background-size: auto;
	min-height: 64.4em;
    background-position: bottom right;
    padding-left: 30px;
    

}


#logout {

    margin-right: 2em;
    margin-top: 2em;
    position: absolute;
    left: 89%;

}


div.navBox {
	
	float: left;
	background-color: #e1efff;	
	padding: 2%;
    padding-top: 2%;
	padding-top: 5%;	
	border-bottom-left-radius: 15px;	
	border-bottom-right-radius: 15px;
	border: 1px solid #C4DDF3;
}

div.DiaLogo {
    background-color: #004d99;
    width: 13%;
    margin-left: 70%;
    padding-top: 6em;
    padding-bottom: 2em;
    border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}



div.body {
    -webkit-box-shadow: -1px 20px 43px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 20px 43px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px 0px rgba(98, 98, 98, 0.75);
    min-width: 900px;
    float: left;
    width: 100%;
}

div#content.content fieldset {
	
	border:1px solid black;
}

fieldset.fs_action {
	
	border:0px solid black !important;	
}

fieldset.fs_welcome {
	width: 1160px;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 12px;
	float:left;
}


div.footer {
    color: #000;
    float: left;
    width: 100%;
    height: 3em;
    border-top: 1px solid #BFBFBF;
    background-color: #FFF;
}

table.dataTable thead th div.DataTables_sort_wrapper span {

    position: absolute;
    top: 50%;
    padding-left: 10px !important;
    right: 0px !important;

}


span.status {
    float: right;
    padding-top: 10px;
    padding-right: 1.2%;
}

#centerfoot {

    padding-top: 10px;
    width: 300px;
    float: left;

}


td.center {
	text-align:center;
}


.Abuttons {
	-moz-box-shadow:inset 0px 0px 3px -3px #efefef;
	-webkit-box-shadow:inset 0px 0px 3px -3px #efefef;
	box-shadow:inset 0px 0px 3px -3px #efefef;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c0c0c0), color-stop(1, #efefef));
	background:-moz-linear-gradient(top, #c0c0c0 5%, #efefef 100%);
	background:-webkit-linear-gradient(top, #c0c0c0 5%, #efefef 100%);
	background:-o-linear-gradient(top, #c0c0c0 5%, #efefef 100%);
	background:-ms-linear-gradient(top, #c0c0c0 5%, #efefef 100%);
	background:linear-gradient(to bottom, #c0c0c0 5%, #efefef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#efefef',GradientType=0);
	background-color:#7498bd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #2f4363;
	display:block;
	cursor:pointer;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 0px 4px #c0c0c0;
	width:18%;
	float:left;
	margin-left:10px;
	height:45px;
	text-align: center;
	padding-top:10px;
	
}
/*
.Abuttons:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #c0c0c0));
	background:-moz-linear-gradient(top, #efefef 5%, #c0c0c0 100%);
	background:-webkit-linear-gradient(top, #efefef 5%, #c0c0c0 100%);
	background:-o-linear-gradient(top, #efefef 5%, #c0c0c0 100%);
	background:-ms-linear-gradient(top, #efefef 5%, #c0c0c0 100%);
	background:linear-gradient(to bottom, #efefef 5%, #c0c0c0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#c0c0c0',GradientType=0);
	background-color:#c0c0c0;
}
.Abuttons:active {
	position:relative;
	top:1px;
}
*/
.arrow_box {
    position: relative;
/*     border-top: 1px dotted #717171; */
    float: left;
    padding: 8px;
    margin-top: 3px;
	padding-right: 28px;
}

.arrow_box::after, .arrow_box::before {

    bottom: 106%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.arrow_box::after {

    border-color: rgba(201, 50, 50, 0);
    border-bottom-color: #9fccea;
    border-width: 9px;
    margin-left: 0px;

}

.arrow_box_listen {

    position: relative;
/*     border-top: 1px dotted #717171; */
    float: left;
    padding: 8px;
    margin-top: 3px;
    padding-right: 280px;

}

.arrow_box_listen::after, .arrow_box_listen::before {

    bottom: 106%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.arrow_box_listen::after {

    border-color: rgba(201, 50, 50, 0);
    border-bottom-color: #9fccea;
    border-width: 9px;
    margin-left: 102px;

}





.arrow_box_bereiche {

    position: relative;
/*     border-top: 1px dotted #717171; */
    float: left;
    padding: 8px;
    margin-top: 3px;
    padding-right: 24px;

}

.arrow_box_bereiche::after, .arrow_box_bereiche::before {

    bottom: 106%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.arrow_box_bereiche::after {

    border-color: rgba(201, 50, 50, 0);
    border-bottom-color: #9fccea;
    border-width: 9px;
    margin-left: 193px;

}


.arrow_box_system {

    position: relative;
/*     border-top: 1px dotted #717171; */
    float: left;
    padding: 8px;
    margin-top: 3px;
	padding-right:171px;
}

.arrow_box_system::after, .arrow_box_system::before {

    bottom: 106%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.arrow_box_system::after {

    border-color: rgba(201, 50, 50, 0);
    border-bottom-color: #9fccea;
    border-width: 9px;
    margin-left: 307px;

}


.arrow_box_benutzer {

    position: relative;
/*     border-top: 1px dotted #717171; */
    float: left;
    padding: 8px;
    margin-top: 3px;
	padding-right:263px;

}

.arrow_box_benutzer::after, .arrow_box_benutzer::before {

    bottom: 106%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.arrow_box_benutzer::after {

    border-color: rgba(201, 50, 50, 0);
    border-bottom-color: #9fccea;
    border-width: 9px;
    margin-left: 410px;

}

.adb_submenu {

    background-color: #e6e6e6;
    height: 60px;
    margin-bottom: 20px;
	padding: 0px 10px 0px 20px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    border-bottom: 3px solid #9ca4b1;

}



.adb_subcontent {

    margin: 0 auto;
    width: 100%;
    padding-left: 1.2%;
    padding-right: 1.2%;
	min-height: 51em;

}a
table.dataTable thead th, table.dataTable thead td {

    padding: 4px 2px 0px 0px !important;

}


.max {
	width:100%;
	height: 150px;
}

.large {
	width:50%
}
.medium {
	width: 36.75%;
}
.small {
	width:20.9%;
}
.tiny {
	width:10.8%;
}




.hidden {
	display:none;
}

.green {
	color:green !important;
}

label.error {
	background-color: yellow;
    border: 1px solid red;
    padding: 0 5px;
    position: relative;
    width: 95% !important;
    float:left;
   
}

#printcontent div.head {
	
	height:250px;
}

#printcontent div.spalte1 {
	
	width:29%;
	float:left;
}

#printcontent div.spalte2 {
	float:left;
	width:32%;
}

#printcontent div.spalte3 {
	float:left;
	width:35%;
}

#printcontent div.spalte3 label {
	 width: 25% !important;
}
#printcontent label {
	display: block;
    float: left;
    width: 47%;
}


#printcontent div.seminartable {
	float:none;
}

td.seminartage {
	/*float:right;*/
	/*margin-right:20px;*/
}

#printcontent div.footer {
	
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    padding: 10px;
	
}

div.print {
	padding:10px;
	background:none;
}
div.head div.Headline {
	font-weight:bold;
}
div#printcontent div.footer label,
div#printcontent div.head label {
	font-weight:bold;
}

div#printcontent table#seminartable.display {
	border:1px solid black;
	padding: 5px;
}
/*
div#printcontent table#seminartable.display tbody tr.odd {
	background-color:#c6c6c6;
}
*/
.bold {
	font-weight:bold;
}
 table.print th{
 	text-align:left;
 } 
div.footer div.unterschrift {
 	float: left;
    padding-left: 43px;
    width: 45%;
}
div.footer div.saldodiv {
 	width:50%;
 	float:left;
 	text-align:right;
}
 
 div.footer div.saldodiv div {
 	padding-right:35px;
 }
 
 div#printcontent.ui-dialog-content.ui-widget-content div.head div.spalte1 div,
 div#printcontent.ui-dialog-content.ui-widget-content div.head div.spalte2 div,
 div#printcontent.ui-dialog-content.ui-widget-content div.head div.spalte3 div {
 margin-left:25%;
 }
 
a.right,
span.right {
 	float:right !important;
 }
 
textarea.configsetting {
	margin:10px;
	width: 95%;
	height: 800px;
	float:left;
}

div.headericon {
	float:left;
} 
div.headericon i.fa.fa-address-book-o {
	font-size: 100px;
    padding-left: 25px;
    padding-top: 25px;
}


/**
Overlaycontent
*/

div.ui-dialog {
	background-color:#fff;
	 border: 1px solid #3e99e3;
	 border-radius:8px;
	 -webkit-box-shadow: -1px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 20px 0px rgba(0,0,0,0.75);
	padding: 0px;
}

div.ui-dialog-titlebar  {
	background-color:transparent;
	color:#555555;
}

form#loginform fieldset {
	margin-top:6px;
    width: 95%;
}

form#loginform fieldset input {
	float: left;
	padding: 9px;
	width: 60%;
	margin-top: -1%;
	margin-left: 23%;
	margin-bottom: 5%;
	border: 1px solid #d4d2d2;
	border-radius: 2px;
}
.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

.ui-dialog.ui span.ui-button-icon.ui-icon.ui-icon-closethick {
	font-size:30px;
}



/**
* Adressen
*/
.addressenimporter {

    float: left;
    text-align: center;
    min-width: 100%;

}
.adressen_fieldset {
	
	padding:10px;
	width:95%;
	
}
.adressen_felderzuweisen{
	width: 22%;
	min-height:100%;
	float:left;
	margin-left:20%;
	background-color:#9ca4b1;
	border-radius:5px;
	background-color:#AED2FF;
	background:-moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
	background:-webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
	background:linear-gradient(to bottom, #e4e4e4 0%,#e1e1e1 100%);
	filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );
	margin-bottom:3% !important;
}
.adressen_liste{
	
	background-color: #ededed;
	width: 27%;
	min-height:100%;
	display:block;
}
.adressmap {
	float:left;
	width:100%;
	margin-bottom:2px;
}

div.adressmap label {
    float: left;
}
 #adb_kategorien{
 margin-left: 31%;
 margin-top: 2%;
 }
 .adressen_bereiche{
 width:28%;
 }
.adressen_bereiche, 
.adressen_liste {
	float:left;
	margin-left: 3%;
	height:450px;
	border-radius:5px;
	background-color:#9ca4b1;
	border-radius:5px;
	background-color:#AED2FF;
	background:-moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
	background:-webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
	background:linear-gradient(to bottom, #e4e4e4 0%,#e1e1e1 100%);
	filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );

} 
.adressen_liste1 {
	float:left;
	margin-left: 3%;
	height:550px;
	border-radius:5px;
	background-color:#9ca4b1;
	border-radius:5px;
	background-color:#AED2FF;
	background:-moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
	background:-webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
	background:linear-gradient(to bottom, #e4e4e4 0%,#e1e1e1 100%);
	filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );

} 
.adressen_liste1{
	
	background-color: #ededed;
	width: 20%;
	min-height:100%;
	display:block;
}
.adressen_weiter {
    float: right;
    padding-top:15%;
	padding-right:1%;
}
    
}

.adresskategorie {
	width: 26%;
	float: left;
	font-size: 12px;
}


.adressen_korb_aktion{
	padding-left:10px;
	margin-bottom: 10px;
}

.card.adressen {
    width: 100%;
    margin-bottom: 10px;
    
}

.adressen_korb_aktion a{
	color:#000;
	font-size:1em;
}

.dataTables_wrapper .dataTables_filter label{
    text-align: right;
    float:right;
    margin-right:2px;
}

.dataTables_filter input {
    border-radius: 3px;
    border: 1px solid #aaa;
}
.dataTables_filter input:focus{
	border: 1px solid #4a99fe;
}

.dataTables_wrapper .ui-toolbar {
    padding: 0px;
    padding-left:2px;
}

.dataTables_wrapper table{
	border: 1px solid #dbdada !important;

}

.adressen_history_datum {
	width: 85%;
	float:left;	
	margin-bottom:5px;
}

.adressen_history_desc {
	width:100%;
	float:left;
}

.adressen_korb_historysettings {
	float: left;
	border-top: 1px solid black;
	margin-top: 5px;
}

.adressen_history_desc {
	margin-top:5px;
	height:200px;
}

.adressen_korb_historysettings label {
	width:20%;
	float:left;	
}

.chosen-container .chosen-results li {
	width: auto;
    text-align: left;
    height: auto;
}

#adresstable_wrapper, #adresskategorie_wrapper, #adresstablekorb_wrapper {
    margin-bottom: 10px;
    width: 100%;
}


.adressen_view_adress div.data {
	width:93%;
	float:left;
}

div.adressen_view_back {
	float: left;

	margin-top: 20%;
}

div.adressen_view_forward {
	float: right;
    text-align: right;
    margin-top: 20%;
}

#adress_view_data_edit{
		width: 44%;
}
div.adressen_view_data {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 15px;
    
}
div.adressen_view_data_right{
	float: left;
	width: 44%;
	margin-bottom: 20px;
	margin-left: 50px;
}


div.adresse_view_addInfo span.view_span textarea {
	width:100%;
}


div.adresse_view_addInfo span.adressen_view_span textarea {
	width:100%;
}

div.adresse_view_addInfo {
	width:100%;
	float:left;
}
div.adressen_view_adress {
	float:left;
	margin-bottom:20px;
	margin-left: 3%;

	width: 94% !important;
}

div.adressen_view_info {
	float: left;
    width: 100%;
   
}

adressen_view_info label {
	float:left;
	width:30%;
}
.view_span {
	
	float: right;
	width: 50%;
	margin-right: 0%;
	border-radius: 5px;
	border: 1px solid #aaa;
	font-size: 109%;
	margin-bottom: 3px;
}
.view_span:focus{
	border: 1px solid #4a99fe;
}
.label_new{
	background-color: transparent;
	float: left;
	margin-bottom: 2px;
	padding-left: 2px;
	width: 30%;
	font-size: 125%;
	
}
.view_span { 
	float: right;
	width: 50%;
	margin-right: 0%;
	border-radius: 5px;
	border: 1px solid #aaa;
	font-size: 109%;
	margin-bottom: 3px;
}
.view_span:focus{
	border: 1px solid #4a99fe;
}

.label_user_edit{
background-color: transparent;
float: left;
margin-bottom: 2px;
padding-left: 2px;
width: 30%;
font-size: 125%;
	
}
.error{
	float: right;
	width: 50%;
	margin-right: 0%;
	border-radius: 5px;
	border: 1px solid red;
	font-size: 109%;
	margin-bottom: 3px;
}

span.adressen_view_span {
	float:left;
	width:70%;
	display:block;
	border:1px solid #c6c6c6;
	margin-bottom: 2px;
}
div.adressen_view_info label ,
div.adressen_view_data_right label ,
div.adresse_view_addInfo label,
div.adressen_view_data label {
	background-color: transparent;
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 55%;
	font-size: 125%;
}

ul.adressen_view_liste li {
	width:100%;
	text-align:left;
} 


ul.adressen_view_liste {
	list-style-type:circle;
}

div.selectAll {
	float:right;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
}	


a, a:link, 
a:visited,
a:hover {
	color:#000;
}

.paging_simple_numbers span a.ui-state-disabled {
	font-weight:bold;
}

div#adb_deleteConfirm ul li {
	width:100%;
	 text-align: left;
}

div.adb_adresslisteToDelete {
	overflow: scroll;
	overflow-x: hidden;
	height:auto;
	float: left;
	width: 100%;
	margin-top:8px;
}
.dropDownPlace {
    display: block;
    width: 100%;
    float: left;
    margin-top:8px;
}
.SpanDeleteConfirm {
    width: 100%;
    display: block;
    
}

div.addressennew label {
	float:left;
}
.adressEdit{
	margin_top:15px important;
}
div.adressen_view_data_right select,
div.adressen_view_data_right input,
div.adressEdit select,
div.adressen_view_data_right textarea,
div.adressen_view_data select,
div.adressen_view_data input,
div.addressnew select,
div.adressen_view_data textarea,
div.adressen_view_info textarea,
div.addressnew input {
	float: right;
	width: 42%;
	margin-right: 0%;
	border-radius: 5px;
	border: 1px solid #aaa;
	font-size: 14px;;
	margin-bottom: 4px;
	
}
div.adressEdit select:focus,
div.adressen_view_data_right select:focus,
div.adressen_view_data_right input:focus,
div.adressen_view_data_right textarea:focus,
div.adressen_view_data select:focus,
div.adressen_view_data input:focus,
div.addressnew select:focus,
div.adressen_view_data textarea:focus,
div.adressen_view_info textarea:focus,
div.addressnew input:focus{
	border: 1px solid #4a99fe;
}


  .ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid #97c8f1;
    
    
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 20px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 4px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  .messageLabel{
  	width:20%;
  	float:left;
  }
  .messageSubject {
  	width:75%;
  	float:left;
  }
  .messageHinweis{
  	width:100%;
  	float:left;
  	margin-top:10px;
  }
  .messageTyp {
  	width:100%;
  	float:left;
  	margin-top:10px;
  }
  
  div.adressview_historie,
  div.adresse_view_historie {
  	width:100%;
  	float:left;
  	padding-top: 10px;
  }
  div.adresse_view_historie label {
	display: block;
	float: left;
	margin-bottom: 2px;
	padding-left: 2px;
	margin-top: 5px;
	margin-left: 10px;
  }
  
  input.historie_datum{
  	margin-top:5px;
  	border: 1px solid #aaa;
  	border-radius: 3px;
  	
  }
    input.historie_datum:focus{
  	border: 1px solid #4a99fe;
  	
  }
  
  div.adressview_historie div#historietable_filter.dataTables_filter,
  div.adressview_historie div#historietable_length.dataTables_length {
  
  	width:30%;
  }
  
 div.adresse_view_historie div#historietable_length.dataTables_length label {
  	width:75%;
  }
  
 div.adressview_historie div#historietable_filter.dataTables_filter label {
 	width:82%;
 }
 
 div.adressview_historie div#historietable_wrapper.dataTables_wrapper.dt-jqueryui.no-footer {
 	padding-top:10px;
 }
 div.typfilter {
 	margin-top: 10px;
 	width:50%;
 }
 div.hstorie_filter {
 	width:73%;
 	position:relative;
 	z-index:10;
 
 }
 div.adressview_historie li.search-choice {
 	width:80%;
 }
 span.spacer {
 	width:100%;
 	border-bottom:1px solid black;
 	display:block;
 	float:left;
 }
 a#adressen_view_filterak.button {
 	margin-left:10px;
 }
 .adressview_historie label {
 	width:auto !important;
 }
 div.adresse_view_historie div.adressview_historie div#historietable_wrapper.dataTables_wrapper.dt-jqueryui.no-footer {
 	position: relative;
    top: -45px;

 }
 div.adresse_view_historie div.adressview_historie table.dataTable {
 	border:1px solid black;
 	margin-top:10px;
 	width:100% !important;
 }
 
/*Datepicker*/ 
.ui-datepicker { 
	width: 17em; 
	padding: .2em .2em 0; 
	z-index:9999 !important; 
	background-color:#fff;
	border:1px solid black;
} 
div.ui-datepicker span.ui-icon {
	visibility:hidden;
}

/**
* Listenansicht
*/

div.listenview {
	width:100%;
	float:left;
	padding:10px;
}

div.listenview div.liste {
	width:100%;
	float:left;
}

.myChart {
	display:block !important;
	width: 500px !important;
	height: 300px !important;
	
}

div.listenview div.listinfo {
	width:45%;
	float:left;
	margin-left:20px;
}

div.listenview .listen_details label {
	width:17%;
}

div.listenview .listen_details input {
	float:left;
	width:80%;
}
.Listen_view_data label{
	display: block;
	padding-left: 2px;
	margin-left: 4px;
	float: inherit;
	background-color: transparent;
	width: 30%;
	font-size: 125%;
}
.Listen_view_data input,
.Listen_view_data select,
.Listen_view_data textarea{
	float: right;
	width: 60%; 
	margin-right: 0%;
	border-radius: 5px;
	border: 1px solid #aaa;
	font-size: 109%;
	margin-bottom: 6px;
}
.Listen_view_data input:focus,
.Listen_view_data textarea:focus{
	border: 1px solid #4a99fe;
}
.Listen_view_data{
	float: left;
	width: 30%;
	margin-left: 15px;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 10px;
	min-height: 256px;
	margin-bottom: 15px;
}
.Listen_view_data a{
	margin-top: 39px;
	float: left;
	
}
#liste_save {
    margin-left: 276px;
}

#adressen_Import_Weiter{
	float: right;
}

.fa-warning::before, .ui-icon-alert::before, .fa-exclamation-triangle::before {
    content: "\f071";
    margin-top: 11px;
}

.paginate-pagination {

    padding-left: 44%;
    margin-top: 5%;
    background-color: #004d99;
    float: left;
    min-width: 100%;

}
div.adressen_felder {
    width: 100%;
    float: left;
}

#adressfelder {

    display: block;
    float: left;

}

#overlaystatus {
    width: auto;
    min-height: 0px;
    max-height: none;
    height: auto !important;
}


.adressmap {
    background-color: transparent !important;
}
.view_data label{
	background-color: transparent;
	float: left;
	margin-bottom: 2px;
	padding-left: 2px;
	width: 30%;
	font-size: 125%;
}
.view_data{
	float:left;
	width:96% !important ;
	margin: 10px 15px;
}

button.ui-button:nth-child(1) , button.ui-button:nth-child(2) {
	border: 1px solid #7b9abd;
	border-radius: 6px 6px 6px 6px;
}

button.ui-button:nth-child(1):hover , button.ui-button:nth-child(2):hover{
	
 background-color: #AED2FF;
	background: -moz-linear-gradient(top, #85bded 0%, #d1ebff 100%);
	background: -webkit-linear-gradient(top, #85bded 0%,#d1ebff 100%);
	background: linear-gradient(to bottom, #85bded 0%,#d1ebff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );
	color: #000 !important;
} 
button.ui-button:nth-child(1):active , button.ui-button:nth-child(2):active{
	box-shadow: 0 0px 0px 0px #c0c0c0, 0 0px 0 #c0c0c0, 0 2px 0px 0px rgba(134, 134, 134, 0.5), 0 0px 0px rgba(255, 255, 255, 0.5) inset, 0 -2px 0px rgba(0, 0, 0, 0.2) inset;
    top: 3px;
}

#dublettebutton{
padding-top:2% !important;
}


table.daten{
	width:80%;
	margin-left: 10%;
}

td.right > input, td.right > select {

    width: -moz-available;
    width: -webkit-fill-available;
    
    border-width: thin;

}
td.center1, td.info{
	text-align:left;
	background-color:#ededed;
	width:30%;
	border-collapse:collapse;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#a1aab3;
	padding-left:6px;
}
td.left, th.header {

    background-color: #a1aab3;
    width: -moz-available;
    padding-top: 5px;
    color: white;
    
}
td.left, th.header{
	text-align:right;
	padding-right:0px;
	font-weight:bold;
	padding-right:6px;
}
td.right{
	background-color:#a1aab3;
	width:-moz-available;
}
th.header{
	text-align:inherit;
}
#seite{
	border-top-left-radius:15px;
}
#adresse0 > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(4){
	border-top-right-radius:15px;
}
#adresse0 > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(18) > td:nth-child(1){
	border-bottom-left-radius:15px;
}
.dublettebutton{
	padding-top:33px !important;
}
#adress_import{
	list-style:none;
}
#schritt_zurueck{
	float:left;
	padding-top:15%;
	padding-left:1%;
}
.adressen_zurueck{
	float:left;
	padding-top:15%;
	padding-left:1%;
}
.adressen_zurueck2{
float:left;
padding-top:17%;
padding-left:1%;
}

#felderZuweisen{
	float:left;
	padding-left:22%;
}

.fa-info-circle::before, .ui-icon-info::before {
    content: "\f05a";
    font-style: normal;
    font-size: 1.1em !important;
    float: left;
    padding-top: 1px;
    padding-left: 10px;
}



#ifelder, #iadresse {
    float: right;
    content: "\f05a";
    font-family: FontAwesome;
}

#listenZuweisen{
	float:left;
	padding-left:10%;
}

.fa-check-circle::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size:10em;
	color:green !important;

}

#h2_fertig{
	text-decoration: underline;
}



.noclose .ui-dialog-titlebar-close
{
        display:none;
}

div.ui-dialog:nth-child(6) > div:nth-child(1) > button:nth-child(2):active
{
  	margin-top: 20px !important;
}
.spanViewAdress{
	border: 0;
	width: 49%;
	font-size: 16px;
	float:right;
	border-bottom: 1px dotted #55555e;
	color: #212529;
	background-color:#efefef;
}
.ViewAdress{
	float: left;
	height: 100%;
	width: 43%;
	margin-bottom: 20px;
	margin-left: 15px;
}
.ViewAdress label{
	background-color: transparent;
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 48%;
	font-size: 125%;
	border-bottom: 1px dotted #55555e;
	color: #737272;
}
.ViewAdress-Info{
	float: left;
	height: 100%;
	width: 50%;
	margin-bottom: 20px;
	margin-left: 40px;
}
.ViewAdress-Info label{
	background-color: transparent;
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 48%;
	font-size: 125%;
	border-bottom: 1px dotted #55555e;
	color: #737272;
}
.title-adress-view{
	color:#55555E;
	margin-top: -8px !important;
	display: block;
	margin-bottom: 8px;
	font-size: 20px;
}
.aktionen{
	margin-left:10px;
}

.admin_checkbox{
	margin-left: -9%;
	cursor: pointer;
	margin-top: 10px;
	    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.divCheckbox{
	height: 31px;
    display: block;
    float: left;
    width: 100%;
}
#V_liste{
	/*vorhandene Listen*/
	float: left;
	margin-left: 41px;
	margin-right: 10px;
	width: 70%;
}
.closeWindow{
	font-size: 22px;
	float: right;
	margin-top: -14px;
}
/* DataTable */
table.dataTable tbody tr:hover{
	background-color:#e3effc !important;
}
table.dataTable tbody .odd{
	background-color : #ffffff;
}
table.dataTable tbody .even{
	background-color: #fafafa	 
}
table.dataTable thead th {
    background-image: -moz-linear-gradient(top, #f7f7f7, #fff);
    background-image: -ms-linear-gradient(top, #f7f7f7, #fff);
    background-image: -o-linear-gradient(top, #f7f7f7, #fff);
    background-image: linear-gradient(top, #f7f7f7, #fff);
    border-right: 1px solid #ccc;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.dd{
	max-width: 100%;
}

.bereichitem {
	background: -webkit-linear-gradient(top, #dadada 0%, #bababa 100%);
	background: -moz-linear-gradient(top, #dadada 0%, #bababa 100%);
	background: linear-gradient(top, #dadada 0%, #bababa 100%);
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #fafafa;
	border-radius: 3px;
	box-sizing: border-box;	
	position: initial;
}


#bereich_tabelle{
	float:left;
}
#Benutzer_tabelle{
	float: left;
	margin-left: 7%;
	width: 40%;
}
#Benutzer_tabelle-output { 
	width: 100%; 
	height: 7em; 
	font-size: 0.75em; 
	line-height: 1.333333em; 
	font-family: Consolas, monospace; 
	padding: 5px; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; }

#Benutzer_tabelle .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#Benutzer_tabelle .dd-handle:hover { background: #bbb; }

#adresskategorie_info{
	display:none;
}
#adresskategorie_wrapper{
	padding-bottom: 17px;
}
.fa-1_5x {
	font-size: 1.5em !important;
}
.fa-shopping-basket::before{
	font-size: 0.9em;
}
.dataTables_length select {
    margin-left: 10px;
}
.bereich_view_data label{
background-color: transparent;
float: left;
margin-bottom: 2px;
padding-left: 2px;
width: 30%;
font-size: 125%;
}
#editAdresse_view{
	font-size:1.3em;
}
.listenkatigorie{
	position: absolute;
	width: 20%;
	margin: -2px 41% 0;
	z-index: 1;
}
.listenkatigorie label{
	margin-top: 4px;
}
.listenkatigorie .chosen-container .chosen-results{
	width: inherit;
}
.chosen-container .chosen-results{
	width: inherit;
}
.listen_kategorien{
	float:left;
}

.card.listen {
	float:left;
    width: 24%;
    margin-bottom:2%;
}

.card.adresskategorie {
    width: 24%;
    float: left;
}

#listenkatigorie_inAdressen_length,
#listenkatigorie_inAdressen_info{
	display:none;
}
.duplicate_message{
	float: left;
	font-size: 16px;
	margin-top: 21px;
	color: #ff4343;
	width: 100%;
}
.ui-dialog-titlebar{
	background: linear-gradient(to bottom, #85bded 0%,#fff 100%);
    background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	border-radius: 8px;
}
#deleteAdresse{
	margin-right: 10px;
}
/*
.chosen-container .chosen-results {
    max-height:150px;
}
*/
#view_historie{
	text-decoration: none;
	float: left;
	margin-top: 10px;
}
#zurück_zuDetails{
	display: none;
}
.adressen_view_historie{
	margin-left:3%;
}
.image_logo{
	width: 80%;
}

.benutzerInBereich {
    width: 24%;
    float: left;
}

.card.bereichsliste {
    margin-bottom: 5%;
}

.card.aenderungen {
    width: 74%;
    float: left;
    margin-left: 1%;
}

.card-body.aenderungen {
    padding: 0;
    height: 496px;
}
.card-header{
	background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: linear-gradient(top, #ebf3fc, #dce9f9);
}
#bereichInfoTable_wrapper{
	margin: 10px;
	height: 386px;
}


.bereichenliste h3,
.benutzerliste h3{
	text-align: center;
}
#bereichenliste_chosen,
#benutzerliste_chosen{
	margin-left: 2%;
	width: 96% !important;
}
.bereichenliste  .chosen-results,
.benutzerliste  .chosen-results{
		width: 100% !important;
}
.height_auto{
		height: auto;
}

table.dataTable {
	
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}



.aktionButtons {
	position: relative;
	float: right;
	bottom: 2%;
}

.table-bordered {
    border: 0;
}
.tablePos {
    width: 100%;
    float: right;
    min-height: 170px
}

.card.aenderungen {
    width: 75%;
    float: right;
}
#addUser{
	float:right;
}
#addUser:hover{
	font-size: 1.1em !important;
}
.disabled{
	pointer-events:none ;
    opacity:0.6 !important;  
}
 .searchUserlist{
	border: 1px solid #aaa;
	border-radius: 3px;
	height: 30px;
	width: 97%;
	margin: 0 5px 0 5px;
}
.searchUserlist:focus{
	border: 1px solid #4a99fe;
}
.benutzerItems{
	list-style: none;
	width: 97%;
	margin: 0 5px 10px 5px;
	height: 213px;
}
.userList {
	background-color: #fafafa;
	height: 40px;
	padding: 10px;
	border-bottom: 1px solid #aaa;
}
.userList:hover{
	background-color: #E3EFFC;
}
#bereichInfoTable tbody tr:nth-child(odd){
	background-color: #ffffff;
}
#bereichInfoTable tbody tr:nth-child(even){
	 background-color: #fafafa;

}
#bereichInfoTable tbody tr td{
	 border-top: 1px solid #dee2e6;
}
.benutzerliste nav{
	padding-left: 0;
	margin-top: 0;
	background-color: #fff;
	float: none;
	min-width: 100%;
}
.card.benutzerliste {
    height: 379px;
}
 a.page:focus{
 	background: #E1ECFA !important;
 }
 #userStatus {

    font-size: 125%;

}
.tableInfo{
    color: #fff;
    background-color: #17a2b8;
    font-size: 13px;
    padding: 3px;
    border-radius: 4px;
}


.card-body.listen_kategorien {
    padding: 11px;
}
#system_katErstellen{
	margin-top:10px;
}
.listenkatigorie_adressen {
    width: 25%;
    float: left;
}
.Listen_adresse {
	 width: 60%;
	float: inline-start;
}
.dropdowns_adressentabelle {
margin-bottom: 5px;
}
.dropdowns_adressentabelle label{
	margin-top: 3px;
}
.dropdowns_adressentabelle .chosen-container .chosen-results{
	width: inherit;
}

.adressennew {
	margin: 12px;
	margin-top: -7px;
	
}
#adresstable_wrapper {
    margin-top: 36px;
}
.dataTables_scrollBody, dataTables_scrollHead {
	overflow-x: hidden !important;
	border-right: 2px solid #dee1e3;
}
#adresslisten thead tr th , #adresstablekorb thead tr th{
	border-bottom: 2px solid #dee1e3;
}
#system_newConfig {
	margin-top: 10px;
}
.removefromBasket{
	font-size: 1.5em !important;
}
.pfeile_aktive{
	margin-left: 1%;
	width: 518px;
	border-top: 1px dotted #717171;
}
.historie_von {
	float:left;
}

/* .dataTables_scrollHead , .dataTables_scrollBody { */
/* 	overflow: unset !important; */
/* } */
/*Änderungen 25.02.2019



#menu2 {https://adressdb.iebl.de/#
	height: 100%;
	width: 58%;
	float: right;

}

#menu2 > a {
    position: absolute;
}

div#menu2.Menu2 a#system.button {
	margin-top: 220px;
	margin-left: 70px;

}

div#menu2.Menu2 a#listen.button {
    margin-left: 140px;
}

div#menu2.Menu2 a#benutzer.button {
    margin-top: 100px;
    margin-left: -100px;

}

#menu2 > a {
    position: absolute;
}

div#menu2.Menu2 a#logout.button.right {

    float: right;
    position: relative;

}

.button:active {   
    top: 0px !important;

}

*/