@charset "utf-8";
/* CSS Document */

/* Altes grün: #52d624 */

html {
	height:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	overflow-y:scroll;
	font-size:12px;
	height:100%;
}

a:link, a:visited {
	color:#AAC66C;
	text-decoration:none;
	border:none;
	outline:none;
}

a:hover, a:active {
	text-decoration:underline;
}

input[type="submit"], input[type="button"] {
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	background:none;
	border:none;
}

strong {
	font-weight:600;
}

i {
	font-style:italic;
}

/* Login */
#login_wrapper {
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-225px;
	width:300px;
	height:450px;
	background-color:#F7F7F7;
	border:1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#login_header {
	text-align:center;
	margin-top:25px;
}

#login_content {
	position:relative;
	text-align:center;
	width:200px;
	margin:30px 0px 0px 50px;
}

.login_input, .login_submit {
	display:block;
	margin-bottom:6px;
	font-family: 'Open Sans', sans-serif;
}

.login_input {
	font-size:18px;
	width:195px;
	font-weight:300;
}

#login_error {
	position:absolute;
	top:136px;
	left:52px;
	font-size:10px;
	color:#FF0000;
}

.login_submit {
	position:absolute;
	padding:0;
	right:0px;
	font-weight:300;
}

.login_submit:hover {
	text-decoration:underline;
}

#login_disclaimer {
	width:240px;
	text-align:center;
	font-weight:300;
	font-size:11px;
	margin:40px 0px 0px 30px;
}

#login_disclaimer span {
	font-style:italic;
}


/* Main Page*/
#wrapper {
	position:absolute;
	width:960px;
	left:50%;
	margin-left:-480px;
}

/* Header*/
.header_block, #header {
	height:82px;
}

#header {
	position:relative;
	background-color:#AAC66C;
	border-bottom:2px solid #D9D9D9;
}

.header_block {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background-color:#AAC66C;
	border-bottom:2px solid #D9D9D9;
}

#zett_logo {
	margin:9px 0 0 0;
}

#zett_logo:hover {
	cursor:pointer;
	opacity:0.8;
}

.datetime {
	position:absolute;
	right:12px;
	top:50px;
	font-size:18px;
	font-weight:600;
	color:#666;
}

#user_info {
	position:absolute;
	right:12px;
	top:6px;
	font-size:11px;
	font-weight:300;
	width:300px;
}

#user_info span {
	font-weight:300;
	position:absolute;
	right:52px;
	top:3px;
	text-align:right;
	color:#666;
	}
	
#logout_but {
	position:absolute;
	right:0;
}

#settings_but {
	position:absolute;
	right:26px;
}

#logout_but:hover, #settings_but:hover {
	cursor:pointer;
	opacity:0.6;
}

/* Main Elements*/
#menu {
	position:relative;
	height:36px;
}

#main {
	float:left;
	height:auto;
}

#sidebar {
	float:left;
	height:auto;
}

/* Menu*/
#menu input, #menu select, #menu textarea {
	margin-bottom:2px;
}

#search_input {
	position:absolute;
	top:8px;
	font-size:16px;
	width:228px;
	font-family: 'Open Sans', sans-serif;
	padding-right:22px;
}

#search_submit {
	position:absolute;
	left:230px;
	top:8px;
	font-size:18px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	color:#AAC66C;
}

#search_submit:hover {
	color:#666;
}

#search_mode {
	position:absolute;
	left:208px;
	top:15px;
}

#search_mode_2 {
	position:absolute;
	left:2px;
	top:24px;
}

#search_mode:hover, #search_mode_2:hover {
	opacity:0.6;
	cursor:pointer;
}

.auswahl option {
	color: black;
}

.empty {
	color: gray;
}

#mitteilungen {
	overflow:hidden;
}

#mitteilungen_scroll {
	position:absolute;
	bottom:0;
	background-image:url(../images/FFF-85.png);
	width:638px;
	height:15px;
	padding:6px 0px 6px 0px;
	text-align:right;
}

