/*_______________________________________Benutzerdefinierte Stile_____________*/

 body { background-color: #669900; margin: 10px; }
 #body { width: 875px; margin: auto; position: relative; }
 #banner { background:url(images/logo-aale.gif) top center no-repeat; height: 80px; padding-bottom: 10px; }
 #menue { position: absolute; left: 0; width: 135px; }
 #main { position: absolute; left: 150px; width: 560px; }
 #topics { position: absolute; left: 725px; width: 150px; }

 td.content_start { background:url(images/content_start.gif) top left no-repeat; width: 560px; height: 20px; }
 td.content_main { background-color: #D0E0B3; width: 560px; }
 td.content_end { background:url(images/content_end.gif) top left no-repeat; width: 560px; height: 20px; }

 div.menue_header {
   background-image:url(images/menu_header.gif);
   background-repeat: no-repeat;
   background-position: left;
   font-size: 8pt;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFF00;
   text-align: center;
   height: 13px;
   width: 135px;
   padding: 4px 0px;
   cursor: pointer;
   cursor: hand;
   }
 div.topic_header {
   background-image:url(images/topic_header.gif);
   background-repeat: no-repeat;
   background-position: left;
   font-size: 8pt;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFF00;
   text-align: center;
   height: 13px;
   width: 150px;
   padding: 4px 0px;
   }
 a.menue_header {
   color: #FFFF00;
   text-decoration: none;
   }
 a.menue_header:hover {
   color: #FFFF00;
   text-decoration: none;
   }
 div.menue_item {
   background-color: #D0E0B3;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 125px;
   padding: 1px;
   text-align: center;
   cursor: pointer;
   cursor: hand;
   }
 div.menue_item_hover {
   background-color: #ADBBCB;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 125px;
   padding: 1px;
   text-align: center;
   cursor: pointer;
   cursor: hand;
   }
 div.menue_item_selected {
   background-color: #ADBBCB;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 125px;
   padding: 1px;
   text-align: center;
   cursor: pointer;
   cursor: hand;
   }
 div.topic_item {
   background-color: #D0E0B3;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 137px;
   padding: 1px 1px 1px 4px;
   text-align: left;
   cursor: pointer;
   cursor: hand;
   }
 div.topic_item_hover {
   background-color: #ADBBCB;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 137px;
   padding: 1px 1px 1px 4px;
   text-align: left;
   cursor: pointer;
   cursor: hand;
   }
 div.topic_item_selected {
   background-color: #ADBBCB;
   color: #006633;
   font-size: 8pt;
   margin: 1px 4px;
   width: 137px;
   padding: 1px 1px 1px 4px;
   text-align: left;
   cursor: pointer;
   cursor: hand;
   }
 a {
   text-decoration: none;
   color: #006633;
   }
 a:hover {
   text-decoration: none;
   color: #006633;
   }

/*___________________________________________Allgemeine Stile_________________*/


 div#content {
   width: 520px;
   padding: 0px 20px;
   text-align: left;
   font-size: 13px;
   color: #006633;
   font-weight: normal;
   text-decoration: none;
   min-height: 360px;
   height: auto !important;
   height: 360px;
   }
 .standard {
   font-family: arial, sans-serif;
   font-size: 13px;
   color: #006633;
   font-weight: normal;
   text-decoration: none;
   }
 .small {
   font-family: arial, sans-serif;
   font-size: 11px;
   color: #006633;
   font-weight: normal;
   text-decoration: none;
   }
 .line {
   height: 1px;
   background-color: #006633;
   margin: 4px 0px;
   width: 100%;
   clear: both;
   }
 .content_header {
   font-size: 13pt;
   font-weight: bold;
   margin-bottom: 20px;
   text-align: left;
   }
 .content_header_bullet {
   }
 .content_bar {
   text-align: right;
   float: right;
   height: 15px;
   }
 .title_pic {
   width: 110px;
   padding-top: 4px;
   padding-bottom: 8px;
   float: right;
   text-align: right;
   }
 .column_header {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   }
 .segment_header {
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   margin: 0px 0px 6px 0px;
   }
 .inline_heading {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   }
 .preview_heading {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   }
 .help_heading {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   }
 .user_entry {
   border: 1px solid #044766;
   background-color: #F5F5F5;
   font-size: 10px;
   padding: 8px;
   margin-top: 2px;
   margin-bottom: 8px;
   text-align: left;
   }
 .found {
   font-weight: bold;
   }
 img {
   border-width: 0px;
   }
 .icon {
   vertical-align: middle;
   border-width: 0px;
   }
 .icon_hover {
   vertical-align: middle;
   border-width: 0px;
   background-color: #F5F575;
   }
 .segment_header .icon, .content_header .icon, .segment_header .icon_hover, .content_header .icon_hover, .menue_header .icon {
   margin-right: 2px;
   }
 .content_bar .icon, .content_bar .icon_hover, .small .icon, .small .icon_hover {
   margin-right: 1px;
   }
 .column_header .icon, .column_header .icon_hover {
   margin-left: 1px;
   }
 .debug {
   color: #A0A0A0;
   font-family: verdana,sans-serif;
   font-size: 11px;
   }
 #confirm {
   position: absolute;
   left: 340px;
   top: 180px;
   }
 #error_report {
   position: absolute;
   left: 340px;
   top: 180px;
   }
 #help {
   position: absolute;
   left: 500px;
   top: 60px;
   }
 #smileys {
   position: absolute;
   }

