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

* {
  margin: 0;
  padding: 0;
  border: none;
	outline: none;
	}
  
HTML {
 
  }

BODY {
  background-color: #454545;
  }
   
A { text-decoration: none; color:#c71c00;} 


#page {
	height: 100%;
	margin:auto;
	}
	
/* Login -------------------------------------------------------------------------------------- */    	

#login {
	width: 400px;
	height: 275px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -132px;
	margin-left: -200px;
	background: url('../images/bgLogin.gif') no-repeat;
	}
	
#login IMG {
	margin: 40px 0 30px 40px;
	}
	
#login fieldset {
	margin: 0px 0 0 40px;
	}		
	
#login fieldset LABEL {
	width: 95px;
	clear: both;
	}
	
#login fieldset INPUT {
	width: 205px;
	}	
	
	
	
a.redlink{
	background-color:#FFFFFF;
	border-bottom:1px dotted #999999;
	color:#000000;
	padding:1px 2px 0;
}
a.redlink:hover{
	background-color: #c71c00;
	color: #FFF;
	border-bottom: none;
	padding-bottom: 1px;
}	
	

#login A {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	margin-left: 105px;
	float: left;
	}
	
#login A:hover {
	text-decoration: underline;
	}

#login .buttonRed {
	width: 120px;
	margin-top: 25px;
	float: left;
	}				


/* Topnavigation ------------------------------------------------------------------------------ */    

#topnav {
  background-color: #FFF;
  border-top: 5px solid #454545;
  font: 11px Arial, Helvetica, sans-serif;
  }
  
#topnav A {
  color: #666;
  line-height: 12px;
  }  
  
#topnavToggler {
  background: url('../images/topnavOpenClose.gif') no-repeat;
  width: 60px;
  height: 13px;
	line-height: 13px;
  cursor: pointer;
  margin-left: 10px;
	padding: 0;
  }
  
#topnavToggler.topnavClosed {
  background-position: -60px 0px;
  }  
  
#topnavContent {
  background-color: #FFF;
  display: block;
  overflow: visible;
  }
	
#topnav UL { margin: 0; }	

#topnav UL LI { line-height: 12px; background: none; padding: 0; margin: 0; }

#topnav UL.level2 {
  height: 90px;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  }
  
#topnav .level2 LI DIV {
  display: block;
  }
  
#topnav .level1 .hasChildren {
  float: left;
  border-left: 1px solid #efefef;
  }  
  
#topnav #history .hasChildren{
	border-left-width:0px;
}  

#topnav .level1 .head {
  color: #000;
  font-weight: bold;
  padding: 7px 25px 4px 12px;
  display: block;
  font-size: 12px;
  line-height: 14px;
  }
  
#topnav .level2 .head {
  font-weight: normal;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 11px;
  line-height: 12px;
  color: #666;
  }    
  
#topnav .level2 .hasChildren {
  float: none;
  padding: none;
  border: none;
	position: relative;
	display: block;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	z-index: 10;
  }
	
#topnav .level2 LI A DIV {
  list-style-type: none;
  padding: 2px 30px 2px 12px;
  }  
	
#topnav .level2 LI.hasChildren A DIV {
	padding-top: 1px;
	padding-bottom: 1px;
	}
  
#topnav .level2 .hasChildren A {
  background: url('../images/topnavLevel2hasChildren.gif') no-repeat right center;
	}
	
#topnav .level2 .hasChildren .level3 A {
	background: none;
	}	
 
#topnav .level2 A:hover {
  color: #000;
  }
	
#topnav .level2 .hasChildren.highlight {
	z-index: 1000;
  }
	
#topnav .level2 .hasChildren.highlight A.head {
  background: #515151 url('../images/topnavLevel2hasChildrenHover.gif') no-repeat right center;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: -3px;
  margin-bottom: -3px;
	color: #FFF;
  }

#topnav .level3 { 
	background-color: #515151;
	position: absolute;
	top: 0px;
	right: -238px;
	width: 240px;
	z-index: 5;
	display: none;
	padding-bottom: 5px;
	}
	
/*	
#topnav .level3,
#topnav .level2 .hasChildren.highlight A.head  {
	filter: alpha(opacity=90); 
	-moz-opacity:0.90; 
	}	
*/	
	
#topnav .level2 .highlight .level3 {
	display: block;
	}	
/* #topnav .level2 li.active a div {color:red;} */

#topnav .level3 LI {
	padding: 0px 10px 0px 10px;
	display: block;
	}
	
#topnav .level3 LI A {
	color: #d8d8d8;
	display: block;
	with: 200px;
	background: url('../images/sidenavLevel3DottedLine.gif') repeat-x bottom left;			
	padding: 2px 0 0px 0;
	border-top: 1px dotted #666;
	}
	
#topnav .level3 LI A.last {
	border-bottom: none;
	padding-bottom: 4px;
	border: 1px solid #FF0000;
	}	
	
#topnav .level3 LI A DIV {
	padding: 0;
	}
	
#topnav .level3 .title {
	clear: both;
	float: left;
	cursor: pointer;
	width: 146px;
	}
	
#topnav .level3 .shortcut {
	float: left;
	cursor: default;
	color: #888;
	width: 70px;
	text-align: right;
	font-size: 9px;
	line-height: 12px;
	margin-top: 1px;
	cursor: pointer;
	}	
	
#topnav .level3 .cb {
	display: block;
	margin-top: -2px;
	}	
	
#topnav .level3 A:hover {
	color: #FFF;
	}
	
#topnav .level3 LI.highlight {
	background-color: #666;			
	color: #FFF;
	padding-bottom: 1px;
	margin-bottom: -1px;
	}
	
#topnav .level3 LI.highlight A.last {
	padding-bottom: 4px;
	}		
	
#topnav .level3 LI.highlight A DIV.title {
	color: #FFF;
	}		
	
#topnav .level3 LI.highlight A DIV.shortcut {
	color: #999;
	}	
	
#topnav .level3 LI.highlight A DIV {	
	color: #FFF;
	}
	

	
#topnav .level4, 
#topnav .level5 { 
  display: none;
  }	

#history{
	overflow:hidden;
	height:125px;
	
}
#history DIV.shortcut {
	display: none;
	}	

#history .level2 .hidden {
	display: none
} 
	
/* -------------------------------------------------------------------------------------------------- */

#redsquare {
  background: #fb2600 url('../images/bgRedsquare.gif') repeat-x bottom left;
  width: 143px;
  height: 133px;
  float: left;
  color: #FFF;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  position: relative;
  }
  
#redsquareSmall {
  width: 245px;
  height: 27px;
  display: block;
  overflow: hidden;  
  position: absolute;
  top: 0px;
  background: url('../images/topnavClosedICRS.png') no-repeat bottom left;
	}
  
#redsquareSmallContent {
  overflow: hidden;  
  position: absolute;
  }  
  
#redsquareSmall .applicationName {
  margin: 5px 0 5px 30px;
  } 
	
#redsquareContent {
  padding: 10px 5px 10px 10px;
  }  
  
#redsquare .applicationName {
  display: block;
  margin-bottom: 8px;
  }
	
#redsquare .buttonLogout {
  position: absolute;
  bottom: 12px;
  left: 20px;
  }
	
#redsquare .buttonLogout A {
	cursor: pointer;	
	}

/* Contentbereich ----------------------------------------------------------------------------- */  

#body {
  background: url('../images/bgContent.gif') repeat-x;
  padding-bottom: 30px;
	}  
  
#body.topnavClosed {
  border-top: 5px solid #FFF;
	}
  
#content {
  	float: left;
  	margin: 0 0 0 13px;
  	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	/*width:500px; /*for IE that it doesnt blow up, should be not a fixed with */
	/*width:100%;*/
}
	
#content P {
	clear: left;
	margin-bottom: 15px;
	}	
  
h1 {
  font: 23px Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  float: left;
  padding-top: 13px;
  padding-bottom: 18px;
  }
  
.icons {
  float: right;
  margin-top: 15px;
	margin-right: 15px;
  }
  
.icons IMG {
  margin-left: 3px;
  }
	
FORM {
	
	}	
  
#contentForms {
  clear: both;
  border-left: 1px solid #EEE;
  background: url('../images/bgContentFormTop.gif') repeat-x;
  background-color: #FFF;
 	border-bottom: 1px solid #f5f5f5;
	position: relative;
	
  }
	
#contentFormsShadow {
	background: url('../images/bgContentFormRight.gif') repeat-y top right;
	}	
	
#contentFormsShadowCorner {
	background: url('../images/bgContentFormCorner.gif') no-repeat bottom right;
	}		
	
.contentForm {
  padding: 20px 0px 25px 20px;
	background: url('../images/bgContentFormBottom.gif') repeat-x bottom left;
	margin-right: 5px;
	}
	
#formCategories {
	position: absolute;
	right: -165px;
	top: 0px;
	width: 170px;
	margin-top: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	}		

#formCategories LI {
	border-bottom: 1px dotted #ccc;
	margin: 0 10px -1px 10px;
	width: 145px;
	float: left;
	cursor: pointer;
	background: none;
	padding: 0;
	}

#formCategories LI A {
	color: #666;
	display: block;
	padding: 7px 2px 6px 2px;
	font-weight: normal;
	}
	
#formCategories LI A:hover {
	color: #111;
	}	
	
#formCategories LI.highlight {
	font-size: 17px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	border: none;
	font-weight: normal;
	margin-bottom: -5px;
	width: 170px;
	}
	
#formCategories LI.highlight A {
	background: url('../images/bgCategoryActiveBottomRight.png') repeat-y right bottom;
	display: block;
	color: #000;
	padding: 0;
	font-weight: normal;
	text-align: right;
	}
	
#formCategories LI.highlight A DIV {
	padding: 15px 18px 20px 0px;	
	background: url('../images/bgCategoryActiveTop.gif') no-repeat left top;
	}
	
.formSection {
	min-height: 500px;
	}
	
/* *********** IE hack that work flawlessly from IE5-IE6 **** */
* html .formSection {
	height:auto !important;
	height:500px;
}

	
#contentMain {
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 16px;
	padding-bottom: 20px;
	}	

/* Seitennavigation --------------------------------------------------------------------------- */  

#sidenavToggler {
  width: 22px;
  height: 140px;
  background: url('../images/sidenavOpenClose.gif') no-repeat top left;
  cursor: pointer;
	z-index: 0;
	float: left;
	}
  
#sidenavToggler.sidenavClosed {
  background-position: 0px -140px;
  }
    
#sidenav {
  width: 184px;
  margin: 0px 0px 0 15px;
  clear: both;
  float: left;
	display: inline;
	background: url('../images/bgSidenav.gif') no-repeat top right;
	padding-top: 11px;
	overflow:hidden;
  }  
  
#sidenav A {
  margin-top: 1px;
  }
  
#sidenav A {
  font: 13px Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  display: block;
  }
	
#sidenav LI {
	background: none;
	padding: 0;
	margin: 0;
	}    

#sidenav UL, LI {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }

#sidenav LI A {
  width: 184px;
	cursor: pointer;
  }
  
#sidenav #redsquare {
  display: none;  
  }
  
#sidenav .marquee { 
  display: block;
  overflow: hidden;
  position: relative;
  margin-right: 5px;
  }
  
#sidenav .marquee SPAN { padding-right: 20px; }

#sidenav .level2 .hasChildren .marquee { margin-right: 15px; width: 150px !important; }  
#sidenav .level3 .hasChildren .marquee { margin-right: 15px; width: 140px !important; }  
#sidenav .level4 .hasChildren .marquee { margin-right: 15px; width: 135px !important; }   
  
/* .marqueeContent{width:155px; height:15px; overflow:hidden;} */


/* Sidenavigation Level 1 ----------------------------------------------------------------- */  
  
#sidenav .level1 LI A {
  background: #bdbdbd url('../images/sidenavLevel1Top.gif') no-repeat top left;
  }
  
#sidenav .level1 LI A DIV {
  background: url('../images/sidenavLevel1Bottom.gif') no-repeat bottom left;
  padding: 6px 15px 8px 10px;
  font-weight: bold;
  color: #373737;
  font-size: 11px;
  line-height: 14px;
  margin-top: 1px;
  overflow: hidden;
 

position:relative
  }  
  
