.normal, body, p, td, form, input, li, ul    {font-family: arial, sans-serif; font-size: 12px; color: #000000; font-weight: normal}
ul {margin-bottom:0px;padding-left:0px;margin-left:0px;line-height:25px;}
li {vertical-align:middle;margin-left:16px;margin-bottom:0px; /* move whole list left */
line-height:16px; /* remove gap between items */}

.footnote    {font-family: arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal}
.footnote_watermark,a:link.footnote_watermark, a:visited.footnote_watermark, a:hover.footnote_watermark, a:active.footnote_watermark {font-family: arial, sans-serif; font-size: 9px; color: #cccccc; font-weight: normal}


.h1orange    {font-family: arial, sans-serif; color: #ff6600; font-size: 14px; font-weight: bold}
.h1        {font-family: Times, serif; font-size: 24px; font-weight: bold; font-style: italic}


h1.prodgr {
  color: #FF6633;
  font: bold 16px/20px arial, serif;
  margin-bottom: 6px;
}

img {
  border: none;
}

b        { font-weight: bold }
u        { text-decoration: underline }
/* lcol -> wenn text gleichen Style wie link haben soll */
a:link,.lcol            { text-decoration: none; color: #CC0000; }
a:active, a:visited    { text-decoration: none; color: #CC0000; }
a:hover            { text-decoration: underline; color: #CC0000; }

a.m:link      { font-family: arial, sans-serif; font-size: 11px; font-weight:normal; color:#CC0000; }
a.m:active, a.m:visited    { font-family: arial, sans-serif; font-size: 11px; font-weight: normal; color:#CC0000; }
a.m:hover        { font-family: arial, sans-serif; font-size: 11px; font-style: normal; color:#CC0000; } 


a.subnav:link,a.subnav:visited  { text-decoration: none; color: #000000;font-family: arial, sans-serif;  font-weight: bold }
a.subnav:active    { text-decoration: none; color: #000000;font-family: arial, sans-serif;  font-weight: bold }
a.subnav:hover            { text-decoration: none; color: #000000;font-family: arial, sans-serif;  font-style: normal } 

.b11        {font-family: arial, sans-serif; font-size: 11px; font-weight: bold}
.b12        {font-family: arial, sans-serif; font-size: 12px; font-weight: bold}
.b13        {font-family: arial, sans-serif; font-size: 13px; font-weight: bold}
.b14        {font-family: arial, sans-serif; font-size: 14px; font-weight: bold}
.b15        {font-family: arial, sans-serif; font-size: 15px; font-weight: bold}
.b16        {font-family: arial, sans-serif; font-size: 16px; font-weight: bold}
.b17        {font-family: arial, sans-serif; font-size: 17px; font-weight: bold}
.b18        {font-family: arial, sans-serif; font-size: 18px; font-weight: bold}
.b19        {font-family: arial, sans-serif; font-size: 19px; font-weight: bold}
.b28        {font-family: arial, sans-serif; font-size: 28px; font-weight: bold}

.n9        {font-family: arial, sans-serif; font-size: 9px; font-weight: normal}
.n10        {font-family: arial, sans-serif; font-size: 10px; font-weight: normal}
.n11        {font-family: arial, sans-serif; font-size: 11px; font-weight: normal}
.n12        {font-family: arial, sans-serif; font-size: 12px; font-weight: normal}
.n15        {font-family: arial, sans-serif; font-size: 15px; font-weight: normal}
.n18        {font-family: arial, sans-serif; font-size: 18px; font-style: normal; font-weight: normal}

.i11        {font-family: arial, sans-serif; font-size: 11px; font-weight: normal; font-style: italic}
.i12        {font-family: arial, sans-serif; font-size: 12px; font-weight: normal; font-style: italic}
.i24        {font-family: arial, sans-serif; font-size: 24px; font-weight: normal; font-style: italic}

.tab_hcol_start, .tab_hcol_mb {
  background-color : #DDDDDD; 
  border-style: solid; 
  border-width: 1px;
  border-color:#828282; 
  padding:2px
}  

.tab_bcol       { background-color : #F7F7F7; border-style: solid; border-width: 0px; border-color:white; }   

.tab_lcol       {background-color : #828282;  border: 0px  solid #828282; padding:0px; }   /* Line Color für tabellen */


/*.tab_hcol_mb    { background-color : #D3D3F8}   /* Tabellenkopffarbe meine bilder  */*/
.tab_hcol_bh    { background-color : #D6FAD6}   /* Tabellenkopffarbe Bilder hochladen */
.tab_hcol_ab    { background-color : #DDDDDD; border: 1px #828282 solid; padding:0px;}   /* Tabellenkopffarbe Abzüge bestellen */
.tab_hcol_auftrag    { background-color : #DDDDDD; border: 0px #828282 solid; padding:2px;}   /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */
.tab_hcol_help  { background-color : #F5F4D8; width:120px}   /* Tabellenkopffarbe Hilfe */
.tab_bopt       {background-color : #e2e2e2}   /* Hintergrundfarbe der tabelle Bildoptimierer*/
.framed         {border-width: 1; border-style: solid; border-color:#828282}

input.flat {border-width: 0;}

input.login { border-width: 1px; color:#CC0000; border-style: solid; width: 100px; height: 20px;} 

.auftrag_input {border-width: 1px; border-color: #828282; width:35px;text-align:right;}
.auftrag_gk_input {border-width: 1px; border-color: #828282;width:100%}
.auftrag_selbox {width:95%; vertical-align:middle}

/* Allgemeine Tabelle */
.tab {
  width: 100%;
  margin: 0px; padding:0px; 
  background-color : #FFFFFF;
  
  border-top: 0px white solid;
	border-left: 0px white solid;
	border-right: 0px #666666 solid ;
	border-bottom: 0px #666666 solid ;

}

/* Tabelle für Unterteilung der Adressen */
.tab_adr {
  border-bottom: 1px #828282 solid ;

}


/* Tabelle für Funktionen im Hauptframe */
.tab_functions {
  
  background-color : #CCCCCC; 
  border: 1px #828282 solid;
  
}

table.thumb,table.thumbord {
 font-size: 11px;
 line-height: 14px;
}

td.thumb {
	background-image: url("/design/bilder/bgth132.gif");
	background-repeat: no-repeat;
}

td.thumb_sel {
	background-image: url("/design/bilder/bgth132_akt.gif");
	background-repeat: no-repeat;
}
.thumbkl {
  border: 1px #888888 solid;
	background-image: url("/design/bilder/leiste-grau-gross.gif");
}

.thumbkl_sel {
border: 1px #be1c10 solid;
	background-image: url("/design/bilder/leiste-beige-gross.gif");
}

.ord_bid {
  text-align:center;
  vertical-align:middle;
}

img.thumbnail {
 border-right: 0px #888888 solid ;
	border-bottom: 0px #888888 solid ;
}

.thumbtext {
  font-size:11px;
}
.border {
 border: 1px #888888 solid;
}

td.thumbord,td.thumbhoch {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner.gif); 
	background-repeat:no-repeat; 
	padding-top:15px;
}

td.thumbord_sel,td.thumbhoch_sel {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner_akt.gif); 
	background-repeat:no-repeat; 
	padding-top:15px;
}

td.thumbklord {
  border: 1px #888888 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-grau-gross.gif"); 
	background-repeat:repeat-x; 
}
td.thumbklord_sel {
  border: 1px #be1c10 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-beige-gross.gif"); 
	background-repeat:repeat-x; 
}

.lm_button {background-Color:#D3D3F8; }

td.thumbtrash {background: url("../bilder/knitterpapier.jpg")}
p.upload_java {border-width:2px; border-color:#dddddd; background-color:#f6f6f6; width:570; border-style:solid; padding:2px;}

.line {border-width: 1px 0px 0px 0px;  border-style: solid; border-color:#828282} 

/* Subnavigation oben */

/* Startseite */
td.sub_start { background-Color:#FADEDE; text-align: center;}
td.sub_start-sel { background-Color:#FA9E9E; text-align: center;}

/* Meinebilder */
td.sub_mb { background-Color:#D3D3F8; text-align: center;}

       
/* Bilder hochladen */
td.sub_bh {background-Color:#D6FAD6; text-align: center;}
td.sub_bh-sel {background-Color:#96FA96; text-align: center;}

/* Abzüge bestellen */
td.sub_ab {background-Color:#F6D6F6; text-align: center;}
td.sub_ab-sel {background-Color:#FF66FF; text-align: center;}

/* Hilfe */
td.sub_help {background-Color:#F5F4D8;}

.page_select{

font-family: arial, sans-serif; font-size: 12px; font-weight: bold;

}

ul.liste {
  margin-bottom: 9px;
}


.hinweis /* Box für Hinweise (gelb) */ {
  background: #ffffa1 url("../bilder/achtung.jpg") no-repeat 6px 6px;
  border: solid 1px #ffff00;
  padding: 7px 7px 7px 50px;
  margin-bottom: 12px;
  min-height:30px;
}
/*
.stop { background-color: #ffe0d6; background-image: url("../bilder/stop.gif"); background-repeat: no-repeat; background-position: 6px 6px; padding: 7px 7px 7px 50px; height:44px; border: solid 1px #ffa0a0 }

.error /* Box für Fehler (rot) */   { background-color: #ffe0d6; border: solid 1px #ffa0a0; width:100%}

input.anmeldung /* Formularfelder Anmeldung */   { color: black; width: 150px; border: solid 1px }
input.anmeldung_error /* Formularfelder Anmeldung bei Fehler */   { color: black; width: 150px; border: solid 1px; background-color: #FFE0D6; }

/* genereller listen style */
table.li {border-spacing:0px; border-width: 1px; border-style: solid; border-color: #cccccc;background-color: #ffffff;border-collapse:collapse}
td.lih {border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #cccccc; background-color: #e0e0e0}
td.lid {border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #cccccc; background-color: #ffffff}





/*zusatz styles */




a.lmd_col:link {color:#CC0000}
/* Linkes Menü */
.lm {width:153px; border-width: 0px; } /* Tabelle allgemein */

.lm_col, .lm_line, .lm_button {
  background-Color:#FFFFFF; 
  
  padding-left:10px; 
  margin-left:0px; 

  height:21px; 
  width:142px; 
  border-right:1px solid #828282;
  
} 
/* linkes menü mit Linie oben */

.lm_line {border-top:0px solid #828282;} 


/* Linkes Menü Button Style */
.lm_button {
  background-Image:url(../bilder/lm_button.gif);
  
  
  background-Color:#CC0000;
  height: 24px;
}
/* 
.button {
  background-Image:url(../bilder/lm_button.gif); 
  padding-left:5px; 
  padding-right:5px;
  margin-left:0px; 
  cursor:hand;
  
  border-right:1px solid #828282;
  border-left:1px solid #828282;
  
  background-Color:#DDDDDD;
  height: 24px;
}
Normaler Button Style */

span.button,div.button {  /* wrapper z.B. für auftrag_kalender.php */
  background: url('../bilder/button_blanko180.gif') no-repeat top left;
  color: #FF0000;
  width: 180px;
  height: 30px;
  display: block;
  cursor: pointer;
  text-align: center;
  padding-top: 6px;
  
}



/* oberes subnav */

/* Startseite  normal und -sel */

td.sub_start { background-Image:url(../bilder/leiste-rot.gif); background-Color:#FADEDE;    
          height: 15px; }

td.sub_start-sel {background-Image:url(../bilder/leiste-rot-sel.gif); background-Color:#FADEDE;   
            height: 15px; }

/* Meinebilder */
td.sub_mb {background-Image:url(../bilder/leiste-blau.gif);   background-Color:#D3D3F8;  
           height: 15px;}

       
/* Bilder hochladen */
td.sub_bh {background-Image:url(../bilder/leiste-gruen.gif);   background-Color:#D6FAD6;  
          height: 15px;}

td.sub_bh-sel {background-Image:url(../bilder/leiste-gruen-sel.gif); background-Color:#D6FAD6; 
            height: 15px; }

/* Abzüge bestellen */
td.sub_ab {background-Image:url(../bilder/leiste-rosa.gif);   background-Color:#F6D6F6;  
           height: 15px;}

td.sub_ab-sel {background-Image:url(../bilder/leiste-rosa-sel.gif); background-Color:#F6D6F6; 
             height: 15px; }


/* Hilfe */
td.sub_help {background-Image:url(../bilder/leiste-gelb.gif);   background-Color:#F5F4D8; 
           height: 15px;}

           
/* Tabelle für Funktionen im Hauptframe */
.tab_functions {
  
  background-color:#FEDCDC;
  
 
  
}
 /* Kalendereditor */
td.sub_ke  {background-Image:url(../bilder/leiste-grau.gif); background-Color:#FFFFFF; 
background-repeat: repeat-x;
height: 15px; }
td.sub_ke-sel {background-Image:url(../bilder/leiste-blau-sel.gif); background-Color:#FFFFFF; 
background-repeat: repeat-x;
height: 15px; }

/* genereller listen style */
table.li {border-spacing:0px; border-width: 1px; border-style: solid; border-color: #cccccc;background-color: #ffffff;border-collapse:collapse}
td.lih {border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #cccccc; background-color: #e0e0e0}
td.lid {border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #cccccc; background-color: #ffffff}

.border {
 border: 1px #cccccc solid;
}



/* phodruck css */


.tab_hcol_start, .tab_hcol_mb {
  background-color : #fce0D3;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.hinweis /* Box für Hinweise (gelb) */ {
  background: #ffffa1 url("../bilder/achtung.jpg") no-repeat 6px 6px;
  border: solid 1px #ffff00;
  padding: 7px 7px 7px 50px;
  margin-bottom: 12px;
  min-height:30px;
}

.minihinweis {
  padding-left: 5px;
  padding-right:5px;
  background-color: #ffffa1;
  border: solid 1px #ffff00;
  font-size: 11px;
}

.stop /* Box für Fehler mit stop schild(rot) */ {
  background: #ffe0d6 url("../bilder/stop.jpg") no-repeat 6px 6px;
  border: solid 1px #ffa0a0;
  padding: 7px 7px 7px 50px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.error /* Box für Fehler (rot) */ {
  background-color: #ffe0d6;
  border: solid 1px #ffa0a0;
  width: 100%;
  padding: 7px 7px 7px 7px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.hinweis td, .stop td { /* für skriptgenerierte Fehlermeldungen im Table-Format */
  padding-left: 50px;
}

.stop ul {
  color: #000000;
}

input.anmeldung, textarea.anmeldung /* Formularfelder Anmeldung */ {
  color: black;
  width: 150px;
  border: solid 1px
}

input.anmeldung_error /* Formularfelder Anmeldung bei Fehler */ {
  color: black;
  width: 150px;
  border: solid 1px;
  background-color: #FFE0D6;
}

input.flat {
  border-width: 0;
  width: 100%;
  background-color:#fff;
  border: none !important; background: none !important;
}

.button_abbruch, .button_speichern {
  width: 85px;
  height: 25px;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.button_abbruch {
  background: #fff url(../bilder/button_abbruch.gif) no-repeat top left;
}

.button_speichern {
  background: #fff url(../bilder/button_speichern.gif) no-repeat top left;
}

.upload_java {
  border-width: 2px;
  border-color: #dddddd;
  background-color: #f6f6f6;
  width: 570px;
  border-style: solid;
  padding: 2px;
}

/* Tabelle für Funktionen im Hauptframe */
.tab_functions {
  background-color: #FEDCDC;
  border: 1px solid #FF7415;
  padding: 6px;
}

.tab_functions_cover {
  background-color: #FEDCDC;
  border: 1px solid #FF7415;
  padding: 6px;
}

.tab_functions_cover .tab_functions {
  background-color: none;
  border: none;
  padding: 0px;
}

.tab_functions img {
  vertical-align: middle;
}

table.thumb,table.thumbord {
  font-size: 12px;
  line-height: 15px;
}

td.thumb {
	background-image: url("/design/bilder/bgth132.gif");
	background-repeat: no-repeat;
}

td.thumb_sel {
	background-image: url("/design/bilder/bgth132_akt.gif");
	background-repeat: no-repeat;
}
.thumbkl {
  border: 1px #888888 solid;
	background-image: url("/design/bilder/leiste-grau-gross.gif");
}

.thumbkl_sel {
  border: 1px #be1c10 solid;
	background-image: url("/design/bilder/leiste-beige-gross.gif");
}

td.thumbtrash {
  background-image: url("../bilder/knitterpapier.jpg")
}

.ord_bid {
  text-align:center;
  vertical-align:middle;
  margin-top:15px;
}

img.thumbnail {
  border-right: 0px #888888 solid ;
	border-bottom: 0px #888888 solid ;
}

.thumbtext {
  font-size: 12px;
}

.border {
  border: 1px #888888 solid;
}

td.thumbord,td.thumbhoch {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner.gif);
	background-repeat:no-repeat;
	/*padding-top:15px;*/
}

td.thumbord_sel,td.thumbhoch_sel {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner_akt.gif);
	background-repeat:no-repeat;
	/*padding-top:15px;*/
}

td.thumbklord {
  border: 1px #888888 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-grau-gross.gif");
	background-repeat:repeat-x;
}

td.thumbklord_sel {
  border: 1px #be1c10 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-beige-gross.gif");
	background-repeat:repeat-x;
}

.lm_button { background-Color:#D3D3F8; }




.tab_hcol_start, .tab_hcol_mb {
  background-color : #DDDDDD;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.tab_bcol {
  background-color: #F7F7F7;
  border-style: solid;
  border-width: 0px;
  border-color: white;
}

.tab_lcol /* Line Color für tabellen */ {
  background-color: #828282;
  border: 0px solid #828282;
  padding: 0px;
}

/*.tab_hcol_mb {
  background-color: #D3D3F8
} /* Tabellenkopffarbe meine bilder  */

.tab_hcol_bh /* Tabellenkopffarbe Bilder hochladen */ {
  background-color: #D6FAD6
}

.tab_hcol_ab /* Tabellenkopffarbe Abzüge bestellen */ {
  background-color: #DDDDDD;
  border: 1px #828282 solid;
  padding: 2px;
}

.tab_hcol_auftrag /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #DDDDDD;
  border: 0px #828282 solid;
  padding: 2px;
}

.tab_auftrag_data /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #FFFFFF;
  border: 0px;
  padding-right: 4px;
}

.tab_form_ab /* Tabelle Bestellformular Abzüge bestellen --> Auftrag*/ {
  background-color: #DDDDDD;
  border: 0px;
  padding: 0px;
}

.tab_hcol_help /* Tabellenkopffarbe Hilfe */ {
  background-color: #F5F4D8;
  width: 120px
}

.tab_bopt /* Hintergrundfarbe der tabelle Bildoptimierer*/ {
  background-color: #e2e2e2
}
.framed {
  border-width: 1;
  border-style: solid;
  border-color:#828282
}

.auftrag_input,.auftrag_err_input {
  border-width: 1px;
  border-color: #828282;
  width: 35px;
  text-align: right;
}

.auftrag_err_input {
  
  background-color: #FFE0D6;
}

.auftrag_gk_input {
  border-width: 1px;
  border-color: #828282;
  width: 100%
}

.auftrag_selbox {
  width: 95%;
  vertical-align: middle
}

table.prodgr {
  border-collapse: collapse;
}

td.prod_txt {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 6px 6px 6px 0;
}

td.prod_bild {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
  background-color: #FFFFFF;
  padding: 6px 0 6px 0;
}

table.off_prodgr {
  border-collapse: collapse;
}

td.off_prod_txt {
  text-align: left;
  padding: 6px 0 6px 6px;
}

td.off_prod_bild {
  text-align: center;
  background-color: #FFF2D7;
}

/* CSS für auftrag */

.auftrag_bg,.auftrag_warn_bg {

 width:148px;
 height:130px;
 text-align:center;
 vertical-align:middle;
 background-color: #f4f4f4;
 padding-top:6px;

}
.auftrag_warn_bg {
 
background-color: #FFFFA1;
	
}

.bestellform {
border-width:1px;
border-style:solid;
border-color:#cccccc;
}
.bestellform_cell {
border-width:1px;
border-style:solid;
border-color:#cccccc;
}
.bestellform_title_cell {
border-width:1px;
border-style:solid;
border-color:#cccccc;
background-color:#cccccc;
}

.tablehead {
  margin: 15px 0 0 0;
  background-color: #DCDCDC !important;
  color: #00000;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 3px;
  height: 15px;
  min-height: 15px;
border-width:0px;
border-style:solid;
border-color:#cccccc;
}

.tablehead span {
  font: 12px Arial, Helvetica, sans-serif;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearall {
  clear: both;
}

.orange {
  color: #FF7415;
}

.left_menu {
  border-top: 1px solid #FF7415;
  border-bottom: 1px solid #FF7415;
  padding: 6px 0 6px 0;
  margin-bottom: 12px;
  text-align: center;
}


.tabelle {
  border-spacing: 0px;
}

.tabelle td {
  line-height: 17px;
  padding: 3px;
  background-color: #fff; /*#EBF1F9; #FFF8EB; #FFF2D7; #D8E4F4;*/
  border-bottom: 0px solid #ccc;
}


.weiter/*, ul.kategorieliste li a*/ {
  padding-right: 15px;
  background: url('../bilder/weiter_mini.gif') no-repeat right;
}

