@charset "UTF-8";
/* CSS Document */
		*{
			margin:0px;
			padding:0px;
		}
		
		body{
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#666;
			line-height: 18px;
		}
		
		
		h1{
			background:url(../images/customer/Logo.png);
			background-repeat:no-repeat;
			position:relative;
			width:430px;
			height:118px;
			display:block;
			text-indent:-4000px;
			margin-bottom:0px;
			margin-top:0px;
			margin-left:-10px;
		}
		h1 a{
			width:405px;
			height:80px;
			display:block;
		}
		
		h2{
			font-size:20px;
			color:#666;
			line-height: 27px;
			font-weight:200;
			padding-bottom:20px;
		}
		
		h3{
			font-size:15px;
			color:#666;
			line-height: 18px;
			font-weight:200;
		}
		h4{
			font-size:15px;
			color:#666;
			line-height: 22px;
			font-weight: bold;
			padding-bottom: 10px;
		}
		
		a{
			color:#666;
			text-decoration:none;
		}
		
		a:hover{
			color:#666;
			text-decoration:underline;
		}
		img{
			border:0;
		}
		input,
		textarea{
		font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666;
		}
		fieldset{
		
			width:580px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #cccccc;
			padding: 10px;
			background-color: #efefef;
			margin-bottom:20px;
		}
		legend{
		font-size: 15px;
		
		}
		th{
		text-align:left;
		}
		
		table{
			width:"100%";
		}
		td{
			text-align: left;
			vertical-align: top;
			padding-bottom: 5px;
		}
		
		td ul li{
			list-style:square;
			margin-left: 16px;
			/*text-indent: -5px;*/
		}
		
		
		#description{
		width:250px;
		height: 80px;
		}
		
		p{
		padding-bottom:10px;}	
		
		label{
		font-weight:bold;
		}
	

/**** Content ****/
#contentcontainer{
	left:20px;
	top:40px;
	position:relative;
	width:98%; /*Fake da sonst Querbalken*/
	overflow:hidden;
	clear:right;
}


		
/**** Footer ****/
#footer{
	clear:left;
	font-size:10px;
	position:relative;
	top:30px;
	left:20px;
	width:800px;
	
}

.categoryList{
	width:100%;
	overflow:auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	background-color: #efefef;
	background-image: url(../images/background/background_boxen.jpg);
	background-repeat:repeat-x;
	margin-bottom:20px;
}
#categoryEdit,
#categoryList,
#categoryTable,
#contactList,
#contactEdit,
#contactImPort,	
#cityEdit,
#cityList,
#cityTable,
#employeeEdit,
#employeeTable,
#roleEdit,
#roleTable,
#userEdit,
#userTable{width:800px;}

#contactTable{width:100%;}

#categoryList td,
#categoryTable td,
#contactTable td,
#cityList td,
#cityTable td,	
#employeeTable td,
#roleTable td,	
#userTable td{padding-right:20px;}

.headerControls{
	width:90px;
}
.headerCity{
	width:260px;
}
.headerZip{
	width:130px;
}
.headerArea{
	width:120px;
}

.categoryList td{
	margin:3px;
}

.nav_category_list{
	list-style: none;
}
.leftalign{
	background-color:#ffffff;
	text-align:left;
}
.rightalign{
	text-align: right;
}

.sendButtonNavigation{
	background-color: #fee78c;
	width:50px;
	height:25px;
	padding:2px;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#search_all_display{
	overflow:auto;
}

.listWithCircles
{
	padding-left:20px;
	text-indent:5px;
	
}

.listWithCircles li
{
 	list-style-type:circle;
}

.listNoCircles
{
	list-style-type:none;
	padding-left:0px;
	text-indent:5px;
	
}

.listNoCircles li
{
 	list-style-type:none;
 	padding-bottom: 10px; 
}
.listNoCircles li a:hover {
	text-decoration: none;
}
	/*
#refobj_but
{	
	width: 23px;
  	height: 23px;
  	border: 0;
  	background: url(../images/icons/search.png) no-repeat center top;
  	overflow: hidden;
  	cursor: pointer;
  	cursor: hand; 
}
*/

#nav_contact_add,
#nav_employee_add,
#nav_city_add,
#nav_search_submit,
#nav_arge_submit,
#nav_time_submit,
#nav_cost_submit,
#nav_div_submit
{	
	width: 35px;
  	height: 24px;
  	border: 0;
  	background: url(../images/icons/button_search.png) no-repeat center top;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  	text-indent: -1500px;
}






#nav_contact,
#nav_employee,
#nav_city,
#nav_search{
	width:100px;
	margin-right: 5px;
}