#sidenav .level1 .hasChildren A.selected {  
  background: #565656 url('../images/sidenavLevel1hasChildrenSelectedTop.gif') no-repeat top left;
  }
  
#sidenav .level1 .hasChildren A.selected DIV {
  background: url('../images/sidenavLevel1hasChildrenSelectedBottom.gif') no-repeat bottom left;
  color: #eeeeee;
  }
  
/* Sidenavigation Level 2 ----------------------------------------------------------------- */  
  
#sidenav .level2 LI A {
  background: #dbdbdb url('../images/sidenavLevel2Top.gif') no-repeat top left;
  }
  
#sidenav .level2 LI A DIV {
  background: url('../images/sidenavLevel2Bottom.gif') no-repeat bottom left;
  padding: 6px 5px 7px 15px;
  color: #585858;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;  
  margin-top: 1px;  
position: relative;

  }
	
#sidenav .level2 LI.hasChildren A DIV {
	background: url('../images/sidenavLevel2hasChildrenBottom.gif') no-repeat bottom left;
	}
	
#sidenav .level2 .hasChildren A.selected {  
  background: #8a8a8a url('../images/sidenavLevel2hasChildrenSelectedTop.gif') no-repeat top left;
  }

#sidenav .level2 .hasChildren A.selected DIV {
  background: url('../images/sidenavLevel2hasChildrenSelectedBottom.gif') no-repeat bottom left;
  color: #eeeeee;
  }  

/* Sidenavigation Level 3 ----------------------------------------------------------------- */

#sidenav .level3 LI {
  background-color: #FFF;
  }
  
#sidenav .level3 LI.hasChildren { background: none; }  
  
#sidenav .level3 LI A {
  background: url('../images/sidenavLevel3Top.gif') no-repeat top left;
  }  

#sidenav .level2 .hasChildren .level3 LI A DIV {
  background: url('../images/sidenavLevel3Bottom.gif') no-repeat bottom left;
  padding: 5px 5px 5px 20px;
  color: #444;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  margin-top: 1px;
  }
  
#sidenav .level2 .hasChildren .level3 LI.hasChildren A DIV {
	background: url('../images/sidenavLevel3hasChildrenBottom.gif') no-repeat bottom left;
	}  
	
#sidenav .level2 .hasChildren .level3 LI.hasChildren A.selected DIV {
  background: url('../images/sidenavLevel3hasChildrenSelectedBottom.gif') no-repeat bottom left;
  }	
  
/* Sidenavigation Level 4 ----------------------------------------------------------------- */

#sidenav .level4 LI {
  background-color: #FFF;
  }
  
#sidenav .level4 LI A {
  background: url('../images/sidenavLevel3Top.gif') no-repeat top left;
  }  

#sidenav .level2 .hasChildren .level3 .hasChildren .level4 LI A DIV {
  background: url('../images/sidenavLevel3Bottom.gif') no-repeat bottom left;
  padding: 5px 5px 5px 27px;
  color: #808080;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  margin-top: 1px;
  }
  
#sidenav .level2 .hasChildren .level3 .hasChildren .level4 LI.hasChildren A DIV {
	background: url('../images/sidenavLevel4hasChildrenBottom.gif') no-repeat bottom left;
	}  
	
#sidenav .level2 .hasChildren .level3 .hasChildren .level4 LI.hasChildren A.selected DIV {
  background: url('../images/sidenavLevel4hasChildrenSelectedBottom.gif') no-repeat bottom left;
  }	   
  
/* Sidenavigation Level 5 ----------------------------------------------------------------- */

#sidenav .level5 LI {
  background-color: #FFF;
  }
  
#sidenav .level5 LI A {
  background: url('../images/sidenavLevel3Top.gif') no-repeat top left;
  }  

#sidenav .level2 .hasChildren .level3 .hasChildren .level4 .hasChildren .level5 LI A DIV {
  background: url('../images/sidenavLevel3Bottom.gif') no-repeat bottom left;
  padding: 5px 5px 5px 34px;
  color: #AAA;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  }    
	
/* Sidenavigation active Item --------------------------------------------------------------- */
  
#sidenav LI.active {
  background-color: #f82500;
  }

#sidenav LI.active A {
  background: url('../images/sidenavActiveTop.gif') no-repeat top left    !important;
  }    

#sidenav LI.active A DIV,
#sidenav .level2 .hasChildren .level3 LI.active A DIV,
#sidenav .level2 .hasChildren .level3 .hasChildren .level4 LI.active A DIV,
#sidenav .level2 .hasChildren .level3 .hasChildren .level4 .hasChildren .level5 LI.active A DIV {
  background: url('../images/sidenavActiveBottom.gif') no-repeat bottom left;
  color: #FFF;
  }  
	
#sidenav .shortcut {
	display: none;
	}
	
#sidenav .cb { margin-top: -10px; background-color: #FFFF00; }

#sidenav .title { float: none; }

/* FORM ELEMENTS ------------------------------------------------------------------------------- */ 		

.buttonRed {
	background: url('../images/bgButtonRed.gif') repeat-x;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin-left: 0px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #970f00;
	cursor: pointer;
	margin: 5px 3px 0 0;
	}
	
.buttonGrey {
	background: url('../images/bgButtonGrey.gif') repeat-x;
	color: #3e3e3e;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin-left: 0px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #ababab;
	cursor: pointer;
	margin: 5px 3px 0 0;
	}	
	
fieldset {
	width: 500px;
	float: left;
	margin: 0 30px 0 0;
	}
	
fieldset DIV.cb {
	padding-bottom: 7px;
	}	
	
fieldset LABEL {
	color: #909090;
	width: 180px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 13px;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	}
	
LABEL.radio {
	float: left;
	color: #333;
	line-height: 14px;
	padding: 0 0 0 3px;
	font-size: 12px;
	margin-bottom: 5px;
	}
	
fieldset DIV.radiobuttons {
	padding: 3px 0 5px 0;
	float: left;
	}	
	
INPUT.radio {
	clear: left;
	float: left;
	width: 16px;
	height: 16px;
	margin-bottom: 3px;
	}		
	
INPUT.text, SELECT, TEXTAREA {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #222;
	border: 1px solid #d1d1d1;

	background: url('../images/bgInput.gif') repeat-x left bottom;
	}	
	
