/*_______________________________________Benutzerdefinierte Stile_____________*/

 body {
   background-color: #FFFFFF;
   margin: 10px;
   padding: 0;
   height: 100.1%
   }
 html {
   margin: 0; padding: 0;
   height: 100.1%
   }
 h1 {
   font-size: 13px;
   padding: 0 0 6px 0;
   margin: 0;
   color: #862627;
   }
 h2 {
   font-size: 12px;
   padding: 0 0 6px 0;
   margin: 0;
   color: #862627;
   }
 h3 {
   font-size: 11px;
   padding: 0 0 6px 0;
   margin: 0;
   color: #862627;
   }
 th {
   font-size: 11px;
   text-align: left;
   padding: 0;
   margin: 0;
   }
 p {
   padding: 0 0 6px 0;
   margin: 0;
   }
 a {
   text-decoration: none;
   color: #862627;
   }
 a:hover {
   text-decoration: none;
   color: #963637;
   }
 p a, p a:hover, h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, .content_body li a, .content_body li a:hover {
   color: #862627;
   text-decoration: underline;
   }
 fieldset {
   margin-bottom: 5px;
   padding: 0px 10px 15px 10px;
   }
 legend {
   font-weight: bold;
   }
 img {
   border: 0;
   }
 #body {
   width: 980px;
   position: relative;
   margin: auto;
   }
 #title_frame {
   position: relative;
   height: 115px;
   }
 #title_frame ul {
   list-style: none;
   margin: 0; padding: 0;
   position: absolute;
   top: 0; right: 10px;
   display: none;
   }
 #title_frame li {
   display: inline;
   padding: 0 .1em;
   }
 #logo {
   position: absolute;
   bottom: 9px; left: 10px;
   }
 #logo .icon {
   border: 0; padding: 1px;
   }
 #slogan {
   position: absolute;
   bottom: 6px; right: 10px;
   }
 #main_frame {
   background: url(images/bg.gif) repeat-y;
   position: relative;
   padding: 0 10px;
   }
 #banner {
   height: 265px;
   overflow: hidden;
   }
 td.left {
   background-color: #D9DAE2;
   }
 td.right {
   background-color: #DDDDE5;
   }
 .right_content {
   padding: 0 20px;
   }
 td.right h2 {
   background-color: #FFFFFF;
   padding: 4px 20px;
   margin: 8px 0;
   color: #000000;
   }
 td.right .e_date {
   float: left;
   width: 37px;
   color: #862627;
   font-size: 11px;
   }
 td.right .e_title {
   margin-left: 37px;
   font-size: 11px;
   }
 td.right .e_frame {
   margin: 2px 0;
   background-color: #DFE0E6;
   padding: 0 20px;
   }
 #menu_border {
   background: url(images/bgb.gif) repeat-y #BE9926;
   margin: 4px 0 0 0;
   height: 8px;
   }   
 #header_menu {
   background: url(images/bgl.gif) repeat-y #862627;
   padding: 12px 0 12px 208px;
   margin: 0 0 4px 0;
   }
 #header_menu ul {
   list-style: none;
   margin: 0; padding: 0;
   }
 #header_menu li {
   display: inline;
   padding: 0 20px;
   font-size: 14px;
   }
 #header_menu a {
   color: #FFFFFF;
   text-decoration: none;
   }
 #main_menu {
   margin: 20px 0 0 0;
   }
 #main_menu ul {
   list-style: none;
   margin: 0; padding: 0;
   }
 #main_menu li {
   font-size: 11px;
   }
 #main_menu a {
   display: block;
   padding: 4px 28px;
   margin: 2px 0;
   color: #000000;
   text-decoration: none;
   background-color: #DFE0E6;
   }
 #main_menu a:hover {
   background-color: #E8E9EF;
   }
 #main_menu li.selected a {
   background-color: #FFFFFF;
   }
 #main_menu li.selected li a {
   background-color: #F5F5F5;
   }
 #main_menu li.selected li a:hover {
   background-color: #ECECEC;
   }
 #main_menu li li a {
   padding-left: 38px;
   }
 #footer {
   margin: 4px 0;
   background-color: #862627;
   border-top: 8px solid #BE9926;
   position: relative;
   text-align: right;
   height: 26px;
   }
 #footer ul {
   list-style: none;
   margin: 0; padding: 0;
   position: absolute;
   overflow: hidden;
   top: 6px; right: 10px;
   }
 #footer li {
   display: inline;
   padding: 0 .5em;
   font-size: 11.5px;
   margin: 0 0 0 -1px;
   }
 #footer a {
   color: #FFFFFF;
   text-decoration: none;
   }

