/* ===========================================CSS von kartuli.net
Das ist das css für die startseite, impressum, ressourcen*/


/* -- Main layout styles -- */
/* -- das ist der dunkelgraue Hintergrund --*/
body {
  margin: 1em 1em 1em 1em;
  padding: 0;
  font-family: verdana, sans-serif;
  font-size: 1em;
  background-color: #333;
  color: #FFF;
}

#siteBox {
  float: left;
  width: 100%; /*war 100%;*/
/* --das ist die weisse schrift im Textfeld*/  
  color: #fff;
}

h1 {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 0.8em;
  text-transform: lowercase;
  /*color: #FC0;*/
  color: #fc0;
  border-bottom: 1px solid #AAA;    
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 1em 1.2em 1em 1.2em;
  line-height: 1.8em;
}

h2 {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 0.8em;
  text-transform: lowercase;
  color: #FC0;
  padding-bottom: 2px;
  padding-top: 5px;
  margin: 1em 1.2em 0 1.2em;
  border: 0;
  line-height: 1.8em;
} 

h5 {
  color: #FFF;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0.5em 1.2em 0;
}

p#ditto_link {
  text-align: right;
}

table {
  border-collapse: collapse;
  border: 1px solid #FC0;
  color: #333333;
  background: #777;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.8em;
}
  /*CSS-Hack für IE6:*/
  * html table { font-size: 100%; }
  /*CSS-Hack für IE7:*/
  html* table { font-size: 100%; }
  
caption {
  padding: 0 .4em .4em;
  text-align: center;
  /*font-size: 1em;*/
  text-transform: lowercase;
  color: #FC0;
  background: transparent;
  }
td, th {
  color: #FFF;
  border: 1px solid #FC0;
  padding: .7em;
  }
thead th, tfoot th {
  border: 1px solid #FC0;
  text-align: left;
  color: #FC0;
  background: #777;
  padding: .7em;
  font-weight:lighter;
  }
tbody td a {
  background: transparent;
  color: #FFF;
  text-decoration: none;
  }
tbody td a:hover {
  background: transparent;
  color: #636363;
  }
tbody th a {
  background: transparent;
  color: #333333;
  text-decoration: none;
 }
tbody th a:hover {
  background: transparent;
  color: #333333;
  }
tbody th {
  vertical-align: top;
  text-align: left;
  font-weight:lighter;
  }
tbody td {
  vertical-align: top;
  text-align: center;
  }
tfoot td {
  border: 1px solid #C5BA85;
  background: #C5BA85;
  }
.odd {
  background: #666;
  }
tbody tr:hover {
  color: #333444;
  background: #444;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #333;
  }

/* -- Header layout/display styles -- */

#header {
  float: left;
  width: 100%;
  height: 4em;
/*das ist die Hintergrund am rechten oberen Rand*/  
  background: #ad94a6 url(images/hdr.png) no-repeat bottom left;
  -moz-border-radius-topleft:20px;
}

#header a {
  float: right;
  width: 10em;
  padding: 5px 10px 5px 10px;
  font-size: 0.6em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  background-color: #666;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  }

#header a:hover, #header a.active {
  padding-top: 10px;
  background-color: #333;
}

#header .desc.first {
  /*background-image: url(images/corner_tr.gif);*/
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0;
}

a .desc {
  display: none;
  text-transform: lowercase;
  color: #FC0;
}

a:hover .desc {
  display: block;
}

#header .desc.active {
  display: block;
}

/* -- Header title and subTitle layout/display styles -- */

.title {
  float: left;
  padding: 1em 30px 0 2em;
  font-size: 1.4em;
  font-weight: bold;
  /* --text-transform: uppercase; --*/
  text-align: right;
  line-height: 0.75em;
  /* letter-spacing: -0.15em; */
  color: #FC0;
}

.subTitle {
  display: block;
  font-size: 0.4em;
  text-transform: lowercase;
  line-height: 1em;  
  letter-spacing: 0.01em;
}

/* -- Content layout/display styles -- */

#content {
  float: left;
  width: 100%;
  padding: 1em 0 1em 0;
  background-color: #666;
}

#contentLeft {
  float: right;
  width: 23.3%;
  margin-bottom: 1em;
  background: #777;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-bottomleft:15px;
  /*display: block;*/   
  border: 0;
  /*list-style-image: url(images/li_menu6.png);*/
}

#contentRight {
  float: left;
  width: 75%;
  background: #777;
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
}

