/*
   * CSS von Stockwerk2 01.07.09
   *
   * Bearbeitet von Benjamin Reichelt 07.2009
   */
  
  
  /* ----------------------- Altes style.css einbinden - später entfernen ----------------------- */ 
  
  @import url("styles_old.css");
  
  
  /* ----------------------- Styles für Thickbox ----------------------- */ 
  
  @import url("thickbox.css");
    
    
  /* ----------------------- Navigation (Head, Foot)----------------------- */
  
  #navi {
    margin-top:30px;
    width:1002px;  
  }
  #navi ul {
    list-style-type: none;
    float:left;	
    padding-left:0px;
    padding-bottom:0.5em;
    margin-top:0px;
    margin-left:120px;
    margin-bottom: 0px;
    width:700px;
    overflow:hidden;
  }
  #navi li {
    display: inline;
    margin-right:2em;
    margin-bottom: 0.65em;
    float:left;
  }
	#li_active {
    color: #FCC73B;
  }	
  #navi li a {
    color: #E99707;
    font-weight: bold;
  }
  #navi li a.active {
    color: #FCC73B;    
  }
  #subnavi {
    padding:0.5em 0px;
    width:800px;
    background-color: #ADC5E6;
    margin-left: 120px;
    height:22px;
  }
  #subnavi ul {
    display: inline;
    list-style-type: none;
    float:left;	
   
    padding-top:3px;
    padding-bottom:0px;
    width: 450px;
    overflow:hidden;
  }
  #subnavi li {
    display: inline;
    margin-right:1em;
    float:left;
   
  }
  #subnavi li a {
    color: #2B76B8;
     
  }
  #subnavi li a.active {
    display: inline;
    color: #5F5E53;
    
  }
  #breadcrumb {
    border-bottom:2px solid #5992C1;
    padding:10px 0 4px;
    line-height:20px;
  }
  
  /* Kopfbereich */
  #header {
	background-color: #FFF;
  }

  /* Fußbereich */
  #footer {
	border-top: 2px solid #5992C1;
	border-bottom: 1px solid #5992C1;
	margin: 10px 0 10px 0;
  }
  #footer ul {
	list-style-type: none;
	padding:0;
	margin: 8px 0 8px 4px;
  }
  #footer li {
	display:inline;
	margin-right: 20px;
  }
  #footer li a {
	color: #605F52;
  }
  #footer li a:hover {
	color: #605F52;
	text-decoration: underline;
  }
  #footer li div {	
  display:inline;  
  font-size:14px;
  color:#18486C; 
  }
  /* Nachrichten */
  #messages {
	float:left;
	margin-right:10px;
  }
  
  /* Logos */
  #imtlogo {
	position: absolute;
	left: 930px;
	top:65px;
  }
  
  /* ----------------------- Allgemeiner Bereich ----------------------- */
  
  /* body */
  body {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size:12px;
	background-color: #EBEADF;
  }
  
  /* Hauptbereich */
  #master {
    width: 1002px;
  }  
    
  /* Inhalte */
  #content {
	width: 800px;
	margin-left:120px;
  }
  .col_1 {
	width: 260px;
	float: left;
  }
  #content .col_1 {
	background-color: #F5F5EF;
  }
  .col_1 .h3headbox h3 {
  width: 250px;
  }
  .col_2 {
	width: 540px;
	float: left;
  }
  .col_2 .h3headbox h3 {
	width: 480px;
  }
  
  /* Links */
  a {
	color: #2B76B8;
	text-decoration: none;
  }
  a:hover {
	text-decoration: underline;
  }
  a img { 
	border-style:none;
  }  
  a:active, a:focus {
    outline:none;
  }
  
  /* Absätze */
  p {
    margin: 0px;
    padding: 0px;
  }
  
  p.standard {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  /* div für die gesamte Breite der Website*/
  div.whole_01 {
	border-bottom: 2px solid #EBEADF;
	background-color: #FFF;
	width: 800px;	
  }
  /* div für die gesamte Breite mit padding 10 */
  div.whole_02 {
    border-bottom: 2px solid #EBEADF;
    background-color: #FFF;  
    width: 780px !important; /*mozilla width*/	
    width: 800px;
    padding: 10px;     
    display: inline-table;
  }
  div.bg_width_900 {
    border-bottom: 2px solid #EBEADF;
    background-color: #FFF;  
    width: 880px !important; /*mozilla width*/	
    width: 900px;
    padding: 10px;     
    display: inline-table;
  }
  /* div für die gesamte Breite mit padding und zentriert */
  div.whole_02_center {
    border-bottom: 2px solid #EBEADF;
    background-color: #FFF;
    width: 780px !important; /*mozilla width*/	
    width: 800px;
    padding: 10px;
    display:inline-table;
  }
  /*
  div.bg_flexible {
    border-bottom: 2px solid #EBEADF;
    background-color: #FFF;
    min-width: 780px !important; /*mozilla width
    min-width: 800px;
    padding: 10px;
    display:inline-table;
  }*/
  
  /*messages*/
  div.message {    
    background-color: #FFF;  
    width: 100%;	            
    display: inline-table;
  }   
  
  div.standard {
    padding: 5px;
  }

  
  /* Blaue Linie unten mit margin */
  .blueline_bottom_margin{
	border-bottom:2px solid #5992C1;
	margin-bottom: 8px;
  }  
  /* Blaue Linie unten */
  .blueline_bottom{
	border-bottom:2px solid #5992C1;
  }
  
  /* Form */
  form {
    margin: 6px 0 10px 0;
  }
  
  form.form_standard {
    margin: 0;
    padding: 0;
    display:inline;
  }
  
    form.checkbox {
    margin: 0px;    
  }

  form.checkbox fieldset {
    padding: 10px 5px 5px 5px;   
  }
  
  /* Legend einer Form */
  .legend {
    font-size: 13px;
    font-weight: bold;
    color:#5992C1;
  }
  
  /* Container */
  .container_16px {
	font-size:14px;
	color: #807F6D;
	/*border-top:2px solid #5992C1;*/
  background-color: #FFFFFF;
  padding: 5px 10px;
  margin-top:5px;
  }
  .container_16px_2 {
	font-size:14px;
	color: #807F6D;
  background-color: #FFFFFF;
  padding: 5px 10px;
  }
   .container_16px_2 h1 {
	color: #5992C1;
	border-bottom:2px solid #5992C1;
  padding-top: 6px;
  }
  .container_16px_2 p {
	padding: 0;
	margin:10px 0px 0px 0px;
  width:740px;
  }
  .container_16px h1 {
	color: #5992C1;
	border-bottom:2px solid #5992C1;
  padding-top: 6px;
  }
  .container_16px a {
	color: #5992C1;	
  text-decoration: none;
  }
  .container_16px a:hover {
	color: #5992C1;	
  text-decoration: none;
  }
  .container_16px p {
	margin:10px 0px 0px 0px;
  width:740px; 
  color: #807F6D;
  }
  .container_16px ol {
	margin:0;
  }
  .container_16px .cols {
	float:left; 
	width:266px;
  }
  .container_16px .btnright  {
	margin:0 8px;
  }
  .container_16px .navigation_icon {
    position: relative;
    left: 760px; 
    bottom: 15px; 
    height: 10px; 
    width: 20px;
  }
  
  .container_14px {
	font-size:14px;
	color: #807F6D;
	border-top:1px solid #fff;
	margin-bottom:20px;
  }
  .container_14px h2 {
	margin-top:4px;
	margin-bottom:4px;
  }
  .container_14px .cols {
	float:left; 
	width:400px;
  } 
  
  /* Ausrichtung */
  .left {
	float:left;
  }
  .clear {  
	clear: both;
  }
  .clear_2 {
	clear: both;
  }
  
  /* Textfarbe */
  .black {
    color: #000000;
  }
  .grey {
	color: #807F6D;
  }
  .blue {
	color: #2B76B8;
  }
  .orange {
	color: #FF9900;
  }
 .dark_beige {
	color: #4F4E45;
 }
 .red {
	color: #EE3123;
 }
 
 /* font-weigth */
  .bold {
	font-weight: bold;
  }
  
  /* Margins */
  .margintop {
	margin-top:3px;
  }
  .rightmargin {
	margin-right: 10px;
  }
  
  /*Paddings*/
  .padding_3 {
    padding-bottom: 3px;
  }
  .padding-left_25 {
	padding-left: 25px;
  }
  
  .price {
	background-color: #FFF;
	font-size: 18px;
	color: #5992C1;
	padding: 4px 2px 4px 2px;
	margin:0;
  }  

  .floatleft {
    float: left;
  }
  
  .hidden {
    display: none;
  }
  /* Display none 
  .display_none {
    display:none;
  }*/
  
  .standard_padding {
    padding: 10px;
  }
 
  
  /* align */
  .center {
    text-align: center;
  }
  
  /*
  div.div_center {
    margin-left:auto;
    margin-right:auto;
    background-color:#000000;
    width:auto;
    padding: 5px;
  }
  */
  div.container_div_center {
    text-align:center;
  }
  div.div_center {
    margin-left:auto;
    margin-right:auto;            
  }
  
  label:hover.checkbox {
    color: #2B76D0;
  }
  
  /* Graue Hilfetextbox */
  
  div.help {
    background-color: #CAC8B3;
    font-size: 12px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #5F5E53;
  }
  
  div.help a { 
    text-decoration:underline;
    color:#2F2F2F;
  }

  div.help a:hover {
    text-decoration:none;
    color:#222222;
  }
  
  div.help span {
    font-weight: bold;
    color:#333333;    
  }
  
  
  /* Excel Export */
  .excel_export {
    display: inline-table;
    width:100%;    
  }    
  .excel_export a {
    margin-left: 0px;   
  }
  
  
  /* ----------------------- Auswahlmenue ----------------------- */
  
  .auswahlmenue_top {
    border-width:1px;
    border-style:solid;
    border-color:#88AEE4;   
    background-color:#FFFFFF;
    padding:5px;
    vertical-align:top;
  }
  
  .auswahlmenue_top div.column {
    margin-top: 5px;
    margin-bottom: 0px;
    float: left;
  }

  .auswahlmenue_top div.column_ie {    
    float: left;
  }   
  
  .auswahlmenue_top p {
    margin-top: 1px;    
  }
  
  .auswahlmenue_top p.heading4 {
    color: #2B76B8;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .auswahlmenue_top p.heading5 {
    color: #2B76B8;
    margin-top: 0px;
    margin-bottom: 0px;
  }   
  .auswahlmenue_top p.heading5b {
    color: #807F6D;
    margin-top: 0px;
    margin-bottom: 0px;
  } 
  
  .auswahlmenue {
    border-width:1px;
    border-style:solid;
    border-color:#88AEE4;   
    background-color:#FFFFFF;
    padding:5px;
    vertical-align:top;
    margin-top:10px;
  }
   
  .auswahlmenue div.column {
    margin-top: 5px;
    margin-bottom: 0px;
    float: left;
  }   
  
  .auswahlmenue div.column_ie {    
    margin-top: 5px;
    margin-bottom: 0px;
    float: left;
  }  
  
  .auswahlmenue p {
    margin-top: 1px;    
  }
  
  .auswahlmenue p.heading4 {
    color: #2B76B8;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .auswahlmenue p.heading5 {
    color: #2B76B8;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .auswahlmenue p.heading5b {
    color: #807F6D;
    margin-top: 0px;
    margin-bottom: 0px;
  }   
  
  /* ----------------------- Icons & Buttons ----------------------- */
  
   /* Buttons, Icons */
  .btnright {
    float:right;
    margin-left: 3px;
  }
  .btnright img {
    border-style:none;
    vertical-align:bottom;
  }  


  /*Buttons */
  /*URL: http://www.dynamicdrive.com/style/ */
  /*Credits: Dynamic Drive CSS Library */

  a.ovalbutton{    
    background: transparent url('../Images/buttons/btn_bg_left.png') no-repeat top left;
    display: block;    
    font: normal 13px Arial,Tahoma; /* Change 13px as desired */
    line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 21px) */
    height: 21px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    margin: 3px;
  }

  a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
    color: #ffffff; /*button text color*/
    text-decoration: none;
  }

  a.ovalbutton span{    
    background: transparent url('../Images/buttons/btn_bg_right.png') no-repeat top right;
    display: block;
    padding: 3px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
  }

  a.ovalbutton:hover{ /* Hover state CSS */
    background-position: bottom left;
    text-decoration: none;
  }

  a.ovalbutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: #efefef;
    text-decoration: none;
  }

  .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
  }

  .btn_center {
    display:block;
    margin-left:auto;
    margin-right:auto;
    background-color:#000000;    
  }
  
  .fix_button_50 {
    width: 125px;
    height: 21px;
    margin: 0;
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_50.png') no-repeat left top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;
  }
  
  a.fix_button_50 span{    
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    text-align: left;
  }
  
  .fix_button_50:hover{
    color: #EFEFEF;
    background-position: left bottom;
    text-decoration: none;
  }
  
  a.fix_button_50:hover span{ /* Hover state CSS */    
    color: #efefef;
    text-decoration: none;
    text-align: left;
  }
  
  .fix_button_75 {
    width: 125px;
    height: 21px;
    margin: 3px;    
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_75.png') no-repeat left top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;
  }
  
  a.fix_button_75 span{    
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    text-align: left;
  }
  
  .fix_button_75:hover{
    color: #EFEFEF;
    background-position: left bottom;
    text-decoration: none;
  }
  
  a.fix_button_75:hover span{ /* Hover state CSS */    
    color: #efefef;
    text-decoration: none;
    text-align: left;
  }
  
  .fix_button_100 {
    width: 125px;
    height: 21px;
    margin: 3px;    
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_100.png') no-repeat left top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;
  }
  
  a.fix_button_100 span{    
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    text-align: left;
  }
  
  .fix_button_100:hover{
    color: #EFEFEF;
    background-position: left bottom;
    text-decoration: none;
  }
  
  a.fix_button_100:hover span{ /* Hover state CSS */    
    color: #efefef;
    text-decoration: none;
    text-align: left;
  }
  
  .fix_button_125 {
    width: 125px;
    height: 21px;
    margin: 3px;    
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_125.png') no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;    
  }
  
  a.fix_button_125 span{    
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    text-align: left;
  }
  
  .fix_button_125:hover{
    color: #EFEFEF;
    background-position: left bottom;
    text-decoration: none;
  }
  
  a.fix_button_125:hover span{ /* Hover state CSS */    
    color: #efefef;
    text-decoration: none;
    text-align: left;
  }
  /* Button mit fester Breite 133px */
  .fix_button_133 {
    width: 133px;
    height: 21px;
    margin: 3px;    
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_133.png') no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;    
  }  
  a.fix_button_133 span{    
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    text-align: left;
  }
  .fix_button_133:hover{
    color: #EFEFEF;
    background-position: left bottom;
    text-decoration: none;
  }
  a.fix_button_133:hover span{ /* Hover state CSS */    
    color: #efefef;
    text-decoration: none;
    text-align: left;
  }

  /*Submit Button  */
  /*Image replacement idea from http://www.ampsoft.net/webdesign-l/image-button.html */
  .submit_button_50 {
    width: 50px;
    height: 21px;
    margin: 3px;
    padding-bottom: 3px;
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_50.png') no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;
  }
  
  .submit_button_50:hover{
    color: #EFEFEF;
    background-position: bottom left;
  }
  
  .submit_button_75 {
    width: 75px;
    height: 21px;
    margin: 3px;
    padding-bottom: 3px;    
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_75.png') no-repeat top;
    cursor: pointer; /* hand-shaped cursor */    
    font-size: 13px;
  }
  
  .submit_button_75:hover{
    color: #EFEFEF;   
    background: transparent url('../Images/buttons/btn_bg_75.png') no-repeat bottom!important; /*mozilla background-position*/    
  }
  
  .submit_button_100 {
    width: 100px;
    height: 21px;
    margin: 3px;
    padding-bottom: 3px;
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_100.png') no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */
    /* cursor: hand; /* for IE 5.x */
    font-size: 13px;
  }
  
  .submit_button_100:hover{
    color: #EFEFEF;
    background-position: bottom left;
  }
  
  .submit_button_125 {
    width: 125px;
    height: 21px;
    margin: 3px;
    padding-bottom: 3px;
    border: 0;
    color: #FFFFFF;    
    background: transparent url('../Images/buttons/btn_bg_125.png') no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */
    /* cursor: hand; /* for IE 5.x */
    font-size: 13px;
  }
  
  .submit_button_125:hover{
    color: #EFEFEF;
    background-position: bottom left;
  }
  
  /* Submit Button old*/
  div.submit {
    text-align: right;
  }
  .submit input {
    margin-top:7px;
    background-color: #FF9900;
    border: 2px solid;
    border-color: #FFAE2F #DF8800 #DF8800 #FFAE2F;
    color: #FFFFFF;
    cursor: pointer; /* hand-shaped cursor */
    /* cursor: hand; /* for IE 5.x */
  } 
  input.submit {
    margin-top:7px;
    background-color: #FF9900;
    border: 2px solid;
    border-color: #FFAE2F #DF8800 #DF8800 #FFAE2F;
    color: #FFFFFF;
    cursor: pointer; /* hand-shaped cursor */
    /* cursor: hand; /* for IE 5.x */
  }  
  
  input.submit:focus {
    border: 2px solid;
    border-color: #FFAE2F #DF8800 #DF8800 #FFAE2F;
  }

  /* Input type=file
   * Main Idea from: http://www.quirksmode.org/dom/inputfile.html
   */
   
  /*
   
  form.file input {
    background: url('../Images/boxes/file_box.png') no-repeat left top;
    border: none;    
    height: 20px;
    padding-left: 3px;
    padding-top: 3px;
  }

  form.file input:focus {
    background-color: transparent;
  }

  div.fileinputs {
    position: relative;
    height: 30px;
    width: 230px;
  }

  input.file {
    width: 230px;
    margin: 0;   
  }

  input.file.hide {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
  }

  div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 230px;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 90%;
  }

  div.fakefile input {
    margin-bottom: 5px;
    margin-left: 0;
  }

  div.fakefile img {
    float: right;
  }
  /*
  
 /* File-Button Version 2 
  * Idea: http://www.kavoir.com/2009/02/styling-file-upload-select-input-control-input-typefile.html
 */
 
  .upload {
    position:relative;
    width:223px;
  }
  .realupload {
    position:absolute;
    top:0;
    right:0;

    /* start of transparency styles */
    opacity:0.00001;
    -moz-opacity:0.00001;
    filter:alpha(opacity:0.00001);
    /* end of transparency styles */

    z-index:2; /* bring the real upload interactivity up front */
    width: 223px;       
    height: 22px;
  }
  /* fakeupload */
  form .fakeupload {
    background: url('../Images/buttons/btn_bg_file.png') no-repeat 100% 50%;
  }   
  form .fakeupload input[type="text"] {
    background: url('../Images/boxes/input_box_disabled_141-21.png') no-repeat left top;    
    border: none;
    width: 138px;
    height: 19px;     
    padding-left: 3px;    
    padding-top: 2px;
  }
  /* Da keine Aenderungen in der Inputbox vorgenommen werden sollen, rausgenommen  
  form .fakeupload input[type="text"]:focus {
    background-color: transparent;
    background: url('../Images/boxes/input_box_146-21_focus.png') no-repeat left top;
  }  
  form .fakeupload input[type="text"]:hover {
    background-color: transparent;
    background: url('../Images/boxes/input_box_146-21_focus.png') no-repeat left top;
  } 
  */
  
  form .fakeupload_hover input[type="text"] {
    background: url('../Images/boxes/input_box_disabled_141-21.png') no-repeat left top;
    border: none;
    width: 138px;
    height: 19px; 
    padding-left: 3px;
    padding-top: 2px;
  }
  form .fakeupload_hover {
    background: url('../Images/buttons/btn_bg_file_hover.png') no-repeat 100% 50%;
  }
  /* Da keine Aenderungen in der Inputbox vorgenommen werden sollen, rausgenommen  
  form .fakeupload_hover input[type="text"]:focus {
    background-color: transparent;
    background: url('../Images/boxes/input_box_146-21_focus.png') no-repeat left top;
  } 
  form .fakeupload_hover input[type="text"]:hover {
    background-color: transparent;
    background: url('../Images/boxes/input_box_146-21_focus.png') no-repeat left top;
  } 
  */
  
  /* msie upload */
   .upload_msie {
    position:relative;
    width:223px;
  }
  .realupload_msie {
    position:absolute;
    top:0;
    right:0;

    /* start of transparency styles */
    opacity:0.00001;
    -moz-opacity:0.00001;
    filter:alpha(opacity:0.00001);
    /* end of transparency styles */

    z-index:2; /* bring the real upload interactivity up front */
    width: 75px;    
    height: 22px;
  }
  /* msie fakeupload */
  form .fakeupload_msie {
    background: url('../Images/buttons/btn_bg_file.png') no-repeat 100% 50%;
  }   
  form .fakeupload_msie input[type="text"] {
    background: url('../Images/boxes/input_box_disabled_141-21.png') no-repeat left top;    
    border: none;
    width: 137px;
    height: 19px;     
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
  } 
  /* Da keine Aenderungen in der Inputbox vorgenommen werden sollen, rausgenommen    
  form .fakeupload_msie input[type="text"]:focus {
    background-color: transparent;
    background: url('../Images/boxes/input_box_148-21_focus.png') no-repeat left top;
  }  
  form .fakeupload_msie input[type="text"]:hover {
    background-color: transparent;
    background: url('../Images/boxes/input_box_148-21_focus.png') no-repeat left top;
  } 
  */
  
  form .fakeupload_msie_hover input[type="text"] {
    background: url('../Images/boxes/input_box_disabled_141-21.png') no-repeat left top;
    border: none;
    width: 137px;
    height: 19px;     
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
  }
  form .fakeupload_msie_hover {
    background: url('../Images/buttons/btn_bg_file_hover.png') no-repeat 100% 50%;
  }
  /* Da keine Aenderungen in der Inputbox vorgenommen werden sollen, rausgenommen  
  form .fakeupload_msie_hover input[type="text"]:focus {
    background-color: transparent;
    background: url('../Images/boxes/input_box_148-21_focus.png') no-repeat left top;
  } 
  form .fakeupload_msie_hover input[type="text"]:hover {
    background-color: transparent;
    background: url('../Images/boxes/input_box_148-21_focus.png') no-repeat left top;
  }
  */
  
  input[type="file"] {
    cursor: pointer;
  }  
  
  /* icons */
  
  .top_icon {    
    width: 22px;
    height: 21px;
    margin-left: 3px;
    background-image: url(../Images/icons/icons_bg.png);
  }  
  a.top_icon:hover {
    background-image: url(../Images/icons/icons_bg_hover.png);
   }
  .top_icon img {
    border-style: none;
    vertical-align: bottom;
  }    
  
  /* Icons */
  .icon {    
    width: 22px;
    height: 21px;
    margin-left: 3px;
    background-image: url(../Images/icons/icons_bg.png);
    background-repeat: no-repeat;
  }  
  a.icon:hover {
    background-image: url(../Images/icons/icons_bg_hover.png);    
   }
  .icon img {
    border-style: none;
    vertical-align: bottom;
  }
  
   
  /* Small Icons */
  .small_icon {    
    width: 17px;
    height: 16px;
    margin-left: 3px;
    background-image: url(../Images/icons_small/icons_bg.png);
    background-repeat: no-repeat;
  }  
  a.small_icon:hover {
    background-image: url(../Images/icons_small/icons_bg_hover.png);    
   }
  .small_icon img {
    border-style: none;
    vertical-align: bottom;
  } 
  
  /* Disabled Icons */
   .disabled_icon {    
    width: 22px;
    height: 21px;
    margin-left: 3px;
    background-image: url(../Images/icons/icons_disabled_bg.png);
    background-repeat: no-repeat;
  }  
  .disabled_icon img {
    border-style: none;
    vertical-align: bottom;
  } 
  
  .disabled_small_icon {    
    width: 17px;
    height: 16px;
    margin-left: 3px;
    background-image: url(../Images/icons_small/icons_disabled_bg.png);
    background-repeat: no-repeat;
  }  
  .disabled_small_icon img {
    border-style: none;
    vertical-align: bottom;
  } 
  
  /* ----------------------- Input fields ----------------------- */
  
  form.logon_input_box{
    margin: 0px;
  }

  form.logon_input_box input {
    background: url('../Images/boxes/input_box_114-21.png') no-repeat left top;
    border: none;
    width: 111px;
    height: 19px; 
    padding-left: 3px;
    padding-top: 2px;  
    font-size: 12px;
  }

  form.logon_input_box input:focus {
    background-color: transparent;
    background: url('../Images/boxes/input_box_114-21_focus.png') no-repeat left top;
  }

  form.logon_input_box input:hover {
    background-color: transparent;
    background: url('../Images/boxes/input_box_114-21_focus.png') no-repeat left top;
  }    
  
  /* textfield */
  input.standard { 
    border-width:1px;
    border-color:#8F8F86; 
    font-size: 12px;    
  }  
  
  input.standard:hover {
    border-color:#006FFF;
    border-width:1px;
  }
  
  input.standard:focus {
    border-color:#006FFF;
    border-width:1px;
  }
  
  /* textfield disabled */
  input.disabled {
    background-color:#f0f0f0;
    border-width:0px;
    border-color:#8F8F86;
    color:#141412;
    font-family:Lucida Console, Geneva, Tahona, Times;
  }
  
  input.disabled:hover {
    border-color:#8F8F86;
    border-width:0px;
  }
  
  input.disabled:focus {
    border-color:#8F8F86;
    border-width:0px;
  }
  
  /* textarea */
  textarea.standard { 
    border-width:1px;
    border-color:#8F8F86;
    font-family:Arial, Tahona, Times;
    font-size: 12px; 
  }
 
  textarea.standard:hover {
    border-color:#006FFF;
    border-width:1px;
  }
  
  textarea.standard:focus {
    border-color:#006FFF;
    border-width:1px;
  }
  
  /* textarea readonly */
  textarea.readonly {
    background-color:#f0f0f0;
    border-width:1px;
    border-color:#8F8F86;
    color:#141412;
    font-family:Lucida Console, Geneva, Tahona, Times;
    font-size: 12px; 
    overflow: hidden;      
  }  

  /* textarea readonly */
  textarea.readonly_2 {
    background-color:#f0f0f0;
    border-width:0px;    
    border-color:#8F8F86;
    color:#141412;
    font-family:Lucida Console, Geneva, Tahona, Times;
    font-size: 12px;
  }    
  
  
  /* ----------------------- Headings ----------------------- */
    
  h1 {
	font-size: 24px;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
	padding-top:10px;
	padding-bottom: 6px;
  }
    
  #navi h1 {
	padding-left:120px;
  }
  .h1headbox {
	border-bottom: 1px solid #EBEADF;
	background-color: #FFF;
	padding: 4px 0 4px 5px;
  }
  .h1headbox h1 {
	color:#807F6D;
	border-top-style: none;
	padding:0;
  }
  h2 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin:0;
	padding-bottom: 4px;
	margin-top:10px;
	margin-bottom:4px;
  }
  .h2headbox {
	width: 800px;
	padding-bottom: 3px;
	border-bottom:2px solid #5992C1;
	margin-bottom: 8px;
  }
  .h2headbox h2 {
	color: #5992C1;
  }
  h3 {
	font-size: 18px;
	font-weight: normal;
	color: #FF9900;
	margin:0;
	padding:0;
	clear:both;
  }
  .h3headbox {
	border-bottom: 1px solid #EBEADF;
	background-color: #FFF;
	height:25px;
	padding: 4px 0 4px 5px;
  }
  .h3headbox h3 {
	float:left;
	margin-right:10px;
  }
  h4 {
	font-size: 12px;
	color: #57554B;
	margin:0;
	padding: 0;
	padding: 2px 4px 2px 4px;
	border-bottom: 3px solid #EBEADF;
	background-color: #FFF;
  }
  h5 {
	font-size: 13px;
  margin:0;
	padding: 0px 0px 4px 0px;	
  }
  
  
  /* ----------------------- Hintergrund (+ Schriftfarbe)----------------------- */
  
  .bg_blue {
	background-color:#2B76B9;
	color:#fff;
  }
  .bg_lightblue {
	background-color:#CADBEB;
  }
  .bg_lightgrey {
	background-color:#F7F6EF;
  }
  .bg_dkgrey1 {
	color:#fff;
	background-color:#9B9986;
  }
  .bg_dkgrey2 {
	color:#fff;
	background-color:#B5B7A2;
  }
  .bg_white {
	background-color:#FFFFFF;
  }
  
  /* Weißer Hintergrund für den Content */
  table.bg_white {
	/*border-bottom: 2px solid #EBEADF;*/
	background-color: #FFF;
	padding: 5px;
  min-width: 800px;
  }
  /*Flexible Anpassung der Breite*/
  div.bg_white_flexible {
	/*border-bottom: 2px solid #EBEADF;*/
	background-color: #FFF;
	padding: 5px;
  min-width: 800px;
  float: left;
  }
  
  
  /* ----------------------- Tabellen ----------------------- */ 
  
  .td_left {
	text-align:left;
  }
  .td_right {
	text-align:right;
  }
  .td_center {
	text-align:center;
  }
   /*--Für die Spalten- und Zeilenbeschriftung*/
  .td_titel{
    color:#fff;
	  background-color:#8e8c77;
    font-size:14px;
    padding:3px;
  }
  /*für die wechselden Zeilenfarben*/
  .td_row1{
    background-color:#F7F6EF;
    font-size:12px;
    padding:3px;
  }
  .td_row2{
    background-color:#CAC8B3;
    font-size:12px;
    padding:3px;
  }
  /*für die spezielle Fälle*/
  .td_row3{
    background-color:#CADBEB;
    font-size:12px;
    padding:3px;
  }
  /*für Tabellen ohne Zeilenfarbe*/
  .td_blank{
    font-size:12px;
  }
  /*Rahmen bei Begrüßung Überschrift*/
   .td_home1{
     background-color: #CAC8B3;
     color: #fff;
     font-size:16px;
     font-weight: bold;
     padding: 10px;
   }


   /*Grundgerüst Tabelle um Grafiken einzurahmen*/
  .tb_standard{
    border-width:1px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-top-color:#5992C1;
    border-bottom-color:#5992C1;
    border-left-color:#5992C1;
    border-right-color:#5992C1;
    background-color:#FFFFFF;
    vertical-align:top; 
    padding:10px;
  }  
    
  /*Rahmen für Tabellenzellen ohne Zeilenfarben z.B. für Eingabeformulare*/
  .td_standard{
    border-width:1px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-top-color:#5992C1;
    border-bottom-color:#5992C1;
    border-left-color:#5992C1;
    border-right-color:#5992C1;
    background-color:#FFFFFF;
    vertical-align:top; 
  }
  
  /* Datenchart */
  div.datenchart {
    margin: 10px;
    background: white;
    *padding: 10px;
    color: #515550;
    display: inline-table;
    float: left;
  }
  div.datenchart .head{
    margin-bottom: 20px;
    font-size: 14pt;   
    margin-left: 7px;    
  }
  div.datenchart .foot{
    margin-top: 10px;
    margin-left: 7px;
    font-size: 10px;
    color: #807F6D;    
  }
  
  table.datenchart {    
    border-top: 0px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-style: solid;
    border-color: #807F6D;
    padding: 0px;
    margin-left: 7px;
    border-spacing: 0px;
    *background: white;
    color: #515550;
    font-size: 14px;
    *margin: 10px;    
  }
  .datenchart tr {
   
  }
  .datenchart td {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-align: right;
    width: 80px;
  }  
  .datenchart td.row_color1 {
    background-color: #BFDBFF;
  }
  .datenchart td.row_color2 {
    background-color: #EFF6FF;
  }
  .datenchart td.head1 {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;       
  }
  .datenchart td.head2 {
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;
    background-color: #EFF6FF;
  }
  .datenchart td.head3 {
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;
    background-color: #EFF6FF;
  }
  .datenchart td.head_left1 {
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;
    background-color: #EFF6FF;
  }
  .datenchart td.head_left2 {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    *font-weight: bold;
    text-align: left;    
  }
  .datenchart td.head_top1{
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #EFF6FF;
  }
  .datenchart td.head_top2 {
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #807F6D;
    font-weight: bold;
    text-align: center;
    background-color: #EFF6FF;
  }
  .datenchart td.toprow {
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #807F6D;
  }   
  
  /* IMT Sign */
  div.imt_sign {
    margin-bottom: 15px;    
  } 
  div.imt_sign span.imt_box{
    background: url(../Images/logos/imt_box.png);
    float: left;
    height: 8px;
    width: 8px;
    margin-top: 3px;
    margin-bottom: 20px;
    margin-right: 3px;
  } 
  div.imt_sign span.imt_text{    
    float: left;
    color: #004178;
    font-size: 8pt;
  }    
  div.imt_sign div.imt_sign_hr {
    background: url(../Images/logos/imt_sign_hr.png);
    height: 1px;
    width: 100%;
    margin-bottom: 1px;
  }
  
  /*.imt_sign hr {
    color: #000000;
    background-color: #000000;
    height: 0px;
  }*/
  
  /*style="border: 1pt solid black; padding: 0cm 5.4pt; width: 125.9pt;"
 valign="top" width="168"
 
 style="border-style: solid solid solid none; border-color: black black black -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0cm 5.4pt; width: 6cm;"
 valign="top" width="227"
 */
 
  /* ----------------------- Listen ----------------------- */
   
  /* Unordered List 
  ul {
    margin: 5px;
  }*/
   
  ul.arrow {
	padding-left:2.5em;
	list-style-image: url('../Images/common/grey_arrow.gif');
	height: 260px;
	margin:0;
  }
  ul.arrow li, ul.cross li, ul.doublecross li {
	margin-top:4px;
	margin-bottom:4px;
  }
  
  ul.cross {
	padding-left:2.5em;
	list-style-image: url('../Images/common/grey_cross.png');
	height: 260px;
	margin:0;
  }
  ul.doublecross {
	padding-left:4em;
	margin:0;
	list-style-image: url('../Images/common/grey_dcross.png');
	height: 260px;
  }
  ul.grey_bulletpoints {
	padding-left:2.5em;
	list-style-image: url('../Images/common/grey_bulletpoint.png');
	height: 260px;
	margin:0;
  }
  /* Ordered List */
  ol {
	padding-left:1.6em;
  }
  
  
  /* ----------------------- Fehler- und Warnmeldungen ----------------------- */
  
  /* Fehlermeldung */
  .error_message {
	border: 1px solid #FF3E2F;
	background-color: #FFEBE8;
	padding: 10px;
	text-align: center;
	font-size: 13px;	
  }
  /* Warnmeldung */
  .information_message {
	border: 1px solid #EFDB00;
	background-color: #FFFFDF;
	padding: 10px;
	text-align: center;
	font-size: 13px;	
  }
  /* Erfolgsmeldung */
  .success_message {
	border: 1px solid #21DF00;
	background-color: #E4FFDF;
	padding: 10px;
	text-align: center;
	font-size: 13px;	
  }
  
  
  /* ----------------------- Anmelden ----------------------- */
  
  /* Anmeldung Kopfbereich */
  #logon {
	float:right;
	margin-right:90px;
  }
  #logon img {
	vertical-align:middle;
	margin-bottom:3px;
  }
    
  /* Anmeldebox */
  #logon_box {	
    background-color: #EBEADF;
    border: 3px solid #5992C1;
    width: 210px !important;
    width: 216px;
    height: 110px;
    position:relative;
    left: 297px; 
  }
  /* Anmeldebox für Kopfbereich */
  #logon_box_small {	
    background-color: #EBEADF;
    border: 3px solid #5992C1;
    width: 210px !important;
    width: 216px;
    height: 110px;   
    margin-left: 10px;
  }
  /* Anmeldebox div background*/
  div.logon_background {	
    background-color: #FFF;
    padding-left: 5px;
    padding-bottom: 4px;
  }
  
  /* Beschriftung Benutzer */
  .user_text { 
    color: #57554B;
    float: left;
    height: 19px;
    margin-top: 15px;
    margin-left: 10px;
    padding: 2px;
  } 
  /* User Textfeld */
  #txb_user { 
    margin-top: 7px;
    margin-left: 8px;	
    color: #57554B;
    float: left;	
  } 
  /* Beschriftung Passwort */
  .pwd_text { 
    color: #57554B;
    float: left;
    height: 19px;
    padding: 4px 2px 2px 2px;
    margin-top: 5px;
    margin-left: 10px;
  } 
  /* Passwort Textfeld */
  #pwdfield {
    margin-left:6px;
    margin-top:3px;		
    color: #57554B;
    float: left;
  } 
  /* Neues Passwort anfordern */
  #new_pwd {
    text-align: left;
    font-size: 10px;
    margin-left: 14px;
  }
  #new_pwd_2 {
    text-align: left;
    font-size: 12px;
    margin-left: 304px;
  }
  
  /* ----------------------- Popupbox ----------------------- */  
  
  /* Link für Zusatinformationen (Aufruf Popupbox)*/
  a.information:link,
  a.information:visited,
  a.information:hover,
  a.information:active {
    cursor: help;
    text-decoration: none;
  }

  /* Popupbox zusätzliche Informationen */
  .popupbox_information {
    background-color:#EEEEEE;
    font-size: 12px;
    color: #444444;
  }

  div.popupbox_information {
    padding:0px;
    vertical-align:top;
    text-align: left;
  }
  
  /* div Popupbox */
  #popupcontent {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    border:2px solid midnightblue;
    background-color:#F9F9F9;    
    padding:5px;
    z-index:2;
  }
  
  
   /* ----------------------- Bilder ----------------------- */
  
  .pics {
    float: left; width: 100%;
    margin-left: 0px;
  }

  .pics li {
    list-style:none;
    float:left;
    margin: 0 2px 0 0;
  }

  .pics a {
    display:block;
    padding: 3px 0px;
  }

  .pics a:link,
  .pics a:visited {
    color: #000080;
    text-decoration: none;
  }

  .pics a:hover,
  .pics a:active {
    color: #0066cc;
    text-decoration: none;
  }   
  
  
  /* ----------------------- Charts ----------------------- */ 
  
  #chartbar {
	background-color: #FFF;
	border-top:2px solid #5992C1;
  min-height:230px;
  }
  #chartbar .col {
	float:left;
	width:100px;
	margin:0 50px 0 10px;
  }
  #chartbar td.col {
	float:left;
	width:90px;
	margin:0 50px 0 10px;
  }
  #chartbar td.paddingleft {
	float:left;
  margin-left:10px;	
  }
  #chartbar .btnright {
	margin-top:45px;
	margin-right:8px;
  }
  
  .chart_tbl {
	width:700px;
	padding-left:10px;
	font-size:12px;
  }
  .chart_tbl th {
	background-color: #9B9986;
	color:#fff;
	font-weight:normal;
	text-align:left;
	padding:2px 4px;
	font-size:11px;
  }
  .chart_tbl td {
	background-color: #FBFAF4;
	padding:2px 4px;
	text-align:right;
  }
  .chart_img {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    margin:0px;
    padding:0px;
  }
  
  
  /* ----------------------- Homepage ----------------------- */
  
  #mbar_1 {
	border-right: 1px solid #EBEADF;
	background-color: #FFF;
	width:451px;
	float: left;
  }
  #mbar_1 p {
	margin-left: 4px;
	margin-right: 4px;
  }
  #mbar_2 {
	background-color: #FFF;
	float:right;
	width: 347px;
	height: 88px;
  }
  #mbar_2 h3 {
	border: none;
	width: 100px;
	float:left;
  }
  #mbar_2 p {
	color: #999684;
	margin-left:4px;
	margin-right:4px;
	padding:0;
	margin-top:4px;
  }
  #mbar_2 form {
	padding-left:4px;
	clear:both;
	margin-top:20px;
  }
  
  /* ----------------------- Thickbox Zusatz-CSS ----------------------- */
  
  div.thickbox {
    background-color: #FFFFFF;
//test:    background-color: pink;
    border: 3px solid #5992C1;
    position: absolute;
    width: 186px !important; /*mozilla width*/
    width: 206px;    
    margin-left: -103px;
    // next two lines out for automatic resizing!
    height: 100px !important; /*mozilla height*/
    height: 120px;
    margin-top: -60px;
    top: 50%;
    left: 50%; 
    padding: 10px;  
    overflow: auto;
  }   
  
  /* ----------------------- Modul: Ziele messbar machen ----------------------- */
  
  .ranking_tbl {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
  }
  .ranking_tbl td {
	padding:2px 4px;
	vertical-align:top;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
  }
  
  /* ----------------------- Tooltips ::TEST:: ----------------------- */
  
  /* General */
  .box{
    position:relative; /*this is the key*/
    display:block;  
  }

  .box:hover{
    z-index:25; 
  }

  .box span{
    display: none
  }

  .box:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    background:#ffffff;
    max-width:250px;
    border:1px solid #006eb9;
    padding:5px;
  }
  
  /* Links */
  a.box{ 
    text-decoration:none;
  }

  a.box:hover{
    color:#000;
  }
  
  a.tab_link { 
    text-decoration:none;    
    /*color:#000;*/
  }

  a.tab_link:hover {
    text-decoration:underline;
    color:#333333;
  }
  
  
  /* von Michi*/
  #box a {  
  color:#ffffff;
  background:#ffffff;
  text-decoration:none;
  display:block;
  }

  #box a:hover {
  color:black;
  background:#ffffff;
  }

  #box a span {
  display:none;
  }

  #box a:hover span {    
  display:block;
  position:absolute;
  left:3em;
  z-index:3;
  
  max-width:250px;
  color:black;
  background:#ffffff;
  font: normal 16px Arial,sans-serif;
  border:1px solid #006eb9;
  padding:5px;
  }
 
	/*von Nicole, Bsp. Dokumentenverwaltung popupbox_dateidownload.php*/
	.tooltip:hover {
		position: relative;
		background: transparent;
	}
	.tooltip span {
		visibility: hidden;
		position: absolute;
		display: block;  
		text-decoration: none;
		top: 0px; 
		left: auto; 
		width: auto;
		max-width:400px;
		white-space: nowrap;
		z-index: 100;
		color: #000000; 
		border:1px solid #000000; 
		background: #FFFFFF;
		font: 11px Arial; 
		text-align: left;
	}
	.tooltip:hover span {
		visibility: visible;
	}