/*
   CSS - Styles für Box-Design der Sites
   JL - 2009-02-15, 2009-09-14, 2009-12-02
*/

body                  { margin:10px 15px; padding:0px; background:#333334; min-width:800px; }

body.popup            { margin:10px 15px; padding:0px; background:#444446; min-width:500px; }

.floatStop            { margin:0px; padding:0px; height:0px; font-size:0px; clear:both; }

/* Seiten-Kasten oberer Rand */
.sitebox_top-left     { height:5px; background:url(box/sitebox_top-left.gif) top left no-repeat; font-size:1px; }
.sitebox_top-right    { height:5px; background:url(box/sitebox_top-right.gif) top right no-repeat; font-size:1px; }

/* Seiten-Kasten Kopf */
.sitebox_head-bg      { background:url(box/sitebox_head-bg.jpg) top left repeat-x; }
.sitebox_head-left    { background:url(box/dot_black.gif) top left repeat-y; }
.sitebox_head-right   { margin:0px; background:url(box/sitebox_head-right.jpg) top right no-repeat;
                        height:100px; position:relative; }

/* Seiten-Kasten Titel-Elemente */
.site_title           { position:absolute; top:0px; left:0px; }
.site_navi            { position:absolute; top:51px; right:12px; margin:0px; width:600px; padding:0px;  }
.site_navi a,          
.site_navi a:link,
.site_navi a:visited,
.site_navi a:active   { display:block; float:right; height:15px; padding:3px 8px 2px 8px; text-decoration:none; color:#cccccc; }                      
.site_navi a:hover    { background:#555557; }

/* Seiten-Kasten Inhalt */
.sitebox_body-bg      { background:#444446; }
.sitebox_body-left    { background:url(box/dot_black.gif) top left repeat-y; }
.sitebox_body-right   { background:url(box/dot_black.gif) top right repeat-y; padding:1px 20px; }

/* Seiten-Kasten unterer Rand */
.sitebox_bottom-left  { height:6px; background:url(box/sitebox_bottom-left.gif) top left no-repeat; font-size:1px; }
.sitebox_bottom-right { height:6px; background:url(box/sitebox_bottom-right.gif) top right no-repeat; font-size:1px; }


/* Inhaltskasten: Begrenzung-Boxen für Größe mit Tabellen */
table.layout-box          { width:100%; margin:0px; padding:0px; border:0px; table-layout:auto; 
                            border-collapse:collapse; border-spacing:0px; empty-cells:show; }
table.layout-box td       { margin:0px; padding:0px; border:0px; vertical-align:top; text-align:left; }
table.layout-box td.p50   { width:48%; }                        
table.layout-box td.p33   { width:32%; }                        
table.layout-box td.w400  { width:400px; }                        
table.layout-box td.w300  { width:300px; }                        
table.layout-box td.w250  { width:250px; }                        
table.layout-box td.w200  { width:200px; }                        
table.layout-box td.w180  { width:180px; }                        
table.layout-box td.w160  { width:160px; }                        
table.layout-box td.w4z3  { width:450px; }                        
table.layout-box td.w16z9 { width:514px; }
table.layout-box td.botr  { text-align:right; vertical-align:bottom; white-space:nowrap; padding-left:20px; }                        
table.layout-box td.lpad  { padding-left:20px; }
table.layout-box td.rpad  { padding-right:20px; }
table.layout-box td.lpad2 { padding-left:5px; }
table.layout-box td.rpad2 { padding-right:5px; }


table.formular            { margin:0px; padding:0px; border:0px; table-layout:auto; 
                            border-collapse:collapse; border-spacing:0px; empty-cells:show; }
table.formular td         { margin:1px; padding:1px; border:0px; vertical-align:middle; text-align:left; }                            

tr.ttop    td             { vertical-align:top; }
tr.tmiddle td             { vertical-align:middle; }
tr.tbottom td             { vertical-align:bottom; }


/* Inhaltskasten: Begrenzung-Boxen für Größe */
.box_normal           { margin:0px; padding:0px; }

.box_minheight250     { min-height:250px; }                        
.box_height250        { height:250px; }                        
.box_minheight300     { min-height:300px; }                        
.box_height300        { height:300px; }                        
.box_minheight        { min-height:350px; }                        
.box_minheight350     { min-height:350px; }                        
.box_height350        { height:350px; }                        
.box_minheight400     { min-height:400px; }                        
.box_height400        { height:400px; }                        
.box_minheight450     { min-height:450px; }                        
.box_height450        { height:450px; }
.box_minheight480     { min-height:480px; }
.box_height480        { height:480px; }
.box_minheight500     { min-height:500px; }
.box_height500        { height:500px; }

.box_minheightFL      { min-height:510px; }
.box_minheightAsFL    { min-height:500px; }

.box_minwidthDZW      { min-width:390px; }


/* Inhaltskasten Kopfzeile/Titel */
.box_head-left        { background:url(box/box_head-left.gif) top left no-repeat; }
.box_head-right       { background:url(box/box_head-right.gif) top right no-repeat;
                        padding:6px 12px 5px 12px; font-size:12px; font-weight:bold; }
/* Inhaltskasten nur Oberkante */
.box_top-left         { height:6px; background:url(box/box_top-left.gif) top left no-repeat; font-size:1px; }
.box_top-right        { height:6px; background:url(box/box_top-right.gif) top right no-repeat; font-size:1px; }
/* Inhaltskasten Content */
.box_bg-left          { background:url(box/box_bg-left.gif) top left repeat-y; }
.box_bg-right         { background:url(box/dot_darkgrayline.gif) top right repeat-y;
                        padding:12px 12px 8px 12px; color:#dddddd; }
.box_bg-rightSpad     { background:url(box/dot_darkgrayline.gif) top right repeat-y;
                        padding:5px 8px 4px 8px; color:#dddddd; }
.box_bg-right0pad     { background:url(box/dot_darkgrayline.gif) top right repeat-y;
                        padding:0px 1px 1px 1px; color:#dddddd; }
.box_minheight        { min-height:350px; }                        
/* Inhaltskasten unterer Rand */
.box_bottom-left      { height:6px; background:url(box/box_bottom-left.gif) top left no-repeat; margin-bottom:15px; }
.box_bottom-right     { height:6px; background:url(box/box_bottom-right.gif) top right no-repeat; }