#content p {  
  margin: 0.5em 1.2em 0 1.2em;
  font-size: 0.8em;
  line-height: 1.8em;
}

#content a {  /*das sind die links in der content-box, Textfarbe orange*/
  text-decoration: none;
  /*color: #FC0;*/
}

a {
color:#FC0;
}

#content a:hover, #content a:active {
  color: #DDD;
  background-color: #888;
  border-bottom: 1px solid #EEEEEE;
}

#center {
  margin: 20px;
}

 
/* -- <ul> tag styles  im Fliesstext rechte Seite-- */
#contentRight ul {
  font-size: 0.8em;
  /*padding-top: 2px;*/
  list-style-image: url(images/li_bullet.gif);
  margin: 0;
}

*+html div#contentRight ul {/* für den IE7 */
   font-size: 0.8em;
   list-style-image: url(images/li_bullet.gif);
   margin: 0 10px 0 30px;
   line-height: 1.8em; 
}

/* -- <ol> tag styles  im Fliesstext rechte Seite-- */
#contentRight ol {
  font-size: 0.8em;
  /*padding-top: 2px;*/
  margin: 0;
}

*+html div#contentRight ol {/* für den IE7 */
   font-size: 0.8em;
   margin: 0 10px 0 30px;
   line-height: 1.8em; 
}

#contentRight li {
  margin-left: 10px;
  margin-right: 10px;/*neu hinzugefügt*/
  /*padding-top: 5px; neu hinzugefügt*/
  line-height: 1.8em;
}

.h1, .h2 {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 1em;
  text-transform: lowercase;
  /*color: #FC0;*/
  color: #FC0;
  border-bottom: 1px solid #AAA;    
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 1.0em 1.2em 1.0em 0em;
}

.h2 {
  border: 0px;
  padding-bottom: 2px;
}

.liste {
  list-style-type: circle;
  list-style-image: none;
}

.dezimal {
  list-style-type: decimal;
  list-style-image: none;
}
 
#content p.text {
  margin: 0px 10px 0px 50px;
  /*padding-bottom: 3px;*/
}

#h1 {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 1em;
  text-transform: lowercase;
  /*color: #FC0;*/
  color: #FC0;
  border-bottom: 1px solid #AAA;    
}  
  
/* -- Footer layout/display styles -- */

#footer {
  float: left;
  width: 100%;
  height: 3em;
  margin-bottom: 1em !important;
  margin-bottom: 0;
  font-size: 0.6em;
  text-transform: lowercase;
  line-height: 2.6em;
/*farbe der fusszeile ursprünglich #0AD;*/
  color: #FFF;
  background: #ad94a6 url(images/hdr.png) repeat-y top left;
  -moz-border-radius-bottomright:15px;
  -moz-border-radius-bottomleft:15px;
}

#footerLeft {
  float: left;
  width: 60%;
  height: 3em;
  text-align: left;
}

#footerRight {
  float: right;
  width: 35%;
  height: 3em;
  text-align: right;
}

#footer a {
  color: #0AD;
}

#footer a:hover {
  color: #666666;
}


/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.white {
  color: #FFF;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}

.orange {
   color: #FC0;
   border-bottom: 1px dotted #AAA;
   /*padding-top: 3px;*/
   padding-bottom: 5px;
}
.orangelek {
   color: #FC0;
}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}

.left, #left {text-align:left;}

/*==================================================ajaxsuche*/


.ajaxSearch_highlight1 {
   color: #FF9900;
}
 .ajaxSearch_resultDescription {
   font-size: 0.8em;
    }
	

/*Tabelle im Alphabet*/
table.text {
  /*table-rules: rows;*/
  border-style:solid;
  border-color: #FC0;
  background-color: #777777;
  text-align: center;
  /*width: 80%;*/
  font-size: 0.8em;
}

tr.orange {
  border-spacing: 10px 50px;
  border: 3pt;
}

#tbanbani {
 text-align: left; 
 margin: 10px 20px 10px 20px; 
}	
	
/* Menü
 --------------HAUPTNAVIGATION----------------- */
#menu {
/*width: 235px;*/
margin: 1em 1.2em 1em 1.2em;
font-size: 0.8em;
}

#menu ul{
margin: 0;
padding: 0;
text-indent: 5px;
}

#menu li{
list-style-type:none;
/*text-indent: 5px;*/
}

