body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
}

#main{
	float:left;
	width:100%;
	min-height:900px;
	/*background-image:URL('../images/bg-main.jpg');
	background-repeat:repeat-x;*/
	background-color:#ffffff;
}
.maincontent{
	width:100%;
	max-width:1600px;
	margin:0px auto;
	position:relative;
}

#top{
	float:left;
	width:100%;
	height:147px;
	background-color:#f4f4f4;
}
.top-content{
	width:100%;
	max-width:1500px;
	margin:0px auto;
	position:relative;
	height:147px;
}
.top-content-logo{
	float:left;
	width:190px;
	height:82px;
	margin-left:39px;
	margin-top:28px;
}
.top-content-logo img{
	width:100%;
	height:auto;
}
.top-content-right{
	float:right;
	margin-top:60px;
	margin-right:40px;
}

/* MENÜ */

#menu{
	width:1165px;
	height:39px;
	margin-top:-3px;
	margin-right:35px;
	float:right;
}
.menu-content{
	float:left;
	margin-left:96px;
}
.menu-button{
	float:left;
	text-decoration: none;
	height:39px;
	padding:20px 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.menu-button1{
	width:120px;
}
.menu-button2{
	width:165px;
}
.menu-button3{
	width:140px;
}
.menu-button4{
	width:100px;
}

.menu-button-on{
	background-color:#45a8c4;
}
.menu-button-off{
	background-color:#fafafa;
}
.menucontent{
	margin-top:-10px;
}
.menu-button-on a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-on a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-on  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-off a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#818181;
	font-size:10pt;
}
.menu-button-off a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#849d46;
	font-size:10pt;
}
.menu-button-off  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#849d46;
	font-size:10pt;
}

/* Submenu */
.submenu{
	position:absolute;
	width:200px;
	border-left:2px solid #45a8c4;
}
.submenu-start{
	left:350px;	
	height:35px;
}
.submenu-kosten{
	left:461px;	
	height:35px;
}
.submenu-kunden{
	left:542px;	
	height:35px;
}
.submenu-vertrieb{
	left:688px;	
	height:35px;
}
.submenu-interessenten{
	left:772px;	
	height:35px;
}
.submenu-interessenten-v{
	left:350px;	
	height:35px;
}
.submenu-keininteresse{
	left:891px;	
	height:35px;
}
.submenu-keininteresse-v{
	left:515px;	
	height:35px;
}
.submenu-templates{
	left:1024px;	
	height:35px;
}
.submenu-newsletter{
	left:1195px;	
	height:35px;
}
.submenu-content{
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.submenu a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#45a8c4;
	font-size:10pt;
}
.submenu a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#1b5c6e;
	font-size:10pt;
}
.submenu  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#1b5c6e;
	font-size:10pt;
}


.headline{
	float:left;
	width:1500px;
	background-color:#445359;
	color:#ffffff;
	font-weight:300;
	font-size:20pt;
	margin-left:50px;
	margin-top:30px;
	margin-bottom:30px;
}
.headline-left{
	float:left;
	margin-top:20px;
	margin-left:35px;
}
.headline-center{
	margin-left:50px;
	margin-top:17px;
	float:left;
}
.headline-right{
	float:right;
	margin-right:35px;
}
.content{
	background-color:#ffffff;
	float:left;
	width:1430px;
	margin-left:50px;
	margin-top:20px;
	padding:35px;
}
.headline a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#adc1ce;
	font-size:10pt;
}
.headline a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.headline  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#fffff;
	font-size:10pt;
}

/* Kosten */
.headline-tab{
	min-width:150px;
	display:inline-block;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:13pt;
	color:#666666;
	font-weight:300;
	height:40px;
	margin-right:10px;
	border-radius:0px;
	text-align:center;
	background-color:#f4f4f4;
}
.headline-tab h1{
	height:35px;
}
.headline-tab.selected h1{
	color:#ffffff;
	/*border-bottom:2px solid grey;*/
	height:35px;
	border-radius:0px;
	background-color:#45a8c4;
}
.headline-bar{
	float:left;
	height:2px;
	width:100%;
	background-color:#f4f4f4;
	margin-bottom:40px;
}

.headline-tab2{
	min-width:130px;
}
.headline-tab2 h1{
	font-size:11pt;
	padding-top:5px;
}
.tab-box{

}
.hidden{
	display:none;
}

#loading{
	display:none;
	position:absolute;
	width:24px;
	height:24px;
	z-index:100;
}

