/**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

  body {  background-color: #DBE6EC;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 12px; 
     }

td {   font-family: Arial, Helvetica, sans-serif; 
       font-size: 12px; }     
     

.main_td {  background-image: url(../img/bck.gif); 
						background-repeat: repeat-y; 
						background-position: center left; 
						font-family: Arial, Helvetica, sans-serif; 
						font-size: 12px; font-style: normal;  
						color: #000000; 
						padding-top: 20px; 
						padding-right: 20px; 
						padding-bottom: 20px; 
						padding-left: 20px;
                        vertical-align: top; }


.upper_td {  background-color: #DBE6EC; 
						 background-image: url(../img/upper_empty.jpg); 
						 background-repeat: no-repeat; 
						 background-position: left bottom; 
						 padding-left: 35px; 
						 font-family: Arial, Helvetica, sans-serif; 
						 font-size: 12px; 
						 font-weight: bold; 
						 color: #4C77A4; 
						 padding-bottom: 2px}
						 
						 
.top_td {  background-color: #DBE6EC; 
           background-image: url(../img/head_full.jpg); 
           background-repeat: no-repeat; 
           background-position: center left}
           
           
.main_nav_td {  font-family: Arial, Helvetica, sans-serif; 
                font-size: 11px; 
                font-weight: bold; 
                color: #FFFFFF; 
                text-decoration: none; 
                text-align: center;}
                

.feet_td {  font-family: Arial, Helvetica, sans-serif; 
						font-size: 10px; 
						font-weight: bold; 
						color: #FFFFFF; 
						text-align: center; 
						vertical-align: middle; 
						background-image: url(../img/footer.jpg); 
						background-repeat: no-repeat; 
						background-position: top left}

						
						
/* LINKS */
/* ----------------------- */
.main_nav {
	FONT-WEIGHT:bold;
	FONT-SIZE: 11px;  
}
.main_nav:link {
	COLOR: #414141; 
	TEXT-DECORATION: none; 
}
.main_nav:active {
	COLOR: #414141; 
	TEXT-DECORATION: none; 
}
.main_nav:visited {
	COLOR: #414141; 
   	TEXT-DECORATION: none;   
}
.main_nav:hover {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
}



/* ----------------------- */
a {
	FONT-WEIGHT:normal; 
}
a:link {
	color: #414141;
	text-decoration: underline;
}
a:active {
	color: #414141;
	text-decoration: underline;
}
a:visited {
	color: #414141;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* ----------------------- */

/* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 500px; }
  /* (en/de) Standard: 200 Pixel */
  #col2 { display: none; }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 0 0 510px; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }