@charset "UTF-8";

@media all
{

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { max-width: 95em; min-width: 77em; padding-bottom: 1em; }
  #page{}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { margin-top: 5px; }
  #topnav { background-color: #D1D1D1; position: static; top: 0; right: 0; text-align: left; }
  #topnav_content { padding: 5px 0 5px 0; text-align: right; margin-right: 20px; }
	#topnav_left { float: left; font-size: 95%; }
	#topnav_left .img {	float: left; margin-right: 5px; }
	#topnav_left .text { float: left; margin-right: 5px; padding: 5px 0 5px 0; text-decoration: none; }
	#topnav_left a.text:hover { text-decoration: underline; }
	#topnav_left .extlink { padding-left: 12px; }
	#topnav_right { float: right; width: 30px; }
	#topnav_right .img {	float: right; margin-left: 5px; }

	.pagemargin_left { margin-left: 2em; }

  #main { padding: 0 1.5em 0 2em; }
	.homepage #main { padding: 2.5em 1.5em 0 2em; }

  #footer { margin: 2.5em 0 0 20.5em; }
  #footer_content {}
	.hideleft #footer, .homepage #footer { margin: 2.5em 0 0 0; text-align: center; }
	
	#nav { padding: 0 1.5em 0 1.9em; }
	#nav_main { border-left: 2px solid #FFF; padding: 0 0 0 0; }
	#nav_main .dummy { font-size: 125%; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; 	padding: 3px 15px 3px 5px; }
	#nav_main_container {}
	.navbar { height: 2em; }
	
	#breadcrumb { padding: 1em 1.5em 1em 2em; }

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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { width: 16em; }
  #col1_content {}

  #col2 { width: 16em; }
  #col2_content {}

  #col3 { margin-left: 18.5em; margin-right: 18.5em; }
  #col3_content {}

	.col1_large #col1 { width: 30em; }
	.col1_large #col3 { margin-left: 32em; margin-right: 18em; }
	.col1_fix #col1 { width: 360px; }
	.col1_fix #col3 { margin-left: 380px; }

  .formlayout #col1 {}
  .formlayout #col2 { width: 11em; }
  .formlayout #col3 { margin-right: 13em; }

	.hideleft #col3 { margin-right: 18em; }
	.hideright #col3 { margin-left: 18.5em; margin-right: 0; }
	
	#popup #main{ margin-top: 2em; }
  #popup.small #page_margins { min-width: 35em; max-width: 55em; }
  #popup.medium #page_margins { min-width: 50em; max-width: 75em; }
  #popup.large #page_margins { min-width: 60em; max-width: 80em; }

	#popup #footer { margin: 2.5em 0 0 2em; text-align: left; }
	
  #popup.iframe { min-height: 1%; }
  #popup.iframe #page_margins { min-width: 650px; max-width: 750px; width: 700px; }
  #popup.iframe #main { margin-top: 0.5em; }
	
	#sitemap #main { margin-top: 3em; }
	#sitemap #footer { text-align: left; margin: 2.5em 0 0 2em;  }
	#sitemap #col3 { margin-right: 12em; }

	.loginpage #page_margins { min-width: 50em; }
	.loginpage #col3 { width: 45em; }
	.loginpage #footer { text-align: left; margin: 2.5em 0 0 2em;  }

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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

	#head { padding: 15px 20px 15px 2em; }
	#head_content {}
	
	#logo { float: left; }
	#sitetitle { float: left; margin-left: 1.9em; margin-top: 10px; }
	#logdata { float: right; margin-top: 15px; text-align: right; }
	#logdata  p { margin: 0; }

	#search { float: right; margin-top: 10px; }
	#search form { margin-bottom: 2px; }
	#search input.input_text { width: 14.5em; font-size: 90%; margin-right: 3px; padding-top: 2px; padding-bottom: 1px; padding-left: 2px; }
	#search a { font-size: 85%; color: #404040; }
	
	.testdummy {
		height: 300px;
		border: 1px solid #D1D1D1;
		background-color: #F0F0F0;
		padding: 1em;
	}
	
}