#overlay {
	background-color:#fcfcfc;
	border:1px solid #cccccc;
	box-shadow:3px 3px 5px #aaaaaa;
	padding:30px;
	border-radius:10px;
	position:absolute;
	z-index:10;
	display:none;
	
	overflow-y:scroll;
}

/* Start */
.start-box{
	float:left;
	width:260px;
	height:260px;
	padding:30px;
	margin-bottom:50px;
	border-left:1px dashed #cccccc;
}
.start-box-cube{
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	margin-top:3px;
}
.start-box-large{
	float:left;
	width:750px;
	height:700px;
}
.start-box-large-padding{
	padding:30px;
	width:610px;
	height:260px;	
	overflow:auto;
	margin-bottom:50px;
}
.start-box-large-balken{
	float:left;
	width:5px;
	height:38px;
	background-color:#5c5c5c;
	margin-right:20px;
	margin-bottom:20px;
}
.start-box-large-balken-extended{
	height:55px;
}
.start-box-large-content{
	float:left;
	width:565px;
	line-height:14pt;
	font-size:9pt;
	margin-bottom:20px;
}
.start-box-large-content-small{
	width:480px;
	margin-right:30px;
}
.start-box-large-icon{
	float:right;
	width:30px;
	height:30px;
	padding:5px;
	cursor:pointer;
}
.start-box-large-icon:hover{
	background-color:#dedede;
}
.start-box-bg1{
	background-color:#60a4d3;
}
.start-box-bg2{
	background-color:#d3ae60;
}
.start-box-bg3{
	background-color:#a4d360;
}
.start-box-bg4{
	background-color:#9160d3;
}
.start-box-bg5{
	background-color:#e97d7d;
}
.start-box-bg6{
	background-color:#82dadd;
}
.start-box-large-bg{
	background-color:#f6f6f6;
}
.start-box-spacer{
	margin-right:50px;
}

/* Rechnungsvorlagen */
.vorlage-box{
	float:left;
	width:40%;
	margin-right:10%;
}
.vorlage-erst{
	background-color:#f8fbf5;
}
.vorlage-folge{
	background-color:#f5f9fb;
}
.vorlage-erst img, .vorlage-folge img{
	padding-top:5px;
}
.intervall-button span{
	display:inline-block;
	padding:3px 0px;
	box-sizing:border-box;
	width:25px;
	background-color:#ffffff;
}
/* Kundenliste */

.kunden-tabs{
	border-bottom:1px solid #999999;
}
.kunden-tab{
	display:inline-block;
	padding:4px 8px;
	background-color:#aaaaaa;
	color:#000000;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	cursor:pointer;
}
.kunden-tab:hover{
	background-color:#cccccc;
}
.kunden-tab.active{
	background-color:#45a8c4;
	color:#ffffff;
}
.kundenbox-liste{
	float:left;
	width:550px;
	margin-right:80px;
	font-weight:300;
}
.kundenbox-details{
	float:left;
	width:800px;
}
.kundenbox-details-icon{
	float:left;
	width:174px;
	margin-right:36px;
	color:#bcbcbc;
}
.kundenbox-details-content{
	float:left;
	width:580px;
}
.kundenbox-ansprechpartner{
	float:left;
	width:325px;
	height:150px;	
	background-color:#f5f5f5;
	padding:30px;
	margin-bottom:30px;
}
.kundenbox-ansprechpartner.standard{
	background-color:#f0faf0;
}
.kundenbox-ansprechpartner:nth-child(even){
	margin-right:30px;
}
.kunde-neu-anlegen{
	float:left;
	width:1430px;
	margin-left:50px;
	padding:35px;
	margin-bottom:30px;
	margin-top:-30px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.kunde-neu-neu{
	background-image:URL('../images/transbg-white.png');
}
.kunde-neu-edit{
	background-image:URL('../images/transbg-green.png');
}
.ansprechpartner-neu{
	float:left;
	width:740px;
	margin-bottom:30px;
	background-color:#eaeee1;
	padding:30px;
}

/* Servernachricht */
.nachricht-left{
	float:left;
	width:650px;
	margin-right:50px;
}
.nachricht-right{
	float:left;
	width:700px;
}

/* Projekte */
.yearbox{
	float:left;
	padding:35px;
	width:1430px;
	background-color:#ced8df;
	margin-left:50px;
	margin-bottom:30px;
}
.negativ {
	color: #d94545;
}
.positiv {
	background-color: #f4f8ee;
	color:#75923c;
	font-weight:400;
}
.status-offen{
	background-color:#8b4e4e;
	color:#ffffff;
}
.status-gestellt{
	background-color:#516d2a;
	color:#ffffff;
}

.roundborders{
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.tabellensprung tr:nth-child(2n+3), .tabellensprung  tr.even{
	background-color:#f7f7f7;
}
.tabellensprung tr.odd{
	background-color:#ffffff;
}
.tabellensprung tr:nth-child(1){
	background-color:#5e5e5e;
	color:#ffffff;
	font-weight:300;
}
.tabellensprung-clear{
	background-color:#ffffff;
}
.tabellensprung-trans{
	background-color:transparent;
}
.filter-table td td, .filter-table td tr{
	background:none !important;
	font-weight:400;
	color:#000000;
}

#tabellensprung{
	float:left;
	width:1430px;
}
.fixedtabellensprung{
	width:1430px;
	position:fixed;
	z-index:100;
	top:0;
	left:200;
	display:border-box;
	background-color:#5e5e5e;
	color:#ffffff;
	font-weight:300;
	height:40px;
}

.content-lineheight{
	line-height:20pt;
}
.tabelle-gestellt{
	background-color:#e3ead9;
}
table{
	line-height:1.5em;
}

#new-entry{
	float:left;
	width:1200px;
	height:150px;
	border-radius:10px;
	background-color:#6a6a6a;
	margin-top:25px;
	margin-bottom:45px;
}
.new-entry-content{
	float:left;
	margin-left:40px;
	margin-top:20px;
	color:#ffffff;
}