/*___________________________________________Allgemeine Stile_________________*/

 .standard {
   font-family: arial, sans-serif;      
   font-size: 12px;
   color: #303030;
   font-weight: normal;
   text-decoration: none;
   }
 .small {
   font-family: arial, sans-serif;      
   font-size: 11px;
   color: #303030;
   font-weight: normal;
   text-decoration: none;
   }
 #content {
   position: relative;                    
   padding: 20px;
   min-height: 300px;
   }
 * html #content {
   height: 300px;
   }
 .content_header {
   padding: 0 80px 0 0;                   
   }
 .content_header h1 {
   font-family: 'Times New Roman',serif;
   font-size: 24px;
   font-style: italic;
   letter-spacing: 0.05em;
   margin: 0 0 12px 0;
   padding: 0;
   color: #862627;
   }
 .content_header h1 .img_before {
   padding: 0 4px 0 0;
   }
 .content_body {
   line-height: 1.5em;
   }
 .content_body ul {
   list-style: square outside none;
   padding: 0 0 0 20px;
   margin: 0;
   }
 .content_body ol {
   list-style: decimal outside none;
   padding: 0 0 0 20px;
   margin: 0;
   }
 .content_body li {
   line-height: 1.5em;
   }
 .title_pic_frame {                       
   float: right;
   width: 150px;
   position: relative;
   top: 10px;
   right: 5px;
   }
 .title_pic_frame legend {
   font-size: 10px;
   font-weight: normal;
   }
 .title_pic_frame .inlinebar {
   position: relative;
   top: -8px;
   right: -10px;
   float: none;
   text-align: right;
   }
 .spacer {                                
   height: 10px;
   }
 .row_header {
   font-size: 12px;                       
   font-weight: bold;
   text-align: left;
   vertical-align: top;
   }
 .line {
   height: 0;                             
   padding: 0;
   margin: 4px 0px;
   border-bottom: 1px solid #303030;
   clear: both;
   }
 .dotted {
   height: 1px;                           
   padding: 0;
   margin: 6px 0px;
   background: url(images/dotted.gif) repeat-x;
   clear: both;
   }
 div.attach {                             
   background: #FFFFE0;
   border-top: 1px solid #808080;
   border-bottom: 1px solid #808080;
   margin: 18px 0px 12px 0px;
   padding: 4px 2px 6px 2px;
   text-align: center;
   }
 .thumb {                                 
   float: left;
   width: 136px;
   height: 110px;
   text-align: center;
   }
 div.more {                               
   clear: both;
   text-align: right;
   }
 .user_entry {
   border: 1px solid #303030;             
   background-color: #F5F5F5;
   font-size: 10px;
   padding: 8px;
   margin-top: 2px;
   margin-bottom: 8px;
   text-align: left;
   }
 .found {
   font-weight: bold;                     
   }
 .text_frame {
   overflow: hidden;                      
   width: 100%;
   }
 .option_frame {                          
   float: left;
   width: auto;
   padding-right: 10px;
   }

