/**
 *	screen css 
 *
 */

/* [global] */
* 			{ margin:0px; padding:0px; }
body 		{ background-color:#e6e6e6; font-family:Helvetica; font-size:12px; background-image:url(../gfx/bgr_body.gif); background-position:top left; background-repeat:repeat-x; }
.clearer 	{ clear:both;}
.spacer		{ border-top:1px solid #ccc; margin:10px 0; }
.posmessage	{ color:green; padding:5px; list-style:none; }
.negmessage	{ color:red; padding:5px; list-style:none; }
.required	{ background:none !important; background-color:#fde9d9 !important; }
.message	{ font-weight:bold;  }
#login-info { display:block; height:28px; line-height:28px; }
.active		{ background-color:#3488f0 !important; }

.contextMenu { display:none; }

.orderdown {
	background-image:url(../gfx/order_up.png);
	background-repeat:no-repeat;
	background-position:96% 55%;	
}

.orderup {
	background-image:url(../gfx/order_down.png);
	background-repeat:no-repeat;
	background-position:96% 55%;	
}

#content label {
	width:8em;
	display:block;
	float:left;
}

.readonly {
	color:#666666 !important;
}

.text, .longtext, .textarea, .smalltext, .ui-tabs .text, .textarea, .tinytext, .minitext {
	border:1px solid #CCC;
	width:220px;
	padding-left:3px;
	padding-right:3px;
	background-image: url("../gfx/bgrtext.gif");
    background-repeat: repeat-x;
}

/* [head] */
#kopf 			{ height: 50px; background: #a0a0a0; }
#login-info 	{ float:left; color:#666; margin:2px 10px 0; width:240px; }
#today 			{ position:absolute; height:28px; line-height:28px; right:10px; color:#666; margin: 2px 0px; }
#logo 			{ background-color:#ffffff; float:left; width: 260px; height: 50px; border-right:1px solid #656565; }
#wrapper 		{ position:relative; min-height:100%; }
.topmenu		{ float:left; }
.title			{ float:left; color:#fff; font-size:20px; font-weight:normal; font-family:segoe ui, Helvetica, sans-serif; }
.subtitle		{ color:#fff; font-size:14px; font-weight:bold; font-family:segoe ui, Helvetica, sans-serif; }

.text			{ background-image:url('../gfx/bgrtext.gif'); background-repeat:repeat-x; color:#333333; }

/* [sidebar] */
#sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:230px;	
	min-height:97%;
	padding:10px;
}
#sidebar h1 					{ font-size:14px; font-weight:bold; margin-bottom:10px; color:#333; margin:0px; margin-bottom:3px; }
#sidebar ul li 					{ list-style:none; margin-bottom:3px;  }
#sidebar ul li a 				{ height:30px; border:1px solid #CCCCCC; line-height:30px; display:block; padding-left:25px; text-decoration:none; background-color:#FFFFFF; }
#sidebar ul li a:hover			{ background-color:#eee; }
#sidebar ul li a.act,
#sidebar ul li a.akt 			{ background-color:#EEEEEE !important; }


/* [main content] */

#content { position:relative; left:250px !important; top:0px; display:inline-block; padding:10px; }

#content table.overview td { text-align:right; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-left:3px; padding-right:3px;	 width:150px; height:25px; }

#content table.overview { border-left:1px solid #CCC; border-top:2px solid #666; width:100%; }

#content table.overview th {
	border-bottom:1px solid #666;
	font-size:13px;
	font-weight:normal;	
	border-right:1px solid #CCC;
	background-color:#666666;
	height:30px;
	color:#FFFFFF;
}

#content table.overview th a {
	text-decoration:none;	
	display:block;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	height:100%;
	color:#FFFFFF;
	padding-top:2px;
	padding-bottom:2px;
}

.select {
	width:200px;
	border:1px solid #CCCCCC;
	background:0 none;
	background-image: url("../gfx/bgrtext.gif");
	border:1px solid #CCCCCC; 
	padding:1px; 
	color:#333333;
	font-size:11px !important;
}

 
.sidebar-box { padding-left:10px !important; padding-right:10px !important; padding-top:8px !important; padding-bottom:10px !important; }

.sidebar-box  .text { width:197px; }
.sidebar-box .select { width:205px; }

.content-box { padding:20px !important; }

#content h1 	{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#333; }

/* [main content][table overview] */
#overview table th a 				{ color:#fff; display:block; padding:5px 0; padding-right:20px; padding-left:5px; text-decoration:none; white-space: nowrap; }
#personal_table						{ width:980px; }
.list_table 						{ border-bottom: 1px solid #666666; border-left: 1px solid #666666; }
.list_table tr th 					{ background-color: #666666; border-right: 1px solid #FFFFFF; color: #FFFFFF; }
.list_table tr th:last-child 		{ border-right: 1px solid #666666; }
.list_table tr td 					{ border-right: 1px solid #666666; padding: 2px 5px; }
.col0, .col1						{ text-align:center !important; }
#table_foot_functions tr td a:hover	{ color:red; }

/* [Button Icon Elemente] */
.ico			{ background-repeat:no-repeat; background-position:3% 50%; }
.ico_user		{ background-image:url('../gfx/ico/user.png'); }
.ico_user_add	{ background-image:url('../gfx/ico/user_add.png'); }
.ico_group		{ background-image:url('../gfx/ico/group.png'); }
.ico_group_add	{ background-image:url('../gfx/ico/group_add.png'); }
.ico_planen		{ background-image:url('../gfx/ico/planen.png'); }
.ico_overview	{ background-image:url('../gfx/ico/overview.png'); }
.ico_region		{ background-image:url('../gfx/ico/region.png'); }
.ico_ballon		{ background-image:url('../gfx/ico/ballon.png'); }
.ico_bodenwinde	{ background-image:url('../gfx/ico/bodenwinde.png'); }
.ico_gas		{ background-image:url('../gfx/ico/gas.png'); }
.ico_add		{ background-image:url('../gfx/ico/add.png'); }
.ico_agenturen	{ background-image:url('../gfx/ico/agenturen.png'); }
.ico_kontaktart	{ background-image:url('../gfx/ico/kontaktart.png'); }
.ico_edit		{ background-image:url('../gfx/ico/edit.png'); }
.ico_delete		{ background-image:url('../gfx/ico/delete.png'); }
.ico_pdf		{ background-image:url('../gfx/ico/pdf.png'); }
.ico_mail		{ background-image:url('../gfx/ico/email.png'); }
.ico_rights		{ background-image:url('../gfx/ico/rights.png'); }
.ico_role		{ background-image:url('../gfx/ico/role.png'); }

/* Title Icon Elemente */
.ico_title		{ width:50px; height:50px; float:left; margin-right:10px; background-repeat:no-repeat; }
.ico_stammdaten	{ background-image:url('../gfx/ico/anlagen.png'); }
.ico_user_title	{ /*background-image:url('../gfx/ico/user_title.png');*/}

/* [Formular Kunde] */
.left							{ float:left; }
.right							{ float:right; }
.left label,					
.right label					{ float:left; padding:2px 5px; height:14px; display:block; }
.left input[type='text'],
.right input[type='text']		{ /*margin:2px 5px;*/ border:1px solid #CCCCCC; width:200px; height:14px; padding:1px; color:#333; font-size:11px; }
.left input[type='checkbox'],
.right input[type='checkbox']	{ margin:2px 0; }
.clear							{ clear:both; }


/* Einstellungen Allgemein */
#conf_allgemein	label				{ width:250px; margin-top:2px; }
#conf_allgemein	input[type='text']	{ width:300px; margin-top:2px; height:20px; }
#conf_allgemein fieldset			{ padding:10px; border:1px solid #ccc; }

.separator 						{ clear:both; display:block; height:10px; }

.rootVoices 					{ padding:0px !important; background:none !important; border-left:1px solid #656565; }

.hinttext						{ font-size:11px !important; }

.pager { margin-top:0px; float:left; padding-bottom:20px; }

.pages-link { margin-top:15px; float:left; }


.pager a, .pages-link a { text-align:center; display:block; width:20px; height:20px; line-height:20px; text-decoration:none; float:left; border:1px solid #CCC; background-color:#FFF; margin-right:3px; padding:3px; font-weight:bold; font-size:0.9em !important; background:url("../gfx/jqueryui/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% 50% #EEEEEE; }	
						
.pager a.active, .pages-link a.active { background:url("../css/jquery.ui/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF; color:#333333; }

.pager a:hover, .pages-link a:hover { background: #f6f6f6 url(../gfx/jqueryui/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; }
.customer { background-image:url('../gfx/ico/user.png') !important; }
.group { background-image:url('../gfx/ico/group.png') !important; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.feastinfo { color:lightpink; }
.feastinfo.feast { color:red; font-weight:bold; }

.termin.active .feastinfo { color:#000000 !important; }
.termin.active .feastinfo.active { color:#000000 !important; }