/* CSS Document - www.gia-online.de */

/***************************/
/* Generale Angaben:       */
/***************************/

* {
margin: 0 auto;
padding: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
line-height: 150%;
background: url(../images/bg_header.gif) #FFFFFF repeat-x;
}

.clear {
clear: both;
}

/* Textformatierung */

h1 {
font-size: 18px;
color: #009E0F;
padding-left: 5px;
}

h2 {
font-size: 14px;
color: #009E0F;
background-color: #F1F1F1;
line-height: 25px;
padding: 5px 5px 0px 5px;
margin-bottom: 5px;
}

h3 {
font-size: 13px;
color: #009E0F;
}

/* Bildformatierung */

.img_right {
border: 1px solid #333333;
display: inline;
margin: 3px 0px 3px 10px;
padding: 0px;
text-align: left;
float: right;
}

.img_right_ical {
position: inherit;
display: inline-block;
margin: 0 auto;
padding: 3px 0px 3px 10px;
text-align: left;
float: right;
}

.img_left {
border: 1px solid #333333;
display: inline;
margin: 3px 10px 3px 0px;
padding: 0px;
text-align: left;
float: left;
}

/* Linie */

hr {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
background-color: #CECECE; /* Mozilla 1.4 */
color: #CECECE; /* IE 6 */
border: #CECECE; /* Opera 7.11 */
height: 1px; /* im Opera f?r die Anzeige, im Mozilla f?r einheitliche H?he n?tig */
}

/* Linkformatierung */

a {
color: #616161;
text-decoration: underline;
}

a:visited {
color: #616161;
}

a:hover, active {
color: #009E0F;
text-decoration: none;
}


/*******************************************************/
/* Boxen- und Bereichs-Angaben wie Navigation, etc.:   */
/*******************************************************/

/* Header-Box */

#header {
width: 950px;
height: 98px;
text-align: left;
overflow: hidden;
background: url(../images/logo_jardin_suisse.gif) left no-repeat;
}

/* Nav-Boxen im Header */

#header_nav_left {
float: left;
text-align: left;
margin: 0px;
padding-left: 320px;
}

#header_nav_right {
float: right;
text-align: left;
margin: 0px;
}

#header li { 
display: block;
float: left;
height: 27px;
padding: 0px 7px 0px 3px;
border-left: 1px solid #616161;
}

#header li a { 
text-decoration: none; 
color: #616161;
}

#header li a:hover { 
text-decoration: underline; 
color: #616161;
}

a.login { 
text-decoration: none; 
color: #616161;
background: url(../images/icon_login.gif) left no-repeat;
padding-left: 20px;
}

/* Navigation-Box */

#menu {
width: 950px;
height: 24px;
text-align: left;
list-style-type: none;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#menu li { 
display: block;
float: left;
border-right: 1px solid #FFFFFF;
}

#menu li a {  
display: block;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
padding: 2px 8px 0px 8px;
line-height: 22px;
}

#menu li a:hover {  
display: block;
color: #616161; 
background-color: #F1F1F1; 
}

/* Subnavigation */

#submenu {
width: 194px;
padding: 0px; 
margin: 0px;
}

#submenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 194px;
}

#submenu li {
background-color: #D8D8D8;
border-bottom: #F1F1F1 2px solid;
}

#submenu a.ebene1 {
display: block; 
padding: 1px 0px 1px 5px;
color: #616161;
text-decoration: none;
border-left: #2D9933 5px solid;
}

#submenu a.ebene1:hover {
color: #2D9933;
}

#submenu a.ebene1_activ {
display: block; 
padding: 1px 0px 1px 5px;
color: #2D9933;
text-decoration: none;
border-left: #009E0F 5px solid;
}

#submenu ul ul li a.ebene2 {
display: block; 
padding: 1px 0px 1px 20px;
color: #616161;
text-decoration: none;
background-color: #F1F1F1;
width: 174px;
}

#submenu ul ul li a.ebene2:hover {
color: #2D9933;
}