/*______________________________________________Auflistungen__________________*/

 .teaser_frame {                          
   background: url(images/dotted.gif) repeat-x top;
   padding: 7px 0 6px 0;
   margin-top: 12px;
   }
 .teaser_frame .title_pic {
   vertical-align: middle;
   margin: 2px 10px 4px 0px;
   float: left;
   }
 .topic_frame {                           
   padding: 6px 0;
   }
 .topic_frame .title_pic {
   vertical-align: middle;
   margin: 2px 10px 4px 0px;
   float: left;
   }
 .event_frame {                           
   padding: 6px 0;
   }
 .event_frame .title_pic {
   vertical-align: middle;
   margin: 2px 0px 4px 10px;
   float: right;
   }
 .event_details {
   float: left;
   width: 120px;
   }
 .event_content {
   margin-left: 120px;
   }
 .organizer_frame {                       
   float: left;
   width: 48%;
   padding: 0 6px 0 0;
   }
 .organizer_frame legend {
   font-size: 13px;
   padding: 0 4px 0 0;
   }
 .organizer_frame ul {
   list-style: none;
   padding: 0 0 0 40px;
   margin: 0;
   }
 .organizer_frame li {
   padding: 3px 0 3px 18px;
   text-indent: -18px;
   }
 div.style1, .style1 td {                 
   padding: 1px;
   background-color: #F6F7F9;
   border-bottom: 1px solid #FFFFFF;
   }
 div.style2, .style2 td {
   padding: 1px;
   background-color: #F2F3F5;
   border-bottom: 1px solid #FFFFFF;
   }
 div.style1:hover, .style1:hover td, div.style2:hover, .style2:hover td {
   padding: 1px;
   background-color: #DCDFE8;
   border-bottom: 1px solid #FFFFFF;
   }
 .access0, .access1,
 .access0 *, .access1 * {
   color: #909090;                        /*  Objekt private, intern          */
   }
 .status00, .status01, .status02,
 .status00 a, .status01 a , .status02 a {
   color: #C04040;                        
   }
 .status10, .status10 a {
   color: #40C040;                        
   }
 .status11, .status11 a {
   color: #A0A0A0;                        
   }
 .empty {
   text-align: center;                    
   height: 24px;
   }

/*__________________________________________________Icons_____________________*/

 .img_before {                            
   padding: 0 2px 0 0;
   vertical-align: middle;
   }
 .img_after {                             
   padding: 0 0 0 2px;
   vertical-align: middle;
   }
 .small .img_before, th .img_before {
   padding: 0 1px 0 0;
   }
 .small .img_after, th .img_after {
   padding: 0 0 0 1px;
   }
 .icon, .inactive .icon:hover {           
   padding: 1px;
   border: 0;
   vertical-align: middle;
   }
 .icon:hover {                            
   border-color: #FFFFFF #404040 #404040 #FFFFFF;
   border-width: 1px;
   border-style: solid;
   padding: 0;
   }
 .pagebar {                               
   text-align: right;
   }
 .pagebar .icon, .pagebar .inactive .icon:hover {
   background-color: transparent;
   padding: 0;
   margin: 1px;
   border: 0;
   }
 .pagebar .icon:hover {
   background-color: #F5F575;
   }