#scroll_msg_down, #scroll_msg_up {
	margin-left:4px;
}

#mitteilungen_scroll img {
	cursor:pointer;
}

#mitteilungen_scroll img:hover {
	opacity:0.6;
}

#mitteilungen_wrapper {
	margin-top:0px;
}

#message {
	background-color:#FFF;
	width:632px;
	height:272px;
	top:156px;
	left:6px;
	position:absolute;
	z-index:9999;
	display:none;
	padding:12px;
}

#message_txtarea {
	width:626px;
	height:80px;
	resize:none;
}

#message_cancel {
	margin-left:10px;
}

#message_submit, #message_cancel {
	font-size:14px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	color:#AAC66C;
	padding:0;
}

#message_submit:hover, #message_cancel:hover {
	color:#666;
}

#message_success {
	display:none;
	position:absolute;
	top:0;
}

.message {
	position:relative;
	padding:6px 6px 6px 0px;
	border-bottom:1px solid #D9D9D9;
}

.message_mrkr {
	width:15px;
	height:15px;
	float:left;
	margin:0px 6px 0px 0px;
}

.message_txt {
	width:585px;
	display:inline-table;
}

.sender {
	margin-left:6px;
	color:#0099FF;
	font-size:10px;
	font-weight:300;
}

.an_alle {
	background-color:#CCCCCC;
}

.an_mich {
	background-color:#AAC66C;
}

.notiz {
	background-color:#fdeb84;
}

.message input[type='checkbox'] {
	position:absolute;
	right:0;
	top:4px;
	cursor:pointer;
}

#newmsg_info {
	position:absolute;
	top:5px;
	left:120px;
}

/* Main classes*/

.box100 {
	width:960px;
	margin:8px 0px 4px 0px;
	display:none;
}

.box100_inner {
	width:932px;
}

.box100_inner_left, .box100_inner_right {
	float:left;
	width:456px;
}

.box100_inner_right {
	margin-left:10px;
}

.box70 {
	width:666px;
	margin:8px 12px 4px 0px;
}

.box70_flex {
	width:666px;
	margin:8px 12px 4px 0px;
	height:auto;
	min-height:330px;
	position:relative;
	background-color:#F7F7F7;
	border:1px solid #D9D9D9;
}

.box70_inner_flex {
	position:relative;
	margin:0px 0px 4px 4px;
	height:auto;
	min-height:280px;
	background-color:#FFF;
	border-top:1px solid #D9D9D9;
	padding:10px;
	width:638px;
}

.box70_inner {
	width:638px;
}

.box30_flex {
	width:278px;
	height:auto;
	margin:8px 0px 4px 0px;
}

.box30_inner_flex {
	position:relative;
	margin:0px 0px 4px 4px;
	height:auto;
	min-height:280px;
	background-color:#FFF;
	border-top:1px solid #D9D9D9;
	padding:10px;
	width:250px;
}

.box30 {
	width:278px;
	margin:8px 0px 4px 0px;
}

.box30_inner {
	width:250px;
}

.box70, .box30, .box100 {
	position:relative;
	height:330px;
	background-color:#F7F7F7;
	/*float:left;*/
	border:1px solid #D9D9D9;
}

.box70_flex, .box30_flex, .box100_flex {
	position:relative;
	min-height:330px;
	background-color:#F7F7F7;
	/*float:left;*/
	border:1px solid #D9D9D9;
}

.box70 h1, .box70_flex h1, .box30 h1, .box30_flex h1, .box100 h1, .overlay_infobox h1 {
	font-size:15px;
	text-transform:uppercase;
	font-weight:300;
	margin:4px 0px 0px 4px;
}

.box70_inner, .box30_inner, .box100_inner {
	position:absolute;
	left:4px;
	bottom:4px;
	height:280px;
	background-color:#FFF;
	border-top:1px solid #D9D9D9;
	padding:10px;
	overflow:hidden;
}