/*__________________________________________________BCODE_____________________*/

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

/*__________________________________________________Formularfelder____________*/

 .label{
   margin-top: 10px;
   font-size: 8pt;
   }
 .label_required{
   margin-top: 10px;
   font-size: 8pt;
   padding-left: 6px;
   background-image:url(images/required.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   }
 .required{
   font-size: 7pt;
   color: #8487A6;
   margin-top: 4px;
   text-align: left;
   }
 .input {
   font-family: arial,sans-serif;
   font-size: 12px;
   color: #044766;
   background-color: #FFFFFF;
   border: 1px solid #044766;
   padding-left: 2px;
   }
 .error {
   font-family: arial,sans-serif;
   font-size: 12px;
   color: #D10D16;
   background-color: #FFFFFF;
   border: 2px solid #D10D16;
   }
 .upload {
   border: 1px solid #606060;
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 8pt;
   color: #044766;
   width: 320px;
   }
 .select {
   border: 1px solid #606060;
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 8pt;
   color: #044766;
   }
 .set{
   border: 1px solid #606060;
   background-color: #FFFFFF;
   font-family: arial,sans-serif;
   font-size: 8pt;
   color: #044766;
   }

/*__________________________________________________Buttons___________________*/

 .button_save {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/save.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 16px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_save_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/save.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 16px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_cancel {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/cancel.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 13px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_cancel_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/cancel.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 13px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_delete {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/delete.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 17px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_delete_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/delete.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 17px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_optimize {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/optimize.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 14px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_optimize_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/optimize.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 14px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_history {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/history.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_history_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   background-image:url(images/history.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button {
   border: 1px solid #606060;
   background-color: #F5F5F5;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }
 .button_hover {
   border: 1px solid #606060;
   background-color: #F5F575;
   font-family: arial,sans-serif;
   font-size: 11px;
   color: #044766;
   width: 72px;
   height: 18px;
   cursor: pointer;
   cursor: hand;
   }


/*__________________________________________________Editbar___________________*/

 div.editbar {
   text-align: right;
   float: right;
   background-color: #F5F5F5;
   border: 1px solid #044766;
   padding: 1px;
   height: 20px;
   }
 img.editbar {
   border: 1px solid #F5F5F5;
   }
 img.editbar_hover {
   border-color: #FFFFFF #404040 #404040 #FFFFFF;
   border-width: 1px;
   border-style: solid;
   }

/*__________________________________________________Dialogfelder______________*/

 td.dialog_top {
   padding: 3px;
   background-color: #044766;
   color: #FFFFFF;
   border-top: 1px solid #F0F0F0;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #000000;
   font-size: 12px;
   font-weight: bold;
   }
 img.dialog_top {
   background-color: #FFFFFF;
   }
 img.dialog_top_hover {
   background-color: #F5F575;
   }
 td.dialog {
   background-color: #E0E0E0;
   padding: 8px 10px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #808080;
   }
 img.dialog {
   background-color: #FFFFFF;
   }
 img.dialog_hover {
   background-color: #F5F575;
   }

 img.smiley {
   border: 1px solid #E0E0E0;
   }
 img.smiley_hover {
   border-color: #FFFFFF #404040 #404040 #FFFFFF;
   border-width: 1px;
   border-style: solid;
   }