#submenu ul ul li a.ebene2_active {
display: block; 
padding: 1px 0px 1px 20px;
color: #2D9933;
text-decoration: none;
background: #F1F1F1 url(../images/arrow_green.gif) 10px no-repeat;
width: 174px;
}

#submenu ul ul li a.ebene2_login, hover {
display: block; 
padding: 1px 0px 1px 4px;
margin-left: 17px;
color: #2D9933;
text-decoration: none;
background-color: #D5EBD6;
width: 173px;
}

#submenu ul ul li a.ebene2_login_active {
display: block;  
padding: 1px 0px 1px 4px;
margin-left: 17px;
color: #2D9933;
text-decoration: none;
background: #F5FAF5;
width: 173px;
}

/* Suche-Box */

#suche {
float: right;
text-align: left;
padding-top: 2px;
padding-right: 5px;
margin: 0px;
}


form input.suchfeld {
color: #616161;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
width: 120px;
}

form input.suchbutton {
font-size: 11px;
color: #616161;
background-color: #E4E4E4;
border: 1px solid #D8D8D8;
width: 60px;
height: 18px;
}

form input.suchbutton { /* for IE only */
cursor:pointer;
}

form input.suchbutton:hover {
color: #616161;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
cursor:pointer;
}

/* Headermotiv-Box */

#header_motiv {
width: 950px;
border: 1px solid #FFFFFF;
}

/* Content-Boxen */

#content {
width: 952px;
}

#all {
float: left;
background: #FFFFFF url(../images/bg.gif) repeat-y;
}

/* Rootline */

.rootline {
padding: 0px 0px 20px 0px;
}


/* Box links - Navigation */

#box_left {
width: 194px;
float: left;
text-align: left;
margin: 0px;
padding: 0px;
border-left: 1px solid #FFFFFF;
}

/* Box in der Mitte */

#box_main {
width: 530px;
background-color: #FFFFFF;
float: left;
text-align: left;
margin: 0px;
padding: 0px 15px 25px 15px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#box_main p, h3 {
padding: 5px 0px 5px 5px;
}

#box_main blockquote {
padding: 0px 0px 0px 20px;
}

#box_main ul li {
margin-left: 15px;
margin-top: 3px;
padding-left: 15px;
padding-right: 10px;
list-style-type: none;
background: url(../images/bullet_green.gif) no-repeat 0px 6px;
}

#box_main ul ul li {
margin-left: 35px;
margin-top: 3px;
padding-left: 15px;
padding-right: 10px;
list-style-type: none;
background: url(../images/bullet2_green.gif) no-repeat 0px 6px;
}

#box_main ol li {
margin-left: 30px;
margin-top: 3px;
}

/* Box rechts - Meldungen, Banner, etc.  */

#box_right {
width: 194px;
float: left;
text-align: left;
margin: 0px;
padding: 0px;
border-right: 1px solid #FFFFFF;
}

#box_right p {
padding: 5px 0px 5px 0px;
}

#box_right ul li {
margin: 0px;
padding: 0px 0px 0px 8px;
list-style-type: none;
background: url(../images/bullet_green.gif) no-repeat 0px 6px;
}

/* Box f?r den Fuss  */

#box_footer {
background: url(../images/bg_footer.gif) top no-repeat;
width: 950px;
height: 35px;
text-align: left;
padding-top: 8px;
}

#copyright {
font-size: 10px;
float: left;
text-align: left;
margin: 0px;
padding-left: 198px;
padding-right: 268px;
}

#print {
font-size: 10px;
float: left;
text-align: left;
margin: 0px;
padding-left: 13px;
background: url(../images/icon_print.gif) left no-repeat;
}

/* Link zum Drucken */

a.print {
font-weight: normal;
color: #616161;
text-decoration: none;
}

a.print:visited {
color: #616161;
}

a.print:hover, active {
color: #616161;
text-decoration: underline;
}

/* Aktuelle-Meldungen */

#headline {
font-size: 13px;
font-weight: bold;
color: #616161;
width: 170px;
margin: 0px;
padding: 1px 0px 1px 24px;
background: #D8D8D8 url(../images/icon_i.gif) left no-repeat;
}