/* Vorgemerkt */
.rechnungsstatus_1{
	color:#666666;
}
/* Erstellt */
.rechnungsstatus_2{
	color:#0088ff;
	background-color:rgba(0,150,255,0.1);
}
/* Verschickt */
.rechnungsstatus_3{
	color:#7b872c;
	background-color:rgba(186,198,108,0.1);
}
.rechnungsstatus_4{
	color:#22aa22;
	background-color:rgba(0,255,0,0.1);
}
.rechnungsstatus_5{
	color:#aa0000;
	background-color:rgba(150,0,0,0.1);
}
.rechnungsstatus_6{
	color:#cc0000;
	background-color:rgba(200,0,0,0.1);
}
.rechnungsstatus_7{
	color:#ff0000;
	background-color:rgba(200,0,0,0.1);
}

.infobox-green{
	padding:20px;
	color:#ffffff;
	background-color:#1e952a;
	line-height:1.3em;
	clear:both;
	margin:10px 0;
}
.infobox-red{
	padding:20px;
	color:#ffffff;
	background-color:#9b2020;
	line-height:1.3em;
	clear:both;
	margin:10px 0;
}
#archiv{
	float:left;
	width:1200px;
	height:60px;
	border-radius:10px;
	background-color:#505050;
	margin-top:5px;
	margin-bottom:45px;
}
.archiv-content{
	float:left;
	margin-left:40px;
	margin-top:20px;
	color:#ffffff;
}

.jahreszahl{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:700;
	color:#878787;
	margin-left:60px;
}
.monatsanzeige{
	float:left;
	width:1200px;
	height:37px;
}
.monatsanzeige-monatzahl{
	float:left;
	height:27px;
	width:27px;
	background-color:#688a1f;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	font-weight:700;
	text-align:center;
	padding:5px;
	margin-right:20px;
}
.monatsanzeige-monatname{
	float:left;
	width:910px;
	height:27px;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	font-weight:700;
	padding:5px;
	text-transform:uppercase;
	border-bottom:1px solid grey;
}
.monatsanzeige-details{
	float:left;
	width:210px;
	color:#ffffff;
	font-size:10pt;
	padding:10px;
	padding-right:0px;
	border-bottom:1px solid grey;
	height:17px;
	text-align:right;
}

.datencontent{
	float:left;
	width:1143px;
	margin-left:57px;
}
.datencontent-design{
	color:#e7e7e7;
	margin-top:15px;
}
.abstand{
	height:22px;
}
.abstand-small{
	height:12px;
}
.bodenleiste {
	border-top:1px solid grey;
	height:40px;
	padding-top:15px;
}