.box70_inner h3, .box70_inner_flex h3, .box30_inner h3, .box30_inner_flex h3, .box100_inner h3 {
	font-size:12px;
	font-weight:600;
	color:#AAC66C;
	margin:0px 0px 4px 0px;
	padding:2px 0px 0px 0px;
}

.box70_inner h3 span, .box70_inner_flex h3 span, .box30_inner h3 span, .box30_inner_flex h3 span, .box100_inner h3 span {
	color:#666;
	font-size:9px;
	font-weight:300;
	margin-right:6px;
}

.box70_inner p span, .box70_inner_flex p span, .box30_inner p span, .box30_inner_flex p span, .box100_inner p span {
	color:#666;
	font-size:9px;
	font-weight:300;
}

.box70_inner p, .box70_inner_flex p, .box30_inner p, .box30_inner_flex p, .box100_inner p {
	font-size:11px;
	font-weight:300;
	margin:0px 0px 8px 0px;
	padding:0px 0px 2px 0px;
}

.box_item, .task_item {
}

.box_item:hover, .task_item:hover {
	cursor:pointer;
}

.box_item:hover p, .task_item:hover p {
	color:#666;
	text-decoration:underline;
}

.entry_info {
	height:49px;
}

#hidden_heading_value {
	display:none;
	visibility:hidden;
}

.entry_info p {
	padding-top:10px;
	font-size:12px;
	font-weight:600;
}

.box_but1 {
	right:8px;
}

.box_but2 {
	right:32px;
}

.ico_but {
	position:absolute;
	top:5px;
	cursor:pointer;
}

.ico_but:hover {
	opacity:0.6;
}

label {
	display:block;
	font-size:12px;
	color:#333;
	margin:0px 0px 4px 0px;
}

input, select, textarea {
	margin-bottom:12px;
	font-family: 'Open Sans', sans-serif;
	resize:none;
	font-size:12px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#angebot_titel, #einr_name {
	width:450px;
}

#angebot_textarea, #einr_textarea {
	width:450px;
	height:120px;
}

.input_float_ang{
	float:left;
	margin:0px 12px 0px 12px;
}

.inp_short {
	width:50px;
}

.label_bold {
	font-weight:600;
}

#eintrag_submit, #update_submit {
	position:absolute;
	bottom:2px;
	right:30px;
}

.delete_submit {
	position:absolute;
	bottom:2px;
	right:195px;
}

.form_submit {
	font-size:13px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	color:#AAC66C;
	padding:0;
}

.form_submit:hover {
	cursor:pointer;
	color:#666;
}

.nofloat {
	clear:both;
}

.ang_select {
	width:120px;
}

.ang_break {
	clear:both;
	padding-top:20px;
}

.ang_dati {
	width:68px;
	margin-right:8px;
}

.input_33 {
	width:127px;
}

.radio_label {
    position: relative;
    right: 0;
    top: -2px;
}

.ui-datepicker-trigger {
	margin-top: 2px;
    position: absolute;
}

.ui_tpicker_time_label, .ui_tpicker_time, .timepicker-header {
	display:none;
}

.ui-timepicker-div dl {
	padding-top:6px;
}

#suchergebnisse {
	display:none;
}

/* Overlays */

#overlay_container {
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../images/FFF-85.png);
	display:none;
	overflow:auto;
	z-index:999999;
}

#overlay_wrapper {
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
	background-color:#FFFFFF;
	height:100%;
}

#overlay_wrapper a:link, #overlay_wrapper a:visited {
	color:#AAC66C;
	text-decoration:none;
	border:none;
	outline:none;
}

#overlay_wrapper a:hover, #overlay_wrapper a:active {
	text-decoration:underline;
}