#selectAllButton
{
	padding:0;
	margin:0;
	width: 103px;
  	height: 23px;
  	border: 0;
  	background: url(../images/icons/button_selectAll.png) no-repeat center top;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  	text-indent: -1500px;
}

#refreshButton
{
	padding:0;
	margin:0;
	width: 103px;
  	height: 24px;
  	border: 0;
  	background: url(../images/icons/button_newsearch_txt.png) no-repeat center top;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  	text-indent: -1500px;
}

#allSelectedButton
{
	width: 25px;
  	height: 25px;
  	border: 0;
  	background: url(../images/icons/allSelected.gif) no-repeat center top;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  	text-indent: -1500px;

}
#search_container {
	float:left;
	position:relative;
}

#search_subNav{
	width:580px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	background-color: #efefef;
	background-image: url(../images/background/background_boxen.jpg);
	background-repeat:repeat-x;
	min-height: 30px;
	margin-bottom: 20px;
}



/***styling for reference display**/
	#select_all_display{float:left;position:relative;}
	
		.select_one_display{
			width:580px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #cccccc;
			padding-top:10px;
			padding-left:10px;
			padding-right:10px;
			background-color: #efefef;
			margin-right:20px;
			margin-bottom:20px;
			position:relative;
		font-size:11px;
			
		}
		.shadow{box-shadow: 4px 4px 4px #999;-moz-box-shadow: 4px 4px 4px #999;-webkit-box-shadow: 4px 4px 4px #999;}
		
		#referencelist_description{
			width:250px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #cccccc;
			padding: 10px;
			background-color: #efefef;
			float:left;
			margin-right:20px;
			margin-bottom:20px;
		}
		


/**START STEP1 **/
#start_container{
	width:100%;
}




.start_contentbox{
	width:350px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color: #efefef;
	background-image: url(../images/background/background_boxen.jpg);
	background-repeat:repeat-x;
	min-height: 230px;
	
}
.start_contentbox h3{margin-bottom:20px;font-weight:bold;}

.archive_contentbox{
	width:454px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color: #efefef;
	background-image: url(../images/background/background_boxen.jpg);
	background-repeat:repeat-x;
	min-height: 190px;
}

.categoryList h3,
.archive_contentbox h3{margin-bottom:20px;font-weight:bold;}

.clear_right{clear: left;}

#navigation{width:400px;}
#navContainer{width:240px;min-height:200px;}

#select_num_objs_description{
	font-size: 20px;
	font-weight:bold;
	float:left;
	color:#f9c358;
	margin-right: 10px;
}

#select_num_objs{font-size: 20px;font-weight:bold;color:#f9c358;}

.text_move_left{text-indent: -300px;}


/** FORMULAR **/
.table-left{
	width:300px;
	padding-top:10px;
	vertical-align: top;
}

.table-right{
	width:280px;
	padding-top:10px;
	vertical-align: top;
}

.table-right td{
	padding-bottom:10px;
}

.bottom_distance{
	padding-top:20px;
}


.search_collapspanel_header_left
{
	position: relative;
	width: 420px;
	height: 35px;
	
	
	
}
.search_collapspanel_header_right
{
	top:-35px;
	position: relative;
	width: 150px;
	height: 35px;
	text-align: right;
	float:right;
	
}
.search_collapspanel_header{
	position: relative;
	height: 30px;
	line-height: 12px;
	
}

.showControlsReferenceList{
	left:10px;
	}


.errors{color: #ff0000;}
.errors li{	list-style:none;}

#output_description,
#referencelist_description{
	width:250px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color: #efefef;
	background-image: url(../images/background/background_boxen.jpg);
	background-repeat:repeat-x;
	min-height: 170px;
}
	
#outputPreview{
	float:left;
}	

.inputTextFieldSearch{
	width: 60px;
}


#image_prev{
	background-image: url(../images/icons/arrow_left_image.png);
	background-repeat:no-repeat;
	border-style:none;
	width: 20px;
	height: 24px;
	top:50px;
	text-indent: -4000px;
	
	position:relative;
	}
#image_next{
	background-image: url(../images/icons/arrow_right_image.png);
	background-repeat:no-repeat;
	border-style:none;
	width: 20px;
	height: 24px;
	text-indent: -4000px;
	top:50px;
	position:relative;
	}	

#city_id_autocomplete_ok{
	position: relative;
	top:10px;
	}
#city_id_autocomplete_failed{
	position: relative;
	top:10px;
	}
	
.visible{display: block;}
.invisible{display:none;}
.autocompletetextfield{background-image: url(../images/background/autocomplete_bg_40x40.jpg);}
.uploadImage{cursor: hand;}

.logout a{float:left;left:75px;top:4px;position: relative;background-image: url(../images/icons/button_logout_txt.png);
	background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent: -1000px;}
.logout a:hover{background-image: url(../images/icons/button_logout_txt_hover.png);}

.inputtextfield{width:200px; margin-bottom: 15px;margin-top: 2px;}
.inputdatefield{width:170px; margin-bottom: 15px;margin-top: 2px;}


.ui-state-default{  border: 1px solid #cccccc; background-color:#efefef; outline: none; text-decoration: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {  text-decoration: none; outline: none; }
.ui-state-hover,  .ui-state-focus, { outline: none; text-decoration: none; }


.ui-widget-content{ border: 1px solid #cccccc; background-color: #efefef; font-weight: bold; color: #4c3000; outline: none; }
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus { border: 1px solid #cccccc; background-color: #efefef; font-weight: bold; color: #381f00; outline: none; }
.ui-widget-content .ui-state-active { border: 1px solid #cccccc; background-color: #efefef; font-weight: bold;  outline: none; }

.entrycontrol{width:100px;}



#delete,
#cancel,
#save,
#permform-permsave,
#permform-permcancel {
	position:relative;
	float:left;
	margin-top:20px;
	margin-right:20px;
}
.table-left{padding-right:20px;}


.autocompleteCheck{
	float:right;
	position:relative;
	z-index:1;
}
.autocompleteFalse{
	float:right;
	position:relative;
	z-index:1;
}
/**/
.autocompleteOk{
	background-image: url(../images/background/autocomplete_bg_40x40_OK.png);
}
.autocompleteError{
	background-image: url(../images/background/autocomplete_bg_40x40_Error.png);
}

#flashMessages {
	background-color:#efefef;
	padding: 10px;
	width:auto;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 4px #ff3600;
	-moz-box-shadow: 0px 0px 4px #ff3600;
	-webkit-box-shadow: 0px 0px 4px #ff3600;
	position:relative;
	left:10px
	
}
#flashMessages ul li{
	position:relative;
	list-style-type: none;
	font-weight: bold;
}


.nexttobutton{position: relative;top:3px;}
.button_back{padding-top: 15px;}

.auswahlverwerfen a{margin-top:4px; float:left;position: relative;background-image: url(../images/icons/btn_txt_auswahlverwerfen.png);background-repeat:no-repeat; width:142px; height:24px;display:block;text-indent: -1000px;}
.auswahlverwerfen a:hover{background: url(../images/icons/btn_txt_auswahlverwerfen.png) 0px -24px no-repeat;}


.button_txt_new a{position: relative;background-image: url(../images/icons/btn_txt_new.png);background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent: -1000px;}
.button_txt_new a:hover{background: url(../images/icons/btn_txt_new.png) 0px -24px no-repeat;}


.button_txt_new_floatleft a{padding-right:10px;float:left;background-image: url(../images/icons/btn_txt_new.png);background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent: -1000px;}
.button_txt_new_floatleft a:hover{background: url(../images/icons/btn_txt_new.png) 0px -24px no-repeat;}

.button_new_floatleft a{padding-right:10px;float:left;background-image: url(../images/icons/btn_new.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent: -1000px;}
.button_new_floatleft a:hover{background: url(../images/icons/btn_new.png) 0px -24px no-repeat;}

.button_txt_selectAll_floatleft a{padding-right:10px;float:left;background-image: url(../images/icons/btn_txt_selectAll.png);background-repeat:no-repeat; width:142px; height:24px;display:block;text-indent: -1000px;margin-top:10px;}
.button_txt_selectAll_floatleft a:hover{background: url(../images/icons/btn_txt_selectAll.png) 0px -24px no-repeat;}

.button_txt_newsearch_floatleft a{padding-right:10px;float:left;background-image: url(../images/icons/btn_txt_new_search.png);background-repeat:no-repeat; width:141px; height:24px;display:block;text-indent: -1000px;margin-top:10px;}
.button_txt_newsearch_floatleft a:hover{background: url(../images/icons/btn_txt_new_search.png) 0px -24px no-repeat;}

.button_edit a{float:left;position: relative;background-image: url(../images/icons/btn_edit.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent: -1000px;}
.button_edit a:hover{background: url(../images/icons/btn_edit.png) 0px -24px no-repeat;}

.button_edit_txt a{left:200px;padding-right:10px;float:left;background-image: url(../images/icons/btn_txt_edit.png);background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent: -1000px;}
.button_edit_txt a:hover{background: url(../images/icons/btn_txt_edit.png) 0px -24px no-repeat;}

.button_delete a{float:left;position: relative;background-image: url(../images/icons/btn_delete.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent: -1000px;}
.button_delete a:hover{background: url(../images/icons/btn_delete.png) 0px -24px no-repeat;}

.button_add_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_add.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_add_floatleft a:hover{background: url(../images/icons/btn_add.png) 0px -24px no-repeat;}

.button_addperm a{float:left;position: relative;background-image: url(../images/icons/btn_add.png);background-repeat:no-repeat; width:300px; height:24px;display:block;text-indent:45px;margin-right:10px;}
.button_addperm a:hover{background: url(../images/icons/btn_add.png) 0px -24px no-repeat;}

.button_remove_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_remove.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_remove_floatleft a:hover{background: url(../images/icons/btn_remove.png) 0px -24px no-repeat;}

.button_down_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_down.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_down_floatleft a:hover{background: url(../images/icons/btn_down.png) 0px -24px no-repeat;}

.button_up_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_up.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_up_floatleft a:hover{background: url(../images/icons/btn_up.png) 0px -24px no-repeat;}

.button_print_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_print.png);background-repeat:no-repeat; width:200px; height:24px;display:block;text-indent:40px;margin-right:10px;}
.button_print_floatleft a:hover{background: url(../images/icons/btn_print.png) 0px -24px no-repeat;}

.button_pdf_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_pdf.png);background-repeat:no-repeat; width:200px; height:24px;display:block;text-indent:40px;margin-right:10px;}
.button_pdf_floatleft a:hover{background: url(../images/icons/btn_pdf.png) 0px -24px no-repeat;}