INPUT.text {
	padding: 4px;
	height: 25px;
	width: 300px;
	float: left;
	}
	
INPUT.text.small {
	width: 80px;
	}
	
label.cabinet {
	width: 140px;
	/* NOTE, if the height is changed plz check "si.files.js" and set a proper
	 * default-value for the (computed) var "y". There's a note too ..
	 */
	height: 32px;
	background: url('../images/buttonUpload.gif') no-repeat 0 0;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

label.cabinet input.file {
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}

	
.filepath {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #333;
	margin: 0 0 15px 190px;
	clear: left;
	}	
	
	
SELECT {
	padding: 3px;
	font-weight: bold;
	float: left;
	width: 300px;
	}	
	
OPTION {
	background-color: #FFF;
	color: #222;
	border: none;
	font-weight: normal;
	}	
	
INPUT.checkbox {
	border: none;
	width: 14px;
	height: 14px;
	margin: 5px 0;
	float: left;
	}	
	
TEXTAREA {
	width: 300px;
	height: 180px;
	padding: 4px;
	float: left;
	}	
	
.richtext {
	height: 150px;
	padding-top: 15px;
	float: left;
	}	
	
.mceEditor {
	float: left;
	}
	
INPUT.datepicker {
	width: 164px;
	background: url('../images/bgDatepicker.gif') top right;
	}	
	
.textBetween {
	line-height: 23px;
	float: left;
	display: block;
	padding: 0 5px 0 5px;
	}	
	
a.dp-choose-date {
	display: none;
	}
	
SELECT.multiselectLeft,
SELECT.multiselectRight {
	float: left;
	width: 260px;
	height: auto;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 7px;
	/*
	width: 137px;
	*/
	}
/* TODO edited position to be absolute to support
 * multiselects with width > 140 (each)
 */
SELECT.multiselectRight {
	position:absolute;
}
.multiselectControl {
	float: left;
	position: relative;
	margin-top: 5px;
	}
	
.multiselectControl A {
	margin: 0 3px 3px 3px;
	display: block;
	cursor: pointer;
	}		
	
A.multiselectMoveRightAll {
	margin-top: 10px;
	}
	
.multiselectFilter { 
  margin-left: 601px;
  margin-bottom: 7px;
  position: relative;
  clear: both;
  /*margin-left: 355px;
  */
  }
  
.multiselectFilter INPUT { width: 135px; padding-right: 25px; }  
  
.multiselectFilterDiscard { 
  width: 14px;
  height: 14px;
  background: url('../images/multiselectFilterDiscard.gif') no-repeat;
  top: 18px;
  display: none;
  cursor: pointer;
  position:relative;
  float:left;
  margin-left:-17px;
  margin-top:-12px;
  
  }  	

.multiselectFilter LABEL { font-size: 11px; padding: 0; line-height: 13px; }

INPUT.validationError { 
  border: 2px solid #df3022;
  background: #fbd1d1 url('../images/bgInputValidationError.gif') repeat-x;
  }
  
.validationHint {
  color: #e82200;
  font-weight: bold;
  font-size: 11px;
  margin-left: 190px;
  padding-top: 3px;
  clear: both;
  line-height: 11px;
  font-weight: normal;
  }  


/* STANDARD CONTENT ---------------------------------------------------------------------------- */

h2 {
	padding: 5px 0 10px 0;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
h3 {
	padding: 5px 0 10px 0;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}	
P {
	/*width: 550px;*/
	line-height: 17px;
	color: #444;
	}
	
P A {
	background-color: #FFF;
	padding: 1px 2px 0px 2px;
	color: #000;
	border-bottom: 1px dotted #999;
	}	
	
P A:hover {
	background-color: #c71c00;
	color: FFF;
	border-bottom: none;
	padding-bottom: 1px;
	}	
	
UL {
	margin: 10px 0 25px 0;
	list-style-type: none;
	}	
	
UL LI {
	line-height: 18px;
	background: url('../images/bullet.gif') no-repeat 0 1px;
	padding-left: 21px;
	margin-left: 15px;
}	


OL {
	margin-left: 15px;

	}	
	
OL LI {
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 18px;
	}
	
TABLE {
	font-size: 12px;
	padding: 0;
	}	
	
TABLE TD {
	padding: 5px 15px 5px 15px;
	background-color: #FFF;
	}	
	
TABLE THEAD TH {
	padding: 5px 15px 5px 15px;
	background-color: #454545;
	color: #FFF;
	}	
#finanzzahlen{width:760px}
#finanzzahlen thead th{
	padding: 5px 1px 5px 1px;
}
#finanzzahlen td{
	padding: 5px 5px 5px 1px;
}

TABLE TFOOT TH {
	padding: 5px 15px 5px 15px;
	background-color: #454545;
	color: #FFF;
	}	

SMALL {
	font: 9px Arial, Helvetica, sans-serif;
	color: #888;
	margin: 4px 0 25px 0;
	display: block;
	}
	
.metadata {
  color: #666;
  clear: both;
  margin: 35px 0 0 0;
  float: left;
  }
  
.metadata STRONG { 
  color: #444;
  }  
	
/* NEWSFEED ------------------------------------------------------------------------------------ */ 	

.newsfeedHead {
	margin: 15px 0 0 5px;
	clear: both;
	background: url('../images/bgNewsfeedTitle.jpg') no-repeat;
	padding: 7px 5px 20px 7px;
	width: 600px;
	}
	
.newsfeedHead .date {
	background: url('../images/bgDate.gif') no-repeat;
	width: 53px;
	height: 53px;
	float: left;
	margin-right: 10px;
	}	
	
.newsfeedHead .date .day { font: 30px Georgia; color: #FFF; text-align: center; line-height: 28px; }	
.newsfeedHead .date .month { font: 14px Georgia; color: #FFF; text-align: center; line-height: 27px; }

.newsfeedHead .title { float: left; margin-top: 7px; }
.newsfeedHead .title h1 { margin: 0; padding: 0; }
	
.newsfeedHead .author {
	font-weight: bold;
	color: #888;
	}	
	
.newsfeedBody {
	clear: both;
	margin: 0px 0 20px 12px;
	float: left; 
	line-height: 17px;
	color: #333;
	}	
	
#content .newsfeedBody P {
	margin-bottom: 12px;
	}	
	
P IMG {
	border: 4px solid #FFF;
	float: left;
	margin: 0 15px 8px -2px;
	}	
	
P STRONG { color: #111; }
		
	
  
/* FOOTER -------------------------------------------------------------------------------------- */  

#allbutfooter { 
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #f5f5f5;
  margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
  }
  
#footer { 
  background: url('../images/bgFooter.gif') repeat-x;
  font: 11px Arial, Helvetica, sans-serif; 
  }
  