#overlay_wrapper h1 {
	font-size:18px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	color:#AAC66C;
	margin-bottom:20px;
	margin:0px 0px 0px 4px;
	text-transform:uppercase;
}

#overlay_content {
	position:relative;
	min-height:350px;
	background-color:#F7F7F7;
	/*float:left;*/
	border:1px solid #D9D9D9;
	margin-top:6px;
}

#overlay_content_inner {
	position:relative;
	margin:0 4px 4px 4px;
	background-color:#FFF;
	border-top:1px solid #D9D9D9;
	padding:20px 10px 10px 10px;
	color:#666;
	min-height:290px;
}

#overlay_content label {
	display:inline-block;
	width:75px;
	font-weight:bold;
}

#overlay_close {
	position:absolute;
	right:4px;
	top:5px;
	cursor:pointer;
}

#overlay_close:hover {
	opacity:0.6;
}

#overlay_actions {
	position:relative;
	background-color:#F7F7F7;
	/*float:left;*/
	border:1px solid #D9D9D9;
	margin-top:4px;
	float:right;
}

#overlay_actions h1 {
	color:#666;
	font-weight:300;
	font-size:15px;
}

#overlay_actions_inner {
	position:relative;
	margin:0 4px 4px 4px;
	background-color:#FFF;
	border-top:1px solid #D9D9D9;
	padding:10px;
	color:#666;
	width:160px;
	font-weight:400;
}

#overlay_heading {
	color:#666;
	display:block;
	font-weight:600;
	font-size:14px;
	margin-bottom:12px;
}

#overlay_actions_inner ul li, #settings_menu ul li {
	list-style-type:none;
}

#overlay_actions_inner li, #settings_menu li {
	height:28px;
	cursor:pointer;
	color:#AAC66C;
}

#settings_menu li:hover {
	text-decoration:underline;
}

.list_icon {
	padding:4px 6px 0px 0px;
	margin-bottom:-3px;
}

/* SETTINGS */
#function_load input[type="button"] {
	padding:0;
	color:#AAC66C;
	font-weight:600;
	font-size:14px;
	outline:none;
}

#function_load input[type="button"]:hover {
	text-decoration:underline;
}

.user_list_item_heading {
	position:relative;
	width:100%;
	padding:0px 4px 0px 4px;
}

.user_list_item {
	position:relative;
	width:100%;
	margin-bottom:4px;
	background-color:#F7F7F7;
	padding:4px;
}

.user_list_item:hover {
	background-color:#ECFFC2;
}

.user_list_item span {
	position:absolute;
	right:8px;
	top:6px;
}

.user_list_name, .user_list_username, .user_list_level {
	margin-top:2px;
}

.user_list_name {
	color:#AAC66C;
	width:200px;
	float:left;
}

.user_list_username {
	float:left;
	width:150px;
}

.user_list_level {
	padding-top:2px;
}

.user_list_item_ico {
	padding-left:14px;
	cursor:pointer;
	margin-top:3px;
}

.user_list_item_ico:hover {
	opacity:0.6;
}

.input_float {
	float:left;
	margin-right:12px;
}

.input_float_clear {
	float:left;
	margin-right:12px;
	clear:both;
}

.settings_hint {
	margin-left:2px;
	width:319px;
}

#ajax_loader {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-64px;
	margin-top:-64px;
	display:none;
}

.box70_inner_right {
	position:absolute;
	right:10px;
	top:10px;
	width:220px;
}

#file_mgr {
	min-height:60px;
	margin-top:30px;
}

.fileinput-button {
	font-weight:600;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color:#AAC66C;
}

.fileinput-button input {
	width:142px;
	height:20px;
}

#progress_count {
	clear:both;
	float:left;
	width:32px;
	font-size:11px;
}

#progress{
	width:100px;
	float:left;
}

.progress-bar {
	height:9px;
	background-color:#AAC66C;
	width:0;
	margin-top:3px;
}

#file_viewer {
	clear:both;
}