@charset "iso-8859-1";

*html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}



@font-face {
  font-family: 'mailcontrol';
  src: url('fonts/mailcontrol.eot?92cjsb');
  src: url('fonts/mailcontrol.eot?92cjsb#iefix') format('embedded-opentype'),
       url('fonts/mailcontrol.ttf?92cjsb') format('truetype'),
       url('fonts/mailcontrol.woff?92cjsb') format('woff'),
       url('fonts/mailcontrol.svg?92cjsb#mailcontrol') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family:'FontAwesome';
	src:url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('fonts/noto-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v9-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

body {	
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  100%;
	background-image: url(./img/bg.jpg);
    background-attachment: scroll;
    background-position: center top;
    background-repeat: repeat;
}

td, th {
    text-align: left;
    vertical-align: top;
    padding: 0px;
}
form {
    font-size: 14px;
    line-height: 21px;
	display: inline-block;
}

#wrapper{
	width: 800px;
	margin: 7px auto;
	font-size: 14px;
	line-height: 1.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content_ul {
	font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 20px;
    background: #c7e4ff;
    margin-bottom: 22px;
}

#header{
    height: 174px;
	position: relative;
	z-index: 10;
}

#main{
	background: #ffffff;
	position: relative;
}

#content{
	overflow: hidden;
}

#footer{
	position: relative;
	color: #fff;
	overflow: hidden;
}

#logo{
	position: absolute;
	top: 25px;
	height:46px;
}

#logo_navi{
	height:23px;
	position:relative;
	top:16px;
	left:6px;
	padding-right:10px;
}

#content a{
	color: #37b2d1;
	text-decoration:none;
}

#content a:hover{
	color: #3783d1;
	text-decoration:underline;
}

/* Navi-on-TOP-Style START */
#logoSticky{
	float:left;
	display:none;
	height:50px;
}margin-left:auto;
	margin-right:auto;

.top {
	position:relative;
	background-color:#ffffff;
	height:0px;
	line-height:50px;
	overflow:hidden;
	z-index:1;
}

.topnav {
	position:relative;
	z-index:2;
	font-size: 17px;
	color:#f1f1f1;
	width:100%;
	padding:0;
	letter-spacing:1px;
}

@media screen and (max-width:601px){
	.w3-navbar a{display:inline-block}
	.w3-navbar a:first-child{padding:8px 16px}
}	
@media screen and (max-width:600px){
	.w3-navbar{text-align:left}
}
@media screen and (max-width:600px){
	.w3-topnav a{display:block}
	.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}
	.w3-navbar {float:none!important}
}	
@media screen and (max-width:600px){
	.w3-topnav,.w3-navbar{position:relative}
}	
@media screen and (max-width:600px){
	.w3-topnav,.w3-navbar{text-align:center}
}



#navi_menu {
	padding-left: 14px;
	display:none;
	max-height:300px;
}
#navi_menu_inner{
	margin-top:0px;
	padding-bottom:7px;
	background-color:#fff;
	padding-top:7px;
	overflow-y: auto;
	max-height:250px;
	width: 100%;
}
#navi_menu_link{
	background-color:#fff;
	color:#49A0CC;
	padding-left:21px;
	-webkit-transition: opacity 1.1s ease;
	transition: opacity 1.1s ease;
	font-family: 'Noto Sans', sans-serif;
}
.navi_menu_home:after, .navi_menu_mails:after, .navi_menu_alias:after, .navi_menu_domains:after, .navi_menu_regeln:after, .navi_menu_account:after, .navi_menu_acp:after, .navi_menu_agb:after, .navi_menu_dsgvo:after, .navi_menu_register:after, .navi_menu_kontakt:after, .navi_menu_login_gast:after {
    background-color: #DCDCDC; 
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0);
    width: 167px;
}
.navi_menu_login:after, .navi_menu_logout:after, .navi_menu_register_gast:after {
    bottom: 0;
    content: '';
    display: block;
    border-bottom: 3px double #a7a2a2;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0);
    width: 167px;
}
.navi_menu_home:before{
	font-family: 'FontAwesome';
	content:"\f015";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_mails:before{
	font-family: 'FontAwesome';
	content:"\f0e0";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -18px;
	padding-right:5px;
}
.navi_menu_alias:before{
	font-family: 'FontAwesome';
	content:"\f14d";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -16px;
	padding-right:5px;
}
.navi_menu_domains:before{
	font-family: 'mailcontrol';
	content:"\e9ca";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -18px;
	padding-right:5px;
}
.navi_menu_regeln:before{
	font-family: 'FontAwesome';
	content:"\f02d";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_account:before{
	font-family: 'mailcontrol';
	content:"\e972";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -18px;
	padding-right:5px;
}
.navi_menu_acp:before{
	font-family: 'FontAwesome';
	content:"\f085";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_logout:before{
	font-family: 'FontAwesome';
	content:"\f011";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -15px;
	padding-right:5px;
}
.navi_menu_login:before{
	font-family: 'mailcontrol';
	content:"\ea13";
	color: #A7A7A7;
	position: relative;
    font-size: 15px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_register:before{
	font-family: 'mailcontrol';
	content:"\e906";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_login_gast:before{
	font-family: 'mailcontrol';
	content:"\ea13";
	color: #A7A7A7;
	position: relative;
    font-size: 15px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_register_gast:before{
	font-family: 'mailcontrol';
	content:"\e906";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_dsgvo:before{
	font-family: 'FontAwesome';
	content:"\f21b";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -15px;
	padding-right:5px;
}
.navi_menu_agb:before{
	font-family: 'FontAwesome';
	content:"\f0e3";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -16px;
	padding-right:5px;
}
.navi_menu_kontakt:before{
	font-family: 'FontAwesome';
	content:"\f27a";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -17px;
	padding-right:5px;
}
.navi_menu_impressum:before{
	font-family: 'FontAwesome';
	content:"\f02e";
	color: #A7A7A7;
	position: relative;
    font-size: 14px;
	margin-left: -13px;
	padding-right:5px;
}
#navi_menu_link_bottom{
	background-color:#363636;
	color:#b5b5b5;
	padding-top:5px;
	border-width: 1px;
    border-style: solid;
    border-color: #ffd800;
	-webkit-transition: opacity 1.1s ease;
	transition: opacity 1.1s ease;
}
#navi_menu_linkactive{
	background-color:#edf7ff;
	color:#49A0CC;
	padding-left:21px;
	-webkit-transition: opacity 1.1s ease;
	transition: opacity 1.1s ease;
	font-family: 'Noto Sans', sans-serif;
}
#navi_menu_link_bottomactive{
	background-color:#1f1f1f;
	color:#ffd800;
	padding-top:5px;
	border-width: 1px;
    border-style: solid;
    border-color: #ffd800;
	-webkit-transition: opacity 1.1s ease;
	transition: opacity 1.1s ease;
}
#navi_menu_link:hover,
#navi_menu_link:focus{
	opacity:0.9;
	text-decoration:underline;
}
#navi_menu_link_bottom:hover,
#navi_menu_link_bottom:focus{
	opacity:0.9;
	color:#fff;
}
#navi_menu_linkactive:hover,
#navi_menu_linkactive:focus{
	opacity:0.9;
	
}
#navi_menu_link_bottomactive:hover,
#navi_menu_link_bottomactive:focus{
	opacity:0.9;
	color:#fff;
}
#navi_menu a {
	margin:0 7px 0 7px;
	display:block;
	font-size:13px;
	line-height:32px;
	letter-spacing:1px;
	text-decoration:none;
}
#navi_menu .navimenu_closebtn {
	margin:0;
}
#menubtn {
	background-repeat:repeat-x !important;
	margin-left: -24px;
    overflow: hidden;
}
.navimenu_closebtn{
	text-decoration:none;
	float:right;
	font-weight:bold;
	color:inherit;
	background: url(img/closebutton.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
	top:-1px;
	left:-8px;
}
.navimenu_closebtn:hover{
	background: url(img/closebuttonhover.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.navimenu_closebtn:active,
.navimenu_closebtn:focus {
	background: url(img/closebuttonclick.png);
	background-repeat:no-repeat;
	cursor:pointer;
	vertical-align:top;
    padding-right:-1px;
	padding-top:-1px;
}
/* Navi-on-TOP-Style ENDE */

#Content_Box {
      border:1px solid black;
      margin-left: 10px;
      margin-right: 10px;
	  margin-bottom:10px;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          top: 10px;
          left: 0px;
          position: relative;
}

#Content_Box_Head {
      border-bottom:1px solid black;
      font-size: 11px;
      height:15px;
      background: url(images/content_header.png) no-repeat;
      color:#ffffff;
      padding:3px;
      text-align:left;
          -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
          -moz-border-radius: 8px 8px 0 0;
          -webkit-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0;
}

#Content_Box_Description {
      background-color:#3f616a;
      font-size: 10pt;
      vertical-align:top;
      padding: 3px 6px 3px 6px;
      text-align:left;
      color:#ffffff;
      border:0px;
          -moz-border-radius: 0 0 8px 8px ;
          -webkit-border-radius: 0 0 8px 8px;
          border-radius: 0 0 8px 8px ;
}

.error {
	color:#E10E12;
	margin-left:20px;
	margin-right:20px;
}
.error_ajax {
	color:#E10E12;
	margin-left:20px;
	margin-right:20px;
}
.done {
	color:#27ad0c;
	margin-left:20px;
	margin-right:20px;
}
.done_ajax {
	color:#27ad0c;
	margin-left:20px;
	margin-right:20px;
}

#blaettern, #blaettern_acp {
	float:left;
	margin-top:5px;
	margin-bottom:4px;
	width: 100%;
	/*text-align: center;*/
}

#blaettern_acp {
	margin-top:0px;
	margin-bottom:0px;
}

