@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 455 $
 * @lastmodified    $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
 */
@media screen, projection
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */
   .clearformrow {
	clear:both;
	margin:10px 0px;} /* Zeilenumbruch erzwingen */
  .formular-container {
	float:left;   
    margin:0 0 0 0;
    padding:0;
	background:#FAFBFC url(/blob/contextless/300606/da7e81efee82c08c70b1c921ed7b3a8b/bg_form-png-data.png) bottom repeat-x;
	width:640px;
	border-top:1px solid #CCD7E1;
    }
  .formular-content { 
	float:left;
	display:inline;
	margin:0;
	padding:20px 0px 20px 20px;
	}	
  .yform {	
    margin:0;
    padding: 0;  }
  .yform fieldset {
    margin:0;
    padding: 0;
  }
  .yform fieldset.logout {
    margin:0px 0 0px 0;
    padding: 0;
		/*float:left;*/
  }
  .yform legend {
    font-size:125%; 
    font-weight:normal; 
    color:#000;
	display:none;
  }
  .yform label {
    color:#003366;
    font-weight:bold;
    margin:3px 0 5px 0;
  }
  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }
  .yform .type-text input,
  .yform .type-texthalf input,
  .yform .type-texthalftwo input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #99AEC2;
  }
  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #003366 solid;
    background:#ffffff;
  }
  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .yform .type-button input {
    border:none;
    color:#ffffff;
	font-weight:bold;
	font-size:91.63%;
	/*font-family:"Arial Black", Gadget, sans-serif;*/
    background:  url(/blob/contextless/300784/5ac5973d9ef751ec76b81c813e05bbc7/button_send-png-data.png) right no-repeat;
    padding:2px 1.60em 2px 1.00em;
  }
  .yform .type-button input[type=reset] { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border:none;
    color:#96ABC0;
	font-weight:bold;
	font-size:91.63%;
	/*font-family:"Arial Black", Gadget, sans-serif;*/
    padding:2px 1.60em 2px 1.00em;
  }
  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }
  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */
  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }
  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:0 30px 10px 0;
    padding:0 0;  
    position:relative;
    overflow:hidden;
	float:left;
	display:inline;
  }
  .yform div.type-button {
    padding:0;  
	margin:0;
  }
   .yform div.login-button {
    margin-top:20px;  
  }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input {
    display:block;
    position:relative;
    padding:2px 5px;
    width:260px;
  }
  .yform .type-text textarea {
    display:block;
    position:relative;
    padding:2px 5px;
    width:562px;
  }
  .yform .type-select select {
    display:block;
    position:relative;
    padding:2px 5px;
    width:272px;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }
  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; font-weight:normal; margin-right:10px; }
  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }
  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }
  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }
  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }
 /*------------------------------------------------------------------------------------------------------*/
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; margin-right: -3px; }
  .full div.type-select select { width:97.0%; margin-right: -3px; }
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .columnar div.type-text,
  .columnar div.type-select,
  .columnar div.type-check,
  .columnar div.type-checkbox,
  .columnar div.type-button {
    margin:0 0 15px 0;
    padding:0;  
    position:relative;
    overflow:hidden;
	float:left;
	display:inline;
	width:550px;
 } 
.columnar div.type-texthalf {
    margin:0 0 15px 0;
    padding:0;
    position:relative;
    overflow:hidden;
float:left;
display:inline;
width:440px;
}
.columnar div.type-texthalftwo {
margin: 0 0 15px 0;
padding 0;
postition: relative;
overflow:hidden;
float:left;
display:inline;
width:440px;
}
  .columnar div.type-checkhalf {
    margin:0 0 15px 0;
    padding:0;
    position:relative;
    overflow:hidden;
float:left;
display:inline;
width:100px;
}
.columnar div.type-texthalf input {
float: left;
    margin-right: -3px;
    width: 55%;
}
.columnar div.type-texthalftwo input {
float:left;
margin-right: 10px;
width:30%;
}
  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-texthalf label,
  .columnar .type-texthalftwo label,
  .columnar .type-select label {
    float:left;
    width:150px; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  .columnar .type-checkhalf label {
    float:left;
    width:80px; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
.hochschulberechtigungsart label{
width:220px;
float: left;
}
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:0; display: inline; margin-right: 5px;}
  .columnar div.error .message { margin-left:0; }
  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button { padding-left:0; }
  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .columnar div.type-select select { float:left; width:70.0%; margin-right: -3px; }
   /* Styling of error-messages | Fehlermeldungen */
  .columnar div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }
  .columnar div.error label { color:#000; font-weight:bold; width:143px; }
  .columnar div.error .message { color:#800; }
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */
  /*.yform, 
  .yform div,
  .yform div * { zoom:1; }*/
 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 0px\9; padding-top:0em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:0em\9; zoom:1; }
  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:10px; }
  .yform fieldset.logout { *padding-top:0px; }
  /* IE5.x & IE6 */
  * html .yform { padding-top:0px; }

div.type-button a.button {
    border:none;
    white-space: nowrap;
    color:#ffffff;
    font-weight:bold;
    line-height: 2;
    text-decoration: none;
    font-size:91.63%;
/*font-family:"Arial Black", Gadget, sans-serif;*/
    background:  url(/blob/contextless/300784/5ac5973d9ef751ec76b81c813e05bbc7/button_send-png-data.png) right no-repeat;
    padding:3px 1.60em 3px 1.00em;
  }
div.type-button a.button:focus,
div.type-button a.button:hover,
div.type-button a.button:active {
    color:#96ABC0;
    text-decoration: none;
  }

div.topoSmall {width:430px !important}
div.searchTopoContainer {float: left; width: 638px; border-left: #CCD7E1 1px solid; border-bottom: #CCD7E1 1px solid; border-right: #CCD7E1 1px solid;}
.searchTopoContainer label {float: left; font-weight: bold; margin: 5px; width: 20%; clear:both;}
.searchTopoContainer div {float: left; margin: 5px; width: 70%;}
div.searchTopoHeader {
 border-bottom: 1px solid #003366;
 border-left: 1px solid #003366;
 border-right: 1px solid #003366;
 color: #003366;
 float: left;
 font-weight: bold;
 font-size: 121%;
 padding: 5px 15px;
 width: 95%;
}
div.scrollableCheckboxes {
border: 1px solid #003366;
float:left;
height: 100px;
margin: 5px;
overflow-y:scroll;
overflow-x:auto;
padding:5px;
width:45%;
}
div.even {
 background-color: #ffffff;
}
div.odd {
 background-color: #eeeeee;
}

/* schließende Klammer media screen*/
}