#menu li a{
/*font: bold 12px Trebuchet, Arial, Helvetica, sans-serif;*/
color: #FFFFFF;
text-decoration: none;
display: block;
width: auto;
padding: 8px 0px 8px 0px;
/*background-image: url(images/);*/
border-bottom: 1px solid #AAA;
}

#menu a:hover, #menu ul li a:hover {
background-color: #54404A;
padding: 8px 0px 8px 0px;
}

#menu a:visited{
/*background-image: url(...images/bg_lk_navbox_grey.gif);*/
padding: 8px 0px 8px 0px;
}

.aktDok a{
background-color: #B72F73; /*aktives dokument*/
}

#menu ul li.active a{
background-color: #785265; /*#234567;*/
color: #FFFFFF;
text-decoration: none;
display: block;
width: auto;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #AAA;
}

/*#menu ul li.active ul li a{
 background-color: #234567; /*#785265; /*#234567;*/

/*1. menüebene*/
/*1. menüebene aktiv*/

/* ---------------Menü 2. ebene--------------- */
#menu ul ul{
width:auto;
list-style-type:none;
text-indent: 15px;
}
/*
#menu ul ul li{
display:block;
width:auto;
}
*/
#menu ul ul li a{
color: #FFFFFF;
text-decoration: none;
/*background-image: url(...images/bg_lk_navbox_red.gif);*/
display: block;
width: auto;
padding:8px 0px 8px 0px;
border-bottom: 1px solid #AAA;
}

#menu ul ul li a:visited{
/*background-image: url(...images/bg_lk_navbox_red.gif);*/
}

#menu ul ul li a:hover, #menu ul li.active a:hover, #menu ul li li a:hover{
background-color: #54404A;
}

#menu ul ul li.active a{
color:#FFFFFF;
text-decoration: none;
display: block;
width: auto;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #AAA;
background-color: #A17A8D;
}

/* -------------SUBNAVIGATION 3rd LEVEL-------------- */
#menu ul ul ul{
width:auto;
list-style-type:none;
text-indent: 25px;
}

#menu ul ul ul li a{
/*text-indent:25px;*/
display:block;
width:auto;
}

#menu ul ul ul li a:visited{
padding: 8px 1px 8px 0px;
/*background-image: url(..images/bg_lk_navbox_red.gif);*/
/*text-indent: 25px;*/
}

#menu ul ul ul li a:active {
padding: 8px 1px 8px 0px;
/*background-image: url(...images/bg_lk_navbox_red_3rd.gif);*/
background-color: #B72F73; /*menü 2. ebene aktiv*/
/*text-indent: 25px;*/
}

#menu ul ul ul li a:hover{
background-color: #54404A;
}

/*aktives element 3. menüebene*/
#menu ul ul ul li.active a {
/*background-image: url(...images/bg_lk_navbox_red_3rd.gif);*/
background-color: #B72F73;
color:#FFFFFF;
text-decoration: none;
/*text-indent: 60px;*/
display: block;
width: auto;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #AAA;
}

/*Jot_Formatierung*/
#kommentar .jot-form label, .jot-user {
    font-size: small;
}

#kommentar .jot-form input, .jot-form textarea {
      background-color: #dedada;
}

#kommentar .jot-row-alt, #kommentar .jot-row, #kommentar .jot-row-up {
    background-color: #666;
}

#kommentar .jot-row-author {
    background-color: #333;
}

#kommentar .jot-subject {
    font-size: 1em;
    font-weight: bold;
	color: #fc0;
}

a[href$=".pdf"] {background: url('images/icon-pdf.gif') no-repeat left center; padding-left: 18px;} /*formatiert alle pdfs */
a[href$=".doc"] {background: url('images/icon-doc.gif') no-repeat left center; padding-left: 18px;} /*formatiert alle docs */
a[href$=".xls"] {background: url('images/icon-xls.gif') no-repeat left center; padding-left: 18px;} /*formatiert alle xls */
a[href$=".ppt"] {background: url('images/icon-ppt.gif') no-repeat left center; padding-left: 18px;} /*formatiert alle xls */
a[href$=".odt"] {background: url('images/odt-icon.png') no-repeat left center; padding-left: 18px;} /*formatiert alle odt */
/*a[href$=".jpg"] {background: url('../img/icon-jpg.gif') no-repeat left center; padding-left: 18px;} /*formatiert alle jpg vershandelt logo;-) */
a[href$=".ods"] {background: url('../img/icon-ods.png') no-repeat left center; padding-left: 18px;} /*formatiert alle png */