.news {
width: 182px;
margin: 0px;
padding: 5px;
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
background-color: #F8F8F8;
}

.news_headline {
font-weight: bold;
color: #009E0F;
}

.news a {
font-weight: normal;
color: #009E0F;
text-decoration: underline;
}

.news a:visited {
color: #009E0F;
}

.news a:hover, active {
color: #616161;
text-decoration: none;
}

/* Spalte links und rechts z.B. bei Bezugsquellen */

.links {
float: left;
text-align: left;
width: 200px;
margin: 0px;
padding: 0px;
}

.rechts {
float: left;
text-align: left;
width: 300px;
margin: 0px;
padding: 0px;
}

/* Formulare: Bezugsquellen, etc. */
label.formular {
font-weight: bold;
float: left;
vertical-align: top;
width: 120px;
margin: 0px;
padding: 0px;
}

form input.suchfeld_bezug, form select.suchfeld_bezug {
color: #616161;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
width: 200px;
}

/*******************************************/
/* Spezielle Formatierung f?r Extensions   */
/*******************************************/

/* Suchergebnisse */

ul.browsebox li a {
padding: 0px 3px 0px 3px;
border: 1px solid #2D9933;
background-color: #F1F1F1;
text-decoration: none;
}


#box_main .browsebox ul li {
list-style-type: none;
list-style: none;
list-style-image: none;
background: url(../images/icon_pdf_klein.gif);
}

.tx-indexedsearch .browsebox  LI { display:inline; margin-right:0px; list-style: none; list-style-type: none; list-style-image:none }
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
  .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
  .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
  .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
  .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #009E0F; }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
  .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
  .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }
 
  /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
  .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
  .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
  .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
  .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
  .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
  .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

/* Sitemap */

.tx-dropdownsitemap-pi1 A {
font-weight: bold;
list-style-type: none;
}

.tx-dropdownsitemap-pi1 LI.open OL {
display: block;
list-style-type: none;
}

.tx-dropdownsitemap-pi1 LI.closed OL {
display: none;
list-style-type: none;
}

.tx-dropdownsitemap-pi1 LI.open UL {
display: block;
list-style-type: none;
}

.tx-dropdownsitemap-pi1 LI.closed UL {
display: none;
list-style-type: none;
}

.tx-dropdownsitemap-pi1 DIV {
border: solid 1px #DFE2E3;
background: #FAFBFB;
padding: 2px;
margin-bottom: 5px;
}

.tx-dropdownsitemap-pi1 DIV.level_2 {
background: #FFFFFF;
}

.tx-dropdownsitemap-pi1 DIV.level_2 A {
font-weight: normal;
}

.tx-dropdownsitemap-pi1 DIV.level_3 {
background: #FAFBFB;
}

.tx-dropdownsitemap-pi1 DIV.level_4 {
background: #FFFFFF;
}

.tx-dropdownsitemap-pi1 DIV.level_5 {
background: #FAFBFB;
}

.tx-dropdownsitemap-pi1 DIV.expAll {
text-align: center;
border: solid 1px #DFE2E3;
background: #FAFBFB;
} 

/* FCE-Styles*/
.fce2spalten {
    width:520px;
}
.fce2spalten .right {
    padding:3px;
    width:245px;
    float:right;
}
.fce2spalten .left {
    padding:3px;
    width:245px;
    float:left;
}
.fce2spalten .clearer {
    clear:both;
}
.fce3spalten {
    position:relative;
    width:520px;
    margin:0px;
    padding:0px;
}
.fce3spalten .left {
    top:0px;
    left:0px;
    position:relative;
    float:left;
    width:150px;
}
.fce3spalten .middle {
    top:0px;
    position:relative;
    float:left;
    width:150px;
    left:30px;
}
.fce3spalten .right {
    top:0px;
    position:relative;
    width:150px;
    float:right;
    right:10px;
}
.clearer {
    clear:both;
}
/* FCE-Styles END*/
