/*
 
 Romhub Stylesheet Vorlage
 
 Hintergrund Bild
 background:url("images/hg01.png") no-repeat; 
                                   repeat-x 
                                   repeat-y
 border-bottom:1px #243F12 dotted;

 dunkel: #008C59 #A0E1BF
 mittel: #00B159
 hell  : #1AC973 #A1D169
 
 Linie-dunkel: #008C59 (0,140,89)
 menue-hintergrund-dunkel: #00B159 (0,177,89)
 hintergrund: #DDF5E8 (221,245,232)
 
*/

/* ======================================================================================= */
/* Allgemeines */

* {text-decoration:none; border:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}
.clear {clear:both !important;}

.noscreen {display:none;}

hr {height:1px; border-bottom:1px #00B159 solid;}

/* ======================================================================================= */
/* SEITEN Grund-Struktur */

/* seite */
body {background-color:#ffffff; margin:0px; font:80%/160% "verdana",sans-serif;}

/* Daten-Bereich */
#main {clear:both; width:1035px; margin:0px auto 0px auto; padding:0; 
       background:url("images/hg_1024.png") repeat-y;}

/* ======================================================================================= */
/* Zeilen */

/* Kopf-Zeile 699C4D */
#header {clear:both; width:1028px; height:90px; margin:0px 0px 0px 1px; padding:12px 0px 0px 5px;
        background:url("images/hg_1024_oben.png") no-repeat;} /* border-bottom:2px solid #008C59; */

/* Menue Zeile */
#strip {clear:both; width:1024px; height:40px; margin:0 0 0 6px; 
       background:url("images/hg_strip03.png") repeat-x; } /* url("images/hg_verlauf.jpg") repeat-y */
#strip-left {width:542px; float:left; padding:0px;}
#strip-right {float:right; background:#B07000;}

#umenue {clear:both; width:1024px; height:10px; margin:0 0 0 5px; } 

/* Daten - Zeile  border-left:1px #A1D169 dashed; */
#content {clear:both; width:777px; min-height:400px; float:left; margin:0px 0px 20px 5px;}
#sidebar {width:247px; float:right; margin:14px 0px 20px 0px;}

/* Fuss-Zeile */
#footer {clear:both; width:1024px; height: 33px; margin:0px 0px 0px 0px; padding:10px 0px 0px 15px; 
        font:80% "verdana",sans-serif; background:url("images/hg_1024_unten.png") no-repeat;}

.footer {width:1000px; padding:3px 0px 0px 0px; border-top: 1px #008C59 solid; }

/* ======================================================================================= */
/* Logo */

/* #logo-text{ float:left; color:#ffffff; font: bold 250% "Arial"; padding:30px 0 0 12px;} */
#logo1 {float:left; width:670px; height:95px; margin:0px 0px 0px 0px; 
       background:url("images/banner09.jpg") no-repeat; }

/* #adresse {float:left; width:200px; height:100px; text-align:center; margin:0px 0px 0px 0px;} */
#adresse {text-align:left; margin:3px 20px 0px 10px;}

#logo2 {float:right; width:310px; height:99px; margin:0px 10px 0px 0px; 
       background:url("images/logo02.png") no-repeat; }
/* background:#ffffff url("images/logo03.png") 5px 5px no-repeat; */

/* ======================================================================================= */
/* Text */

.t-left {text-align:left !important;}
.t-right {text-align:right !important;}
.t-center {text-align:center !important;}
.t-block {text-align:justify !important;}

h1, h2, h3, h4, h5 {border:0; padding:0; font-family:"arial";}