.button_addimage a{float:left;position: relative;background-image: url(../images/icons/btn_addimage.png);background-repeat:no-repeat; width:35px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_addimage a:hover{background: url(../images/icons/btn_addimage.png) 0px -24px no-repeat;}

.button_import_floatleft a{float:left;position: relative;background-image: url(../images/icons/btn_import.png);background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_import_floatleft a:hover{background: url(../images/icons/btn_import.png) 0px -24px no-repeat;}

.button_back a{float:left;position: relative;background-image: url(../images/icons/btn_back.png);background-repeat:no-repeat; width:103px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_back a:hover{background: url(../images/icons/btn_back.png) 0px -24px no-repeat;}

.button_showAll a{float:left;position: relative;background-image: url(../images/icons/btn_txt_showAll.png);background-repeat:no-repeat; width:142px; height:24px;display:block;text-indent:-1000px;margin-right:10px;}
.button_showAll a:hover{background: url(../images/icons/btn_txt_showAll.png) 0px -24px no-repeat;}

.tdbottomborder{
	border-bottom: 1px solid #666;
}

.reference_object_info_layer {
	
	z-index: 1;
}

.reference_object_attachment {
	margin-top: 10px;
}

#sortChapter li {
	list-style-type: none;
	border: 1px solid #cccccc;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sortChapter li span {
	float: right;
}

ul.upperListNoCircles {
	list-style: none;
}

/*
 * Image display 
 */

.img-container {
	width: 150px;
	height: 130px;
}

.img-enlarge {
	position: relative;
	width: 150px;
	height: 130px;
}

.img-image {
	width: 100%;
	height: 100%
}

.img-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.img-nav {
	width: 100%;
	height: 100%;
	background: #666;
	opacity: 0.7;
	display: block;
	text-align: center;
}

.img-nav-elements {
    width: 100%;
    height: 32px;
    padding: 33% 0 0 0;
    margin: 0 auto 0 auto;
    text-align: center;
}

.img-nav div {
	float: left;
	padding: 5px;
	cursor: pointer;
}

.img-nav-next {
	position: absolute;
	right: 0;
}

.img-nav-prev {
	position: absolute;
	left: 0;
}

.img-nav-size {
	position: absolute;
	left: 50%;
	margin-left: -20px;
}

.img-nav-cap {
	position: absolute;
	clear: both;
	top: 40%;
	color: #FFFFFF;
}

.img-counter {
    background:     #333;
    color:          #fff;
    padding:        0 5px;
    font-size:      0.8em;
    position:       absolute;
    bottom:         0;
    left:           0;
    opacity:        0.7;
}

.img-counter span {
	font-weight: bold;	
}

.img-enlarged {
	z-index: 10000;
    background-color: #666666;
    border: 1px solid #666666;
}

.tooltip {
	display:none;
	background:transparent url(../images/background/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#000000;
}


#confirmAction button{
	min-width: 80%;
}