/**
 * Legt das allgemeine Layout für aller Seiten fest.
 */ 

body, html {
  padding:0;
  margin:0;
  border:0; }
  
html {
  background:rgb(182,186,240); /* helles Blau mit 1/2 Sättigung */
  /* background:rgb(211,213,240); */  /* helles Blau mit 1/4 Sättigung */
  /* background:#ddd; */
  overflow-y:scroll; }
  

/* Allgemeine Layout-Elemente */
input {
  border-width:1px;
  border-style:solid; }


/* Layout-Container und Boxen */

#page-wrapper {
  width:950px;
  margin:auto;
  background:url(../img/bg_main.jpg) repeat-y #fff; }

#head-spacer {
  /* height:20px; */
  height:0px;
  background:url(../img/stripe_dark.jpg) repeat-y left #fff; }

div#language-selector {
  background-image:none;
  background:url(../img/stripe_dark.jpg) repeat-y left #fff;
  text-align:right;
  padding:10px 20px 1px 0px;
  font-size:12px; }
  
  #language-selector ul { }
  
  #language-selector ul li {
    display:inline;
    list-style:none;
    clear:none;
    padding-left:5px; }
  
  #language-selector .lang_active {
    font-weight:bold; }
  
  #language-selector .lang_online {
    text-decoration:underline; }
    
  #language-selector .lang_offline {
    color:#bbb; }


#header {
  height:150px;
  background-repeat:no-repeat;
  border-width:0px 1px 1px 0px;
  border-color:rgb(17,25,135);
  border-style:solid; }

#header img {
  margin:15px;
  border:0px; }

#sub-header {
  height:20px;
  padding-left:20px;
  height:30px;
  line-height:30px;
  overflow:hidden;
  background:url(../img/stripe_dark.jpg) repeat-y left #fff;
  border-bottom:1px solid rgb(17,25,135); }

div#left-bar {
  width:180px;
  /* background:url(../img/stripe_dark.jpg) repeat-y left #ccc;*/
  float:left;
  margin:10px 0px; }
  
/* Infobox in der linken Spalte */
div#left-bar .infobox {
  background:url(../img/stripe_grey.jpg) repeat-y left #ddd;
  border-color:#777;
  border-width:0px 1px 1px 0px;
  border-style:solid;
  margin-top:15px; }
  
  div#left-bar .infobox h1 {
    margin-left:10px; }

  div#left-bar .infobox-wrapper {
    color:#000;
    text-align:left;
    margin-left:10px; }  
  

div#content {
  float:left;
  width:500px;
  margin:10px 0px 10px 30px; }
  
  #content .news {
    margin:20px 0px 10px 0px;
    border-right:1px solid #777;
    border-bottom:1px solid #777;
    background:#ddd; }
    
  #content .partner {
    margin:10px;
    margin-top:20px;
    border-right:1px solid rgb(17,25,135);
    border-bottom:1px solid rgb(17,25,135); }
    
  #content img {
    /* Hier kann die Breite/Höhe der Bilder festgelegt werden */ }

#right-bar {
  width:200px;
  float:right;
  margin:10px;
  margin-top:30px; }

#footer {
  clear:both;
  background:url(../img/stripe_light.jpg) repeat-y left #aaa;
  border-width:0px 1px 1px 0px;
  border-color:rgb(17,25,135);
  border-style:solid; }

#foot-spacer {
  height:20px;
  background:url(../img/stripe_dark.jpg) repeat-y left #fff; }


/* Haupt-Navigation */

ul.rex-navi1 {
  overflow:hidden;
  list-style-type:none;
  border-width:0px 1px 0px 0px;
  border-style:invisible;
  padding-left:0px; }

  ul.rex-navi1 a { /* alle Menüpunkte */
    display:block;
    padding:3px 3px 3px 20px;
    margin:0px;
    background:url(../img/stripe_light.jpg) repeat-y left rgb(125,133,239);
    text-decoration:none;
    font:13px verdana, arial, sans-serif;
    font-weight:bold;
    color:#fff;
    border-width:0px 1px 1px 0px;
    border-color:rgb(74,85,232);
    border-style:solid; }
  
    ul.rex-navi1 a:hover {
      background:rgb(74,85,232); }
      
  ul.rex-navi1 a.rex-current {
    background:url(../img/stripe_light.jpg) repeat-y left rgb(74,85,232); }
    
  ul.rex-navi1 a.rex-active {
    background:url(../img/stripe_light.jpg) repeat-y left rgb(74,85,232); }
      


  ul.rex-navi1 ul {
    margin:0px;
    padding:0px; }

    ul.rex-navi1 ul li {
      list-style-type:none; }

      ul.rex-navi1 ul a { /* Untermenüpunkte */
        list-style-type:none;
        background-image:none;
        background-image:url(../img/stripe_grey.jpg);
        background-color:#aaa;
        border-color:#777;
        color:#fff;
        font-size:11px;
        padding:3px 0px 3px 30px;
        margin:0px 0px 0px 0px; }
      
        ul.rex-navi1  ul a:hover {
          background-color:#777; }
          
      ul.rex-navi1 ul a.rex-current {
        background-image:none;
        background-color:rgb(119,119,119); }
        
      ul.rex-navi1 ul a.rex-active {
        background-image:none; }


/* Brotkrumen-Navigation */
ul.rex-breadcrumb {
  display:inline;
  padding:0px; }
  
ul.rex-breadcrumb li {
  display:inline;
  padding-left:20px;
  background:url(../img/breadcrumb.gif) no-repeat 6px center; }
  
/* Suchbox */
form#searchform {
  float:right;
  padding:0px 5px 0px 5px;
  overflow:visible;
}

  form#searchform input#searchinput {
    border:1px solid #777;
    width:210px;
  }

  form#searchform input.standard {
    color:#000;
    font-style:normal;
  }
  
  form#searchform input.labeled {
    color:#777;
    font-style:oblique;
  }