body {
	/* font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif; */
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	background-color: #EEE;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 0.75em;
	page-break-after: avoid;
}
h2 {
	color: navy;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.25em 0 0.75em;
	page-break-after: avoid;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1ex;
	white-space: nowrap;
	page-break-after: avoid;
}
p {
	margin: 1ex 0;
}

code {
	font-size: 1.1em;
	margin: 0;
	}
	pre {
		margin: 1em 0 1em 1em;
	}

ul {
	padding: 0;
	padding-bottom: 20px; /* give whitespace at bottom for FF */
	margin: 0;
	list-style-type: square;
	}
	li {
		padding: 0;
		margin: 0;
		margin: 0.5ex 0 0.5ex 1.2em;
	}

table {
	border-color: #666;
	}
	th {
		background-color: #EEE;
		padding: 4px 7px 5px;
		border-color: #666;
		text-align: left;
	}
	td {
		padding: 2px 7px 3px;
		border-color: #666 #CCC;
		vertical-align: top;
	}


/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	background-color: #FFF;
	border: 1px solid #777;
	padding: 0;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.pane-north ,
.pane-south ,
.pane-west ,
.pane-east 
{
	overflow:		hidden;
}
.pane-north 
{
	border-bottom:	none;
}
.pane-north .content ,
.pane-south .content 
	{
		text-align: center;
	}
.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	background-color: #F6F6F6;
	padding: 15px; /* for outer layout */
}

.mainHeader { 
	font-weight: bold;
	text-align: center;
	/* width: 440px; */
	max-width: 750px;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 5px;
	/* color: #d9ecff */ 
   /* color: #342E9C; */
   color: #c3d8f2;  /* hellblau */
	font-weight: bold;
}


.mainPrintHeader { 
	font-weight: bold;
	text-align: center;
	max-width: 700px;
	font-size: 12px;
	vertical-align: middle;
	padding-top: 4px;
    color: #c3d8f2;  /* hellblau */
    font-weight: bold;
}