/* LOGIN */
.login-text-input{
	float:left;
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
	border:0px;
	height:25px;
	width:320px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	box-shadow: 2px 2px 3px #8b8b8b;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#4b4b4b;
}
.login-button{
	margin-top:20px;
	padding:10px;
	background-color:#45a8c4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
	color:#ffffff;
	height:35px;
	width:130px;
	border:1px solid #358ca5;
	display:inline-block;
	-moz-box-shadow:inset 0px 1px 0px 0px #8dd4e8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8dd4e8;
	box-shadow:inset 0px 1px 0px 0px #8dd4e8;
	cursor:pointer;
}
.login-button:hover {	
	background-color:#6cbbd1;
}
.login-info{
	width:540px;
	margin:0px auto;
	padding:0px;
	position:relative;
	line-height:16pt; 
	margin-bottom:30px;
	color:#a4a4a4;
}
.login-box{
	width:540px;
	margin:0px auto;
	padding:0px;
	position:relative;
	background: #eeeeee;	
	background: -moz-linear-gradient(top, #eeeeee 0%, #dadada 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dadada));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dadada 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#dadada 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#dadada 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#dadada 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dadada',GradientType=0 );
	padding:30px;
	box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
	-moz-border-radius:20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari, Chrome */
    -khtml-border-radius: 20px; /* KHTML */
    border-radius: 20px; /* CSS3 */
}
.font-logout{
	color:#8b8b8b;
}

.content-add-box{
	float:right;
	padding:5px;
	width:30px;
	height:30px;
	background-color:#637726;
	margin-bottom:30px;
}
.content-add-box:hover{
	background-color:#8aa732;
}
.content-add-box-text{
	float:right;
	padding:5px;
	width:200px;
	height:30px;
	text-align:right;
	margin-right:10px;
}

/* Support */
.support-message-kunde{
	float:left;
	border:1px solid #cccccc; 
	padding:15px;
	width:90%;
	box-sizing:border-box;
	background-color:#ccccdd;
	border-radius:8px;
	margin-bottom:10px;
}
.support-message-cumodis{
	float:left;
	border:1px solid #cccccc;
	padding:15px;
	width:90%;
	box-sizing:border-box;
	background-color:#bbccbb;
	border-radius:8px;
	margin-left:10%;
	margin-bottom:10px;
}

.support-message-text{
	float:left;
	padding:10px;
	width:40%;
	background-color:#ffffff;
	padding:10px;
}
.support-message-notizen{
	float:left;
	color:#555555;
	font-style:italic;
	padding:10px;
	width:40%;
	margin-left:5%;
	background-color:#dddddd;
}

.support-text-box{
	
}


.iconarea{
	float:right;
	width:26px;
	height:100px;
}

.icon{
	float:right;
	width:26px;
	height:26px;
	margin-bottom:10px;
}

.icon-edit{
	background-color:#c6c6c6;
}
.icon-edit:hover{
	background-color:#1d6586;
}
.icon-save{
	background-color:#c6c6c6;
}
.icon-save:hover{
	background-color:#6f861d;
}
.icon-archiv{
	background-color:#c6c6c6;
}
.icon-archiv:hover{
	background-color:#b64d4d;
}
.icon-unarchiv{
	background-color:#c6c6c6;
}
.icon-unarchiv:hover{
	background-color:#b5b64d;
}

.int-icon{
	width:33px;
	height:33px;
	text-align:center;
	background-color:#c6c6c6;
	margin-right:10px;
	cursor:pointer;
	margin-bottom:3px;
}
.icon-archiv, .icon-istkunde, .int-editnotiz, .int-save2, .int-clear2{
	margin:0;
	margin-bottom:5px;
}
.int-icon-mail:hover,.int-icon-mail.active, .icon-istkunde:hover{
	background-color:#92b256;
}
.int-icon-star:hover,.int-icon-star.active{
	background-color:#45a8c4;
}
.int-icon-presentation:hover,.int-icon-presentation.active{
	background-color:#e5b922;
}
.int-icon-termin:hover,.int-icon-termin.active{
	background-color:#c44545;
}
.int-icon-nocontact:hover,.int-icon-nocontact.active{
	background-color:#8f09a7;
}
.int-icon-monster:hover,.int-icon-monster.active{
	background-color:#33b5cd;
}
.int-edit-table{
	width:100%;
}
.int-edit-table input,.int-edit-table select{
	padding:5px;
	margin-bottom:4px;
	width:100%;
	box-sizing:border-box;
}

.int-table-small{
	line-height:1.2em;
	font-size:12px;
}

.int-grey{
	color:#777777;
}

.int-daysleft{
	font-size:25px;
	margin-bottom:10px;
}
.int-days{
	
}
.int-days-set{
	margin-top:30px;
	font-size:10px;
	line-height:1.2em;
}

.int-name{
	font-weight:700;
	font-size:16px;
}
.int-address{
	color:#777777;
	line-height:1.2em;
}
.int-phone,.int-mobile{
	font-size:22px;
	font-weight:400;
	margin-bottom:5px;
}
.int-phone:before{
	width:30px;
	height:30px;
	margin-right:10px;
	content:'';
	background:url('../images/icon-kontakt-telefon.png');
	background-size:cover;
	display:inline-block;
	vertical-align:middle;
}
.int-mobile:before{
	width:30px;
	height:30px;
	margin-right:10px;
	content:'';
	background:url('../images/icon-kontakt-handy.png');
	background-size:cover;
	display:inline-block;
	vertical-align:middle;
}

.int-branche{
	margin-left:40px;
	font-style:italic;
}

.int-input-box{
	overflow:hidden;
	display:block;
	box-sizing:border-box;
	margin-right:5px;
}
.int-input{
	width:100%;
	box-sizing:border-box;
	height:30px;
}
.int-add-button{
	background:#92b256;
	float:right;
	width:30px;
	height:30px;
	margin-left:5px;
	cursor:pointer;
}
.int-add-button:hover{
	background:#99bf52;
}

.int-notizen{
	padding:10px;
	background:#ffffff;
	border:1px solid #666666;
	width:100%;
	box-sizing:border-box;
	height:200px;
	margin-top:5px;
	overflow-y:scroll;
}
.int-note-table{
	width:100%;
}

.td-grey{
	background-color:#dfdfdf;
	border-bottom:1px solid #ffffff;
	text-align:center;
	padding:4px;
	padding-top:30px;
	position:relative;
	cursor:pointer;
	line-height:1.2em;
}
.td-grey input{
	position:absolute;
	top:100px;
	left:20px;
	visibility:hidden;
}
.td-grey.int-verzug{
	background:#cc4444 !important;
	color:#ffffff !important;
}
.td-grey.int-verzug .int-grey{
	color:#ffffff !important;
}
.minical li{
	list-style-type:none;
}
.td-greenbg{
	background-image:url('../images/td-greenbg.png');
	background-repeat:no-repeat;
	background-position:0 1000px;
}
hr{
	height:1px;
	border:0;
	background-color:#aaaaaa;
}

.error-box{
	color:#ffffff;
	font-weight:400;
	background-color:#7b1f1f;
	padding:10px;
	float:left;
	width:400px;
	margin-bottom:25px;
	text-align:center;
}

.border-top,.border-top td{
	border-top:2px solid #444444;
}

.left{ 
	float:left; 
}
.right{ 
	float:right; 
}
.clear{
	clear:both;
}

.tableborder{
	border:1px solid grey;
}
.table{
	width:100%;
	border-spacing: 0px;
	border-collapse:collapse;
}
.table tr:hover td{
	background-color:#ffffaa;
}
.table th,.table td{
	margin:0;
	padding:6px 12px;
	border:1px solid #d0d0d0;
}
.table th{
	font-weight:700;
	background-color:#344b5b;
	text-align:left;
	color:#ffffff;
}
.table tr:nth-child(2n+1){
	background-color:#e7e7e7;
}
.table td._green{
	background-color:#daf4d7;
}
.table a{
	text-decoration:underline;
}
.textfeld{
	width:100%;
	box-sizing:border-box;
	padding:12px;
	padding:6px 12px;
	color:#7b7b7b;
	color:#444444;
	margin-top:5px;
	margin-bottom:5px;
	border-radius:3px;
	border:1px solid #c5c5c5;
	background-color:#f5f5f5;
	transition:background-color 0.3s;
	font-size:1.2em;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
}
select.textfeld{
	padding:6px 12px;
	margin-top:2px;
	margin-bottom:2px;
}
.textfeld:hover{
	background-color:#e4e4e4;
}
.textfeld-normal{
	border:1px solid #bdbdbd;
	height:22px;
	width:220px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.textfeld-normal-large{
	width:630px;
}
.textfeld-normal-medium{
	width:500px;
}
.textfeld-tiny{
	width:40px;
}
.textfeld-small{
	width:75px;
}
.textfeld-middle{
	width:210px;
}
.textfeld-large{
	width:300px;
}
.textarea{
	width:360px;
	margin-right:20px;
	height:143px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-bottom:15px;
}
.textarea2{
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
	border:0px;
	height:200px;
	width:320px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	box-shadow: 2px 2px 3px #8b8b8b;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.textarea-large{
	width:630px;
	border:1px solid #bdbdbd;
	color:grey;
	padding:10px;
}
.textarea-medium{
	width:400px;
	height:50px;
	border:1px solid #bdbdbd;
	color:grey;
	padding:10px;
}
.selectfeld{
	height:27px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-bottom:15px;
	background-color:#585858;
	border:1px solid #999999;
	padding:2px;
	color:#ffffff;
}
.selectfeld-normal{
	height:34px;
	width:180px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	border:1px solid #bdbdbd;
	font-weight:300;
	color:#4b4b4b;
	padding:5px;
	padding-left:10px;
	background-color:#ffffff;
}
.selectfeld2{
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
	border:0px;
	height:35px;
	width:320px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	box-shadow: 2px 2px 3px #8b8b8b;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.selectfeld-tiny{
	width:70px;
}
.selectfeld-small{
	width:100px;
}
.selectfeld-large{
	width:180px;
}
.button{
	padding:5px;
	border:1px solid #889668;
	background-color:#535e3a;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:200px;
	text-align:center;
	cursor:pointer;
	height:33px;
	margin-top:1px;
}
.button-small{
	width:100px;
}
.button-tiny{
	width:40px;
}
.button-red{
	background-color:#aa3223;
}

.filter-clear{
	display:inline;
	padding:5px;
	cursor:pointer;
}
.gradient{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
}

h1{
	font-family: 'Open Sans', sans-serif;
	font-size:18pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#5e5e5e;
	font-weight:300;
	margin-bottom:40px;
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-size:15pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#6a7d26;
	font-weight:400;
}

h3{
	font-family: 'Open Sans', sans-serif;
	font-size:13pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#445359;
	font-weight:600;
}

h4{
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	padding:0px;
	margin:0px;
	border:0px;
	color: #393939;
	font-weight:300;
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-size:13pt;
	padding:0px;
	margin:0px;
	border:0px;
	color: #3c81bc;
	font-weight:300;
}

h6{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	padding:0px;
	margin:0px;
	border:0px;
	color: #aaa163;
	font-weight:300;
	text-transform:uppercase;
}

.bold{
	font-weight:600;
}
.italic{
	font-style:italic; 
}

a {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#3b6c80;
	font-weight:400;
}

a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#52a5c8;
	font-weight:400;
}

a:active {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#52a5c8;
	font-weight:400;
}

a.white{
	color:#ffffff;
}

table td{
	vertical-align:top;
}

img{
	border: 0px;
}

.ml10{
	margin-left:10px;
}
/* Kalender */
.kalender{
}


/* Kalender */
.kalender-headbar{
	width:580px;
	height:40px;
	background-color:#262f33;
	float:right;
	margin-left:150px;
	margin-top:-5px;
}
.kalender-headbar-content{
	margin-left:20px;
	margin-top:7px;
	width:550px;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	color:#ffffff;
	line-height:10pt;
}
.kalender-headbar-content a {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	font-weight:600;
	color:#4495cb;
}
.kalender-headbar-content a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	font-weight:600;
	color:#bcb08c;
}
.kalender-headbar-content a:active {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	font-weight:600;
	color:#924141;
}
.kalender-kw{
	float:left;
	width:3.5%;
	height:125px;
	margin-right:7px;
	margin-bottom:1px;	
}
.kalender-kw-week{
	float:left;
	width:47px;
	height:35px;
	margin-right:7px;	
}
.kalender-kw-week-time{
	float:left;
	width:47px;
	margin-top:6px;
	text-align:center;
}
.kalender-kw-inaktiv{
	background-color:#848484;
}
.kalender-kw-aktiv{
	background-color:#567582;
}
.kalender-kw-zahl{
	float:left;
	width:47px;
	height:40px;
	margin-top:50px;
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	color:#ffffff;
	font-weight:400;
	text-align:center;
}
.kalender-kw-headline{
	float:left;
	width:3.5%;
	height:25px;
	margin-right:7px;
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	color:#5e5e5e;
	text-transform:uppercase;
	text-align:center;
	margin-top:-10px;
}
.kalender-day-month{
	float:left;
	width:13.5%;
	/*height:130px;*/
	margin-right:1px;
	position:relative;
	overflow-x:visible;
}
.kalender-today{
	border:2px solid #2182A6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.kalender-today .kalender-date{
	height: 18px;
}
.kalender-day-selected{
	border:4px solid #f1b256;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.kalender-day-selected .kalender-date{
	height: 16px;
}
.kalender-day-month-projects{
	height:110px;
	/*overflow-y:auto;*/
	overflow-x:visible;
}
.kalender-day-week{
	float:left;
	width:175px;
	height:35px;
	margin-right:1px;
}
.kalender-day-day{
	float:left;
	width:1173px;
	height:35px;
}
.kalender-date{
	width:175px;
	height:20px;
	font-size:8pt;
	top:0px;
	padding-left:5px;
	padding-top:5px;
	cursor:pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position:relative;
	line-height:0.8em;
}