#blaettern_pages {
	margin-top:0px;
	margin-bottom:0px;
	text-align:right;
	padding-right: 5px;
}

.closed {
	display:inline;
	float:right;
	position:relative;
	top: 10px;
	right: 10px;
	width:21px;
	height:21px;
	background: url(img/icons/plus2.svg) no-repeat;
	background-size:21px;
}
.open {
	display:inline;
	float:right;
	position:relative;
	top: 10px;
	right: 10px;
	width:21px;
	height:21px;
	background: url(img/icons/minus2.svg) no-repeat;
	background-size:21px;
}
.closed2 {
	display:inline;
	float:right;
	position:relative;
	top: 8px;
	width:16px;
	height:16px;
	margin-left:5px;
	background: url(img/icons/arrowdown.svg) no-repeat;
}
.open2 {
	display:inline;
	float:right;
	position:relative;
	top: 6px;
	width:16px;
	height:16px;
	margin-left:5px;
	background: url(img/icons/arrowup.svg) no-repeat;
}

.da {cursor:pointer; margin:0px; padding:0px;  font-size: 18px; line-height: 46px;
    padding-left: 18px;
    font-size: 15px;
    background-color: #243d54;
    color: #fff; }

.da2 {cursor:pointer; font-weight: bold; margin:0px; padding:0px; margin-left:20px; font-size:13px; position:relative; top:-23px; right:10px; margin-bottom:-23px; float:right;}

.do2 {display:none;  }

.hier {visibility:visible; color: #37b2d1; text-decoration:underline;}
.weg  {display:none;}

#cbaktivl {
	display: inline-block;
	background-image: url(img/icons/greenCircle.svg);
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
}
#cbsendonlyl {
	display: inline-block;
	background-image: url(img/icons/sendonly1.svg);
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
}
#cbaktiv:checked + label {
	background-image: url(img/icons/redCircle.svg);
}
#cbsendonly:checked + label {
	background-image: url(img/icons/sendonly2.svg);
}
#cbaktiv:hover + label, #cbsendonly:hover + label {
	cursor:pointer;
}
#cbaktiv, #cbsendonly {
	display: none;
}
		
#mail_options {
	padding-left: 65px;
}
#alias_options {
	padding-left: 50px;
	position: relative;
	top: -21px;
}
		
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 30px;
  top: 10px;
}

#switch_alias {
  top: -10px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: -7px;
  left: 0;
  right: 0;
  bottom: 9px;
  border:solid 1px #5f5f5f;
  background-color: #b00000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 1px;
  border:solid 1px #656565;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

[data-tooltip] {
	position: relative;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;
	display: block;
	position: absolute;
	bottom: 0;
	left: 33;
	width: 15em;
	padding: 0.5em;
	z-index: 100;
	color: #000;
	padding: 0;
	font-size: 13px;
	line-height:16px;
	background-color: #ffebe6;
	border: solid 1px #c32e04;
	border-radius: 0.5em;
}

[data-tooltip]:hover::after {
	opacity: 1;
}

input:checked + .slider {
  background-color: #35b000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  width: 54px;
}

.slider.round:before {
}

#blaettern img, #blaettern_acp img {
	margin-bottom:-4px;
	top:-1px;
	position:relative;
}

#blaettern a, #blaettern_acp a, .blattpage {
	/*
	background-color:#393838;
	color: #000000;
	border-top: #b1b1b1 1px solid;
	border-left: #b1b1b1 1px solid;
	*/
	background-color:#f5f5f5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color: #040404;
	border-top: #565656 1px solid;
	border-left: #4f4e4e 1px solid;
	padding: 2px 4px 2px 4px;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#blaettern a:hover, #blaettern_acp a:hover, .blattpage:hover {
	background-color:#456786;
	color: #fff;
	border-top: #eaeaea 1px solid;
    border-left: #eaeaea 1px solid;
}

#blaettern a:active, #blaettern_acp a:active, .blattpage:active {
	position:relative;
	top:1px;
	background-color:#243d54;
	color: #fff;
	border-top: #eaeaea 1px solid;
    border-left: #eaeaea 1px solid;
}

.blattpage_active {
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#587ea0;
	color: #ffffff;
	border-top: #eaeaea 1px solid;
    border-left: #eaeaea 1px solid;
	padding: 2px 4px 2px 4px;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

#sms_deletediv {
	float:right;
	margin-top:5px;
}

#formend {
	margin-bottom:10px;
}
#formendbook {
	margin-bottom:25px;
}


h\:seperator {
    background-color:#636363;
    height: 1px;
    position: relative;
	top:10px;
	margin-left: 10px;
    margin-right: 10px;
	margin-bottom:20px;
	clear: left;
    font-size: 1px;
	display:block;
}

.phonecontent {
	margin-top:10px;
}

#GroupTitel {
	margin-bottom:8px;
}

.fromname:before {content: ""; }

.confim_yes {
	background-color: #379E00;
	border: 1px solid #000;
	padding-left:4px;
	color:#fff;
	margin-top:-16px;
}

.confim_no {
	background-color: #CF2326;
	border: 1px solid #000;
	padding-left:4px;
	color:#fff;
	margin-top:-16px;
}

.sms_table
{
	<!-- background: #2F3138; -->
	color: #888A8C;
	border: 0px solid #000000;
	font: 11px verdana;
	font-weight:normal;
	width:100%;
	border-collapse: collapse;
	position:relative;
}