.push { clear: left;}

#footer, .push { 
  height: 50px; 
  margin: 0 auto; /* .push must be the same height as .footer */ 
  }
  
#footer .metamagix {
  color: #d0d0d0;
  float: left;
  width: 205px;
  margin: 28px 15px 0 15px;
  line-height: 14px;
  }  
  
#footer .address {
  color: #747474;
  margin-top: 28px;
  float: left;
  }  
  
#footer .logo {
  float: right;
  margin-right: 10px;
  }  

/* TOOLTIPS -------------------------------------------------------------------------------------- */  

#helper {
	position: absolute;
	top: 298px;
	left: 500px;
	table-layout: inherit;
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
	height: 25px;
	display: none;
	}
	
#helperText {
	font-size: 11px;
	}	
	
#helper TD {
	padding: 0;
	background: none;
	}	
	
#helper .arrow {
	position: absolute;
	top: 7px;
	left: -5px;
	width: 6px;
	height: 12px;
	background: url('../images/tooltipArrow.png') no-repeat;
	}	
	
#helper .cornerTopLeft,
#helper .cornerTopRight,
#helper .cornerBottomLeft,
#helper .cornerBottomRight {
	width: 5px;
	height: 4px;
	line-height: 5px;
	}	
	
#helper .topCenter,
#helper .bottomCenter,
#helper .middleLeft,
#helper .middleRight,
#helper .middleCenter {
	background: url('../images/bgTooltipDark.png');
	}
	
#helper .cornerTopLeft,
#helper .topCenter,
#helper .cornerTopRight,
#helper .cornerBottomLeft,
#helper .cornerBottomRight,
#helper .bottomCenter {
	height: 6px;
	line-height: 6px;
	}	
	
#helper .middleCenter {
	padding: 0 4px 1px 4px;
	line-height: 12px;
	}	
	
#helper .cornerTopLeft { background: url('../images/cornerTopLeft.png') no-repeat top left; }	
#helper .cornerTopRight { background: url('../images/cornerTopRight.png') no-repeat top right; }
#helper .cornerBottomLeft { background: url('../images/cornerBottomLeft.png') no-repeat top left; }	
#helper .cornerBottomRight { background: url('../images/cornerBottomRight.png') no-repeat top right; }	

#tooltip {
	background: #ffffe1;
	border: 1px solid #000;
	position: absolute;
	z-index: 10000;
	}
	
#tooltip h3 {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	}	

/* DATE PICKER ------------------------------------------------------------------------------------------ */ 



table.jCalendar {
	font: 11px Arial, Helvetica, sans-serif;
	background: #f5f5f5;
  border-collapse: separate;
  border-spacing: 1px;
	margin: 0 auto;
}
table.jCalendar th {
	background: #555;
	color: #fff;
	font-weight: normal;
	padding: 3px 3px;
}
table.jCalendar td {
	background: #dbdbdb;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #fff;
	color: #999;
}
table.jCalendar td.today {
	background: #999;
	color: #fff;
}
table.jCalendar td.selected {
	background: #df2f21;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: url('../images/bgCalendarHover.gif') repeat-x;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: url('../images/bgCalendarHover.gif') repeat-x;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #f5f5f5 url('../images/bgContent.gif') repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 1px;
	line-height: 1.2em;
	margin-left: 0px;
	margin-top: 23px;
	text-align: center;
  }

div#dp-popup {
	position: absolute;
	z-index: 199;
  }

.dp-popup TABLE TD {
	font-size: 11px;
	padding: 3px 5px;
	line-height: 14px;
	}
	
div.dp-popup h2 {
	font-size: 11px;
	text-align: center;
	margin: 0px 0 3px 0;
	padding: 0;
	line-height: 18px;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 0px;
	left: 4px;
	width: 100px;
	font: 13px Arial;

}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;

}
div.dp-popup td.disabled {
	cursor: default;
}

.dp-nav-next-month,
.dp-nav-next-year,
.dp-nav-prev-month,
.dp-nav-prev-year {
	display: block;
	float: left;
	padding: 0;
	height: 13px;
	}

.dp-nav-next-month {
	background: url('../images/calNextMonth.gif') no-repeat 7px 5px;
	margin-top: 1px;
	}
	
.dp-nav-next-year {
	background: url('../images/calNextYear.gif') no-repeat 5px 5px;
	margin-top: 1px;
	}
	
.dp-nav-prev-month {
	background: url('../images/calPrevMonth.gif') no-repeat 6px 5px;
	margin-top: 3px;
	}
	
.dp-nav-prev-year {
	background: url('../images/calPrevYear.gif') no-repeat 4px 5px;
	margin-top: 3px;
	}	
	
/* DATAGRID -------------------------------------------------------------------------------------- */  

.datagrid {
	clear: both;
	}

.datagrid TABLE {
	font-size: 11px;
	}
	
.datagrid TABLE TD {
	font-size: 11px;
	}	
	
.datagrid TH {
	padding: 0;
	background: none;
	color: #000;
	}	
	
.datagrid .pcontrol INPUT {
	border: 1px solid #ccc;
	padding: 1px;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	}	
	
.datagrid TBODY TD {
	padding: 0;
	}

.datagrid .qsbox {
	padding: 4px;
	border: 1px solid #CCC;
	font: 12px Arial, Helvetica, sans-serif;
	height: 25px;
	}	
	
.datagrid .nDiv TABLE TD {
	font: 11px Arial, Helvetica, sans-serif;
	}	
	
.datagrid .sDiv2 {
	height: 32px;
	position: relative;
	}	
	
.datagrid .sDiv2 SELECT {
	height: 25px;
	}		
	