/*__________________________________________________Layer_____________________*/

 #confirm {
   position: absolute;                    
   left: 340px;
   top: 180px;
   width: 320px;
   }
 #confirm .dialog_body {
   padding-bottom: 40px;
   }
 #error_report {
   position: absolute;                    
   left: 340px;
   top: 180px;
   width: 320px;
   }
 #error_report .dialog_body {
   padding-bottom: 40px;
   }
 #help {
   position: absolute;                    
   left: 500px;
   top: 60px;
   width: 230px;
   }
 #toolbox {
   position: absolute;                    
   left: 500px;
   top: 60px;
   width: 170px;
   }
 #toolbox ul {
   list-style: none;
   background: url(images/dotted.gif) repeat-x top;
   padding: 5px 0;
   margin: 0;
   }
 #toolbox ul li {
   margin: 5px 0;
   padding: 0 0 0 18px;
   text-indent: -18px;
   }
 #toolbox ul:first-child, #toolbox ul.first {
   background: none;
   padding-top: 0;
   }
 #toolbox .last_modified {
   background: url(images/dotted.gif) repeat-x top;
   margin: 60px 0 0 0;
   padding: 4px 0;
   }
 #toolbox .last_modified h2 {
   font-size: 10px;
   padding: 0;
   }
 #smileys {                              
   position: absolute;
   left: 400px;
   top: 200px;
   width: 320px;
   }
 #preview {                              
   position: absolute;
   left: 10px;
   top: 50px;
   }
 #pic_date {
   position: absolute;                   
   left: 200px;
   top: 60px;
   }
 #folders {                              
   position: absolute;
   left: 400px;
   top: 200px;
   width: 170px;
   }
 #folders ul {
   list-style: none;
   padding: 0; margin: 0;
   }
 #groups {                               
   position: absolute;
   left: 400px;
   top: 200px;
   width: 170px;
   }
 #groups ul {
   list-style: none;
   background: url(images/dotted.gif) repeat-x top;
   padding: 5px 0 4px 0;
   margin: 0;
   }
 #groups ul:first-child {
   background: none;
   padding-top: 0;
   }
 #groups ul li {
   padding: 3px 0 3px 18px;
   text-indent: -18px;
   }
 #groups a.selected {
   color: #E0E0E0;
   background-color: #303030;
   }

/*__________________________________________________BCODE_____________________*/

 .quote {
   border: 1px solid #303030;             
   background-color: #F5F5F5;
   padding: 5px 10px;
   margin: 2px 0px;
   text-align: left;
   }
 .code {
   border: 1px solid #303030;             
   background-color: #F5F5F5;
   padding: 5px 10px;
   margin: 2px 0px;
   text-align: left;
   }
 .hl_html {                               
   color: blue;
   }
 .hl_bcode {                              
   color: green;
   }
 .hl_values {                             
   color: red;
   }
 .img_left {
   vertical-align: middle;                
   margin: 2px 10px 4px 0px;
   float: left;
   }
 .img_right {
   vertical-align: middle;                
   margin: 2px 0px 4px 10px;
   float: right;
   }
 .img_inline {
   vertical-align: middle;                
   margin: 1px;
   }
 .list_bullet {                           
   padding: 0px 4px;
   vertical-align: top;
   }
 .list_item {
   text-align: left;
   }
 .cols {                                  
   text-align: left;
   }
 .table {                                 
   text-align: left;
   padding: 2px 0px;
   }
 .more {                                  
   font-size: 9px;                        
   font-weight: bold;
   }

/*__________________________________________________Formularfelder____________*/

 .label {
   margin-top: 10px;                      
   font-size: 10px;
   }
 .label_required {
   margin-top: 10px;                      
   font-size: 10px;
   padding-left: 6px;
   background: url(images/required.gif) no-repeat left bottom;
   }
 span.required {                          
   font-size: 10px;
   color: #8487A6;
   }
 .input {
   border: 1px solid #CCCCCC;             
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   padding: 2px;
   }
 .input_label {
   border: 1px solid #CCCCCC;         
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #A0A0A0;
   padding: 2px;
   }
 .error {
   border: 2px solid #D10D16;             
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #D10D16;
   padding: 2px;
   }
 .error_box {
   display: inline;                       
   padding-top: 4px;
   border: 2px solid #D10D16;
   }
 .upload {
   border: 1px solid #CCCCCC;              
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 10px;
   color: #303030;
   padding: 2px;
   width: 320px;
   }
 .select {
   border: 1px solid #CCCCCC;              
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 10px;
   color: #303030;
   }
 .set{
   border: 1px solid #CCCCCC;              
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 10px;
   color: #303030;
   }