.sms_table_bigphonenr { 
	font-size: 14pt;
	color:#A5A29F;
	display:block;
}
.sms_table_datetime { 
	padding: 4px;
	border: 1px solid #2F3138; 
	/*background: #2F3138;*/
	color:#fff;
	background-image: linear-gradient(to top, #6a6c73 0%, #2F3138 50%);
}

.sms_table_smsid { 
	color:#fff;
	float:right;
	margin-top:1px;
	margin-right:1px;
}
.sms_table_info { 
	padding: 4px;
	border: 1px solid #2F3138;
	border-top: 0px;
	width:150px;
	background: #fff url(img/test2.jpg) repeat;
}
.sms_table_message { 
	padding: 4px;
	border-right: 1px solid #2F3138;
	border-bottom: 1px solid #2F3138;
	background: #fff url(img/test3.jpg) repeat;
}
.sms_table_line { 
	color:#2F3138;
	margin-top:20px;
}

.sms_table_message_icons { 
	float:right;
}
.contact_icons { 
	float:right;
	margin-bottom:-4px;
}
.policy_help { 
	margin-bottom:-4px;
	float:right;
	position:relative;
	right: 5px;
}
.tab_icons { 
	margin-bottom:-4px;
}
.contact_table
{
	<!-- background: #2F3138; -->
	color: #888A8C;
	border: 0px solid #000000;
	font: 11px verdana;
	font-weight:normal;
	border-collapse: collapse;
	position:relative;
	display:inline-table;
	margin-bottom:4px;
}
.contact_avatar_table{ 
	padding: 4px;
	border: 1px solid #2F3138;
	border-top: 0px;
	width:100px;
	background: #fff url(img/test2.jpg) repeat;
}
.contact_name { 
	font-size: 10pt;
	color:#000;
	font-weight: bold;
	display:block;
}
.contact_table_daten { 
	padding: 4px;
	color: #000;
	border-right: 1px solid #2F3138;
	border-bottom: 1px solid #2F3138;
	background: #fff url(img/test3.jpg) repeat;
	width:228px;
	height:90px;
	overflow:hidden;
}
.contact_daten_note {
	color: #696969;
}
.contact_daten_noteA {
	color: #696969;
	font-style:italic;
}
.contact_table_line { 
	color:#2F3138;
	margin-top:4px;
}
.inlineimg {
	vertical-align: middle;
	margin-top:-3px;
}
.thumb {
    height: 73px;
    border: 1px solid #ccc;
    margin: 10px 5px 0 0;
}

#blaettern_blank {
	background: url(img/icons/alphabet/_blank.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_a {
	background: url(img/icons/alphabet/a.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_b {
	background: url(img/icons/alphabet/b.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_c {
	background: url(img/icons/alphabet/c.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_d {
	background: url(img/icons/alphabet/d.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_e {
	background: url(img/icons/alphabet/e.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_f {
	background: url(img/icons/alphabet/f.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_g {
	background: url(img/icons/alphabet/g.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_h {
	background: url(img/icons/alphabet/h.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_i {
	background: url(img/icons/alphabet/i.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_j {
	background: url(img/icons/alphabet/j.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_k {
	background: url(img/icons/alphabet/k.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_l {
	background: url(img/icons/alphabet/l.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_m {
	background: url(img/icons/alphabet/m.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_n {
	background: url(img/icons/alphabet/n.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_o {
	background: url(img/icons/alphabet/o.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_p {
	background: url(img/icons/alphabet/p.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_q {
	background: url(img/icons/alphabet/q.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_r {
	background: url(img/icons/alphabet/r.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_s {
	background: url(img/icons/alphabet/s.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_t {
	background: url(img/icons/alphabet/t.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_u {
	background: url(img/icons/alphabet/u.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_v {
	background: url(img/icons/alphabet/v.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_w {
	background: url(img/icons/alphabet/w.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_x {
	background: url(img/icons/alphabet/x.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_y {
	background: url(img/icons/alphabet/y.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_z {
	background: url(img/icons/alphabet/z.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#blaettern_blank:hover {
	background: url(img/icons/alphabet/_blank2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_a_active,
#blaettern_a:hover {
	background: url(img/icons/alphabet/a2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_b_active,
#blaettern_b:hover {
	background: url(img/icons/alphabet/b2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_c_active,
#blaettern_c:hover {
	background: url(img/icons/alphabet/c2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_d_active,
#blaettern_d:hover {
	background: url(img/icons/alphabet/d2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_e_active,
#blaettern_e:hover {
	background: url(img/icons/alphabet/e2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_f_active,
#blaettern_f:hover {
	background: url(img/icons/alphabet/f2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_g_active,
#blaettern_g:hover {
	background: url(img/icons/alphabet/g2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_h_active,
#blaettern_h:hover {
	background: url(img/icons/alphabet/h2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_i_active,
#blaettern_i:hover {
	background: url(img/icons/alphabet/i2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_j_active,
#blaettern_j:hover {
	background: url(img/icons/alphabet/j2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_k_active,
#blaettern_k:hover {
	background: url(img/icons/alphabet/k2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_l_active,
#blaettern_l:hover {
	background: url(img/icons/alphabet/l2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_m_active,
#blaettern_m:hover {
	background: url(img/icons/alphabet/m2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_n_active,
#blaettern_n:hover {
	background: url(img/icons/alphabet/n2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_o_active,
#blaettern_o:hover {
	background: url(img/icons/alphabet/o2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_p_active,
#blaettern_p:hover {
	background: url(img/icons/alphabet/p2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_q_active,
#blaettern_q:hover {
	background: url(img/icons/alphabet/q2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_r_active,
#blaettern_r:hover {
	background: url(img/icons/alphabet/r2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_s_active,
#blaettern_s:hover {
	background: url(img/icons/alphabet/s2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_t_active,
#blaettern_t:hover {
	background: url(img/icons/alphabet/t2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_u_active,
#blaettern_u:hover {
	background: url(img/icons/alphabet/u2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_v_active,
#blaettern_v:hover {
	background: url(img/icons/alphabet/v2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_w_active,
#blaettern_w:hover {
	background: url(img/icons/alphabet/w2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_x_active,
#blaettern_x:hover {
	background: url(img/icons/alphabet/x2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_y_active,
#blaettern_y:hover {
	background: url(img/icons/alphabet/y2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}
#blaettern_z_active,
#blaettern_z:hover {
	background: url(img/icons/alphabet/z2.png) no-repeat;
	width: 20px;
	height: 20px;
	background-position:50% 50%;
	background-size: 17px;
	display: inline-block;
}


#searchbox {
	width:195px;
	border:solid 1px #000;
	padding:3px;
	background-image: url(img/inputs/search.svg);
	background-repeat: no-repeat,repeat;
	background-position: left 6px top 7px;
	background-size: 16px;
	padding-left: 28px;
}
#searchboxgroup {
	width:195px;
	border:solid 1px #000;
	padding:3px;
	background-image: url(img/inputs/search.svg);
	background-repeat: no-repeat,repeat;
	background-position: left 6px top 7px;
	background-size: 16px;
	padding-left: 28px;

}
#searchdiv a,
#searchdiv {
	width:100%;
	display:inline-block;
	text-decoration:none;
	color:#D7D7D7;
	padding-left: 20px;
	padding-top: 6px;
}
#searchgroupdiv a,
#searchgroupdiv {
	width:100%;
	display:inline-block;
	text-decoration:none;
	color:#D7D7D7;
	margin-left:180px;
}
#delcontact {
	width:100%;
	display:inline-block;
	text-decoration:none;
	color:#D7D7D7;
	margin-left:180px;
}

.item div.input {
    display: inline;
    float: left;
    font-weight: 400;
}
.item div.input {
    float: left;
    position: relative;
    padding-left: 10px;
    width: 425px;
}
.input > span{
    margin-right: 5px;
}


#display {
	width:320px;
	display:none;
	margin-right:30px;
	border-left:solid 1px #ffd800;
	border-right:solid 1px #ffd800;
	border-bottom:solid 1px #ffd800;
	overflow:hidden;
	position:absolute;
	margin-top: 30px;
	z-index: 2;
}
.display_box {
	padding:4px;
	border-top:solid 1px #dedede;
	font-size:12px;
	height:20px;
	border-color: #ffd800;
	background-color: #363636;
	background-image: linear-gradient(to top, #3E3E3E 0%, #303030 50%);
	transition: opacity 0s ease;
}
.displaygroup_box {
	padding:4px;
	border-top:solid 1px #dedede;
	font-size:12px;
	height:20px;
	margin-left:-180px;
	border-color: #ffd800;
	background-color: #363636;
	background-image: linear-gradient(to top, #3E3E3E 0%, #303030 50%);
	transition: opacity 0s ease;
}

.displaygroup_box:hover,
.display_box:hover {
	background:#ffd800;
	opacity:0.95;
	color:#3A3A3A;
}

#shade {
	background-color:#00CCFF;
}
#search_name {
	margin-top:0px;
}
#search_ort {
	margin-top:-4px;
	font-size: 11px;
}
#search_firma {
	margin-top:-18px;
	width:242px;
	font-size: 10px;
}
#search_tomail {
	margin-top:-18px;
	width:242px;
	font-size: 14px;
}
#search_preview {
	color: #15AB12;
}
#search_false {
	color: #F02A34;
}
#search_max {
	width:242px;
	font-size: 10px;
	text-align: center;
	line-height:12px;
	margin-top:-3px;
}
#search_max_all {
	width:242px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: #ffd800;
	text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;
	line-height:12px;
	margin-top:-8px;
}
.display_box_max {
	padding:4px;
	font-size:12px;
	height:24px;
	border-top:solid 2px #DEDEDE;
	background-color: #000;
	background-image: linear-gradient(to top, #2E2E2E 0%, #121212 50%);
	transition: opacity 0s ease;
}
.display_box_max:hover {
	background:#ffd800;
	opacity:0.95;
	color:#3A3A3A;
}
.display_box_result {
	padding:4px;
	font-size:12px;
	height:8px;
	border-top:solid 2px #DEDEDE;
	background-color: #000;
	transition: opacity 0s ease;
}
.display_box_resultNULL {
	padding:4px;
	font-size:12px;
	height:8px;
	border-top:solid 1px #ffd800;
	background-color: #000;
	transition: opacity 0s ease;
}

.Content_Text1{
	text-align: center;
	font-size: 16px;
	font-family: 'Roboto';
	padding-bottom: 30px;
}
.Content_Text2{
	text-align: center;
	font-size: 14px;
	font-family: 'Roboto';
}
.Content_Text2 a:link{
	color: #000;
}
.Content_Text2 a:hover{
	color: #e6ab3e;
}
.Content_Text2 a:active{
	color: #bf8115;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto'), local('Roboto-Regular'), url(font.woff2) format('woff2');
}
.trennlinie{
	border-bottom: solid 2px #006E8F;
	margin-bottom: 50px;
}
.Content_TextInstalled{
	text-align: center;
	font-size: 12px;
	font-family: 'Roboto';
}
address{
	font-style: normal;
	font-size: 12px;
}
.changelog_trennlinie{
	margin-left: auto;
	margin-right: auto;
	border-bottom: dashed 1px #006E8F;
	width: 570px;
	margin-bottom: 15px;
}
.changelog_uber{
	margin-left: auto;
	margin-right: auto;
	width: 140px;
	padding-bottom: 5px;
}
.change_uber_font{
	margin: 0;
	color: #000000;
	font-size: 28px;
	font-weight: bold;
}
.sectionContentChangelog{
	margin-top: 5px;
	margin-left: 114px;
	margin-right: 114px;
	padding: 10px;
	padding-top: 2px;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px #cfcfcf;
	border: 1px solid #000000;
	border-radius: 10px;
	color: #006E8F;
}
.changelog_number{
	margin: 0;
	font-size: 16px;
	color: #006E8F;
	float: left;
	width: 25px;
	font-weight: bold;
}
.changelog_betreff{
	margin: 0;
	font-size: 16px;
	color: #006E8F;
	float: left;

}
.changelog_date{
	margin: 0;
	font-size: 16px;
	color: #006E8F;
	float: right;
	text-align: right;
	width: 90px;
	border-left: 1px solid #006E8F;
}
.changelog_topline{
	border-bottom: 1px solid #006E8F;
	width: 100%;
	height:21px;
}
.changelog_content{
	margin: 0;
	line-height: 20px;
	padding-top: 7px;
	color: #000000;
}
.content_list{
	font-size: 14px;
	color: #000000;
	padding-top: 3px;
	list-style-position: outside;
	text-indent: -20px;
    padding-left: 25px;
}



.dropbtn {
	margin-right: 10px;
    background-color: #4CAF50;
    color: white;
    padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
    font-size: 12px;
    border: none;
    cursor: pointer;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float:right;
}

/* Dropdown Content (Hidden by Default) */
#dropdown-content {
    display: none;
    position: absolute;
	margin-top: -4px;
	width: 140px;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
    z-index: 1;
}

.mailpwediticon {
	background: transparent url(img/icons/lock.svg) no-repeat 5px;
	background-size: 16px 16px;
}
.maildelicon {
	background: transparent url(img/icons/remove.svg) no-repeat 5px;
	background-size: 16px 16px;
}

#header_notiz {
	position: absolute;
	width: 100%;
	text-align: right;
	top: 83px;
	right: 23px;
	color: #fff;
}
#header_notiz_name {
	color: #f01f4b;
	font-style: italic;
	font-weight: bold;
}

/* Links inside the dropdown */
#dropdown-content a {
    color: black;
    padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 24px;
	cursor: pointer;
    text-decoration: none;
    display: block;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}

/* Change color of dropdown links on hover */
.mailpwediticon a:hover {
	background: #d9d9d9 url(img/icons/lock.svg) no-repeat 5px;
	background-size: 16px 16px;
}
.maildelicon a:hover {
	background: #d9d9d9 url(img/icons/remove.svg) no-repeat 5px;
	background-size: 16px 16px;
}

/* Show the dropdown menu on hover */
.dropdown:hover #dropdown-content {
    display: block;
}
#nav_buttons_book:hover #dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


#inline-block {
	display:inline-block;
	text-align: center;
	width: 100%;
}


.datagrid table tbody tr:hover {background: #ccdcea;}
.datagrid table tbody .alt:hover {background: #ccdcea;}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #4a4949; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top:7px; position: relative; margin-bottom: 7px;}
.datagrid table td, .datagrid table th { padding: 7px 0px; }
.datagrid table td a, .datagrid table th a { padding: 7px 0px; color: #d9603f; font-weight:bold; }
.datagrid table td a:hover, .datagrid table th a { color: #d67c15; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #243d54), color-stop(1, #000000) );padding-left: 5px; background:-moz-linear-gradient( center top, #243d54 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#243d54', endColorstr='#000000');background-color:#243d54; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #243d54; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; padding-left: 5px; padding-right: 5px; }
.datagrid table tbody .alt { background: #ececec; color: #00557F; }
.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #243d54), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #243d54 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#243d54', endColorstr='#000000');background-color:#243d54; color:#FFFFFF; font-weight: bold; }
/*.datagrid table tfoot td div { border-top: 1px solid #006699;background: #444444;}*/
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}

#Changelog_Text {
	width: 600px;
	height: 350px;
}
#changelog_div{
	padding-left: 20px;
	padding-bottom:10px;
}


.tcalInput {
	background: url('img/calendar/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

.tcalActive {
	background-image: url('img/calendar/no_cal.gif');
}
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('img/calendar/prev_year.gif'); }
#tcalPrevMonth { background-image: url('img/calendar/prev_mon.gif'); }
#tcalNextMonth { background-image: url('img/calendar/next_mon.gif'); }
#tcalNextYear { background-image: url('img/calendar/next_year.gif'); }

#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }	


div.msgBox
{
    position: fixed;
    z-index: 1050;
    font-family:Verdana;
    width: 430px;
    min-height:160px;
    color: #00335e;
    -moz-box-shadow: 0px 0px 11px #000000;
    -webkit-box-shadow: 0px 0px 11px #000000;
    box-shadow: 0px 0px 11px #000000;
	overflow: hidden;
}
div.msgBoxBackGround
{
    top:0;
    left:0;
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.9;
    z-index:999;
}
div.msgBoxTitle
{
    padding:5px 0 5px 4px;
    font-variant:small-caps;
    font-size:16pt;
    font-weight:lighter;
	background-color: #20374c;
    color:#ffffff;
    width:100%;
    border-bottom : 1px solid #002c5f;
}
div.msgBoxImage
{
    margin:20px 5px 0 5px;
    display:inline-block;
    float:left;
    height:75px;
    width:75px;
}
div.msgBoxImage img
{
    height:75px;
    width:75px;
}
div.msgBoxContent
{
    font-size:11pt;
    margin:0 3px 6px 3px;
    display:inline-block;
    float:left;
    height:90px;
    width:319px;
}
div.msgBoxContent p
{
    padding:0;
    margin:0;
    display: table;
    height: 100%;
    width: 100%;
}

div.msgBoxContent span 
{
    display: table-cell;
    vertical-align: middle;
    color: #00335e;
	padding-top: 30px;
	padding-left: 10px;
	line-height: 23px;
}

/* Content class for IE7*/

div.msgBoxContentIEOld
{
    font-size:11pt;
    margin:0 3px 6px 3px;
    display:inline-block;
    float:left;
    height:90px;
    width:319px;
	position: relative;
}
div.msgBoxContentIEOld p
{
    padding:0;
    margin:0;
    position: absolute;
	top: 50%;
}

div.msgBoxContentIEOld span 
{
    position: relative;
	top: -50%;
}

/* Content class for IE7*/

div.msgBoxButtons
{
    display:inline-block;
    width:100%;
    text-align:right;
}
div.msgBoxButtons input[type='button']
{
    background-color: #243d54; 
	color: #fff;
	padding: 7px 15px;
	width: 100px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
    outline: none;
	position:relative;
	top: -5px;
	left: -5px;
	margin-left: 12px;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
div.msgBoxButtons input[type='button']:hover
{
    background: #fff;
	color: #243d54;
}

div.msgBoxButtons input[type='button']:focus
{
    outline: none; 
    border: solid 2px #FFCC66; /* replace outline by a border */
	-o-transform:rotate(0); /*remove opera outline*/
}

div.msgBoxButtons input[type='button']::-moz-focus-inner /*remove firefox inner outline*/
{ 
    outline: none; 
    border: none;
}

div.msgBoxInputs
{
    margin:0 auto;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:5px;
    width:195px;
}
div.msgInput input[type='text'],div.msgInput input[type='password']
{
    padding:4px;
    border:1px solid #DFDFDF;
    color:#2f2f2f;
    width:180px;
}
div.msgInput text
{
    color:#2f2f2f;
    font-size:10pt;
}	

#ajax_info {
	color:red;
	padding:0;
}
#isClicking {
	cursor: pointer;
}
#sort_box {
	display:inline-block;
	padding-left:20px;
	margin-bottom:-5px;
}
.sortpage {
	background-color:#f5f5f5;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbf5e3), color-stop(1, #c4b99e) );
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color: #040404;
	border: #dfdedb 1px solid;
	width: 18px;
	height: 18px;
	text-decoration:none;
	font-weight:bold;
	font-size: 15px;
	cursor:pointer;
	margin-right: 4px;
	margin-left: 0px;
	float:left;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;

}

.sortpage:hover, .sortpage_active {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5681a9), color-stop(1, #243d54) );
	border: #6e9bd8 1px solid;
	color:#fff;
	width: 16px;
	height: 16px;
	top:1px;
	font-size: 13px;
	margin-right: 5px;
	margin-left: 1px;
}

.sortpage_active {
	background-color:#f5f5f5;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	float:left;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5681a9), color-stop(1, #243d54) );
	border: #6e9bd8 1px solid;
	width: 16px;
	height: 16px;
	top:1px;
	font-size: 13px;
	margin-right: 5px;
	margin-left: 1px;
}
#mailcounter {
	font-size:11px;
	color:#32a700;
}
#mailcounterno {
	font-size:11px;
	color:#bf0000;
}
#registercheck{
	width:700px;
	margin-bottom: -9px;
}
#RegisterTitle {
	margin-bottom:7px;
}
#email_repeat{
	display:none;
}

.start_toptittel {
	width: 100%;
    text-align: center;
    font-size: 25px;
    color: #47a3f3;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 12px;
    text-shadow: 0 0 2px black;
}
.start_topbox {
	width: 100%;
	display: inline-block;
}
.start_topbox_dsgvo {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
.start_welcomebox_left {
    width: 95%;
    float: left;
    position: relative;
	margin-left: 10px;;
}
.start_logo {
	background: url(img/icons/email3.svg) no-repeat;
	height:100px;
	width:100px;
	background-size: 100px;
	padding-right: 12px;
    float: left;
}
.startext {
	position: relative;
    top: 4px;
	margin:0px;
	color:#484848;
}
.start_welcomebox_right {
	border-radius: 10px 0 0 10px;
    background-color: #1d3348;
    width: 27px;
    border: 1px solid #ccc;
    border-right: 0px;
	color:#fff;
    height: 181px;
    float: right;
    position: relative;
	overflow: hidden;
	z-index: 99;
	opacity:0.9;
}
.start_welcomebox_right:hover {
    background-color: #335777;
}
.start_webtitel {
	float:none;
	display:inline-block;
	width:100%;
	margin:0px;
	padding:0px;
	font-size: 16px;
	background-color: #243d54;
    line-height: 43px;
    padding-left: 15px;
    color: #fff;
}
.start_webtitel2 {
	float:none;
	display:inline-block;
	width:100%;
	font-weight: bold; margin:0px; padding:0px; margin-top:3px; margin-left:20px; font-size: 18px; margin-top:15px;
}
.start_webtitel_imp {
	float:none;
	display:inline-block;
	width:100%;
	font-weight: bold; margin:0px; padding:0px; font-size: 16px;
	background-color: #243d54;
    color: #fff;
    line-height: 33px;
    padding-left: 15px;
}
.start_webtitel2_imp {
	float:none;
	display:inline-block;
	width:100%;
	font-weight: bold; margin:0px; padding:0px; font-size: 16px; margin-top:15px;
	background-color: #243d54;
    color: #fff;
    line-height: 33px;
    padding-left: 15px;
}
.start_websubtitel_l {
	float:none;
	display:inline-block;
	width:100%;
	font-weight: bold; margin:0px; padding:0px; font-size: 15px; text-decoration: underline;
	background-color: #243d54;
    color: #fff;
    line-height: 30px;
    padding-left: 15px;
}
.start_websubtitel_r {
	float:right;
	display:inline-block;
	width:100%;
	font-weight: bold; margin:0px; padding:0px; font-size: 15px; text-decoration: underline; text-align: right;
	background-color: #243d54;
    color: #fff;
    line-height: 30px;
    padding-left: 15px;
}
.startlist {
	padding-left: 10px;
    padding-top: 8px;
}
.list_text {
	font-weight:bold;
	color:#3eb70d;
	padding-right:5px;
}
.start_innerlist {
	font-size:12px;
	width:200px;
}

#infotab {
	width:800px;
	margin:7px auto;
	position:fixed;
	top:246px;
	z-index:2;
}
#infotab2 {
	width:100%;
	margin:7px auto;
}




.start_logolistleft {
	height:45px;
	width:45px;
	padding-right: 12px;
    float: left;
	background-size: 45px;
}
#start_logo_alias {
	background: url(img/icons/email2.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
#start_logo_sicherheit {
	background: url(img/icons/shield.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
#start_logo_anonym {
	background: url(img/icons/anonym.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
#start_logo_access {
	background: url(img/icons/access.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
.start_logoimpressum {
	height:80px;
	width:80px;
	padding-right: 12px;
    float: right;
}
#start_logo_contact {
	background: url(img/icons/contact.svg) no-repeat;
	background-size: 80px;
}
#start_logo_law {
	background: url(img/icons/law.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top: 5px;
}
.start_logoagb {
	height:80px;
	width:80px;
    float: right;
}
.start_logoagbs {
	height:65px;
	width:65px;
    float: right;
}
#start_logo_geltungsbereich {
	background: url(img/icons/contract.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_klausel {
	background: url(img/icons/clausel.svg) no-repeat;
	background-size: 65px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_leistung {
	background: url(img/icons/power.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_pflicht {
	background: url(img/icons/pflichten.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_missbrauch {
	background: url(img/icons/missbrauch.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_del {
	background: url(img/icons/imp_del.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_law2 {
	background: url(img/icons/law2.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
.start_logo_dsgvo_l {
	height:100px;
	width:100px;
    float: left;
}
#start_logo_dsgvo {
	background: url(img/icons/dsgvo.svg) no-repeat;
	background-size: 100px;
	margin-top: 10px;
	margin-left:-10px;
}
#start_logo_verantwortlich {
	background: url(img/icons/dsgvo_person.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_info {
	background: url(img/icons/information.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_bestand {
	background: url(img/icons/personendata.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_ip {
	background: url(img/icons/ip.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_inhaltsdaten {
	background: url(img/icons/mailcontent.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_ads {
	background: url(img/icons/ads.svg) no-repeat;
	background-size: 64px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_register {
	background: url(img/icons/register.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_contactform {
	background: url(img/icons/contactform.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_cookies {
	background: url(img/icons/cookies.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_dsgvossl {
	background: url(img/icons/ssl.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_widerruf {
	background: url(img/icons/widerruf.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_beschwerde {
	background: url(img/icons/beschwerde.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_dataup {
	background: url(img/icons/dataup.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_auskunft {
	background: url(img/icons/auskunft.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
#start_logo_captcha {
	background: url(img/icons/RecaptchaLogo.svg) no-repeat;
	background-size: 80px;
	margin-left:10px;
	margin-top:6px;
}
.start_logolistright {
	height:45px;
	width:45px;
	padding-right: 12px;
    float: left;
	background-size: 45px;
}
#start_logo_anhang {
	background: url(img/icons/clip.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
#start_logo_ssl {
	background: url(img/icons/ssl.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
#start_logo_werbung {
	background: url(img/icons/ads.svg) no-repeat;
	background-size: 45px;
	margin-top: 11px;
}
.start_listbox_imp {
    width: 95%;
    float: left;
    position: relative;
	margin-left: 20px;
}
.start_listbox_agb {
    width: 95%;
    float: left;
    position: relative;
	margin-left: 20px;
}
.start_listbox_dsgvo_top {
    float: left;
    position: relative;
	margin-left: 30px;
	margin-right: 30px;
}

.start_listbox {
    width: 95%;
    float: left;
    position: relative;
	margin-left: 20px;
	margin-bottom: -10px;
}
.listtext {
	position: relative;
	color:#484848;
}
#listtext_quarto {
	margin-bottom:0px;
	margin-top:0px;
}
#listtext_quarto2 {
	margin-bottom:0px;
}
.listtext_SmallPadding {
	position: relative;
	margin:0px;
	margin-top:6px;
}

.cc-allow { 
	background-color: #F01F4B; 
	color: #fff;
	padding: 6px 15px;
	width: 100px;
	border: 3px solid #F01F4B !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.cc-allow:hover { 
	background-color: #fff;
	color: #F01F4B;
}

.tr_marker_style {
	background: #ccdcea;
}
.username_quarto {
	margin-left:0px;
}

.reg_back {
	margin-left:30px;
	width:300px;
}

.sectionContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
	background-color: #fbfbfb;
    border: 1px solid #ccc;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
}
.sectionContent_agb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
	background-color: #fbfbfb;
    padding: 0px;
    border: 1px solid #ccc;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
}
#sectionContent_kontakt_quarto {
    padding: 10px;
}
.sectionContent1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
	background-color: #fbfbfb;
    padding-bottom: 10px;
    border: 1px solid #ccc;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
}

.sectionContentStart {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    box-shadow: 5px 5px 5px #cfcfcf;
	border: 1px solid #006E8F;
	border-radius: 10px;
	color: #006E8F;
}

.sectionContent_login {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 30px;
    margin-left: 20px;
	background-color: #fbfbfb;
    margin-right: 20px;
    padding: 10px;
    border: 1px solid #ccc;
	border-radius: 5px;
}

.form_titel {
	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 18px;
	float: left;
	width:100%;
	background-color: #243d54;
    line-height: 33px;
    color: #fff;
	padding-left: 15px;
    margin-left: -15px;
    padding-right: 15px;
    margin-top: -10px;
}
.content_titel {
	margin:0px;
	padding:0px;
	margin-left:20px;
	font-size: 16px;
	float: left;
	width:100%;
	color: #fff;
    line-height: 46px;
}
#content_titel_quarto {
	background-color: #243d54;
	font-size:15px;
    margin-left: 0px;
	padding-left: 15px;
	line-height: 33px;
	font-weight:bold;
}
.content_titel_dsgvo {
	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:30px;
	font-size: 18px;
	float: left;
	width:100%;
	margin-bottom: -6px;
}

.content_text{
	margin: 0;
	line-height: 20px;
	color: #696969;
	text-align: justify;
	padding-top: 10px;
}
#content_text_quarto{
	padding-left:0px;
	padding-right:0px;
}
.content_agb_endttext {
	padding-left:20px;
	font-weight: bold;
	margin-bottom: 24px;
    margin-top: -7px;
}
.content_text_imap2{
	margin: 0;
	line-height: 20px;
	margin-right:20px;
	color: #696969;
	text-align: justify;
}

.content_text_imap{
	margin: 0;
	line-height: 20px;
	margin-right:20px;
	color: #696969;
	text-align: justify;
}

.content_text_warnung{
	margin: 0;
	line-height: 17px;
	margin-left:20px;
	margin-right:20px;
	color: #F01F4B;
	text-align: justify;
	margin-top: -10px;
	margin-bottom: 6px;
	font-weight: bold;
}
.content_text_alias{
	margin: 0;
	line-height: 17px;
	color: #e34e34;
	text-align: justify;
	margin-top: -10px;
	font-weight: bold;
	float:right;
}

.content_innerdiv{
	margin-left:20px;
	margin-right:20px;
}

.content_text_standard{
	margin: 0;
	margin-left:20px;
	margin-right:20px;
	color: #696969;
	text-align: justify;
}



.content_mailtext{
	margin: 0;
	color: #696969;
	padding-left: 5px;
	font-weight: bold;
}

.mail_left1{
	float:left;
	height: 30px;
	line-height: 30px;
	width: 80%;
	background-color: #E1EEf4;
}

.mail_right1{
	float:right;
	width: 20%;
	line-height: 30px;
	background-color: #E1EEf4;
}

#item_login_mailedit1{
	width:100%;
	margin-top:0px;
	padding-bottom: 5px;
}

.mail_left2{
	float:left;
	height: 30px;
	line-height: 30px;
	width: 80%;
	background-color: #f0eddf;
}

.mail_right2{
	float:right;
	width: 20%;
	line-height: 30px;
	background-color: #f0eddf;
}

#item_login_mailedit2{
	background-color: #f0eddf;
	width:100%;
	margin-top:0px;
	padding-bottom: 5px;
}

.mail_linie{
	border-bottom: 1px dashed #006E8F;
	float: left;
	height: 1px;
	width: 100%;
}

.content_mailedit{
	height: 30px;
}

.content_maildel{
	height: 30px;
}

.form_titel2 {
	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:20px;
	font-size: 18px;
	float: left;
	width:100%;
}

/* TITLE ---------------------*/

#page-title{
	overflow: hidden;
    height: 44px;
    margin-bottom: 20px;
    margin-top: -21px;
    background: #EBEBEB;
}

#page-title .title{
	display: block;
    float: left;
    font-family: 'Ubuntu', arial, serif;
    font-size: 19px;
    line-height: 44px;
    margin-left: 30px;
    text-shadow: 0 1px rgba(255, 255, 255, 1);
}

#page-title .subtitle{
	display: block;
    float: left;
    margin-left: 30px;
    line-height: 44px;
    color: #929191;
    font-style: italic;	
}

#page-title_explorer{
	overflow: hidden;
	height: 60px;
	margin-bottom: 0px;
	margin-top:-21px;
	background: #f2f1f1 url(img/border.png) repeat-x bottom left;
}

#page-title_explorer .title_explorer{
	display: block;
	float: left;
	font-family: 'Ubuntu', arial, serif;
	font-size: 30px;
	line-height: 60px;
	margin-left: 30px;
	text-shadow: 0 1px rgba(255, 255, 255, 1);
}

#page-title_explorer .subtitle_explorer{
	display: block;
	float: left;
	margin-left: 30px;
	line-height: 60px;
	color: #929191;
	font-style: italic;	
}

/* HOME --------------------------------------------------------*/

body.home #header{
	height: 430px;
	position: relative;
	z-index: 10;
}

body.home #header #headline{
	width: 906px;
	margin: 110px  auto 40px auto;
	font-size: 26px;
	line-height: 1.5em;
	font-family: 'Ubuntu', arial, serif;
	color: #ebe7e7;
	text-align: center;
}

body.home #content{
	padding-top: 250px;
}

#headline a{
	text-decoration: none;
	color: #FFD800; 
}

h\:footer {
    clear: left;
    height: 5px;
    font-size: 1px;
    padding: 5px 15px;
	margin-left:40px;
    position: relative;
	display:block;
}
hr.spacer {
    border: 0px solid;
    clear: left;
    float: left;
    height: 1px;
    overflow: hidden;
    margin-top: 20px;
    width: 85%;
	display:none;
}
#spacer2 {
    background: url(img/seperator.png) no-repeat 0 5px;
    clear: left;
    height: 5px;
    font-size: 1px;
    padding: 5px 15px;
	margin-left:40px;
    position: relative;
	display:block;
	margin-top: -20px;
}
/* ################ Navigation START ################*/
#nav{
	display: block;
	position: absolute;
	top: 114px;
	border-bottom: solid 5px transparent;
	border-bottom-color: #1E3449;
	height: 55px;
	background: #243D54;
	width:100%;
}


#nav_buttons_main:before{
	font-family: 'FontAwesome';
	content:"\f015";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 18px;
	margin-left: -17px;
}
#nav_buttons_book{
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 12px;
}
#nav_buttons_incom{
	display: block;
	float: left;
}
#nav_buttons_outgo{
	display: block;
	float: left;
}
#nav_buttons_login:before{
	font-family: 'mailcontrol';
	content:"\ea13";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 12px;
	margin-left: -12px;
}
#nav_buttons_register:before{
	font-family: 'mailcontrol';
	content:"\e906";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 12px;
	margin-left: -12px;
}
#nav_buttons_mail:before{
	font-family: 'FontAwesome';
	content:"\f0e0";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 15px;
	margin-left: -15px;
}
#nav_buttons_domains:before{
	font-family: 'mailcontrol';
	content:"\e9ca";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 14px;
	margin-left: -14px;
}
#nav_buttons_alias:before{
	font-family: 'FontAwesome';
	content:"\f14d";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 15px;
	margin-left: -13px;
}
#nav_buttons_policies:before{
	font-family: 'FontAwesome';
	content:"\f02d";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 15px;
	margin-left: -14px;
}
#nav_buttons_conf:before{
	font-family: 'mailcontrol';
	content:"\e972";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 14px;
	margin-left: -16px;
}
#nav_buttons_logout:before{
	font-family: 'FontAwesome';
	content:"\f011";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 15px;
	margin-left: -13px;
}
#nav_buttons_main, #nav_buttons_mail, #nav_buttons_domains, #nav_buttons_alias, #nav_buttons_policies, #nav_buttons_conf, #nav_buttons_acp, #nav_buttons_logout, #nav_buttons_register, #nav_buttons_login{
	display: block;
	float: left;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#nav_buttons_acp:before{
	font-family: 'FontAwesome';
	content:"\f085";
	color: #7497B8;
	position: relative;
	left: 28px;
    font-size: 15px;
	margin-left: -16px;
}
#nav_buttons_menuin{
	display: block;
	float: left;
	background: none;
	overflow: hidden;
}

#nav_buttons_menuout{
	display: block;
	float: left;
	background: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#nav>li:first-child{
	margin-left: 10px;
}



#nav_buttons_main>a, #nav_buttons_mail>a, #nav_buttons_alias>a, #nav_buttons_domains>a, #nav_buttons_policies>a, #nav_buttons_conf>a, #nav_buttons_acp>a, #nav_buttons_logout>a, #nav_buttons_login>a, #nav_buttons_register>a, #nav_buttons_menuin>a{
	text-decoration: none;
	padding: 24px 13px 21px 38px;
	border-bottom: solid 5px transparent;
    display: inline-block;
    color: #fff;
	font-size: 15px;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#nav_buttons_main:hover, #nav_buttons_mail:hover, #nav_buttons_alias:hover, #nav_buttons_domains:hover, #nav_buttons_policies:hover, #nav_buttons_conf:hover, #nav_buttons_acp:hover, #nav_buttons_logout:hover, #nav_buttons_login:hover, #nav_buttons_register:hover{
	color: #fff;
	background: #8abbe72e;
	text-shadow: none;
	color: #fff;
	font-size: 15px;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#nav_buttons_menuin>a{
	text-decoration: none;
	padding: 24px 13px 21px 38px;
	border-bottom: solid 5px #d80000;
    display: inline-block;
	background-color: #F01F4B;
    color: #fff;
	font-size: 15px;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#nav_buttons_menuin>a:hover {
	color: #fff;
	text-shadow: none;
	background-color: #f54b6f;
	border-bottom: solid 5px #e04343;
}

.current-menu-item>a{
	color: #fff;
	background: #8abbe72e;
	text-shadow: none;
}
.current-menu-item>a:hover{
	color: #fff;
	background: none;
	text-shadow: none;
}

#init_new_domain {
	width: 115px;
}


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	10px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit;
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em;
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em;
	top:			0;
}
/* ################ Navigation ENDE ################*/

/* ################ Formular (Button) START ################*/
#registration_form #Register_Button{
	background-color: #243d54; 
	color: #fff;
	padding: 6px 15px;
	width: 140px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#registration_form #Register_Button:hover, #Contact_Button:hover{
	background: #fff;
	color: #243d54;
}

#registration_form #Register_Button:active, #Contact_Button:active{
	background: #fff;
	color: #243d54;
}

#Contact_Button{
	background-color: #243d54; 
	color: #fff;
	padding: 6px 15px;
	width: 140px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.Mail_Button, #Mail_Button2, #PWEdit_Button, #Profil_Edit_Button{
	background-color: #F01F4B; 
	color: #fff;
	padding: 6px 15px;
	width: 100px;
	border: 3px solid #F01F4B !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#Mail_ButtonCheck {
	background-color: #243d54; 
	color: #fff;
	padding: 6px 15px;
	width: 100px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#Mail_ButtonCheck:hover {
	background: #fff;
	color: #243d54;
}

#PWEdit_Button, #Mail_Button2{
	background: #F01F4B; 
	color: #FFF;
}

.Mail_Button:hover, #Mail_Button2:hover, #PWEdit_Button:hover, #Profil_Edit_Button:hover{
	background: #fff;
	color: #F01F4B;
}

.Mail_Button:active, #Mail_Button2:active, #PWEdit_Button:active, #Profil_Edit_Button:active{
	background: #fff;
	color: #F01F4B;
}
#Mail_Button, #PW_Button {
	background-color: #243d54; 
	color: #fff;
	padding: 6px 15px;
	width: 100px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#Mail_Button:hover, #PW_Button:hover {
	background: #fff;
	color: #243d54;
}

#Mail_Button:active, #PW_Button:active {
	background: #fff;
	color: #243d54;
}

#Mail_Button2{
	display:none;
}

.btn {
	cursor: pointer;
}

#AddContact_Button{
	background: #ffd800; 
	color: #363636;
	padding: 10px 15px;
	width: 140px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#AddContact_Button:hover{
	background: #363636;
	color: #FFF;
}

#AddContact_Button:active{
	background: #000;
	color: #FFF;
}

#Button_ContactAdd{
	background: #ffd800 url(img/icons/add.png) no-repeat 5px 8px;
	color: #363636;
	padding: 5px 0px 5px 17px;
	width: 170px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#Button_ContactAdd:hover{
	background: #363636 url(img/icons/add.png) no-repeat 5px 8px;
	color: #FFF;
}
#Button_ContactAdd:active{
	background: #000 url(img/icons/add.png) no-repeat 5px 8px;
	color: #FFF;
}

#login_form #Login_Button{
	background-color: #243d54; 
	color: #fff;
	padding: 6px 15px;
	width: 80px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#SelfDel_Button{
	background-color: #243d54; 
	color: #fff;
	padding: 7px 15px;
	width: 100px;
	border: 3px solid #243d54 !important;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 5px;
	cursor: pointer;
	disabled: true;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#SelfDel_Button:hover{
	background: #FFF;
	color: #243d54;
}

#SelfDel_Done_Button{
	background-color: #F01F4B; 
	color: #fff;
	padding: 7px 15px;
	width: 200px;
	border: 3px solid #F01F4B !important;
	font-size: 14px;
	margin-top: 5px;
	cursor: pointer;
	disabled: true;
	margin-bottom:10px;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#SelfDel_Done_Button:hover{
	background: #ffffff;
	color: #F01F4B;
}
#SelfDel{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

#files{
	background: #fff; 
	color: #363636;
	padding: 2px 2px;
	border: 1px solid #ccc;
}

#files:hover{
	background: #DDDDDD;
}

#files:active{
	background: #363636;
	color: #FFF;
}

#login_form #Login_Button:hover{
	background: #fff;
	color: #243d54;
}
/* ################ Formular (Button) ENDE ################*/



/* FOOTER BOTTOM -------*/
#footer #bottom{
	width: 100%;
	font-size: 12px;
	line-height: 34px;
	text-align: right;
	color: #949494;
}


#footer_links{
	width: 100%;
	font-size: 13px;
	line-height: 1.5em;
	line-height: 14px;
	text-align: left;
	color: #868686;
	border-top: solid 5px transparent;
    border-top-color: #1E3449;
    line-height: 55px;
    background: #243D54;
	padding-left: 20px;
}

#footer_mylinks a, #footer_mylinks{
	color: #fff;
	text-decoration: none;
}
#footer_mylinks:hover a, #footer_mylinks:hover{
	color: #fff;
	text-decoration: underline;
}
/* ################ Footer ENDE ################*/

/* ################ Formular (Felder) START ################*/
.login_text {
	padding-left:20px;
}
.item {
    display: inline;
    float: left;
    padding-bottom: 15px;
    width: 705px;
}
#item_radiobutton {
    padding-bottom: 1px;
}
.item > label,
.item div.label,
.item div.input {
    display: inline;
    float: left;
    font-weight: 400;
}
.item > label,
.item div.label {
    text-align: right;
    width: 170px;
	margin-top:5px;
}
.item div.label label,
.item div.label span,
.item div.label h\:details,
.item > label h\:details {
    display: inline;
    float: right;
    line-height: 34px;
}
.item div.label h\:details,
.item > label h\:details {
    margin-right: 0px;
    font-size: 12px;
    float: none;
}
.item div.input {
    float: left;
    position: relative;
    padding-left: 10px;
    width: 425px;
}
.input > span,
.item h\:details {
    display: inline;
    float: left;
    line-height: 34px;
    margin-right: 5px;
}
.item h\:details {
    color: #888888;
    font-size: 13px;
}
/*.item h\:details.info {
    clear: both;
}*/
.item_login {
    display: inline;
    float: left;
    padding-bottom: 15px;
	margin-top:20px;
    width: 700px;
}
#btn_mailgenerate {
	width:80%;
	margin-left: 10px;
}
.item_login > label,
.item_login div.label,
.item_login div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_login > label,
.item_login div.label_login {
    text-align: left;
	padding-left: 20px;
}
.item_login div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}
.item_mailgen {
    display: inline;
    float: left;
	margin-top:20px;
    width: 700px;
}
#start_checkmail {
    display: inline;
    float: left;
	margin-top:20px;
    width: 700px;
}
#item_mailgen2 {
	margin-top:0px;
}
#ddomain {
	width: 157px;
	text-indent: 11px;
}
#ddomain_back {
	border: 0px solid #B3B8C0;
}
.item_mailgen > label,
.item_mailgen div.label,
.item_mailgen div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_mailgen > label,
.item_mailgen div.label_login {
    text-align: left;
	padding-left: 20px;
}
.item_mailgen div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}
#input_configbutton_optional {
    display: block;
    font-weight: 400;
    line-height: 34px;
	position: relative;
    padding-left: 10px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}


.input_config {
	padding-bottom: 10px;
}

.item_config {
    display: inline;
    float: left;
    width: 700px;
}
.item_config > label,
.item_config div.label,
.item_config div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_config > label,
.item_config div.label_login {
    text-align: left;
	padding-left: 20px;
	width: 70px;
}
.item_config div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}


.item_config_selfdel {
    display: inline;
    float: left;
    width: 700px;
	margin-top:10px;
	margin-bottom:10px;
}
.item_config_selfdel > label,
.item_config_selfdel div.label,
.item_config_selfdel div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_config_selfdel div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}
.item_config_selfdel > label,
.item_config_selfdel div.label_login {
    text-align: left;
	padding-left: 20px;
}

.item_configpw {
    display: inline;
    float: left;
    padding-bottom: 15px;
    width: 700px;
}
.item_configpw > label,
.item_configpw div.label,
.item_configpw div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_configpw > label,
.item_configpw div.label_login {
    text-align: left;
	padding-left: 20px;
}
.item_configpw div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}
.item_configpwold {
    display: inline;
    float: left;
    padding-bottom: 5px;
    width: 700px;
}
.item_configpwold > label,
.item_configpwold div.label,
.item_configpwold div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
div.input_acpfilter {
    position: relative;
	display: inline;
    float: left;
    font-weight: 300;
}
div.input_listperpageselect {
    position: relative;
	display: inline;
    float: right;
    font-weight: 300;
}
div#input_listperpageselect_quarto {
    margin-top: 7px;
}
.item_configpwold > label,
.item_configpwold div.label_login {
    text-align: left;
	padding-left: 20px;
	width: 103px;
}
.item_configpwold div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}


div.input_mailgen {
    float: left;
    position: relative;
    padding-left: 10px;
	display: inline;
    font-weight: 400;
    line-height: 34px;
	z-index:10;
}
#input_mailgen2 {
	padding-left: 18px;
}
div.input_params {
    float: left;
    position: relative;
	display: inline;
	margin-bottom: -13px;
	top: -4px;
}
div.input_mailedit {
    float: left;
    position: relative;
    padding-left: 10px;
	display: inline;
    float: left;
    font-weight: 300;
    line-height: 34px;
}
div.input_config_uname {
    float: left;
    position: relative;
    padding-left: 10px;
	display: inline;
    float: left;
    font-weight: 300;
    line-height: 34px;
}

span.select-wrapper-domain:before {
	position: absolute;
	top: 0;
	content: '@';
	padding-left: 3px;
}
span.select-wrapper-userdomain:before {
	position: absolute;
	content: '@';
	padding-left: 3px;
}

#case_login  {
	width:190px;
	font-size: 13px;
}
#case_loginmail  {
	width:190px;
	font-size: 13px;
}
#case_loginpw  {
	width:190px;
	font-size: 13px;
}
#case_edit_newpw1  {
	width:140px;
	font-size: 13px;
}
#case_edit_newpw2  {
	width:140px;
	font-size: 13px;
}
#case_email  {
	width:240px;
	font-size: 13px;
}
#case_email2, #case_semail, #case_demail  {
	width:160px;
	font-size: 13px;
	margin-right: -5px;
}
#case_email_edit  {
	width:240px;
	font-size: 13px;
}
#case_email_edit:disabled  {
	background: #d1d1d1;
}
#case_pw_edit_old2  {
	width:140px;
	font-size: 13px;
}
#case_pw_edit_old  {
	width:140px;
	font-size: 13px;
}
#case_pw_edit_old:disabled  {
	background: #d1d1d1;
}
#case_pw_selfdel  {
	width:140px;
	font-size: 13px;
}
#case_username  {
	width:240px;
	font-size: 16px;
}
#case_regdate  {
	font-size: 12px;
}
#case_pw  {
	width:120px;
	font-size: 13px;
}
#case_userpw  {
	width:120px;
	font-size: 13px;
}
#case_newpw  {
	width:120px;
	font-size: 13px;
}
#email {
	/*background-image: url(img/inputs/inputname.png),
					  linear-gradient(#EFF2F6 0%, #FFFFFF 40%);				  						   
	background-repeat: no-repeat,
					   repeat;
	background-position: right 6px top 7px,
                         left;*/
	padding-right:28px;
	width: 358px;
}