.datagrid .sDiv2 .reset {
	padding: 3px 7px 3px 7px;
	background: url('../images/bgButtonRed.gif') repeat-x;
	color: #FFF;
	border: 1px solid #970f00;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 3px;
	cursor: pointer;
	}
	
.datagrid .sDiv2 SELECT {
	float: none;
	}		
	
.datagrid TH {
	font-size: 11px;
	}
	
.datagrid .add {
	background: url('../images/add.png') no-repeat 1px 2px;
	}		
	
.datagrid .delete {
	background: url('../images/close.png') no-repeat 1px 2px;
	}	
	
	
.datagrid .xls {
	background: url('../images/icons/xls.png') no-repeat 1px 2px;
	}
		
.datagrid .vGrip,
.datagrid .hGrip {
	}	


/* LIST AUTOCOMPLETE -------------------------------------------------------------------------- */ 

OL.listAutocomplete {
  margin-bottom: 7px;
  list-style-type: none;
  margin-left:0px;
  float:left;
}

OL.listAutocomplete LI {
  list-style-type: none;
  padding: 0;
}

	
.listAutocomplete li div.open {
	background: url('../images/autoselectOpen.gif') no-repeat;
	}
	
ul.holder li div {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 7px;
	right: 5px;
	cursor: pointer;
	background: url('../images/autoselectClose.gif') no-repeat;
	}
	
/* TextboxList sample CSS */
.listAutocomplete ul.holder { 
  margin: 0; 
  width: 290px; 
  overflow: hidden; 
  height: auto !important; 
  height: 1%; 
  padding: 4px 4px 0px;
  border: 1px solid #d1d1d1;
	background: url('../images/bgInput.gif') repeat-x left bottom;
	margin: 0;
	list-style-position: outside;
	position: relative;
  }
   
*:first-child+html .listAutocomplete ul.holder { float: left; padding-bottom: 4px; width: 300px; } * html .listAutocomplete ul.holder { float: left; padding-bottom: 4px; width: 300px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; padding: 0; background: none; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 12px Arial; font-weight: bold; color: #000; line-height: 14px; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 100px; background: url('../images/bgListAutocompleteInput.gif') repeat-x bottom left; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */    
li.facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */
div.facebook-auto { display: none; position: absolute; width: 300px; margin-left: 0px; background: #eee; clear: both; z-index:1;}
div.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
div.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
div.facebook-auto ul li { padding: 3px 8px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; list-style-position: outside; border: 1px solid #dfdfdf; border-width: 0 1px 1px; font-size: 12px; }
div.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
div.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
div.facebook-auto ul li.auto-focus em { background: none; }
*:first-child+html div.facebook-auto { margin-top: -2px; } * html div.facebook-auto { margin-top: -2px; } /* ie7 and below */

ol.listAutocomplete div ul LI { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}

.autocompleteKeyListener {
	border: 1px solid #000;
}
	

/* MISC ------------------------------------------------------------------------------------------ */  
  
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }



p iframe{
border:1px solid #EFEFEF;
padding:10px;
}





div.growlUI{
}

div.errorimg{
	width:60px;
	height:60px;
	background: url(../images/cancel_48.png) no-repeat 10px 0px; 
	float:left;
}
div.confirmimg{
	width:60px;
	height:60px;
	background: url(../images/warning_48.png) no-repeat 10px 0px; 
	float:left;
}


div.growlUI h1, div.growlUI h2 {
	color: white;
	margin: 10px 5px 5px 70px;
	text-align: left;
	width:250px;
}
div.growlinput{
	width:350px;
	clear:both;
	text-align:center;
}

div.growlinput .inner{
	width:50%;
	float:right;
	margin:0px 0px 10px 0px;
}
div.growlinput .inner .buttonRed{
	width:53px;
	float:right;
	margin-right: 7px;
}
div.growlinput .inner .buttonGrey{
	width:75px;
	float:right;
	margin-right:7px;
}


/** SLIDER **/
.gallery * {
	margin: 0;
	padding: 0;
}



.gallery #wrapper {
    width: 920px;
    margin:auto auto 0px auto;
}

.gallery #intro {
    padding-bottom: 10px;
}

.gallery #slider {
     width: 920px;
	 height:550px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.gallery .scroll {
	overflow: hidden;
	width: 920px;
    margin: 0 auto;
    position: relative;
	background:#FFF;
}

.gallery .scrollContainer {
	position: relative;
}

.gallery .scrollContainer div.panel {
    padding: 10px;
    width: 474px;
	height: 580px;
}

.gallery #left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url('../images/leftshadow.png') repeat-y;
}

.gallery #right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url('../images/rightshadow.png') repeat-y;
}

.gallery .inside {
	padding: 10px;
	border: 1px solid #999;
}
/*not focused img*/
.gallery .inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 350px;
}

.gallery .inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.gallery .inside p {
	font-size: 11px;
	color:#666666;
}

.gallery a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.gallery a:hover {
	border-bottom: 1px solid #999;
}

.gallery .scrollButtons {
    position: absolute;
    top: 270px;
    cursor: pointer;
}

.gallery .scrollButtons.left {
    left: -45px;
}

.gallery .scrollButtons.right {
    right: -45px;
}

.gallery .hide {
    display: none;
}

.galleryButtonRed{
background-color:#a71700;
}
.gallery, #page .blockUI,#page .blockOverlay{cursor: pointer; }


.gallery .scroll{height:550px;}

.gallery{
font-family:Arial,Helvetica,sans-serif;
}

#closegallery{
	cursor:pointer;
position:absolute;
top:-10px;
right:-48px;
}

/* Div above the content, floating right, growing left*/
div.topRightButtonArea select {
	width:120px;
	display:inline;
}

div.topRightButtonArea input {
	margin:0px;
	margin-left:2px;
	display:inline;
}
div.topRightButtonArea .buttonGrey,div.topRightButtonArea .buttonRed{
	padding:3px;
}
	

div.topRightButtonArea form {
	display:inline;
}

div.topRightButtonArea {
	float:right;
	display:inline;
	margin:14px 5px 0px 0px;
}

/* IE6/7 styling */
* html div.topRightButtonArea input {
	padding:0px;
}
* html div.topRightButtonArea {
	margin-right:175px;
	
}	
	
/* JS DEBUG MSG OUTSIDE OF CONSOLE */

#DEBUG{
background:#FFF;
font-size:12px;
font-family: Arial;
color: #3c3c3c;
border:1px solid #ccc;
text-align:left;
}
#DEBUG ol li{
border-bottom:1px solid #ccc;

}

div.errorlog{
display:inline;
background-color:none;
font-weight: bold;
color:red;
background: url('../images/error.gif');
background-repeat: no-repeat;
padding-left:20px;
}
div.warnlog{
display:inline;
background-color:#00ffff;
background-image: url('../images/warn.gif');
background-repeat: no-repeat;
padding-left:20px;
}
div.infolog{
display:inline;
background-color:none;
background-image: url('../images/info.gif');
background-repeat: no-repeat;
padding-left:20px;

}

/* GLOSSARY */
body{
	margin:0;
	padding:0;
}
.content-container {
height:500px;
overflow:auto;
margin-bottom:20px;

}
#content .glossar h1{
padding-bottom:4px;
}

.ulwrapper{
text-align: center;
}
.glossary-container .firstUL{
	padding:0px 0px 0px 0px;
	margin:0px;
	display: inline;
	background-color:none;
	
}
.content-for-a{
	background-color:#e5e5e5;
}
.glossary-container .firstUL li {
	background:transparent url("../images/sprite_weiss_grau_small.png") no-repeat scroll 0 0;
	display:inline;
	font-family:'Arial',Verdana,Tahoma;
	font-size:10pt;
	font-weight:bold;
	
	
	margin-left:0px;
	padding-left:0px;


	padding:2px 5px 8px 6px;
	line-height:40px;
	cursor:pointer;
	
	
}
.glossary-container .firstUL li.i{
	padding:2px 8px 8px;	
}
.glossary-container .firstUL li.w,
.glossary-container .firstUL li.m{
	padding:2px 5px 8px;	
}

.glossary-container .firstUL li.l,
.glossary-container .firstUL li.e
		{
	padding:2px 6px 8px;	
}

.glossary-container .firstUL li.i{
padding:2px 8px 8px;	
}

.glossary-container .firstUL li.f,
.glossary-container .firstUL li.t,
.glossary-container .firstUL li.u,
.glossary-container .firstUL li.x,
.glossary-container .firstUL li.y,
.glossary-container .firstUL li.z,
.glossary-container .firstUL li.j{
	padding:2px 6px 8px;	
}


.glossary-container .firstUL li.selected{
	background:transparent url("../images/sprite_rot_small.png") no-repeat scroll 0px 0px;
	color:#ffffff;
	font-weight:bold;
}
.glossary-container div.left {
float:left;
position:relative;
}
.glossary-container p{position:relative;}
.glossary-container .infield{
display:block;
left:6px;
position:absolute;
top:6px;
}
.glossary-container #queryname{
float:none;
margin-top:2px;
}
.glossary-container .buttonRed{
	margin: 0px 0px 0px 5px;

}



#body-container{
	width:642px;
	height:500px;
	margin:0 auto;
	border:none;
	
}

#body-container .glossary-container{
	clear:both;
}

#body-container .content-container{
	height:430px;
	width:642px;
	overflow:auto;
	font-family:'Arial',Verdana,Tahoma;
	font-size:10pt;
	clear:both;
}

#body-container .content-container div{
	padding-left:10px;
	border-bottom:1px #DDDDDD solid;
}

#body-container .content-container div h2{
	margin-top:0px;
}

#body-container .content-container p.return-to-top{
	color:#0066FF;
	text-decoration:underline;
	text-align:right;
	margin-right:10px;
	cursor:pointer;
}


	
.content-container .quelle{
	margin:2px 0px 5px 0px;
	
}
.begriffe{
	padding:4px 10px 4px 10px;
	
}
div.quelle, #content a.quellenlink, #content a.quellenlink:hover{
	
	font-size:8px;
	color:#444;
	background-color:none;
	background:none;
	text-decoration:none;
	border-bottom-width:0px;
}

/*SUCHFELD INFIELD */
#protokoll p { position:relative }

#protokoll div.left {float:left;position:relative }
#protokoll .infield  { position:absolute; top:4px; left:6px; display:block;}
#protokoll input.text{width:158px;display:block;}
#protokoll #queryname{float:none} /* for infieldlabel*/
#protokoll #searchform .buttonRed{ margin:0px 0px 0px 10px; padding:4px 15px 3px 15px; width:90px; border:none;}
#protokoll .glossary-container .buttonRed{ margin:0px 0px 10px 0px; padding:4px 15px 3px 15px; border:none;}
#protformdata input.text{width:250px}
	
#content .content-container p{
margin-bottom:0px;
margin-top:10px;
}
.content-container .sorry{
	margin:auto;
	margin-top:40px;
	width:170px;
}

#content .content-container h2{
padding-bottom:0px;
}

.return-to-top{
margin-left:550px;
margin-bottom:5px;
}


/* PROTOKOLL (derived frm glosar) */
.protokoll{
	width:620px;
}
.protokoll .glossary-container{
	
}
.content-for-new{
	height:270px;
	
	padding:15px 0px 0px 0px;
}

#protokoll .hidden{
	display:none;
}
/*.content-for-new .buttonRed{
	margin:0px 0px 0px 262px;
}

.content-for-new .buttonGrey{
	margin:0px 0px 0px 10px;
}
*/
#protokoll fieldset{
	width:700px;
}
/*
.content-for-new label{
	text-align:right;
	width:160px; /*form centered within widget*/
}
*/
.protokoll .glossary-container .firstUL li,
.protokoll .glossary-container .firstUL li.selected{

}
.protokoll .glossary-container .firstUL li.selected{
	font-weight:bold;
}

.protokoll .content-container{
border:1px solid #ccc;
}
.protokoll .content-for-l1{
	/*background:#E5E5E5;*/
}
.protokoll .return-to-top{
	margin-left:525px;
	padding:0px;
}

.protokoll .firstUL a,.protokoll .firstUL a:hover{
color:#444444;
}