/* inner divs inside Outer East/West panes */
.header { 
	background: #80ade5 url(../img/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead ,
.footer {
	background: #d6d6d6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; }
#mainContent .footer  { border-top: 1px solid #BBB; }
.content 
{
    padding  :	5px;  /* 10; iby */
    position :	relative;
    overflow :	auto; 
}


.imagePanel 
{
    color: #342E9C;
	background-color: #F0F0FF;
	font-size: 0.7em;
	border: 1px solid #342E9C;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 10px;
	max-width: 160px;
}

.imageHeader
{
   /* background: linear-gradient(#c3d8f2, #80ade5); */  /* Dunkelbaluer Gradienten-Hintergrund */
   background: linear-gradient( #F0F0FF, #c3d8f2);       /* Hellblauer Gradienten-Hintergrund */
   border-bottom: 1px solid #342E9C;  
   min-height: 15px;
   font-weight: bold;
}

.imagePanel img
{
   padding: 4px; 
}

.imageFooter
{
  border-top: 1px solid #342E9C; 
}



.newsPanel 
{
    color: #342E9C;
	background-color: #F0F0FF;
	font-size: 1em;
	border: 1px solid #342E9C;
	border-radius: 3px;
	margin-top: 4px;
}

.newsHeader
{
  /* background: linear-gradient(#c3d8f2, #80ade5); */  /* Dunkelbaluer Hintergrund */
  background: linear-gradient( #F0F0FF, #c3d8f2);       /* Hellblauer Gradienten-Hintergrund */
  border-bottom: 1px solid #342E9C;  
  min-height: 15px;
  font-weight: bold;
  text-align: center;
}

.newsContent
{
    padding: 4px;
}


.tabTitle 
{
	font-size: 15px;
	font-weight : bold;
	color: #990000;   /* dunkelrot */
	/*  color: #ee7f00;    */ /* Orange */
}


.searchTitle 
{
	font-size: 15px;    
	font-weight : bold;
	color: #000000;   /* schwarz */
	/*  color: #ee7f00;    */ /* Orange */
}

/*
*	INNER-LAYOUT PANE FORMATTING
*/

#mainContent .ui-layout-pane 
{
	padding: 10px;  /* 0; iby */
}
#mainContent .ui-layout-north ,
#mainContent .ui-layout-south 
{
	text-align: center;
	padding: 0px;
}
#mainContent .ui-layout-center {
	padding: 0 !important; /* inner divs have padding */
}
#mainContent .ui-layout-content {
	padding: 10px; /* 10px;  iby */
	position:	relative; /* contain floated or positioned elements */
	overflow: auto; /* auto iby add scrolling to content-div */

}
#mainContent .ui-layout-center h3 {
	font-size: 1em;
	padding: 5px;  /* 5; iby */
	margin: 0;
}


/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(../img/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging ,
.resizer-south:hover		{ background: url(../img/resizable-s.gif) repeat-x center; }
	
.resizer-west-dragging ,
.resizer-west-open:hover	{ background: url(../img/resizable-w.gif) repeat-y center; }
.resizer-east-dragging ,
.resizer-east-open:hover	{ background: url(../img/resizable-e.gif) repeat-y center; }

.resizer-west-open ,
.resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}
.resizer-dragging-limit	{ background: #FF3300 !important; }

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(../img/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south		{ background: url(../img/resizable-s.gif) repeat-x center !important; }
* html .resizer-west-open	{ background: url(../img/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(../img/resizable-e.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/

.toggler-north-open ,
.toggler-south-closed 		{ background: url(../img/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open   		{ background: url(../img/toggle-dn.gif) no-repeat center top; }
/*
.toggler-east-closed ,
.toggler-west-open    { background: url(../img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../img/toggle-rt.gif) no-repeat center left; }
*/

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
	background: #D1E6FC url(../img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background: #D1E6FC;
}

/*
*	NORTH PANE TOOLBAR & BUTTONS
*/

ul.toolbar {
	position:	relative;
	overflow:	hidden; /* required to CONTAINER 'floating li' in FF */
	height:		auto;
	margin:		0;
	padding:	2px;
	width:		100%;
	list-style:	none;
	text-align: left;
	background: #D6D6D6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	border-top: 1px solid #BBB;
	}
	ul.toolbar li {
		font-size: 0.9em;
		margin: 0;
		padding: 2px 7px;
		float: left;
		color: #000;
		border: 1px solid transparent;
		border-right-color: #BBB;
		cursor: pointer;
	}
	ul.toolbar li:hover {
		color: #005;
		background: #EEE url(../img/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
		border-top-color: #BBB;
		border-bottom-color: #BBB;
	}
	ul.toolbar li.first:hover {
		border-left-color: #BBB;
		}
		ul.toolbar li span {
			/* icons in toolbar */
			width: 			15px;
			height:			15px;
			margin-left:	-3px;
			margin-right:	0.75ex;
			vertical-align:	middle;
			opacity:		0.6;
			filter:			alpha(opacity=60);
			display:		block;
			display:		inline-block;
		}
		ul.toolbar li:hover span {
			opacity: 1;
			filter: alpha(opacity=100);
		}
		li.button-toggle-north span	,
		li.button-open-south span	{ background: url(../img/go-up-on.gif) no-repeat center; }
		li.button-close-south span	{ background: url(../img/go-dn-on.gif) no-repeat center; }
		li.button-pin-up span		{ background: url(../img/pin-up-on.gif) no-repeat center; }
		li.button-pin-down span		{ background: url(../img/pin-dn-on.gif) no-repeat center; }

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(../img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../img/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../img/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-west			{ background: url(../img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../img/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../img/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../img/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(../img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../img/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(../img/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(../img/go-lt-on.gif)  no-repeat center; }


/*
*	INNER LAYOUT RESIZERS & TOGGLERS
*
*	These styles target 'children of center pane', so only affect the Inner Layout
*	This layout has applyDefaultCSS=true, so use !important to override defaults 
*/

#mainContent .ui-layout-resizer-closed:hover	{ background: #FFEDCA !important; }
#mainContent .ui-layout-resizer-open:hover ,
#mainContent .ui-layout-resizer-dragging		{ background: #C4E1A4 !important; }
#mainContent .ui-layout-resizer-dragging-limit	{ background: #FF3300 !important; }

#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south		{ border-left:  1px solid #BBB !important;
											  border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-north-closed{ border-top:   1px solid #BBB !important; }
#mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
#mainContent .ui-layout-resizer-west-closed	{ border-left:  1px solid #BBB !important; }
#mainContent .ui-layout-resizer-east-closed	{ border-right: 1px solid #BBB !important; }

#mainContent .ui-layout-resizer:hover .ui-layout-toggler {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #FD9 !important;
	border-color: #CB7 !important;
}

#mainContent .ui-layout-resizer-sliding {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#mainContent .ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {
	display: none !important;
}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {
	display: block !important;
}

#mainContent .ui-accordion-header-active, .accordion h3
{
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em 2em;
	min-height: 0; 
	font-weight: bold; 
	color: #2F32A3;         /* Dunkelblau  */
   /* background: linear-gradient(#c3d8f2, #80ade5); */  /* Dunkelbaluer Gradienten-Hintergrund */
   background: linear-gradient( #F0F0FF, #c3d8f2);       /* Hellblauer Gradienten-Hintergrund */

} 

#results a
{
	text-decoration: underline;
	color: #383294 !important;
	
}


#results a.selected { color: #990000 !important; font-weight: bold;}

#results a:selected   /* , #searchResult a:visited */
{
	/* text-decoration: none;	*/
	color: #990000 !important;  /*  Weinrot */
	font-weight: bold;
}

#results a:hover
{
	text-decoration: underline;
	/* color: orange !important;   */ 
	/* color: #342E9C !important;  */      
    /* font-weight: bold;  */
	 /* color:  #8A0080 !important; */
	color: #990000 !important;  /*  Weinrot */
}

.accordion table, .accordion h3
{
    font-size: 14px;
}


#mainContent .ui-accordion-content 
{    
	padding: .5em;
	border-top: 0;
	overflow: auto;
	/* margin-bottom: 20px; */
	color: #342E9C;
	background-color: #F0F0FF;
}

#newsPanel .ui-accordion-header-active {
	display: block;
	cursor: pointer;
	position: relative;
	/* margin-top: 2px; */
	/* padding: .5em .5em .5em 2em; */
	min-height: 0; 
	font-weight: bold; 
	color: #2F32A3; 
	font-size: 11px;
   /* background: linear-gradient(#c3d8f2, #80ade5); */  /* Dunkelbaluer Gradienten-Hintergrund */
   background: linear-gradient( #F0F0FF, #c3d8f2);       /* Hellblauer Gradienten-Hintergrund */
} 



#newsPanel .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;	/*-align: center;
	/* margin-top: 2px;
	padding: .5em .5em .5em .7em; */
	min-height: 0; /* support: IE7 */
	font-size: 11px;
}

#newsPanel .ui-accordion-content {    
	padding: .7em;
	border-top: 0;
	/* overflow: auto; */
	/* margin-bottom: 20px; */
	color: #342E9C;
	background-color: #F0F0FF;
	font-size: 11px;
	margin-bottom: 2px;
}


#headerlinks a
{
	color: #FFFFFF !important;
	text-decoration: none;
}


#headerlinks a:hover
{
	text-decoration: underline;
}



td a, p a
{
	/* text-decoration: none;	*/
	font-weight: bold;
	/* color:  #8A0080 !important; */
	color: #383294 !important;
}



td a:hover, p a:hover, #searchResult a:hover
{
	text-decoration: underline;
	color: #990000 !important;   /*  Weinrot */
	/* font-weight: bold; */
	/* color:  #8A0080 !important; */
}





/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
	.ui-layout-center ,	 /* has content-div  iby */
	.ui-layout-west ,	/* has Accordion */
	.ui-layout-east ,	/* has content-div ... */
	.ui-layout-east { /* content-div has Accordion */
		padding: 0;
		overflow: hidden; 
	}
	
	
		
.ui-menu
{
    width: 200px;
}
    	
.ui-tabs ul li a
{
    outline-width: 0;
}​
	
	
  /*  
	.ui-layout-center P.ui-layout-content {
		line-height:	1.4em;
		margin:			0; * remove top/bottom margins from <P> used as content-div *
	}  
*/	

.ui-layout-content {
	padding:	10px;
	position:	relative; /* contain floated or positioned elements */
	overflow:	auto; /* hidden;  /* add scrolling to content-div */
		
}
	
	
	
h3, h4 { /* Headers & Footer in Center & East panes */
	font-size:		1.1em;
	background:		#EEF;
	border:			1px solid #BBB;
	border-width:	0 0 1px;
	padding:		7px 10px;
	margin:			0;
}
.ui-layout-east h4 { /* Footer in East-pane */
	font-size:		0.9em;
	font-weight:	normal;
	border-width:	1px 0 0;
}
	
	
p	{ margin:		1em 0; }

/* use !important to override UI theme styles */
.grey			{ background:	#999 !important; }
.outline		{ /*border:		1px dashed #F00 !important;*/ }
.add-padding	{ padding:		10px !important; }
.no-padding		{ padding:		0 !important; }
.add-scrollbar	{ overflow:		auto; }
.no-scrollbar	{ overflow:		hidden; }
.allow-overflow	{ overflow:		visible; }
.full-height	{ height:		100%; }
button			{ cursor:		pointer; }



	
	
.ui-tabs .ui-tabs-nav li a.tabicon1 {
    background-image: url(images/file.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}	
	
.ui-tabs .ui-tabs-nav li a.tabicon2 {
    background-image: url(images/folder.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
    
.ui-header {
    /* background: #bbc9d6; */
    /*  background: linear-gradient(#e6e6e6, #f9f9f9, #e6e6e6); */
    /*  background: #80ade5 url(../img/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x; */
	/* background-image: url(img/ibysoft_logo.png), linear-gradient(#c3d8f2, #80ade5); */
	/* background-image: url(img/ibysoft_logo.png); */
	   
	/*  background: linear-gradient(#f1f1f1, #c3d8f2); */   /* Grauer Gradienten-Hintergrund */
	/*    background: url(img/banner.jpg); */
    /* background: linear-gradient(#c3d8f2, #80ade5); */  /* Dunkelblauer Gradienten-Hintergrund */
    /*   background: linear-gradient( #F0F0FF, #c3d8f2);*/  /* Hellblauer Gradienten-Hintergrund */
    /* background: black;  */
    background:  #2F32A3;
    /* background-position: 15px; */
    background-repeat: no-repeat; 
    padding-left: 20px; 
    border-bottom: 1px solid #777;
  
}  



.resizable  
{
    width: 100%; 
    height: auto; 
    /* padding: 0.5em; */
    min-height: 150px;
       } 
    
    
.defaultAccordionIcon
{
    background-image: url(../img/go-dn-on.gif) !important;
    width: 25px;
    height: 25px;
}
    
.selectedAccordionIcon
{
    background-image: url(../img/go-rt-on.gif) !important;
    width: 25px;
    height: 25px;
}
    
 
.formbutton
{
	font-family: Verdana,Arial,sans-serif;
    /* background: blue; */
    /*  background-image: url(img/accept.png); */
    /*  background-image: url(img/accept.png), linear-gradient( #F0F0FF, #c3d8f2) !important;	 */
    background-repeat: no-repeat !important;
    background-position: 6px 6px, 0px 0px !important;
    padding-left: 15px !important;
    border: 1px solid #342E9C !important;
    color: #342E9C !important;  /* dunkelblau */
    border-radius: 5px !important;
    width: 140px;
    height: 30px;
    display: block;
    float: left;
    font-weight: bold  !important;     }
     
.formbutton:hover
{
    color: #990000 !important;  /* dunkelrot */
    border: 1px solid #990000 !important;
}
    
.perform-icon
{
    background-image: url(../img/accept.png), linear-gradient( #F0F0FF, #c3d8f2) !important;
}
     
     
.close-icon
{
    background-image: url(../img/delete.png), linear-gradient( #F0F0FF, #c3d8f2) !important;
}
     
.confirm-icon
{
    background-image: url(../img/confirm.png)  !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px; 
}

.alert-icon
{
    background-image: url(../img/alert.png) !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px; 
}
   
 
#search-submit
{    
 	font-family: Verdana,Arial,sans-serif;
    background: #f0f0f0 url(../img/search.png);
    background-position: 4px 4px;   
    background-repeat: no-repeat;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    width: 25px; 
    vertical-align: top;
}​ 


.confirm-dialog-title .ui-dialog-titlebar 
{
    background: red !important;
}
    
    
label 
{
    display: inline-block;
    width: 5em;
}


.ui-tooltip, .arrow:after 
 {
   /*  background: black !important; */
   /* background: linear-gradient( #F0F0FF, #c3d8f2); */        /* Hellblauer Gradienten-Hintergrund */
   /* background: linear-gradient(#c3d8f2, #80ade5);  */       /* Dunkelbaluer Gradienten-Hintergrund */ 
    background: #2F32A3;    /* dunkelblau */
    border: 2px solid white;
}

.ui-tooltip 
{
    padding: 10px 20px;
    color: white  !important;
    border-radius: 20px;
    font: bold 14px;  /* "Helvetica Neue", Sans-Serif; */
    /* text-transform: uppercase; */
    box-shadow: 0 0 7px black;
}

.arrow 
{
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top 
{
    top: -16px;
    bottom: auto;
}

.arrow.left 
{
    left: 20%;
}

.arrow:after 
{
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after 
{
    bottom: -20px;
    top: auto;
}