@charset "UTF-8";
 @media all {

/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0 }

/* (en) Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em }

/**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  */
  * html body * { overflow:visible; }

* html iframe,
* html frame { overflow:auto; }

* html frameset { overflow:hidden; }

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }

body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ font-size: 100.01%; /* (en) Standard values for colors and text alignment */ color: #000; background: #fff; text-align: left; }

/* (en) Clear borders for <fieldset> and <img> elements */
  fieldset,
img { border: 0 solid; }

/* (en) new standard values for lists, blockquote and cite */
  ul,
ol,
dl { margin: 0 0 1em 1em }

li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }

/*------------------------------------------------------------------------------------------------------*/

  #header { position:relative }

#topnav { position:absolute; top: 10px; right: 10px; /* (en) essential for correct alignment in Opera 6 ! */ text-align: right; }

/* (en) Backup for correct positioning */
  #header,
#nav,
#main,
#footer { clear:both; }

/* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }

/* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }

/* (en) Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }

/* (en) Adjustment: sort #col3 behind float columns using z-index */
  #col1 { z-index: 3 }

#col2 { z-index: 5 }

#col3 { z-index: 1 }

#col1_content { z-index: 4 }

#col2_content { z-index: 6 }

#col3_content { z-index: 2 }

#col1_content,
#col2_content,
#col3_content { position:relative }

/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching 
  */

.hideboth #col3 { margin-left: 0; margin-right: 0 }

.hidecol1 #col3 { margin-left: 0; margin-right: 200px }

.hidecol2 #col3 { margin-left: 200px; margin-right: 0 }

.hideboth #col1,
.hideboth #col2 { display:none }

.hidecol1 #col1 { display:none }

.hidecol2 #col2 { display:none }

/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  */

  /* (en) clearfix method for clearing floats */
   .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* (en) essential for Safari browser !! */
  .clearfix { display: block }

/* (en) overflow method for clearing floats */
  .floatbox { overflow:hidden }

/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none }

/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  */

  .subcolumns,
.subcolumns_oldgecko { width: 100%; overflow:hidden; }

/* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  .subcolumns_oldgecko { float:left }

.c50l,
.c15l,
.c25l,
.c33l,
.c38l,
.c66l,
.c75l,
.c62l,
.c85l { float: left; }

.c50r,
.c15r,
.c25r,
.c33r,
.c38r,
.c66r,
.c75r,
.c62r,
.c85r { float: right; margin-left: -5px; }

.c15l,
.c15r { width: 15% }

.c25l,
.c25r { width: 25% }

.c33l,
.c33r { width: 33.2% }

.c50l,
.c50r { width: 50% }

.c66l,
.c66r { width: 66.666% }

.c75l,
.c75r { width: 75% }

.c85l,
.c85r { width: 85% }

.c38l,
.c38r { width: 38.2% }

.c62l,
.c62r { width: 61.8% }

.subc { padding: 0 0.5em }

.subcl { padding: 0 1em 0 0 }

.subcr { padding: 0 0 0 1em }

/*------------------------------------------------------------------------------------------------------*/



  /* (en) classes for invisible elements in the base layout */
  .skip,
.hideme,
.print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }

/* (en) make skip links visible when using tab navigation */
  .skip:focus,
.skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }
}