/*__________________________________________________Buttons___________________*/

 .button_save {
   border: 1px solid #606060;              
   font-family: arial,sans-serif;
   font-size: 9px;
   color: #303030;
   text-align: left;
   background: url(images/icon_files.gif) no-repeat 1px #F5F5F5;
   padding-left: 18px;
   width: 74px;
   height: 18px;
   cursor: pointer;
   }
 .button_save:hover {
   background-color: #F5F575;
   }
 .button_cancel {
   border: 1px solid #606060;              
   font-family: arial,sans-serif;
   font-size: 9px;
   color: #303030;
   text-align: left;
   background: url(images/icon_cancel.gif) no-repeat 0 1px #F5F5F5;
   padding-left: 16px;
   width: 76px;
   height: 18px;
   cursor: pointer;
   }
 .button_cancel:hover {
   background-color: #F5F575;
   }
 .button {                                 
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 9px;
   color: #303030;
   width: 76px;
   height: 18px;
   cursor: pointer;
   }
 .button:hover {
   background-color: #F5F575;
   }
 .button_explorer {                        
   border: 0;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   text-align: left;
   background: url(images/icon_explorer.gif) no-repeat 0px 2px #FFFFFF;
   padding-left: 16px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   }
 .button_upload {                          
   border: 0;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   text-align: left;
   background: url(images/icon_upload.gif) no-repeat 0 1px #FFFFFF;
   padding-left: 14px;
   width: 60px;
   height: 18px;
   cursor: pointer;
   }
 .button_attach {                          
   border: 0;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   text-align: left;
   background: url(images/icon_attach.gif) no-repeat #FFFFFF;
   padding-left: 15px;
   width: 82px;
   height: 18px;
   cursor: pointer;
   }
 .button_link {                             
   border: 0;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   text-align: left;
   background: url(images/icon_teasers.gif) no-repeat 0px 2px #FFFFFF;
   padding-left: 18px;
   width: 82px;
   height: 18px;
   cursor: pointer;
   }
 .button_hidden {                          
   border: 0;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #303030;
   text-align: left;
   background-color: #FFFFFF;
   padding-left: 0;
   cursor: pointer;
   }
 .small .button_hidden {
   font-size: 10px;
   }

/*__________________________________________________Symbolleisten_____________*/

 .toolbar {
   position: absolute;                    
   top: 0; right: 12px;
   padding: 1px 6px;
   text-align: right;
   }
 .langbar {
   position: absolute;                    
   top: 0; left: 15px;
   padding: 1px 6px;
   text-align: right;
   }
 .inlinebar {                             
   float: right;
   width: auto;
   }
 .rangebar {
   padding: 12px 0;                       
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   }
 .togglebar {
   padding: 0px 0px 2px 0px;              
   font-size: 6px;
   }
 .togglebar .icon {
   height: 6px;
   background: url(images/toggle.gif) repeat-x #081D55;
   width: 100%;
   padding: 0;
   border: 0;
   }
 .togglebar .icon:hover {
   height: 6px;
   background: url(images/toggle.gif) repeat-x #485D95;
   width: 100%;
   padding: 0;
   border: 0;
   }
 .editbar {
   text-align: right;                      
   float: right;
   background-color: #F5F5F5;
   border: 1px solid #303030;
   padding: 1px;
   height: 20px;
   }
 .infobar {
   text-align: right;                      /*  Info Leiste                    */
   font-size: 10px;
   font-style: italic;
   color: #909090;
   }
 .infobar div {
   display: inline;
   padding: 0 0 0 4px;
   }