h1 {border-bottom:1px #008C59 solid; font:100%; margin:0 0 3px 0; padding:10px 0 5px 0px;}
h2 {border-bottom:1px #008C59 solid; font:90%; margin:0 0 3px 0; padding:10px 0 5px 0px;}
h3 {border-bottom:1px #008C59 solid; font:85%; margin:0 0 3px 0; padding:10px 0 5px 0px;}
h4 {}
h5 {}

.list_title {border-bottom:1px #008C59 solid; font-size:110%; font-weight:bold; margin:0 12px 0 0; 
            padding:10px 0px 1px 10px;}

.weiter {float:right; background-color:#ffffff; padding:0px; margin:2px;  }
.weiter a {color:#008C59;}
.weiter a:hover {color:#000000; text-decoration:underline; } /* text-decoration:underline; */

.zurueck {float:left; background-color:#ffffff; padding:0px; margin:2px; }
.zurueck a {color:#008C59;}
.zurueck a:hover {color:#000000; text-decoration:underline;} /* text-decoration:underline; */

.dialog {margin:5px 0 10px 15px; padding:0px; background-color:#FFFFFF; font-size:100%;}
.dialog .title {display:block; background:#cccccc; padding:3px 3px 3px 10px; font-weight:bold;}
.dialog a {text-decoration:underline;}
.dialog .rh_menue a {text-decoration:none;}
.dialog a:hover {color:#000000; background-color:#cccccc;}

.b14 {float:left; width:237px;}  /* 1/4  */
.b154 {float:left; width:363px;} /* 1,5/4  */
.b24 {float:left; width:489px;}  /* 2/4  */
.b12 {float:left; width:489px;}  /* 1/2  */
.b34 {float:left; width:741px;}  /* 3/4  */
.b44 {float:left; width:993px;}  /* 4/4  */
.b13 {float:left; width:321px;}  /* 1/3  */
.b23 {float:left; width:657px;}  /* 2/3  */
.b33 {float:left; width:993px;}  /* 3/3  */
.b11 {float:left; width:993px;}  /* 1/1  */

/* ======================================================================================= */
/* Links */
a {color:#000000;}
a:hover {color:#ff0000;}

/* ======================================================================================= */
/* Bilder */

img {border:none;}
img.f-left {float:left; margin:3px 10px 3px 0;}
img.f-right {float:right; margin:3px 0 3px 10px;}

/* Galerie1 4:3 Zeilen=1 Bilder=8 */
.gallery1 {position: relative; width:510px; height:450px; background-color:#cccccc;}
.gallery1 a {display: block;}

.gallery1 a img.tn {display: block; float: left; max-width: 50px; max-height:38px; margin: 4px; 
                    border: 1px solid #000000; text-decoration: none;}

.gallery1 a img.bild, .gallery1 a span {display: none;}

.gallery1 a:focus img.bild, .gallery1 a:active img.bild, .gallery1 img.bild1 {position: absolute; 
          display: block; left: 4px; top: 50px; max-width: 500px; max-height:380px;}

.gallery1 a:focus span, .gallery1 a:active span {position: absolute; display: block; left: 4px; top: 430px;}

/* Galerie2 4:3 Zeilen=2 Bilder=8*2 */
.gallery2 {position: relative; width:510px; height:500px; background-color:#cccccc;}
.gallery2 a {display: block;}

.gallery2 a img.tn {display: block; float: left; max-width: 50px; max-height:38px; margin: 4px; 
                    border: 1px solid #000000; text-decoration: none;}

.gallery2 a img.bild, .gallery2 a span {display: none;}

.gallery2 a:focus img.bild, .gallery2 a:active img.bild, .gallery2 img.bild1 {position: absolute; 
          display: block; left: 4px; top: 100px; max-width: 500px; max-height:380px;}

.gallery2 a:focus span, .gallery2 a:active span {position: absolute; display: block; left: 4px; top: 480px;}

/* ======================================================================================= */
/* Listen horizontal (Strip) */
/* float:left; */

/* H-Menue */
.hmenue0 {float:left; height:30px; margin:0px 3px 0px 3px; padding:0 ;}
.hmenue0 a {float:left; display: block; height:23px; margin:10px 0px 0 0px; padding:3px 10px 0px 10px; 
            color:#000000;}
.hmenue0 a:hover {background:#dddddd; color:#000000;}
.hmenue0.active a {float:left; height:25px; background:#ffffff; color:#000000; font-weight:bold; 
         border-right:2px solid #008C59; border-left:2px solid #008C59; border-top:2px solid #008C59;}

/* U-Menue */
.umenue0 {float:left; font:90% "arial"; margin:5px 12px 0px 12px; padding:0 ; }
.umenue0 a {  margin:0 0 0 5px; padding:0px; text-decoration:underline; color:#243f12;}
.umenue0 a:hover {font-weight:bold; color:#000000;}
.umenue0.active a {}
.umenue0.active a:hover {}

/* S-Menue 1. Stufe */
.smenue0 { margin:0px; margin:0 12px 0 0; padding:0; border-bottom:1px #A1D169 dashed; 
        background:url("images/liste2.gif")  no-repeat;}
.smenue0 a {display: block; padding:0 0 0 15px;}
.smenue0 a:hover {background-color:#cccccc; color:#000000;}
.smenue0.active a {color:#243F12; font-weight:bold; }
.smenue0.active a:hover {background-color:#cccccc;}

/* S-Menue 2. Stufe */
.smenue1 { margin:0px; margin:0 12px 0 0; padding:0;}
.smenue1 a {display: block; padding:0 0 0 30px;}
.smenue1 a:hover {background-color:#cccccc; color:#000000;}
.smenue1.active a {color:#243F12; font-weight:bold; }
.smenue1.active a:hover {background-color:#cccccc;}

/* Menue 1 */
.menue1 {float:left; height:30px; margin:0px 3px 0px 3px; padding:0 ;}
.menue1 a {float:left; display: block; height:23px; margin:10px 0px 0 0px; padding:3px 10px 0px 10px; 
          color:#000000;}
.menue1 a:hover {background:#dddddd; color:#000000;}
.menue1.aktive a {float:left; height:25px; background:#ffffff; color:#000000; font-weight:bold; 
        border-right:2px solid #008C59; border-left:2px solid #008C59; border-top:2px solid #008C59;}


/* Menue 1 */
ul.menue1 { margin:0px 12px 0px 12px; padding:0 ; list-style: none;}
ul.menue1 li { float:left; height:30px;}

ul.menue1 li a {display: block; height:23px; margin:10px 0px 0 0px; padding:3px 10px 0px 10px; color:#000000;}
/*
ul.menue1 li a {display: block; height:23px; margin:10px 0px 0 0px; padding:3px 10px 0px 10px; color:#ffffff; background:#00B159 ;border-right:1px solid #008C59; border-top:2px solid #008C59;border-left:1px solid #008C59;} */
ul.menue1 li a:hover {background:#dddddd; color:#000000;}
ul.menue1 li.active a {height:25px; background:#ffffff; color:#000000; font-weight:bold; 
          border-right:2px solid #008C59; border-left:2px solid #008C59; border-top:2px solid #008C59;} 
ul.menue1 li.active a:hover {}

/* Menue 2 - Unterseiten /*/
ul.menue2 {font:90% "arial"; margin:5px 12px 0px 12px; padding:0 ; list-style: none;}
ul.menue2 li { float:left; margin:0 0 0 5px; padding:0; }
ul.menue2 li a {text-decoration:underline; padding:0px; color:#243f12;}
ul.menue2 li a:hover {font-weight:bold; color:#000000;}
ul.menue2 li.active a {}
ul.menue2 li.active a:hover {}

/* ======================================================================================= */
/* Listen  Vertical*/
/* {list-style: none; list-style-image: url(images/homepage.gif);  
            background:url("images/liste.gif") } */

/* Liste 1 */
ul.list1 {width:235px; margin:0px; padding:0; list-style: none;}
ul.list1 li {margin:0; padding:1px 0 1px 0; border-bottom:1px #A1D169 dashed;} 
ul.list1 li a {display: block; padding:0 0 0 10px;}
ul.list1 li a:hover {background-color:#cccccc; color:#000000;}
ul.list1 li.active a {color:#243F12; font-weight:bold; }
ul.list1 li.active a:hover {background-color:#cccccc;}

/* ======================================================================================= */
/* Inhalte */

/* Inhalt 1 */
.box1 {clear:both; float:left; width:235px; margin:10px 0 0 12px; padding:0; background-color:#FFFFFF;}
.box1 a {text-decoration:underline;}
.box1 a:hover {color:#000000; background-color:#cccccc;}

.box2 {float:left; width:235px; margin:10px 0px 0 12px; padding:0; background-color:#FFFFFF;}
.box2 a {text-decoration:underline;}
.box2 a:hover {color:#000000; background-color:#cccccc;}

.box3 {float:left; width:235px; margin:10px 0px 0 12px; background-color:#FFFFFF;}
.box3 a {text-decoration:underline;}
.box3 a:hover {color:#000000; background-color:#cccccc;}

.box4 {float:right; width:235px; margin:10px 12px 0 0px; background-color:#FFFFFF;}
.box4 a {text-decoration:underline;}
.box4 a:hover {color:#000000; background-color:#cccccc;}

.box41 {float:right; width:235px; margin:-4px 12px 0 0px; background-color:#FFFFFF;}
.box41 a {text-decoration:underline;}
.box41 a:hover {color:#000000; background-color:#cccccc;}

.box5 {clear:both; float:left; width:363px; margin:10px 0 0 12px; background-color:#FFFFFF;}
.box5 a {text-decoration:underline;}
.box5 a:hover {color:#000000; background-color:#cccccc;}

.box6 {float:left; width:363px; margin:10px 0 0 12px; background-color:#FFFFFF;}
.box6 a {text-decoration:underline;}
.box6 a:hover {color:#000000; background-color:#cccccc;}

.box7 {clear:both; float:left; width:745px; margin:10px 0 0 12px; background-color:#FFFFFF;}
.box7 a {text-decoration:underline;}
.box7 a:hover {color:#000000; background-color:#cccccc;}

.box8 {clear:both; float:left; width:490px; margin:10px 0 0 12px; background-color:#FFFFFF;}
.box8 a {text-decoration:underline;}
.box8 a:hover {color:#000000; background-color:#cccccc;}

.box9 {float:right; width:490px; margin:10px 12px 0 0px; background-color:#FFFFFF;}
.box9 a {text-decoration:underline;}
.box9 a:hover {color:#000000; background-color:#cccccc;}

.box10 {clear:both; width:1000px; margin:10px 0 0 12px; background-color:#FFFFFF;}
.box10 a {text-decoration:underline;}
.box10 a:hover {color:#000000; background-color:#cccccc;}

.info { font:90% "arial"; color:#A1D169; text-align:right; margin:0 10px 0 10px; padding:0 ;}
.info .date {padding: 0 5px 0 5px;}
.info .group {padding: 0 5px 0 5px;}
.info .user {padding: 0 5px 0 5px;}

/* ======================================================================================= */
/* Tabellen */

/* Tabelle 1 */
.t1 {margin:10px 0 0 0; width:99%; border-collapse: collapse;}
.t1 .head {font-weight:bold;}
.t1 .head:hover {}
.t1 .footer {background-color:#00B159; color:#ffffff; }
.t1 .active {background-color:#ffffff; font-weight:bold;}
.t1 .r1 {background-color:#FFFFFF;}
.t1 .r1:hover {background-color:#cccccc;}
.t1 .r2 {background-color:#FFFFFF;}
.t1 .r2:hover {background-color:#cccccc;}
.t1 .head td {padding:4px 10px 3px 4px; border-bottom:2px solid #008C59;}
.t1 .head td a {}
.t1 .head td a:hover {text-decoration:underline; color:blue;}
.t1 td {padding:3px 10px 3px 3px;border-bottom:1px #00B159 dotted;}
.t1 td a {}
.t1 td a:hover {text-decoration:underline; color:green;}

/* ======================================================================================= */
/* Formular */

.formular {background:#ffffff;}
.formfeld {border:solid 1px #000000; padding:3px;}
.formfeld:hover {background:#cccccc;}
.button {border:solid 1px #000000;}
.button:hover {background:#aaaaaa;}

/* ======================================================================================= */