.kalender-date.available{
	background-color:#cceecc;
}

.kalender-day-inaktiv{
	background-color:#bdbdbd;
}
.kalender-day-aktiv-1{
	background-color:#f2f2f2;
}
.kalender-day-aktiv-2{
	background-color:#eaeaea;
}
.kalender-day-aktiv-3{
	background-color:#e2e5f0;
}
.kalender-day-aktiv-4{
	background-color:#dadde8;
}
.kalender-day-headline{
	float:left;
	width:13.5%;
	height:25px;
	margin-right:1px;
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	color:#5e5e5e;
	text-transform:uppercase;
	text-align:center;
	margin-top:-10px;
}
.kalender-day-headline a {
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	text-decoration: none;
	font-weight:600;
	color:#4495cb;
}
.kalender-day-headline a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	text-decoration: none;
	font-weight:600;
	color:#bcb08c;
}
.kalender-day-headline a:active {
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	text-decoration: none;
	font-weight:600;
	color:#924141;
}
.kalender-day-day-headline{
	float:left;
	width:1173px;
	height:25px;
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	color:#5e5e5e;
	text-transform:uppercase;
	text-align:center;
	margin-top:-10px;
}
.kalender-entry, .kalender-entry-aufgabe, .kalender-entry-termine{
	float:left;
	width:100%;
	height:26px;
	margin-bottom:1px;
	overflow:hidden;
	white-space:nowrap;
	line-height:0.8em;
	cursor:pointer;
	position:relative;
}
.kalender-entry-week{
	float:left;
	width:175px;
	height:35px;
}
.kalender-entry-day{
	float:left;
	width:1172px;
	height:35px;
}
.kalender-entry-content{
	margin-left:4px;
	margin-top:7px;
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	color:#ffffff;
	position:relative;
}
.kalender-termin img{
	position:absolute;
	top:0;
	right:0;
}
.kalender-termin .kalender-entry-content:before{
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	background-position:center;
	background-size:cover;
	background-image:url('../images/icon_time.png');
	vertical-align:middle;
	margin-right:5px;
}
.kalender-entry-content-aufbau{
	left:4px;
	top:13px;
	width:164px;
	font-family: 'Courier', sans-serif;
	font-size:17px;
	font-weight:700;
	color:#ffffff;
	position:absolute;
}
.kalender-planning-content{
	width:164px;
	/*font-family: 'Courier', sans-serif;*/
	font-size:14px;
	font-weight:700;
	color:#229922;
	position:absolute;
	left:0;
	top:5px;
	/*display:none;*/
}
.kalender-date .kalender-planning-content{
	width:auto;
	float:right;
	right:0px;
	left:auto;
}
.kalender-entry-content-week{
	margin-left:8px;
	margin-top:8px;
	font-family: 'Open Sans', sans-serif;
	font-size:9pt;
	color:#ffffff;
}
.kalender-entry-color1{
	background-color:#526cad;
}
.kalender-entry-color2{
	background-color:#5c6e1f;
}
.kalender-entry-color3{
	background-color:#af81c9;
}
.kalender-entry-color4{
	background-color:#ad5252;
}
.kalender-monate{
	float:left;
	width:80px;
	height:130px;
	margin-left:-80px;
	margin-top:45px;
	background-color:#ffffff;
	border-top-left-radius:15px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:15px;
}
.kalender-monate-content{
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.kalender-infobox{
	position:absolute;
	z-index:10;
	padding:12px;
	background-color:#ffffff;
	border-radius:8px;
	box-shadow:2px 2px 8px #888888;
	border:1px solid #aaaaaa;
	max-width:1000px;
	min-width:400px;
	display:none;
}
.kalender-infobox-headline{
	/*float:left;*/
	font-weight:700;
}
.kalender-infobox-image{
	float:right;
	margin-left:20px;
	border:3px solid #ffffff;
}

.kalender-infobox-close{
	cursor:pointer;
	float:right;
}
.kalender-infobox-back{
	cursor:pointer;
	float:left;
}

.kalender-infobox-infotext{
	clear:both;
	float:left;
	margin-top:10px;
}

.kalender-infobox-files{
	float:left;
	clear:both;
	margin-top:10px;
	width:100%;
}

.kalender-infobox-interact{
	text-align:center;
}

.kalender-drag{
	float:left; 
	height:20px; 
	width:90%;
	cursor:move;
}

.kalender-entry-count{
	background-color:rgba(255,255,255,0.0);
	padding:2px;
	position:absolute;
	bottom:0;
	right:0;
	height:9px;
	width:70px;
	overflow:hidden;
	text-align:right;
}
.kalender-entry-done{
	float:right;
	background-color:#33ee35;
	width:5px;
	height:5px;
	border-radius:10px;
	margin:0px;
	margin-left:1px;
	border:1px solid rgba(0,0,0,0.4);
	box-sizing:border-box;
}
.kalender-entry-undone{
	float:right;
	background-color:#ee3431;
	width:5px;
	height:5px;
	border-radius:10px;
	margin:0px;
	margin-left:1px;
	border:1px solid rgba(0,0,0,0.4);
	box-sizing:border-box;
}
.kalender-count-haken{
	width:11px;
	height:10px;
}
.kalender-infobox .kalender-entry-undone,.kalender-infobox .kalender-entry-done{
	width:10px;
	height:10px;
}

#kalender-mouse{
	position:absolute;
	display:none;
	top:0;
	left:0;
	z-index:1000;
	pointer-events:none;
	box-shadow:2px 2px 8px #888888;
}