/*__________________________________________________Kalender__________________*/

 table.scheduler {                         
   border-left: 1px solid #303030;
   border-bottom: 1px solid #303030;
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 9px;
   color: #303030;
   }
 .scheduler td, .scheduler th {
   border-top: 1px solid #303030;
   border-right: 1px solid #303030;
   }
 .scheduler th, .scheduler tbody td {      
   height: 20px;
   width: 20px;
   }
 .scheduler thead {                        
   text-align: center;
   vertical-align: middle;
   }
 .scheduler tbody {
   text-align: right;
   vertical-align: top;
   }
 .scheduler h2, .scheduler div {           
   padding: 3px 0;
   }
 .scheduler tbody a {
   display: block;
   height: 100%;
   color: #303030;
   }
 .scheduler tbody td:hover {               
   background-color: #F5F575;
   cursor: default;
   }
 .scheduler .scheduler_today {
   background-color: #AAAAAA;              
   }
 .scheduler .scheduler_today:hover {
   background-color: #CACACA;
   }
 .scheduler .scheduler_multiple {
   background-color: #94D19D;              
   }
 .scheduler .scheduler_multiple:hover {
   background-color: #B4F1BD;
   }
 .scheduler .scheduler_events {
   background-color: #FFAD5B;              
   }
 .scheduler .scheduler_events:hover {
   background-color: #FFCD7B;
   }
 .scheduler .scheduler_offers {
   background-color: #B1DDED;              
   }
 .scheduler .scheduler_offers:hover{
   background-color: #D1FDFF;
   }
 .scheduler .scheduler_vacations{
   background-color: #E0E0E0;              
   }
 .scheduler .scheduler_vacations:hover{
   background-color: #F5F5F5;
   }

/*__________________________________________________Dialogfelder______________*/

 .dialog_header {
   padding: 3px;                           
   background-color: #303030;
   border-top: 1px solid #F0F0F0;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #000000;
   }
 .dialog_header h2 {                       
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   padding: 0;
   }
 .dialog_controls {                        
   float: right;
   width: auto;
   }
 .dialog_controls .icon {
   vertical-align: top;
   background-color: #FFFFFF;
   margin: 0 0 0 2px;
   padding: 0;
   border: 0;
   }
 .dialog_controls .icon:hover {
   background-color: #F5F575;
   }
 .dialog_body {
   position: relative;
   background-color: #E0E0E0;              
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #808080;
   padding: 10px;
   min-height: 80px;
   }
 *html .dialog_body {
   height: 80px;
   }
 .dialog_body .button_hidden {
   background-color: #E0E0E0;
   }
 .prompt {                                 
   position: absolute;
   bottom: 10px;
   left: 10px;
   }
 .prompt a {
   display: block;
   background-color: #FFFFFF;
   border: 1px solid #000000;
   padding: 1px 4px;
   font-weight: bold;
   font-size: 10px;
   color: #000000;
   margin-right: 4px;
   float: left;
   }
 .prompt a:hover {
   background-color: #F5F575;
   }

/*______________________________________________Datumsassistent_______________*/

 #calendar_frame{                          
   width: 154px;
   }
 #calendar_frame .calendar_header {        
   width: 152px;
   height: 18px;
   padding: 2px 0 0 0;
   text-align: center;
   }
 #calendar_frame .calendar_header a, #calendar_frame .calendar_header a:hover {
   display: inline;
   background-color: transparent;
   }
 #calendar_frame div {                     
   border-color: #FFFFFF #404040 #404040 #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-color: #E7E7E7;
   text-align: right;
   font-size: 9px;
   float: left;
   height: 16px;
   width: 20px;
   }
 #calendar_frame h3 {                      
   font-size: 9px;
   text-align: center;
   padding: 1px 0 0 0;
   margin: 0;
   }
 #calendar_frame a {                       
   display: block;
   height: 100%;
   }
 #calendar_frame a:hover {
   background-color: #F7F7F7;
   }
 #calendar_frame .calendar_today a {       
   background-color: #F5F575;
   }
 #calendar_frame .calendar_today a:hover {
   background-color: #FFFFA7;
   }
 #calendar_frame .calendar_footer {        
   height: 15px;
   width: 152px;
   text-align: left;
   }
 #calendar_frame .calendar_footer a {      
   padding: 0 0 0 4px;
   }