@charset "UTF-8";

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;
	/* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
	background: #fff;
	text-align: left; /* LTR */
	font-family: Arial, Helvetica, sans-serif;
  }
  #header {
	position: relative;
}
  #topnav {
	color: #aaa;
	background: transparent;
	text-align: right;
	z-index: 1;
	position:absolute;
	top: 20px;
	right: 20px; /* LTR */
  }
#topnav a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	margin-right: 6px;
	margin-left: 6px;
	font-size: 16px;
}

#topnav a:hover,
#topnav a:focus {
	color: #000;
}
 
  #nav {
	overflow:hidden;
}

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }
  #main {
	background: #f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 75%}
  #col3 { width: auto; margin: 0 0 0 75%}
  #col1_content {
	min-height: 400px;
	font-size: 14px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 30px;
}
  #col3_content {
	background-color: #d2d3d5;
	min-height: 400px;
	font-size: 14px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #004687;
}
#dfv {
	margin-top: 15px;
	background-position: center;
	text-align: center;
}

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }
#col1_content,/* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ #col3_content  { position:relative; }

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

 /**
  * @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; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}

ul,ol {margin-left: 1.2em;}

  .hlist {
	/* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
	overflow: hidden;
	/* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
	display: inline;
	/* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
	/* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #c0c0c0 url("../images/background.png") repeat-x center right;
	line-height: 0;
  }

  .hlist ul {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
	float: left; /* LTR */
	/* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 1px 50px; /* LTR */
	padding: 0;
	height: 30px;
  }

  .hlist ul li {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
	float: left; /* LTR */
	font-size: 1em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
  }

  .hlist ul li a {
	background: transparent;
	color: #FFFFFF;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
	text-decoration: none;
  }
  
.hlist ul li a:focus, 
.hlist ul li a:hover {
	background-color: #FFF;
	background-image: url(../images/background_active.png);
	background-repeat: repeat-x;
	background-position: right center;
  }

.hlist ul li a.detailmenuactive,
.hlist ul li a.detailmenuactive:focus,
.hlist ul li a.detailmenuactive:hover {
	background: #f6f6f6;
	color: #000000;
	text-decoration: none;
}

#main a,
#main a:visited {
	text-decoration:none;
	color: #004687;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #004687;
	padding-bottom: 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004687;
	padding-bottom: 10px;
}

/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
img {
	border:none;
}

span.imagesubtitle {
	text-align:justify;
	margin-top: 8px;
	margin-right: 3px;
	margin-bottom: 8px;
	margin-left: 3px;
}

/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
span.leftcontentimage {
	max-width:300px;
	float:left;
	margin-left:10px;
}

img.leftcontentimage {
	max-width:300px;
	margin-right:20px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
span.rightcontentimage {
	max-width:300px;
	float:right;
	margin-right:10px;
}

img.rightcontentimage {
	max-width:300px;
	margin-left:20px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	margin:0px auto;
	border:1px solid #d9dadb;
	border-collapse:collapse;
	width:100%;
}
th.contenttable {
	vertical-align:top;
	border:1px solid #d9dadb;
	background-color:#81AC00;
	padding:2px 5px;
}
td.contenttable1 {
	vertical-align:top;
	border:1px solid #d9dadb;
	padding:2px 5px;
}
td.contenttable2 {
	vertical-align:top;
	border:1px solid #d9dadb;
	padding:2px 5px;
}

#col3_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004687;
	margin-top: 10px;
	margin-bottom: 10px;
}
#col3_content hr {
	color: #004687;
	margin-top: 6px;
	margin-bottom: 6px;
}