.protokoll .user{
	float:right;
	font-weight:lighter;
	margin-right:10px;
}
.protokoll .title{
	font-size:13px;
	float:left;
	font-weight:bold;
}
.protokoll .date{
	float:right;
	font-weight:lighter;
}
.protokoll .beschreibung{
	margin:18px 0px 20px 0px;
}
.protokoll .rowA{
}
.protokoll .rowB{
	background:#E5E5E5;
}
.firstEntry{
	/*background:#e5e5e5;*/
}
.protokoll TEXTAREA{
	background:#FFF;
}

.protokoll .fbutton{
	cursor:pointer;
	display:block;
	
	padding:1px;
	margin-top:10px;
}
.protokoll div.fbutton div {
	float:left;
	padding:1px 3px;
	display:block;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/add.png) no-repeat scroll 1px 2px;
	
}
.protokoll div.fbutton span {
	display:block;
	float:left;
	padding:3px;
	
}
.protokoll .add{
	margin-left:20px;
}

.protokoll .ulwrapper{
	width:220px;
	float:left;
	text-align:left;
	margin-bottom:5px;
}

.protokoll .glossary-container .firstUL  .all{
	background:transparent url('../images/sprite_wg_64.png') no-repeat;
	padding:11px 20px 25px 20px;
}
.protokoll .glossary-container .firstUL  .lastNR{
	background:transparent url('../images/sprite_wg_105.png') no-repeat;
	padding:11px 10px 25px 10px;
	
}

.protokoll .glossary-container .firstUL  .all.selected{
	background:transparent url('../images/sprite_rot_64.png') no-repeat;
}

.protokoll .glossary-container .firstUL  .lastNR.selected{
	background:transparent url('../images/sprite_rot_105.png') no-repeat;

}
.protokoll .datewrapper{
	
}
.protokoll  .datepicker{
	width:100px;
}

.protokoll .textsuche{
	margin-right:15px;
}

#protFormData label{
width:60px;
}


#allbutfooter #topnav .redsquareSmallMKM {
	background: url('../images/topnavClosedMKM.png') no-repeat bottom left;
}


.contentSiteTitleNavigation{
float:right;
margin:20px 10px 0px 0px;

}
.topRightButtonArea{
margin:0px;
float:right;

}
/*
.contentSiteTitleNavigation{
	text-align:right;
	margin:20px 0px 0px 0px;
	width:auto;
	height:20px;
	float:none;
}
*/
/*#content{position:relative;}
#content h1{position:absolute;top:0px; left:0px;}
*/
div.html404wrapper{
	text-align:center;
}

div.html404 {
	text-align:left;
	width:600px;
	height: 420px;
	margin:auto;
	margin-top:5%;
	background: url('../images/bgHtml404.gif') no-repeat;
	font-family:Arial,Verdana,Tahoma;
	color:#444444;
	font-size: 14px;
}
div.htmlcontent{
padding:40px;
}
div.html404 .buttonRed{
	
}
div.html404 img.logo{
	float:right;
	padding:0px;
}
div.html404 .title{
	font-size:40px;
	color:#C71C00;
}
div.html404 .subtitle{
	font-size:20px;
	color:#C71C00;
}
#footer404{
	margin:20px 0px 0px 0px;
	font-size:11px;
}
#footer404 a{
	color:#444444;
}
div.html404 ul li{
	background:none;
	background-image:none;
  	list-style-type:disc;
  	margin-left:40px;
	padding-left:0px; 
}




/**** RELEASE LIST ***/
ul.releaseNotes, ul.releaseNotes ul{
	 margin:0px;
}
ul li.hasChildren{
	padding-left:0px;
}

ul.releaseNotes li{
	background:transparent url(../images/autoselect.gif) no-repeat scroll 0 1px;
}
ul.releaseNotes li.hasChildren {
	background:none;
}
ul.releaseNotes li.hasChildren span{
	background:transparent url(../images/autoselectOpenRed.png) no-repeat scroll;
	padding-left:20px;
}
ul.releaseNotes li.open span{
	background:transparent url(../images/autoselectCloseRed.png) no-repeat scroll;;
	padding-left:20px;
}
ul.releaseNotes li.closed span{
	background:transparent url(../images/autoselectOpenRed.png) no-repeat scroll;
	padding-left:20px;
}
ul.releaseNotes li ul{	
	display:none;
}

/* TOP RIGHT ELEMENTS ON f.e. HOUSE */
#content .topRightButtonArea{
margin:14px 10px 0px 0px; /* IE7 bug, needs extra definiton */
}
#content .topRightButtonArea select{
margin-top:2px; /* IE7 bug, needs extra definiton */
}


/* rating elements */
.ratingElement input[type=radio]{
	margin-top:5px;
	padding-top:15px;
	float:left;
	height:13px;
	width:13px;
}
.ratingElement label{
float:left;
margin:0 20px 0 10px;
padding:0;
width:auto;
line-height:16px;
margin-left:10px;
margin-top:3px;
vertical-align:top;
}





/*
#content{background:gray; }
#content .contentSiteTitleNavigation{background:black}
#content h1{background:yellow}
#content #contentForms{background:blue;}
#content #contentFormsShadow{background:red}
#content #formCategories{background:green}
#content #formCategories li{background:pink}
#sampleform{background:brown}

#contentFormsShadowCorner{background:#dddddd}
#contentMain{background:#cccccc}

#content .topRightButtonArea{background:orange;}
#content .topRightButtonArea .ajaxForm{background:pink}
#content .topRightButtonArea .ajaxForm select{background:green}
#content .topRightButtonArea .ajaxForm .buttonGrey{blue}
*/



/* ********* HAUS toparea (zinsliste download und topo-download) ******* */
body .hausTopCustomArea select {
	 width: 70px;
	 margin-right: 3px;
}

body .hausTopCustomArea input {
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px;
}

table.openZinsTable{
	border-collapse: separate;
 	border-spacing: 0;
 	*border-collapse: collapse; /* hack is needed for IE7 also */
}

table.openZinsTable tr.yellow td{
	background:#ffffaa;
}
table.openZinsTable tr.green td{
	background:#aaffaa;
}
table.openZinsTable tr.red td{
	background:#ffaaaa;
}

div.userlist{
	display:none;
}
div.userlist h1{
	float:none;
}
div.userlist hr{
	display:none;
}




/* ****** Definitions for Table used in Zili-Upload ******** */

div.ziliuptable {
	overflow: auto;
	width: 1190px;
	height: 200px;
}