#kalender-planning-box{
	position:absolute;
	z-index:10;
	padding:12px;
	background-color:#ffffff;
	border-radius:8px;
	box-shadow:2px 2px 8px #888888;
	border:1px solid #aaaaaa;
	width:500px;
	display:none;
}
#kalender-planning-box h3{
	border-bottom:1px solid #333333;
}

.kalender-day-month.active-day{
	background-color:#f0e690 !important;
}
#overlay .kalender-day-month{
	cursor:pointer;
}

.kalender-date-overlay{
	position:absolute;
	z-index:20;
	padding:12px;
	background-color:#ffffff;
	border-radius:8px;
	box-shadow:2px 2px 8px #888888;
	border:1px solid #aaaaaa;
	width:500px;
	display:none;
}

.cursor{
	cursor:pointer;
}
/* Popup */

#popup, #overlay{
	position:absolute;
	padding:20px;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:10px;
	color:#666666;
	display:none;
	max-width:500px;
}
#popup{
	pointer-events:none;
}
.overlay-close{
	cursor:pointer;
}

/* TEMPLATE-EDITOR */

.accordion {
  border-bottom:1px solid #b5b5b5 !important;
  background-color:transparent;
  color: #444;
  cursor: pointer;
  padding: 8px;
  padding-left:12px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  box-sizing:border-box;
  font-size:1.3rem;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
  text-align:left;
}
.active, .accordion:hover {
  border-bottom:1px solid grey !important;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion:after {
  content: '\02795';
  font-size: 10px;
  color: #777;
  height:10px;
  float: right;
  margin-left: 5px;
  margin-top:5px;
  border:0px;
}
.active:after {
  content: "\2796";
  border:0px;
}

.templates-left{
	float:left;
	width:60%;
}
.templates-right{
	float:right;
	width:35%;
}
.templates-colorbox{
	float:left;
	width:22px;
	height:22px;
	margin-left:-10px;
	margin-top:3px;
	margin-right:20px;
}
.colorbox-green{
	background-color:#8da348;
}
.template-btn{
	float:left;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:8px;
	background-color:#eaeaea;
	text-align:center;
	color:#4c4c4c;
	margin-top:20px;
	margin-right:10px;
	cursor:pointer;
}
.templates-onoffbtn{
	float:left;
	width:70px;
	height:28px;
	padding:3px;
	border-radius:20px;
	background-color:#cfcfcf;
	box-sizing:border-box;
	margin-right:20px;
}
.templates-onoffbtn .active{
	background-color:#79b738;
}
.templates-onoffbtn-kreis{
	background-color:#ffffff;
	border-radius:20px;
	width:22px;
	height:22px;
	float:left;
}
.templates-onoffbtn-text{
	color:#ffffff;
	text-transform:uppercase;
	font-weight:400;
	font-size:0.8rem;
	float:right;
	margin-top:2px;
	margin-right:6px;
}
label:has(input:checked){
    font-weight:700;
}