/* ----- Haupt    -----   SCROLLBAR-FACE-COLOR: #b70000; SCROLLBAR-HIGHLIGHT-COLOR: #d2d8df; SCROLLBAR-SHADOW-COLOR: #f0f0f0;SCROLLBAR-3DLIGHT-COLOR: ff0000; SCROLLBAR-ARROW-COLOR: #f0f0f0;	SCROLLBAR-TRACK-COLOR: #f0f0f0; SCROLLBAR-DARKSHADOW-COLOR: #212121*/

body{  margin-top: 0;  }
  
 a { COLOR: Black; font-size : 12px;}
 a:visited { color: #800080; }
 a:hover   { color: Black;TEXT-DECORATION: none; }
 FORM { margin: 0;}
 #container { margin: 0 auto; height 100%;}
 A.rollover { background: url('/img/close_o.gif') no-repeat center;display: block;width:11px;height:11px; border: 0px;}
 A.rollover:hover { background: url('/img/close_d.gif') no-repeat center;width:11px;height:11px;border:0px;}

   
   .spacer     { clear: both; }
   .center     { vertical-align: middle; }
   .txt_bottom { vertical-align: text-bottom; }
   .unten      { vertical-align: bottom; }
  

 /* -----------  KOPF  -------*/

   #kopf        { text-align: center; padding:0 ;}
   #logo_left   { width:15%; height:115px; float:left; background: url(/img/logo_left.jpg) no-repeat left top;}
   #kopf_left   { width:auto; float:left; text-align: center;  }
   #kopf_center { width:500px; text-align: center; float:left;    }
   #kopf_right  { width:500px; height:92px; float:left; background:url(/img/logo_rechts.gif)no-repeat;background-position:right top;}
   #kopf_topmenu{ width:100%;  text-align: right; float:right; padding: 3px; position: relative; right: 3px; font-size:80%; }
   #kopf_left_info { width:97%; text-align: right; float:left;  padding: 3px; position: relative; left: 3px; }
   #kopf_untenmenu { position: relative; height: 25px;float:right; width:84%; background:#EFEFEF; border:1px solid black; border-bottom:none;}

   .kopf_untenmenu5   { float:left; width:5%;  text-align: center;vertical-align:middle;}
   .kopf_untenmenu10  { float:left; width:10%; text-align: center;vertical-align:middle;}
   .kopf_untenmenu15  { float:left; width:10%; text-align: center;vertical-align:middle;}
   .kopf_untenmenu20  { float:left; width:20%; text-align: center;vertical-align:middle;}
   .kopf_untenmenu25  { float:left; width:25%; text-align: center;vertical-align:middle;}
   .kopf_untenmenu30  { float:left; width:30%; text-align: center;vertical-align:middle;}
   .kopf_untenmenu40  { float:left; width:40%; vertical-align:middle;}
   .kopf_untenmenu45  { float:left; width:45%; vertical-align:middle;}
   .kopf_untenmenu60  { float:left; width:60%; vertical-align:middle;}
   .kopf_untenmenu70  { float:left; width:70%; vertical-align:middle;}

    #kopf2 {clear both; text-align: center; padding: 0; background: #DeDDDD; height:0px;   }

  #trenen_line { clear: both; position: relative; background:url(/img/trennen_rt.gif); no-repeat;line-height:5px;}
  .trenen_line { clear: both; position: absolute; background:url(/img/trennen_rt.gif); no-repeat;line-height:5px;}
    #g_schadow  { background: url(/img/shadov_g1.jpg); no-repeat;line-height:5px; }
    .g_schadow  { background: url(/img/shadov_g1.jpg); no-repeat;line-height:5px; }


  /* -----------  MENU  -------*/  
       
 #menu { clear: both; float: left; width: 210px; padding-right: 1px;  padding-top: 2px; background: #FFFFFF;  }

.leftarrowdiv:after{content:'';display:block;position:absolute;top:5px;left:-13px;width:14px;height:28px;z-index:999;}
 .shadow {-moz-box-shadow: 10px 10px 20px #909090;-webkit-box-shadow: 10px 10px 20px #909090;box-shadow: 6px 6px 20px #909090;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');}

 /*
 .shadow { padding: 2px;background: #fff;border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc;-webkit-border-radius: 5px; 
        -moz-border-radius: 5px;-o-border-radius: 5px;-khtml-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px; }*/
 .catList {width:210px; background-color:white;}
 .catList a:link, .catList a:visited {text-decoration:none;color:#333;}
 .catList-item {position:relative;z-index:0;background-color: #f7f7f7; font-size:12px; margin:2px;}
 .catList-item:hover .catName a{position:absolute;top:0;left:0;z-index:999;border:1px solid #B70000;border-right:0 none;width:172px;background-color:#FFF;}
 .catName {padding-bottom:1px;height:20px; overflow:hidden;}
 .catName a, .catName a:visited {display:block;padding:1px 0 1px 1px;width:187px;height:18px;line-height:15px;text-indent:9px;overflow:hidden;}
 .cate-current, .catList-item:hover {z-index:9999}  
 .sub-catList {min-height:80px;padding:0 3px 1px;position:absolute;z-index:-1;visibility:hidden;top:-30px;left:133px;width:455px;border:1px solid #b70000;background:#FFF;overflow:hidden;}
 .sub-catList dl {overflow:hidden;zoom:1; background-color:#F7F7F7; padding:2px; margin-bottom:2px; margin-top:2px;}
 .sub-catList dl dd {  background-color:white;}
 .sub-catList div a {color:#3D3D3D;display:inline-block;height:25px;line-height:20px;padding:5px 40px 0 0;}
 .sub-catList dt {float:left;padding:6px 10px;width:135px;text-align:left;color:#333;}
 .sub-catList dd {float:left;margin-left:5px;padding:6px 10px;width:460px;line-height:1.5;font-size:0;}
 .sub-catList a {margin:0 2px; width:140px;display:inline-block ;font-size:12px;vertical-align:top;}
 .sub-catList dl dt a {line-height:20px; width:150px; text-decoration: underline;} 
 .sub-catList dd a :hover { background-color:#F7F7F7; text-decoration: underline;}
 .sub-catList a:hover {text-decoration:underline;}
 .showSubMenu {z-index:0;visibility:visible;}
 .subLink { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;	cursor:pointer;	padding:1px;} 
 .gmenu_wahl {background: #aaaaaa;color:#333; text-decoration:none; display:block;padding:5px 17px 0 10px;}

  #menu_skr{ padding:5px 10px 0 10px;}
 ul#mn_skrul{list-style-type:none;width:100%;font-size:1.2em;font-weight:bold;margin:0;padding:1px 0 0 0;text-align:left;}
 ul#mn_skrul li{display:block;margin:0 0 0 4px;height:25px;}
 ul#mn_skrul li a{display:block;color:#000;text-decoration:none;padding:5px 20px 0 10px;height:18px;border-left:2px solid #fff;}
 ul#mn_skrul li a:hover{color:black;border-left:2px solid #B70000}
 ul#mn_skrul li a.gmenu_wahl{color:black;background:#efefef;border-left:2px solid #B70000; }

  #menu_blok{ padding:5px 10px 0 10px;}
ul#menu_link{list-style-type:none;width:100%;position:relative;height:20px;font-size:1.2em;font-weight:bold;margin:0;padding:1px 0 3px 0;}
ul#menu_link li{display:block;float:left;margin:0 0 0 4px;height:20px;}
ul#menu_link li a{display:block;float:left;color:#fff;background:#AAAAAA;line-height:15px;text-decoration:none;padding:5px 17px 0 10px;height:15px;}
ul#menu_link li a:hover{background: #67686a;}
ul#menu_link li a.current{color:#ffffff;background:#67686a; }
ul#menu_link li a.current:hover{color:#ffffff;background:#67686a; }

   #menu_admin{ padding:3px 3px 0 3px;}

 ul#mn_alink{list-style-type:none;width:100%;font-size:1.2em;font-weight:bold;margin:0;padding:1px 0 0 0;text-align:left;}
 ul#mn_alink li{display:block;margin:0 0 0 4px;height:20px;}
 ul#mn_alink li a{display:block;color:#000;text-decoration:none;padding:5px 20px 0 10px;height:18px;border-left:2px solid #fff;}
 ul#mn_alink li a:hover{color:black;border-left:2px solid #B70000}
 ul#mn_alink li a.gmenu_wahl{color:black;background:#efefef;border-left:2px solid #B70000; }



.art_aufg {list-style-type:none; margin: 2px 10px 3px 5px; padding: 2px 10px 3px 5px;}
.art_aufg a {font-weight:normal; }
.art_aufg a:hover {font-weight:normal;}
 /* -----------  Werbung  -------*/

 #werbung { float: right; color:#000; width:302px;  padding:2 0 0 5;text-align:center;background:#FFFFFF; }

  /* -----------  Arbeitssone   -------*/

   #content { background: #FFFFFF; padding: 2px; margin-left:220px; margin-right:310px;  }
   
   #content_olmenu { background: #FFFFFF; margin-left:   0px; margin-right: 302px; padding: 1px;  }
   #content_ormenu { background: #FFFFFF; margin-left: 220px; margin-right:   0px; padding: 1px; } 
       
   #content_topmenu  { position:relative; height: 25px; background: #FFFFFF; color: #000000;}
   #content_kopf     { background: #67686a;  border: 1px solid black; border-bottom: none ; font-weight: Bold; text-align: center;
	                   color: #FFFFFF; font-size: 90%; padding:1px; } 
   .content_kopf     { background: #67686a;  border: 1px solid black; border-bottom: none ; font-weight: Bold; text-align: center;
	                   color: #FFFFFF; font-size: 90%; padding:1px; }                   
                       
                        

   /* -----------  Unten  -------*/

    #unten { clear: both; padding: 5px; background: #FFFFFF; }
    #unten_copireit { background: #FFFFFF; border-bottom: 1px solid black; text-align: center; color: #000000; font-size:80%;  }
    
  /* -------  HTML   -------------*/
  
  .fieldset      { BORDER: 1px solid #67686a; PADDING: 15px; MARGIN: 10px;} 
  .kd_fieldset   { margin-left: 2px; margin-top: 10px; background: #F7F7F7; BORDER: #999999 1px dotted;}
  #atd_fieldset  { margin-left: 0px; margin-top: 0px; background: #F7F7F7; BORDER: #999999 1px dotted; padding: 5px 5px 5px 5px; line-height: 1.5;}
  #preisvorschlag{ margin-left: 0px; margin-top: 0px; background: #F7F7F7; BORDER:0; padding: 5px 5px 5px 5px;}
  .rot_bold      { FONT-WEIGHT:bold;COLOR:#b70000;}
  
  
  .noch_frei   { position:absolute;	right:0;top:0;color: #555; font-size: 70%; }
  .warnung     { color: #B70000; font-size: 70%; } 
  .achtung     { font-size:102%; font-weight:bold; color:#990000; }
  .imput       { border: 2px 2px 1px 1px solid; border-color: #b70000; FONT-SIZE: 13px; color:#000000; border-radius:3px;  }
.imput_gr { border: 2px 2px 1px 1px solid; border-color: #67686A; FONT-SIZE: 13px; color:#000000; border-radius:3px; }
  #class_beschreibung { border: 2px 2px 1px 1px solid; border-color: #b70000; FONT-SIZE: 13px; color:#000000; border-radius:3px;  }
 /* font-size:1px;       */

  .lstUnts   {display: flex;flex-direction: column; }
  .unit       { width:100%; }
  .lstBldUnts {width:15%;float:left; }
  .lstBschrg  {width:68%;float:left;padding-left: 1em; }
  .lstBstl    { width:15%; float:right;padding-top: 2px;}

  .tren_line    { line-height:1px;border:none; height:1px; border-top:2px dotted #999; width:95%;}


  .hinweise    {color:#989898;font-size: 80%;  }

   /* -------  Bild   -------------*/
  
  #tab_bild    {width:311px;padding:0;vertical-align:top; min-width:311px;}
  .bild_anz    {background: transparent; width:310px; margin:0 3px; }
  
  .bild_kl     {padding:2px 8px 6px 2px; border:0 solid #CCC;border-width:1px;}
  
    
  #tr_grau     { background: #eeeeee; }
  .tr_grau_rand{ background: #EFEFEF; border-bottom: 1px solid #B70000;border-top: 1px solid #B70000;}
  #tbl_list tr.list td{border-bottom:2px dashed #CCC;padding:4px; }
  
  TH { padding: 4px; text-align: left; font-weight:normal; }
  .tr_beschreibung { color:#003300;font-size:90%;}
  .auto_info { background:#F7F7F7; border-bottom: 1px solid #CCC;border-top:1px solid #CCC;} 
  .auto_info_kopf { color: #ffffff; font-size: 12px; padding: 2px;}
  .feld_fehler {BORDER: #b70000 2px solid; COLOR:#000000;BACKGROUND-COLOR: #ffffff;}
  .float_left  {float: left; PADDING: 5px; MARGIN: 5px; }
  .float_right {float: right; PADDING: 5px; MARGIN: 5px; }
  .fieldset_info {float:left;PADDING:5px;MARGIN:5px;color:#B70000;font-size:90%;background: #EFEFEF;border-radius:3px; }
  .fieldset_info_r {float:right;PADDING:5px;MARGIN:5px;color:#B70000;font-size:90%;background: #EFEFEF;border-radius:3px; }
  
  
   /* --------------  Rubrik -------------- */

 .rb_info    { background: transparent; width:260px; float:right; margin:0 3px;}
 .rb_info h1 { margin:0; font-size:0.9em; padding:0 10px 5px 10px; border-bottom: 2px dotted #999;}
 .rb_info h2 { margin:0; padding:5px 10px; font-size:0.7em; color:#b70000;}
 .rb_info p  { margin:0; padding:5px 10px; font-size:0.7em;border-top:2px dotted #999;}
 .rb_info_content {	display:block;border:0 solid #999; border-width:0 1px; height:auto;}

 .xtop, .xbottom {	display:block; 	background:transparent;	font-size:1px;	}
 .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;	}
 .xb1, .xb2, .xb3 {	height:1px;	}
 .xb2, .xb3, .xb4 {	background:#fff; 	border-left:1px solid #999;	border-right:1px solid #999;	}
 .xb1 {	margin:0 5px; 	background:#999;	}
 .xb2 {	margin:0 3px;	border-width:0 2px;	}
 .xb3 {	margin:0 2px;	}
 .xb4 {	height:2px; margin:0 1px;	}

	.color_a {	background:#F7F7F7;	 color:#3D3D3D;	}
	.color_b {	background:#d4d8bd;  color:#000;	}
	.color_c {	background:#758279;  color:#fff;	}
	.color_d {	background:#b2ab9b;  color:#000;	}
    
    
 /*  ---------  Title  ---------------*/
 
 #demo_wrapper					{ width: 600px; margin: 30px auto 0px auto; }
 img.tTip						{ margin: 8px 15px 8px 0px; float: left; }
  /*  h1								{ text-align: center; line-height: 15px; padding: 0px 0px 20px 0px; letter-spacing: -2px; } */
h1.massive						{ font-size: 40px; line-height: 30px; padding: 0px; color: #f4c20a; }

.lightTip		   { width: 352px;}
.lightTip .content {width: 350px;padding:7px;border:2px solid #e2e2e2;-moz-border-radius:5px;-webkit-border-radius:5px;background:#F7F7F7;color:#020202;}
 /*.lightTip .bottom  { height: 14px; background: url(/images/tools/notch-white.png) top center no-repeat; }*/

.betrefTip		    { width: 500px;}
.betrefTip .content { width: 468px;padding:10px;border:2px solid #e2e2e2;-moz-border-radius:5px;-webkit-border-radius:5px;background:#F7F7F7;color:#020202;}
.betrefTip .bottom  { height: 14px; background: url(/images/tools/notch-white.png) top center no-repeat; }

.counter {position: absolute;bottom:2px;right:7px;color:#989898;font-size:10px;}

  div.close  {width: 16px;  height: 16px; float: right; cursor: pointer;  position:absolute; top:0;right:0;}
  div.close  { background-image: url('/images/Close_Gray.png'); }
  div.close:hover  { background-image: url('/images/Close_Red.png');}
  .offset    { box-shadow: 4px 5px 0 #DFDFDF; }
  .imageContainer { position: relative;margin: 5px; border: solid 1px #DFDFDF; border-radius: 5px 5px 5px 5px; float: left; display: none; width: 94px;}
  #Bildupload  { width: 100%;  height: 120px; overflow: auto; }
  #imageUploader  { border: solid 1px #999; height: 160px; width: 560px;  }
  #imageUploader .header{ background-color:#999; border-style: 1px solid #999;height: 25px; }
  
 .text_hilfe   { color: #999999; font-size:0.7em;} 
 .nahweis_hilfe{ color: #999999; font-size:0.8em;}