/* CSS Document */

/* ### alle Abst�nde zur�ksetzen ### */
* { 
margin:0;
padding: 0;
}


html {
height: 100%;
}

body {
min-height: 101%;
position: relative;
background-color: #fff;
}

/* ### Container f�r die gesamte Seite: Zuweisung Gesamtbreite ### */
#page_margins {
width: 950px;
background-color: transparent;
}

/* ### Container f�r den Inhalt: Zuweisung der Abst�nde nach oben und rechts ### */
#page {
margin-top: 25px;
margin-left: 38px;
background-color: transparent;
}

/* ### Container �r den Kopfbereich, der das Logo enth�lt ### */
#header {
position: relative;
height: 57px;
background-color: transparent;
}

/* ### Container f�r die Skiplink-Navigation ### */
#topnav {
position: absolute;
top: 0;
right: 0;
color: #fff;
}

/* ### Container f�r die Sprachnavigation ### */
#lang {
clear: both;
height: 15px;
margin-left: 667px;
background-color: transparent;
background-image:url(../images/gruen_hor.gif);
background-repeat: no-repeat;
background-position: 0 2px;
}

/* ### Innenabstand f�r die Sprachnavigation ### */
#lang_nav {
margin-left: 110px;
} 

/* ### Container f�r den Inhaltsbereich ### */
#main {
clear: both;
width: auto;
margin-top: 22px;
background-color: transparent;
min-height: 400px;
z-index: 100;
}

/* ### Container f�r die linke Spalte ### */
#col1 {
float: left;
width: 344px;
background-color: transparent;
z-index: 5;
}

/* Container f�r die rechte Spalte ### */
#col2 {
float: right;
width: 160px;
background-color: transparent;
z-index: 3;
}

/* Container f�r die mittlere Spalte ### */
#col3 {
width: auto;
min-height: 250px;
margin-left: 344px;
margin-right: 160px;
background-color: transparent;
background-image:url(../images/blau_ver.gif);
background-repeat:no-repeat;
background-position: 0 2px;
z-index: 1;
}

/* ### Positionierung der Inhaltsbereiche in den Spalten ### */
#col1_content, #col2_content, #col3_content {
position: relative;
}

/* Inhaltsbereich der linken Spalte ### */
#col1_content {
margin-left: 150px;
margin-top: 38px;
min-height: 70px;
background-color: transparent;
background-image: url(../images/gruen_ver.gif);
background-repeat: no-repeat;
background-position: 0 6px;
z-index: 6;
}

/* ### Container f�r die Hauptnavigation ### */
#main_nav {
margin-left: 21px;
}

/* Inhaltsbereich der rechten Spalte ### */
#col2_content {
background-color: transparent;
}

/* Inhaltsbereich der mittleren Spalte ### */
#col3_content {
margin-left: 38px;
background-color: transparent;

}

/* Container f�r den Footer ### */
#footer {
clear: both;
margin-left: 383px;
background-color: transparent;
background-image:url(../images/rot_ver.gif);
background-repeat: no-repeat;
background-position:0 3px;
}

/* Inhaltsbereich f�r den Footer ### */
#footer_nav {
padding-top: 0;
padding-left: 175px;
}

#copyright {
margin-left: 383px;
margin-top: 8px;
}



 /*------------------------------------------------------------------------------------------------------*/
 
  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* Overflow-Methode zum Clearen der Float-Umgebungen */
    .floatbox { overflow:hidden; }


  /* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }