@charset "utf-8";
/* CSS Document */
@media screen, projection
{
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #ccc; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 756px; max-width: 970px; border: 1px #2e356b solid; background: #fff; }
  .page { padding: 0px; }
  #header { height: 130px; color: #fff; background: #fff url("images/logo-2010-b.png") repeat-x left top; }
  #topnav { background: transparent;}
  #nav { overflow:hidden; }
  div.hlist { background-color: # }
  #main { margin: 10px 0; background: #fff; }
  #teaser { clear:both; padding: 0 20px; margin: 5px 0; }
  #footer { padding: 10px 20px; color:#666; background: #f4f4f4; border-top: 5px #f7c725 solid; }

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

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

  #col1 { float: right; width: 79%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 79% 0 0}
  #col1_content { padding: 0 10px 0 10px }
  #col3_content { padding: 0 10px 0 20px }


  /* set column dividers */ 
  #col3 { border-right: 1px #f7c725 solid }
	
  /*-------------------------------------------------------------------------*/
}


@media all
{
 /**
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

 /**
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  */

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln  = 100% */
  body {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 68.75%;
    color: #000;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Verdana, Arial, "Times New Roman", Times, serif;
    margin: 0 0 0.25em 0;
  }

  h1 { 
  	font-size: 150%;							/* 18px */
  	color: #2e356b;
	font-weight:bold;
	padding-top: 0.5em;
	}                       
  h2 { 											/* 16px */
  	font-size: 133.33%;
	color: #2e356b;
	font-weight:bold;
	border-bottom: 2px #f7c725 solid;
	}  
  h3 { 											/* 14px */
  	font-size: 116.67%%;
	color: #2e356b;
	font-weight:bold;
	border-bottom: 1px #f7c725 solid;
	}                      
  h4 { 											/* 13px */
  	font-size: 108%; 
	color: #2e356b;
	font-weight:bold;
	border-bottom: 1px #f7c725 solid;
	}                    
  h5 { 
  	font-size: 100%;
  	color: #2e356b;
	font-weight:bold;
	padding-top: 0.5em; 
	}                     					   /* 12px */
  h6 { 
	font-size: 91.67%;                    		 /* 11px */
	color: #2e356b;
	font-weight:bold;
	padding-top: 0.5em; 
}


#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.1em; }
p { font-size: 1.0em; color: #000; line-height: 1.3em; margin: 0 0 1em 0; }

.liste{ font-size: 0.85em; color: #000; line-height: 1.3em; margin: 0 0 1em 1em; }


/*ul {font-size: 0.85em;}*/
klein { font-size: 8px; font-family: "Courier New", Courier, monospace;}

strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding: 3px; border: 1px #ddd solid; background: #f4f4f4 }
.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
.center { text-align:center; margin-left: auto; margin-right: auto;}
.framed {padding:4px; border: 0px #222 solid; background: #fff; float: left; margin: 0 0.5em;}

img.framed_2 {padding: 0 5px 0 0; border: 0px #ddd solid; background: #f4f4f4 }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #0000FF; font-weight: bold; text-decoration:none;}
a:hover {background-color: #; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}

#topnav a { color: #666; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }


#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }


/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

.block_magenta { 
	color: #444; 
	background: #ffe6f2; 	
	border: 1px #9a165a solid;
	border-left: 4px #9a165a solid;
	border-right: 4px #9a165a solid;
	padding: 1em;
	margin: 1em;
	display: center;
}

.block_gruen { 
	color: #444; 
	background: #e6ffd0; 	
	border: 1px #65a72c solid;
	border-left: 4px #65a72c solid;
	border-right: 4px #65a72c solid;
	padding: 1em;
	margin: 1em;
	display: center;
}

.block_blau { 
	color: #444; 
	background: #dde2ff; 	
	border: 1px #2e356b solid;
	border-left: 4px #2e356b solid;
	border-right: 4px #2e356b solid;
	padding: 1em;
	margin: 1em;
	display: center;
}

.block_grau { 
	color: #444; 
	background: #f9f9ff; 	
	border: 1px #aeaeb3 solid;
	border-right: 4px #aeaeb3 solid;
	border-bottom: 4px #aeaeb3 solid;
	padding: 1em 1em 0 1em;
	margin: 1em;
}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }


/* ### Tabellen ################################################################## */

table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

/* ### Download-Box ################################################################## */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 4px #ccd solid;
	text-align: center;
	padding: 4px 0 4px 0;
	margin-bottom: 1em;
}

.bluebox p { padding: 0px 8px 0 8px; }

.bg_grau_weiss {
	paddding: 0.5em;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	background-image:url(../images/bg-grau-weiss.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.bg_grau_weiss_2 {
	width:auto;
	margin: 0.5em;
	padding: 0.5em;
	border-left:#ccc 0px solid;
	border-right:#ccc 0px solid;
	border-bottom:#ccc 0px solid;
}


/* Footer Formatierung */
  #footerformat {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#333333;
	text-align:center;
	padding-top:0.8em;
	}	

/* dl Bildunterschrift */
	dl.meImgLeft {float:left;}
	dl.meImgLeft dt {margin-bottom:0;}
	dl.meImgLeft dd {margin:0;}
	
	
/* Horizontale Navigationsliste "hlist" */
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 970px;
    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;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 250px; /* LTR */
    padding: 0;
    border-left: 1px #aaa solid;
    border-right: 1px #fff solid;
  }

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

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 1.0em 0.5em 1.0em;
    text-decoration: none;
    width: auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #aaa; color: #fff; text-decoration: none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727 url("images/background_active.png") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }


/* Horizontale Navigationsliste "hlist_2" */
  .hlist_2 {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 970px;
    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: #fff;
    border-top: 0px #333 solid;
    border-bottom: 1px #333 solid;
    line-height: 0;
  }

  .hlist_2 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 0 570px; /* ausgelagert */
    padding: 0;
    border-left: 0px #aaa solid;
    border-right: 1px #fff solid;
  }

  .hlist_2 ul li {
    border-left: 0px #fff solid;
    border-right: 0px #aaa solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .hlist_2 ul li a,
  .hlist_2 ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 1.0em 0.5em 1.0em;
    text-decoration: none;
    width: auto;
  }

  .hlist_2 ul li a:focus,
  .hlist_2 ul li a:hover,
  .hlist_2 ul li a:active  { background: #aaa; color: #fff; text-decoration: none; }

  .hlist_2 ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727 url("images/background_active.png") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist_2 ul li.active strong,
  .hlist_2 ul li.active a:focus,
  .hlist_2 ul li.active a:hover,
  .hlist_2 ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }


/* Vertikale Navigationsliste "vlist" */
  /* title */
  h6.vlist {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 110%;
    width: 98%;
    padding: 3px 0px 3px 3px; /* LTR */
    margin:0;
    color: #444;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #f7c725 solid;
  }

  .vlist {
    width: 98%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 5%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#800;
    font-weight: bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#000; color: #fff; } /* Farbe schwarz */

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 85%; padding-left: 15%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#e7eae9; color: #000; } /* Farbe schwarz */

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }
}