#policy_help_text {
	width: 100%;
	float: left;
	position: relative;
	top: -21px;
	padding-top: 10px;
}

#mynew_domain, #new_name, #new_sname, #new_dname, #new_email {
	width: 80%;
    height: 80%;
    top: -4px;
    position: relative;
    margin-bottom: -8px;
    font-size: 12px;
}
#new_ddomain {
	width: 80%;
    height: 80%;
    top: -4px;
    margin-bottom: -8px;
	margin-top: -4px;
    font-size: 12px;
	text-indent: 9px;
}
#new_params, #mynew_params {
	width: 80%;
    height: 80%;
    top: -4px;
    text-indent: 41px;
	font-size: 12px;
	
}
#init_mynew_domain {
	width: 117px;
}
#init_mynew_policy {
	width: 130px;
}
#new_quota {
	width: 48px;
    height: 80%;
    top: -4px;
    position: relative;
    margin-bottom: -8px;
    font-size: 12px;
}
#new_quota_option {
	width: 48px;
    position: relative;
    font-size: 13px;
}
#new_quota_mail {
	width: 55px;
    position: relative;
    font-size: 13px;
}
input[type="text"]:disabled {
    border: 1px solid #B3B8C0;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(#cfcfd0 0%, #dcdcdc 40%);
    background-image:    -moz-linear-gradient(#cfcfd0 0%, #dcdcdc 40%);
    background-image:     -ms-linear-gradient(#cfcfd0 0%, #dcdcdc 40%);
    background-image:      -o-linear-gradient(#cfcfd0 0%, #dcdcdc 40%);
    background-image:         linear-gradient(#cfcfd0 0%, #dcdcdc 40%);
	padding: 5px 6px;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 21px;
    margin-right: 10px;
    outline: none;
    width: 180px;
}

textarea[type="text"],
input[type="text"],
input[type="number"],
input[type="password"] {
    border: 1px solid #B3B8C0;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:     -ms-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
	padding: 5px 6px;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 21px;
    margin-right: 10px;
    outline: none;
    width: 380px;
}
input[type="text"]:focus,
input[type="password"]:focus,
.select-wrapper-contacts:focus,
.select-wrapper-domain:focus,
.select-wrapper:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}
input[type="text"]:hover,
input[type="password"]:hover,
.select-wrapper-contacts:hover,
.select-wrapper-domain:hover,
.select-wrapper:hover {
	-moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
}
textarea[type="text"] {
    border: 1px solid #B3B8C0;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:     -ms-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
	font-family: 'Ubuntu', arial, serif;
    height: 110px;
	min-height: 110px;
    line-height: 21px;
    margin-right: 10px;
    outline: none;
    padding: 5px 6px;
    width: 380px;
	max-width: 380px;
}
#contact_message {
    border: 1px solid #B3B8C0;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:     -ms-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
	font-family: 'Ubuntu', arial, serif;
    height: 190px;
    line-height: 21px;
    margin-right: 10px;
    outline: none;
    padding: 5px 6px;
    width: 380px;
}
textarea[type="text"]:focus, #contact_message:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}
textarea[type="text"]:hover, #contact_message:hover {
	-moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
}
span.select-wrapper {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
    padding: 0;
    width: 393px;
}
span.select-wrapper-domain {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
    padding: 0;
    width: 170px;
}
.select-wrapper-userdomain {
    color: #262626;
    display: inline-block;
    padding: 0;
	margin-bottom: -1px;
}
span.select-wrapper-params {
    color: #262626;
    height: 80%;
    padding: 0;
    width: 80%;
	display:inline-block;
}
span.select-wrapper-params:before {
	position: absolute;
	top: 4px;
	content: 'match=';
	padding-left: 7px;
}
span.select-wrapper-contacts {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 72px;
    margin-right: 10px;
    padding: 0;
    width: 393px;
}
span.select-wrapper select {
    background-color: transparent;
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 19px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 7px 6px 6px 3px;
    width: 393px;
}
span.select-wrapper-domain select {
    background-color: transparent;
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 19px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 7px 6px 6px 3px;
    width: 170px;
}
span.select-wrapper-contacts {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 120px;
    margin-right: 10px;
    padding: 0;
    width: 393px;
}
span.select-wrapper-contacts select {
    background-color: transparent;
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 120px;
    line-height: 19px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 7px 6px 6px 3px;
    width: 393px;
}



.select-wrapper-phonenr:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}
.select-wrapper-phonenr:hover {
	-moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
}
span.select-wrapper-phonenr {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding: 0;
    width: 110px;
}
span.select-wrapper-phonenr select {
    background-color: transparent;
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 19px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 7px 6px 6px 3px;
    width: 110px;
}
.addbutton {
	background: url(../style/img/icons/addnumber.png) no-repeat;
	width: 16px;
	height: 16px;
	text-decoration: none;
}
.delpicture {
	background: url(../style/img/icons/removepicture.png) no-repeat;
	width: 24px;
	height: 24px;
	text-decoration: none;
	padding-top: 12px;
	margin-left: -8px;
}
.hidden {
	display: none;
}
#hiddenmail {
	display: none;
}

#mailedit1, #mailedit2, #mailedit3, #mailedit4, #mailedit5 {
	display: none;
}

#maildel1, #maildel2, #maildel3, #maildel4, #maildel5 {
	display: none;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    span.select-wrapper select {
        padding: 6px 6px 7px 3px;
    }
}
x:-o-prefocus, span.select-wrapper {
    background-color: #FFFFFF;
    background-image: none;
}
x:-o-prefocus, span.select-wrapper select {
    height: 21px;
    width: 399px;
    margin: 5px 0px 0px 3px;
}
*+html span.select-wrapper {
    background-color: transparent;
    border: 0px solid;
    float: left;
    display: inline;
}
*+html span.select-wrapper select {
    height: 22px;
    line-height: 22px;
    margin: 6px 0px;
    width: 410px;
}
span.select-wrapper select option {
    padding: 2px;
    outline: none;
}

.item.birthday h\:output.status,
.item h\:output.status-birthday {
    right: auto;
    margin-left: 3px;
}
.item input.zipCode,
.item input.streetNumber {
    width: 55px;
}
.item input.city,
.item input.streetName {
    width: 300px;
}
.item input.birthday,
.item input.birthmonth {
    margin-right: 5px;
    width: 15px;
	height: 20px;
}
.item input.standard {
	height: 20px;
}
.item input.birthyear {
    width: 38px;
	height: 20px;
}
.item input.mobile {
    width: 200px;
}
.item input.email {
    width: 335px;
}
h\:output.feedback .feedbackPanel * {
    color: #FFFFFF;
    line-height: 20px;
    float: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
.chooseEmail div.wishname {
    margin-top: 5px;
}
.wishname input.wishname {
    width: 220px;
}
.wishname h\:details.info {
    clear: both;
    font-size: 13px;
    line-height: 20px;
    padding-top: 3px;
    width: 300px;
}
.wishname .btn-positioner + h\:details {
    color: #262626;
    font-size: 14px;
    font-weight: 700;
}
/* ################ Formular (Felder) ENDE ################*/



div.form-checkbox-element,
div.form-radiobutton-element {
    padding-left: 25px;
    position: relative;
    line-height: 20px;
	float:left;
	padding-right:17px;
	top:6px;
}

.form-checkbox-wrapper,
.form-radiobutton-wrapper {
    height: 20px;
    left: 0;
    top: 0;
    position: absolute;
}
.form-checkbox-wrapper input[type="checkbox"],
.form-radiobutton-wrapper input[type="radio"] {
    position: absolute;
    z-index: -1;
}

.form-checkbox-wrapper input[type="checkbox"] + label,
.form-radiobutton-wrapper input[type="radio"] + label {
    background-image: url(img/radio-checkbox_registrierung.png); /*  img/radio-checkbox.png  */
    background-repeat: no-repeat;
    cursor: pointer;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 1px;
}
input[type="radio"] + label                        { background-position:    0px     0px; }
input[type="radio"] + label:hover                  { background-position:    0px   -20px; }
input[type="radio"]:checked + label                { background-position:  -20px     0px; }
input[type="radio"] + label.checked                { background-position:  -20px     0px; }
input[type="radio"]:checked + label:hover          { background-position:  -20px   -20px; }
input[type="radio"] + label.checked:hover          { background-position:  -20px   -20px; }
input[type="radio"]:focus + label                  { background-position:    0px   -40px; }
input[type="radio"]:focus + label:hover            { background-position:    0px   -40px; }
input[type="radio"]:checked:focus + label          { background-position:  -20px   -40px; }
input[type="radio"]:focus + label.checked          { background-position:  -20px   -40px; }
input[type="radio"]:checked:focus + label:hover    { background-position:  -20px   -40px; }
input[type="radio"]:focus + label.checked:hover    { background-position:  -20px   -40px; }

/*
input[type="checkbox"] + label                     { background-position:    0px   -60px; }
input[type="checkbox"] + label:hover               { background-position:    0px   -80px; }
input[type="checkbox"]:checked + label             { background-position:  -20px   -60px; }
input[type="checkbox"] + label.checked             { background-position:  -20px   -60px; }
input[type="checkbox"]:checked + label:hover       { background-position:  -20px   -80px; }
input[type="checkbox"] + label.checked:hover       { background-position:  -20px   -80px; }
input[type="checkbox"]:focus + label               { background-position:    0px   -100px; }
input[type="checkbox"]:focus + label:hover         { background-position:    0px   -100px; }
input[type="checkbox"]:checked:focus + label       { background-position:  -20px   -100px; }
input[type="checkbox"]:focus + label.checked       { background-position:  -20px   -100px; }
input[type="checkbox"]:checked:focus + label:hover { background-position:  -20px   -100px; }
input[type="checkbox"]:focus + label.checked:hover { background-position:  -20px   -100px; }
*/

.regular-checkbox {
	display: none;
}
.regular-checkbox + label {
	padding: 9px;
	margin-left:20px;
	margin-right:4px;
	top:3px;
	display: inline-block;
	position: relative;
	background-image: url(img/radio-checkbox_registrierung.png); /*  img/radio-checkbox.png  */
    background-repeat: no-repeat;
    cursor: pointer;
	background-position: 0px 0px;
}
.regular-checkbox:checked + label {
	padding: 9px;
	margin-left:20px;
	margin-right:4px;
	top:3px;
	display: inline-block;
	position: relative;
	background-image: url(img/radio-checkbox_registrierung.png); /*  img/radio-checkbox.png  */
    background-repeat: no-repeat;
    cursor: pointer;
	background-position: -20px 0px;
}
#label_mobile {
	color: #696969;
}
#label_username {
	color: #696969;
}
#label_email {
	color: #696969;
}
#label_pw {
	color: #696969;
}
#label_pwc {
	color: #696969;
}

#label_acp_filtertext {
	color: #696969;
	font-weight: bold;
	margin-bottom: -5px;
	float:left;
	width: 100%;
}

.smsinc_checkbox {
	display: none;
}
.smsinc_checkbox + label {
	padding: 9px;
	margin-left:0px;
	margin-top:-5px;
	margin-bottom:-2px;
	top:3px;
	display: inline-block;
	position: relative;
	background-image: url(img/radio-checkbox_registrierung.png); /*  img/radio-checkbox.png  */
    background-repeat: no-repeat;
    cursor: pointer;
}
#picinput {
	margin-top:-14px;
}
#picpreview {
	margin-top:0px;
}



.item_acpconfig {
    display: inline;
    float: left;
    width: 700px;
	margin-bottom: 10px;
}
.item_acpconfig > label,
.item_acpconfig div.label,
.item_acpconfig div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_acpconfig > label,
.item_acpconfig div.label_login {
    text-align: left;
	padding-left: 20px;
	width: 70px;
}
.item_acpconfig div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}

.item_acptabletext {
    display: inline;
    float: left;
    width: 200px;
}
#item_listperpage {
    display: inline;
    float: right;
    width: 130px;
}
#item_addmailbtn {
    display: inline;
    float: right;
    width: 130px;
	margin-right:20px;
}
.item_tableconfigbox {
    display: inline;
	float: left;
    width: 100%;
}
#tabletext_quatro {
	width: 100%;
	background-color: #243d54;
}
#item_acptabletext_wide {
	width: 100%;
	background-color: #243d54;
}
.item_acptabletext > label, .item_acptabletext3 > label,
.item_acptabletext div.label, .item_acptabletext3 div.label,
.item_acptabletext div.input_login, .item_acptabletext3 div.input_login {
    display: inline;
    float: left;
    font-weight: 400;
    line-height: 34px;
}
.item_acptabletext > label, .item_acptabletext3 > label,
.item_acptabletext div.label_login, .item_acptabletext3 div.label_login {
    text-align: left;
	width: 70px;
}
.item_acptabletext div.input_login, .item_acptabletext3 div.input_login {
    float: left;
    position: relative;
    padding-left: 10px;
}
.select-wrapper-acpfilter:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}
.select-wrapper-acpfilter:hover {
	-moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
}
span.select-wrapper-acpfilter {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:    -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:     -ms-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    background-image:         linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    padding: 0;
}
span.select-wrapper-acpfilter select {
    border-color: #DADADA;
    background-color: #FAFAFA;
	border:1px solid transparent;
    color: #262626;
    display: inline;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 19px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
}

.select-wrapper-newdomain:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}
.select-wrapper-newdomain:hover {
	-moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
}
span.select-wrapper-newdomain {
    background: #FFFFFF;
    border: 1px solid #B3B8C0;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:     -ms-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    color: #262626;
    height: 80%;
    margin-right: 10px;
    padding: 5px 6px;
}
span.select-wrapper-newdomain select {
    border-color: #DADADA;
    background-color: #FAFAFA;
	border:1px solid transparent;
    color: #262626;
    display: inline;
    font-size: 12px;
    height: 80%;
    line-height: 19px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    outline: none;
}

.styleinput {
	padding-left:20px;
	padding-top:5px;
	display:inline-block;
}