/**
 *  CSS Eigenschaften für Elemente die in mehrern Masken gebraucht weden
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1094 $
 *  @package    CSS
 */

/** Gattungsliste und Drop-Down Menu Start **/
.SearchMenu {
    float: left;
    font-size: 1.2em;
    color: black;
    list-style: none;
}

.SearchMenu ul {
    margin-top: 0.1em;
    margin-left: 5px;
    margin-right: 0.5em;
    margin-bottom: 0.1em;
    padding: 0;
    cursor: pointer;
}

.SearchMenu li {
    list-style: none;
    float: left;
    margin: 0px;
    padding-right: 0.25em;
    padding-left: 0.25em;
    font-weight: bold;
}

.SearchMenu a {
    color: #222222;
    font-weight: normal;
    text-decoration: none;
}

.SearchMenu a:hover {
    color: white;
}

.SearchMenu li ul {
    position: absolute;
    left: -999em;
    max-width: 9em;
    padding: 0;
    margin: 0;
    z-index: 100;
}

.SearchMenu li ul a {
    color: #222222;
    text-decoration: none;
}

.SearchMenu li ul a:hover {
    color: #222222;
}

.SearchMenu li ul li {
    left: auto;
    margin: 0px;
    padding-left: 0.5em;
    width: 12.5em;
    text-align: left;
    border: 1px solid black;
    border-top: none;
    background-color: white;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}

.SearchMenu li ul li ul {
    margin-left: -9.25em;
    margin-top: -1em;
    border-top: 1px solid black;
}

.SearchMenu li ul li a{
    color: black;
}

.SearchMenu li ul li:hover {
    background-color: #e2e5ff;
}

.SearchMenu li:hover ul ul, #DropMenuOption li:hover ul ul ul, #DropMenuOption li.sfhover ul ul, #DropMenuOption li.sfhover ul ul ul {
    left: -999em;
}

.SearchMenu li:hover ul, #DropMenuOption li li:hover ul, #DropMenuOption li li li:hover ul, #DropMenuOption li.sfhover ul, #DropMenuOption li li.sfhover ul, #DropMenuOption li li li.sfhover ul {
    left: auto;
}
/** Gattungsliste und Drop-Down Menu Ende **/



/* Proto.Menu Start */
div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}

.menu.google {
	width: 10.5em;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #676767;
	border-right: 1px solid #676767;
	text-align: left;
}
.menu.google a {
	color: black;
	text-decoration: none;
	padding: 3px 0 3px 25px;
	cursor: pointer;
	font-size: 12px;
}
.menu.google a:hover {
	background: #e2e5ff;
}
.menu.google a.disabled {
	color: #bbb;
}
.menu.google a.disabled:hover {
	background: #fff;
	color: #bbb;
}
.menu.google .separator {
	background: #ccc;
}
.menu.google a.marker {
  background: url(CSS/Image/Left_Menu_Marker.png) 2px 50% no-repeat;
}
.menu.google a.marker:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Marker.png) 2px 50% no-repeat;
}

.menu.google a.lightroom {
  background: url(CSS/Image/Left_Menu_Lightroom.png) 2px 50% no-repeat;
}
.menu.google a.lightroom:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Lightroom.png) 2px 50% no-repeat;
}

.menu.google a.zoom {
  background: url(CSS/Image/Left_Menu_Zoom.png) 2px 50% no-repeat;
}
.menu.google a.zoom:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Zoom.png) 2px 50% no-repeat;
}

.menu.google a.download {
  background: url(CSS/Image/Left_Menu_Download.png) 2px 50% no-repeat;
}
.menu.google a.download:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Download.png) 2px 50% no-repeat;
}

.menu.google a.metadata {
  background: url(CSS/Image/Left_Menu_MetaData.png) 2px 50% no-repeat;
}
.menu.google a.metadata:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_MetaData.png) 2px 50% no-repeat;
}

.menu.google a.detail {
  background: url(CSS/Image/Left_Menu_Detail.png) 2px 50% no-repeat;
}
.menu.google a.detail:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Detail.png) 2px 50% no-repeat;
}

.menu.google a.add {
  background: url(CSS/Image/Left_Menu_Add.png) 2px 50% no-repeat;
}
.menu.google a.add:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Add.png) 2px 50% no-repeat;
}

.menu.google a.info {
  background: url(CSS/Image/Left_Menu_Info.png) 2px 50% no-repeat;
}
.menu.google a.info:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Info.png) 2px 50% no-repeat;
}

.menu.google a.comment {
  background: url(CSS/Image/Left_Menu_Comment.png) 2px 50% no-repeat;
}
.menu.google a.comment:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Comment.png) 2px 50% no-repeat;
}

.menu.google a.delete {
  background: url(CSS/Image/Left_Menu_Delete.png) 2px 50% no-repeat;
}
.menu.google a.delete:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Delete.png) 2px 50% no-repeat;
}

.menu.google a.addLeft {
  background: url(CSS/Image/Left_Menu_Add_Left.png) 2px 50% no-repeat;
}
.menu.google a.addLeft:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Add_Left.png) 2px 50% no-repeat;
}

.menu.google a.addRight {
  background: url(CSS/Image/Left_Menu_Add_Right.png) 2px 50% no-repeat;
}
.menu.google a.addRight:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Add_Right.png) 2px 50% no-repeat;
}

.menu.google a.result {
  background: url(CSS/Image/Left_Menu_Result.png) 2px 50% no-repeat;
}
.menu.google a.result:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Result.png) 2px 50% no-repeat;
}

.menu.google a.selector {
  background: url(CSS/Image/Left_Menu_Selector.png) 2px 50% no-repeat;
}
.menu.google a.selector:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Selector.png) 2px 50% no-repeat;
}

.menu.google a.deselector {
  background: url(CSS/Image/Left_Menu_DeSelector.png) 2px 50% no-repeat;
}
.menu.google a.deselector:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_DeSelector.png) 2px 50% no-repeat;
}

.menu.google a.red {
  background: url(CSS/Image/Left_Menu_Red.png) 2px 50% no-repeat;
}
.menu.google a.red:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Red.png) 2px 50% no-repeat;
}

.menu.google a.green {
  background: url(CSS/Image/Left_Menu_Green.png) 2px 50% no-repeat;
}
.menu.google a.green:hover {
	background: #e2e5ff url(CSS/Image/Left_Menu_Green.png) 2px 50% no-repeat;
}
/* Proto.Menu Ende */

/* Window Start */
.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 1500;
}

.overlay___invisible__ {
	background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: -1;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
	z-index: 20000;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}      
/* Window Ende */

/* Map Start */
.Map {		
	position: relative;
	top: 0em;
	left: 0em;
	z-index: 1;
	overflow:hidden;
	
	width: 900px;
	height: 600px;
	
	border:1px solid black;
			
	cursor: pointer;
  	font-family: 'Courier New',Courier,monospace;
}

.Map_Great {	
	margin-left: -3000px;
	margin-top: -1875px;
}

.Map_Small {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
	
	width: 313px;
	height: 208px;
	
	border: 1px solid orange;	
}

.Box {
	position: absolute;
	left: 150px;
	top: 50px;
	width: 44px;
	height: 30px;
	overflow: auto;
	z-index: 6;
	border: 1px solid red;	
}

.BoxSmall {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 47px;
	height: 31px;
	border: 1px solid orange;
}

.Close {
	position: absolute;
	left: 0;
	top: 0;
	
	width: 15px;
	height: 15px;		
}

.Selecter {
	position: absolute;
	border: 2px dashed black;
}

.MoveUp {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 15px;
	
	background-image: url(CSS/Image/MoveUp.png);
	-moz-opacity: 0;
	opacity: 0;
}

.MoveUp:hover {
	-moz-opacity: 1;
	opacity: 1;		
}

.MoveLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 600px;	
	background-image: url(CSS/Image/MoveLeft.png);
	
	-moz-opacity: 0.0;
	opacity: 0.0;		
}

.MoveLeft:hover {
	-moz-opacity: 1;
	opacity: 1;		
}

.MoveRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 600px;
	background-image: url(CSS/Image/MoveRight.png);
	-moz-opacity: 0;
	opacity: 0;
}

.MoveRight:hover {
	-moz-opacity: 1;
	opacity: 1;		
}

.MoveDown {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 900px;
	height: 15px;
	background-image: url(CSS/Image/MoveDown.png);
	-moz-opacity: 0;
	opacity: 0;
}

.MoveDown:hover {
	-moz-opacity: 1;
	opacity: 1;		
}

.Raster {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
		
	width: 400px;
	min-width: 400px;
	
	height: 400px;
	min-height: 400px;
		
	background-color: blue;
	-moz-opacity: 0.6;
	opacity: 0.6;	
}
/* Map Ende */

/* Soll und Pfiicht Felder Start */
.Should_Field_Box {	
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -13em;	
	font-weight: bold;	
	font-size: 0.8em;
	color: #ffe349;
}

.Should_Field_Box_Short {	
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -10.5em;	
	font-weight: bold;	
	font-size: 0.8em;
	color: #ffe349;
}

.Should_Field_Box_Shorter {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -6.5em;	
	font-weight: bold;	
	font-size: 0.8em;
	color: #ffe349;
}

.Must_Field_Box {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -12em;	
	font-weight: bold;	
	font-size: 0.8em;
	color: red;
}

.Must_Field_Box_Short {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -7.75em;	
	font-weight: bold;	
	font-size: 0.8em;
	color: red;
}
/* Soll und Pflicht Felder Ende */

/** Tabelle Start **/
/** Grundlegende Format Angaben für die Anzeige einer Tabelle **/
.SimpleTable {
    margin: 0.75em;
}

.SimpleTable table.SimpleTable {
    text-align: left;
    border-collapse: collapse;
}

.SimpleTable table.SimpleTable tr {
    min-width: 15em;
    cursor: default;
}

.SimpleTable table.SimpleTable tr:hover {
    background-color: #ffc600;
}

.SimpleTable table.SimpleTable tr.Odd {
    background-color: #dbdfff;
}

.SimpleTable table.SimpleTable tr.Orange {
    background-color: yellow;
}

.SimpleTable table.SimpleTable tr.Red {
    background-color: red;
}

.SimpleTable table.SimpleTable tr.Odd:hover {
    background-color: #ffc600;
}

.SimpleTable table.SimpleTable tr.Red:hover {
    background-color: #ffc600;
}

.SimpleTable table.SimpleTable tr.Orange:hover {
    background-color: #ffc600;
}

.SimpleTable table.SimpleTable tr.Header {
    font-size: 1em;
    text-align: center;
    border-bottom: 1.5px black solid;
}

.SimpleTable table.SimpleTable tr.Header:hover {
    background-color: white;
}

.SimpleTable table.SimpleTable tr td {
    padding: 0.25em;
}

.SimpleTable table.SimpleTable tr th {
    padding: 0.25em;
    cursor: pointer;
}

/** Kleine Tabelle Text für anzeige im Haupt Feld **/
.SimpleTable table.SmallTable {
    text-align: left;
    font-size: 1em;
    border-collapse: collapse;    
}

.SimpleTable table.SmallTable tr {
    min-width: 15em;
    cursor: pointer;
}

.SimpleTable table.SmallTable tr:hover {
    background-color: #ffc600;
}

.SimpleTable table.SmallTable tr.Odd {
    background-color: #dbdfff;
}

.SimpleTable table.SmallTable tr.Odd:hover {
    background-color: #ffc600;
}

.SimpleTable table.SmallTable tr.Hidden {
    background-color: white;
}

.SimpleTable table.SmallTable tr.Hidden:hover {
    background-color: white;
}

.SimpleTable table.SmallTable tr.Activ {
    background-color: #FFFA0D;
}

.SimpleTable table.SmallTable tr.Activ:hover {
    background-color: #FFFA0D;
}

.SimpleTable table.SmallTable tr.Header {
    font-size: 1em;
    text-align: center;
    border-bottom: 1.5px black solid;
}

.SimpleTable table.SmallTable tr.Header:hover {
    background-color: white;
}

.SimpleTable table.SmallTable tr td {
    padding: 0.25em;
}

.SimpleTable table.SmallTable tr td div {
    margin: 1.5px;
}

.SimpleTable table.SmallTable tr th {
    padding: 0.25em;
}

.SimpleTable table.SmallTable tr td.inner {
    
}

.SimpleTable table.SmallTable a {
    text-decoration: none;
}

/** Kleine Tabelle Text für anzeige im Haupt Feld **/
.SimpleTable table.HiddenTable {
    text-align: left;
    font-size: 1em;
    border-collapse: collapse;
    margin-left: 1.5em;
}

.SimpleTable table.HiddenTable tr {
    min-width: 15em;
    cursor: default;
}

.SimpleTable table.HiddenTable tr.Even {
    background-color: white;
}

.SimpleTable table.HiddenTable tr.Even:hover {
    background-color: white;
}

.SimpleTable table.HiddenTable tr.Odd {
    background-color: #dbdfff;
}

.SimpleTable table.HiddenTable tr.Odd:hover {
    background-color: #dbdfff;
}

.SimpleTable table.HiddenTable tr.Header {
    font-size: 1em;
    text-align: center;
    border-bottom: 1.5px black solid;
}

.SimpleTable table.HiddenTable tr.Header:hover {
    background-color: white;
}

.SimpleTable table.HiddenTable tr td {
    padding: 0.25em;
}

.SimpleTable table.HiddenTable tr th {
    padding: 0.25em;
}

.SimpleTable table.HiddenTable a {
    text-decoration: none;
}

/** Tabelle End **/

/**
 *  CSS Definitionen für die Datierungs und Epochen anzeigen
 */
/**    Abstand von Links für Unter Epoche */
.EraHelper {         
}

.EraHelper select {
    margin: 1px;
}

/** Datensatz Gesamt Ansicht **/
/** Normale Felder **/
.RecordContent {
    white-space: pre-wrap;
    color: black;
    margin-left: 16em;
    min-height: 1em;
}

/** Editierbare Felder **/
.RecordContentEdit {
    white-space: pre-wrap;
    color: black;
    margin-left: 16em;
    min-height: 1em;
    cursor: pointer;
}

.RecordContentEdit:hover {
    background-color: #cdd2ff;
}

.RecordContentTopography {
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
}

.RecordContentTopography:hover {
    background-color: #cdd2ff;
}

/*** Upload Formatierungen **/
.DropBoxComplet {
    height: 1.5em;
    padding-top: 0.75em;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    border: 1px solid rgba(255, 198, 0, 0.9);
    background-color: rgba(255, 198, 0, 0.6);

    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.DropBox {
    position: relative;
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
    min-height: 200px;
    padding: 2.5em;
    cursor: pointer;

    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
}

.DropBox input {
    background-color: red;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.DropBox input:hover {
    background-color: #dbdfff;
}

.DropBoxOptions {
    float: right;
    width: 100%;
    font-size: 0.9em;
    font-weight: bold;
    color: #B0BCDB;
    cursor: pointer;
    margin-top: 0.5em;
    font-family: verdana, arial, helvetica, sans-serif;    
    text-align: right;
}

.DropBoxOptions a {
    color: #B0BCDB;
    text-decoration: none;
    margin-left: 1em;
}

.DropBoxAddon {
    clear: both;
    float: right;
    margin-top: 0.5em;
    text-align: right;    
}

.DropBoxAddon input[type=file] {
    width: 355px;
    margin-right: 0;
}

.FileUploadBox {
    float: left;
    width: 340px;
    margin: 5px;
    padding: 5px;
    border: solid 1px #CEE2F2;
    text-align: left;
    
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1em;
}

.FileUploadBox .FileUploadImageBox {
    float: left;
    min-width: 125px;
    min-height: 125px;
    width: 125px;
    height: 125px;
    margin-right: 5px;
}

.FileUploadBox .FileUploadImageBox .FileUploadImageInnerBox {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 125px;
    height: 125px;
}

.FileUploadBox .FileUploadImageBox .FileUploadImageInnerBox img {
    max-width: 125px;
    max-height: 125px;    
}

.FileUploadBox .FileUploadTextBox {
    margin-left: 0.5em;
}

.FileUploadBox .FileUploadTextBox li {
    list-style: none;
    list-style-type: none;
}

.FileUploadTextBox .FileUploadStatus {
    margin-left: 110px;
    margin-top: 5px;
    min-height: 10em;
    width: 0px;

    border: solid 1px #50FF4C;    
    background-color: rgba(5, 255, 0, 0.5);

    font-size: 0;
}

.FileUploadBox .FileUploadTextBox .FileUploadComplet {
    margin-top: 5px;
    color: #FFA41E;
    font-weight: bold;
}

.FileUploadBox .FileUploadTextBox .FileUploadError {
    margin-top: 15px;
    color: red;
    font-weight: bold;
}
/*** Upload Formatierung Ende ***/

/** Unverknüpfte Bilder Ansicht **/
/** Kleine Bilder **/
.PictureContainerSmall {
    float: left;
    margin: 0.75em;

    min-width: 125px;
    min-height: 125px;

    max-width: 125px;
    max-height: 125px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    cursor: pointer;
}

.PictureContainerSmall:hover {
    background-color: #ffc600;
}

.PictureContainerSmallZoom {
    position: relative;
    top: -125px;
    right: 2px;
    float: right;
    text-decoration: none;    
    font-size: 0.8em;
    color: #8793f3;
    font-weight: bold;
}

.PictureContainerSmallImageBox {
    clear: both;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 125px;
    height: 125px;
}

.PictureContainerSmallImage img {
    max-width: 125px;
    max-height: 125px;
}

.PictureContainerSmallMarker {
    position: relative;
    bottom: 44px;
    text-align: right;
    left: 40px;
}

/** Mittlere Bilder **/
.PictureContainerMedium {
    float: left;
    margin: 0.75em;

    min-width: 125px;
    min-height: 125px;

    max-width: 250px;
    max-height: 250px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    cursor: pointer;
}

.PictureContainerMedium:hover {
    background-color: #ffc600;
}

.PictureContainerMediumZoom {
    position: relative;
    top: -245px;
    right: 5px;
    float: right;
    text-decoration: none;
    font-size: 1em;
    color: #8793f3;
    font-weight: bold;
}

.PictureContainerMediumImageBox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 250px;
    height: 250px;
}

.PictureContainerMediumImage img {
    max-width: 250px;
    max-height: 250px;
}

.PictureContainerMediumMarker {
    text-align: right;
    position: relative;
    bottom: 44px;
}
/** Unverknüpfte Bilder Ansicht Ende **/

/** Datensatz mit Bild verknüpfen **/
.ConnectPictureBox {
    float: right;
    margin-right: 0em;
    width: 45%;
    max-width: 45%;

    border: 1px dashed black;
    background: white;
}

.ConnectOrderBox {
    float: left;
    text-align: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

/** Datensatz mit Bild verknüpfen Ende **/

/*	Bild Information Start */
.Info_Pic {
	float: left;
	position: relative;
	top: 0;
	min-width: 250px;
	max-width: 250px;
	width: 250px;

	min-height: 250px;
	max-height: 250px;
	height: 250px;

	background-color: #e2e5ff;
	border: 1px solid #8793f3;

	cursor: url(../../CSS/Image/Magnifier.cur), pointer;
}

.Info_Pic_Box {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 250px;
	height: 250px;
}

.Info_Pic img {
	max-width: 250px;
	max-height: 250px;
	border: none;
}

.Info_Pic a {
	border: none;
}

.Info_Data {
	margin-left: 250px;
	padding-left: 0.25em;
	margin-top: 0em;
	padding-top: 0em;
	text-align: left;
}

.Info_Data_Name	 {
	font-weight: bold;
  	float: left;
	width: 11em;
	margin: 0em;
  	padding: 0em;
}

/** Anzeige Box für einen Datensatz Positionieren **/
.data,
.data-left {
    text-align: left;
    padding-top: 1.5px;
    padding-left: 0.5em;
    background-color: white;
}

.data {
    margin-left: 270px;
}

/** Positionierung ohne Bild **/

.Display_Data_Name {
    float: left;
    width: 16em;
    margin: 0em;
    padding: 0em;

    font-weight: bold;
    text-align: left;

    background-color: white;
}

.Display_Data_Name sup {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0.5em;
	vertical-align: text-top;
}

.Display_Data {
	text-align: left;
	padding-top: 1.5px;
	padding-left: 0.5em;
	margin-left: 250px;
	background-color: white;
}

.Display_Data_Left {
	text-align: left;
	padding-top: 1.5px;
	background-color: white;
}

.Display_Data_Name {
  	float: left;
	width: 16em;
	margin: 0em;
  	padding: 0em;

  	font-weight: bold;
  	text-align: left;

  	background-color: white;
}

.Display_Data_Name sup {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0.5em;
	vertical-align: text-top;
}


.Display_Data_Mesh {
	white-space: pre-wrap;
}

.Display_Data_Topline {
	min-height: 0.6em;
	max-height: 0.6em;
	margin: 0em;
	padding: 0em;
}

.Display_Data_Topline_Mode {
	min-height: 0.6em;
	max-height: 0.6em;
	margin: 0em;
	padding: 0em;
}

.Display_Data_Topline_Mode_Clear {
	max-height: 0px;
	margin: 0em;
	padding: 0em;
}

/*** Positionierung des Bildes in der Datensatz Einzelansicht ***/
.image {
    position: fixed;
    left: 0.5em;
    top: 11.75em;
    background-color: #e2e5ff;
    border: 1px solid #8793f3;
}

.overview,
.overview-small,
.overview-medium, 
.overview-great,
.overview-list {
    float: left;
    margin: 0.75em;
    
    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    cursor: pointer;
    
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.overview-small {
    min-width: 125px;
    max-width: 125px;
    width: 125px;
    min-height: 125px;
    max-height: 125px;
    height: 125px;   
}

.overview-medium {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    min-height: 200px;
    max-height: 200px;
    height: 200px;
}

.overview-great {
    min-width: 250px;
    max-width: 250px;
    width: 250px;
    min-height: 250px;
    max-height: 250px;
    height: 250px;    
}

.overview-list {
    min-width: 250px;
    max-width: 250px;
    width: 250px;
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    
    margin: 0;
    border: none;
}

.overview-fixed {
    position: fixed;
    left: 0.5em;
    top: 11.75em;
    min-width: 250px;
    max-width: 250px;
    width: 250px;
    min-height: 250px;
    max-height: 250px;
    height: 250px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;
}

.imagebox, 
.imagebox-small,
.imagebox-medium,
.imagebox-great,
.imagebox-fixed, 
.imagebox-list {
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}

.imagebox-small {
    max-height: 125px;
    max-width: 125px;
    width: 125px;
    height: 125px;
}

.imagebox-small img {
    max-height: 125px;
    max-width: 125px;
}

.imagebox-medium {
    max-height: 200px;
    max-width: 200px;
    width: 200px;
    height: 200px;
}

.imagebox-medium img {
    max-height: 200px;
    max-width: 200px;
}

.imagebox-great,
.imagebox-fixed, 
.imagebox-list {
    max-height: 250px;
    max-width: 250px;
    width: 250px;
    height: 250px;
}

.imagebox-great img,
.imagebox-fixed img,
.imagebox-list img{
    max-height: 250px;
    max-width: 250px;
}

.details,
.details-small,
.details-medium,
.details-great,
.details-fixed,
.details-list { 
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
    z-index: 5;
    margin-top: 1px;
    margin-bottom: 1px;
    
    background-image: linear-gradient(bottom, #FFFFFF 10%, #F5F6FF 90%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 10%, #F5F6FF 90%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 10%, #F5F6FF 90%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 10%, #F5F6FF 90%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 10%, #F5F6FF 90%);  

    opacity: 0; 
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

.details:hover,
.details-small:hover,
.details-medium:hover,
.details-great:hover,
.details-fixed:hover,
.details-list:hover {
    opacity: 0.85;
}

.details ul,
.details-small ul,
.details-medium ul,
.details-great ul,
.details-fixed ul, 
.details-list ul {
    list-style-type: none;    
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0.25em;
}

.details ul li,
.details-small ul li,
.details-medium ul li,
.details-great ul li,
.details-fixed ul li,
.details-list ul li {
    cursor: pointer;
}

.details ul li:hover,
.details-small ul li:hover,
.details-medium ul li:hover,
.details-great ul li:hover,
.details-fixed ul li:hover,
.details-list ul li:hover {
    background-color: #FFC600;
}

.details-small {
    top: -126px;
}

.details-medium {
    top: -201px;
}

.details-great,
.details-fixed,
.details-list {
    top: -251px;
}

.marker,
.marker-small,
.marker-medium,
.marker-great,
.marker-fixed,
.marker-list {
    text-align: right;
    position: relative;    
}

.marker-small {
    top: -175px;
}

.marker-medium {
    top: -250px;
}

.marker-great,
.marker-fixed,
.marker-list {
    top: -300px;
}

/** Bild Färbungen **/
.brown {
    background-color: #DEB887;
}

.yellow {
  background-color: #FFFF00;  
}

.violett {
  background-color: #8A2BE2;  
}

.turquoise {
  background-color: #00FFFF;  
}

.green {
  background-color: #7FFF00;  
}

.red {
  background-color: #FF4500;  
}

.lightBlue {
    background-color: #E2E5ff;
}

.activ {
    background-color: #FFC600;
}

.activ-border {    
    border: 1px solid #FFC600;
}


.Display_Image {
    position: fixed;
    left: 0.5em;
    top: 11.75em;
    min-width: 250px;
    max-width: 250px;
    width: 250px;
    min-height: 250px;
    max-height: 250px;
    height: 250px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;

    cursor: url(CSS/Image/Magnifier.cur), sw-resize;
}

.Display_Image_Box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 250px;
    height: 250px;
    cursor: url(../../CSS/Image/Magnifier.cur), pointer;
}

.Display_Image img {
    max-width: 250px;
    max-height: 250px;
    border: none;
}

.Display_Image a {
    border: none;
}
/*** Positionierung des Bildes in der Datensatz Einzelansicht Ende ***/

/** Ergebnis Anzeige **/
.Search_Result_Image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 250px;
    height: 250px;
}

.Search_Result_Image img {
    max-width: 250px;
    max-height: 250px;
}

.Search_Result_Marked {
    text-align: right;
    position: relative ;
    top: -48px;
    right: 0px;
}

.Search_Result_Content {
    margin-top: 0.25em;
    text-align: left;
    margin-left: 250px;
}

.Search_Result_Option {
    position: absolute ;
    bottom: 0px;
    text-align: right;
    background-color: #e2e5ff;

    margin-left: 250px;
    padding-left: 0.5em;
    padding-right: 0.25em;
}
/** Ergebnis Anzeige als Liste Ende **/

/** Tablle für die Summary Anzeige von Datensätzen bei der Suche **/
.Summary {
    padding-left: 0.5em;
}

.Summary td.Caption {
    text-align: left;
    width: 15em;
    font-weight: bold;
    vertical-align: top;
}

.Summary tr.Small {
    font-size: 5px;
}/**
 *  Grund Layout für arkuBiD Ribbon Interface
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1078 $
 *  @package    CSS
 */

/* Main Start */
body {
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    background-color: white;
    text-align: center;    
}

a {
    color: black;
    text-decoration: none;
}

acronym  {
    border-bottom: none;
    text-decoration: none;
}

.Container {
    z-index: 1;
}

/** Menü Anzeige **/
.MenuBackground {
    z-index: 2;
    position: fixed;
    top: 0em;
    left: 0em;
    right: 0em;    
    margin-top: 0;
    margin-bottom: 2em;
        
    background-color: #f5f6ff;
    min-width: 100%;
    min-height: 165px;

    box-shadow: 0 3px 5px rgba(0,0,0,0.5);    
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);    
}

/** Hintergrund für die Ribbon HauptPunkte **/
.MenuRibbon {
    z-index: 3;
    vertical-align: bottom;
    height: 1.6em;    
}

/** Ribbon Liste **/
.MenuRibbon ul {
    margin: 0;
    padding: 0;
    padding-top: 0.10em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    list-style: none;
}

/** Nicht Aktive Ribbon Punkte **/
.MenuRibbon .RibbonInActiv {
    z-index: 0;
    float: left;
    font-family: helvetica, sans-serif;
    font-size: 0.9em;
    color: #5d5e61;
    text-decoration: none;

    margin: 0;
    margin-top: 0.2em;
    margin-right: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0;
    padding-top: 0.25em;
    
    border-top: 1px solid #f5f6ff;
    border-left: 1px solid #f5f6ff;
    border-right: 1px solid #f5f6ff;    
}

.MenuRibbon .RibbonHelp {
    z-index: 0;
    float: right;
    font-family: helvetica, sans-serif;
    font-size: 0.9em;
    color: #5d5e61;
    text-decoration: none;

    margin: 0;
    margin-top: 0.2em;
    margin-right: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0em;
    padding-top: 0.2em;

    border-top: 1px solid #f5f6ff;
    border-left: 1px solid #f5f6ff;
    border-right: 1px solid #f5f6ff;
}

.MenuRibbon .RibbonInActiv:hover, .MenuRibbon .RibbonHelp:hover {
    background-color: rgba(230, 230, 240, 0.3);
    border-bottom: 1px solid rgba(230, 230, 240, 0.3);
    border-top: 1px solid #ffc600;
    border-left: 1px solid #ffc600;
    border-right: 1px solid #ffc600;
}

.MenuRibbon .RibbonActiv {
    z-index: 2;
    float: left;
    font-family: helvetica, sans-serif;
    font-size: 1.0em;
    color: black;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    
    margin: 0;
    margin-top: 0.15em;
    margin-right: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0em;
    padding-top: 0.16em;

    background-color: rgb(137,150,243);
    background: -webkit-gradient(linear, left bottom, left top,
        color-stop(0.1, rgb(214,219,252)),
        color-stop(0.95, rgb(137,150,243)));        
    background: -moz-linear-gradient(
        center bottom,
        rgb(214,219,252) 10%,
        rgb(137,150,243) 95%);    

    box-shadow: 1px -1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px -1px 2px rgba(0,0,0,0.3);

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

.MenuRibbon .RibbonHelpActiv {
    float: right;
    font-family: helvetica, sans-serif;
    font-size: 1em;
    color: black;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;

    margin: 0;
    margin-top: 0.1em;
    margin-right: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0;
    padding-top: 0.25em;

    background: -webkit-gradient(linear, left top, left bottom, from(#8995F3), to(#F4F2FF));
    background: -moz-linear-gradient(top, #8995F3, #F4F2FF);
    -webkit-border-top-left-radius: 7.5px;
    -webkit-border-top-right-radius: 7.5px;
    -moz-border-radius-topleft: 7.5px;
    -moz-border-radius-topright: 7.5px;
}

.MenuRibbon .RibbonActiv:hover, .MenuRibbon .RibbonHelpActiv:hover {
    -webkit-box-shadow: -2px -2px 3px rgba(255, 198, 0, 0.4), 2px -2px 3px rgba(255, 198, 0, 0.4);
    -moz-box-shadow: -2px -2px 3px rgba(255, 198, 0, 0.5), 2px -2px 3px rgba(255, 198, 0, 0.5);
    box-shadow: -2px -2px 3px rgba(255, 198, 0, 0.4), 2px -2px 3px rgba(255, 198, 0, 0.4);
}

/** Hintergrund für die Menü Box **/
.MenuSubMenu {
    z-index: 4;
    margin-left: 0.25em;
    margin-right: 0.25em;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);

    background-color: #8995F3;
    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0.05, rgb(214,219,252)),
        color-stop(0.25, rgb(137,150,243)),
        color-stop(0.8, rgb(137,150,243)),
        color-stop(0.98, rgb(201,206,245)));
    background: -moz-linear-gradient(
        center bottom,
        rgb(214,219,252) 5%,
        rgb(137,150,243) 25%,
        rgb(137,150,243) 80%,
        rgb(214,219,252) 98%);    
}

/** Menu Punkte der Unteraktionen anzeigen **/
.SubMenuAction {
    text-align: left;
    margin: 0;
    padding-top: 0.25em;
    margin-left: 0.75em;
    font-size: 0.9em;    
}

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

.SubMenuAction ul li {
    display: inline;
    padding: 0em;
    margin: 0em;
    cursor: pointer;
}

/** Weitere Aktionen Punkte **/
.SubMenuActiv {    
    font-family: helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding-right: 0.75em;
}

.SubMenuActiv:hover {
    color: rgba(245, 246, 255, 0.95);
}

.SubMenuInActiv {
    font-family: helvetica, sans-serif;
    text-decoration: none;
    padding-right: 0.75em;    
    font-size: 0.9em;
    color: #222222;
}

.SubMenuInActiv:hover {    
    color: rgba(245, 246, 255, 0.95);    
}

/** Container für die weiteren Menü Unterpunkte mit Buttons **/
.SubMenuContent {
    min-height: 98px;
    height: 100%;
    min-width: 100%;
    width: 125%
}

/** arkuBiD Logo immer rechts anzeigen **/
 .SubMenuLogo {
    z-index: 0;
    position: absolute;
    right: 5px;
    top: 55px;    
}

.SubMenuLogo img {
    z-index: 0;
    cursor: help;
}

.SubMenuLogo a, .SubMenuLogo acronym {
    z-index: 0;
    border: none;
    text-decoration: none;
    color: #8995F3;
}

/** Box für die Aufnahme der weiteren Box für die Buttons **/
.SubMenuButtons {
    z-index: 2;
    min-height: 92px;
}

.SubMenuBox {
    float: left;
    font-size: 0.8em;
    
    margin: 0.25em;
    margin-top: 0.45em;
    margin-bottom: 0.1em;
    padding: 0.25em;

    border: 1px solid rgba(245, 246, 255, 0.5);
    border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;

    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);

    color: white;
    font-size: 0.7em;
    z-index: 2;
}

.SubMenuBox:hover {
    background-color: rgba(255,255,255, 0.2);
}

.SubMenuBoxContainer {
    z-index: 2;
}

.TextBox {
    margin-left: 0.2em;
    margin-right: 0.2em;
    padding: 0;
}

.SubMenuBoxContainer .TextBox {
    height: 60px;
}

.SubMenuBoxContainer .TextShort {
    float: left;
    margin: 0.5em;
    font-size: 1.3em;
    font-weight: bold;
}

.SubMenuBoxContainer .SelectMedium {
    margin: 0.5em;    
    width: 20em;
}

.SubMenuElement {    
    padding: 0;
    padding-right: 0.25em;
    padding-left: 0.25em;
    margin: 0;
    cursor: pointer;
    display: inline-block;
}

.SubMenuElement a {
    margin: 0px;
    padding: 0px;

    text-decoration: none;
    border: none;
}

.SubMenuElement img, .SubMenuElement canvas {
    border: none;
    padding: 0px;    
}

.SubMenuBoxText {
    float: inherit;
    text-align: center;
    border-top: 1px solid rgba(245, 246, 255, 0.5);
    font-size: 1.1em;
    margin-top: 0.1em;
    width: 98%;
    margin-left: 0.2em;
    margin-right: 0.2em;
    color: rgb(245, 246, 255);
}

.SubMenuBoxTextLeft {
    float: inherit;
    border-top: 1px solid rgba(245, 246, 255, 0.5);
    text-align: left;
    font-size: 1.1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 0.1em;
    width: 99%;
    color: rgb(245, 246, 255);
}

.SubMenuBoxTextShort {
    width: 97%;
}
/** Status Text **/
.SubMenuStatus {
    float: left;
    text-align: left;
    margin: 0;   
    margin-left: 0.5em;
    margin-top: 0.4em;
    font-size: 0.8em;
    padding-bottom: 0.25em;
}

/** Menü einfahren bzw. Layou wechseln **/
.SubMenuMini {
    float: right;
    text-align: right;
    margin: 0;
    margin-right: 0.5em;
    margin-top: 0.4em;
    font-size: 0.8em;
    cursor: pointer;
}

/** Container für die eigentliche Datenanzeige **/
.ContainerMain {
    z-index: 0;
    position: relative;
    top: 11em;
    padding: 0.25em;
    padding-bottom: 1.5em;
    min-width: 90%;
    max-width: 100%;
}

/** Such Baum für Ortsangaben **/
.AreaTreeHeader {
    z-index: 602;
    position: absolute;
    padding: 0.5em;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.AreaTreeHeader a {    
    padding-right: 1.25em;
    font-size: 0.75em;
    font-weight: bold;
}

.AreaTreeBody {
    z-index: 601;
    text-align: left;
    padding-left: 0em;
    width: 100%
}

.AreaTreeBody ul {
    text-align: left;
    padding-left: 1.5em;
}

.AreaTreeBody ul li {
    
    list-style-type: none;  
    padding-bottom: 0.2em;
}

.AreaTreeBody ul li a {
    font-size: 0.75em;
    font-weight: bold;
    padding-left: 0.5em;
    text-decoration: none;    
}

.AreaTreeBody .big {
    font-size: 1em;
}

.AreaTreeBody img {
    max-height: 1.25em;
}
/**
 *  Layout für Anzeige von Eingabe Optionen und der Datenanzeige
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1094 $
 *  @package    CSS
 */

/* Daten Anzeige Start */
.Display_Data_Name {
  	float: left;
	width: 16em;
	margin: 0em;
  	padding: 0em;

  	font-weight: bold;
  	text-align: left;

  	background-color: white;
}

.Display_Data_Name sup {
	vertical-align: text-top;
	font-size:0.8em;
	font-weight: bold;
}

.Display_Data_Content {
	padding: 0em;
	text-align: left;
	white-space: pre-wrap;
	color: black;
}

.Display_Data_Content input[type=text], .Display_Data_Content input[type=password] {
    min-width: 360px;
    margin: 1px;
    white-space: pre-wrap;
    color: black;
    width: 60%;
}

.Display_Data_Content input[type=text]:focus, .Display_Data_Content input[type=password]:focus {
    border-color: #3f51ff;
}

.Display_Data_Content select {
	margin: 1px;
}

.Display_Data_Content input[type=radio] {
	font-size: 0.8em;
}

.Display_Data_Content_Short {
	padding: 0em;
	text-align: left;
	white-space: nowrap;
	color: black;
}

.Display_Data_Content_Short input[type=text] {
	width: 26em;
	margin: 1px;
	color: black;
}

.Display_Data_Content_Short input[type=text]:focus {
	border-color: #3f51ff;
}

.Display_Data_Content_Short img {
	cursor: pointer;
}

.Display_Data_Content img {
	cursor: pointer;
	margin: 1px;
}

.Display_Data_Content_Should {
	padding: 0em;
	text-align: left;
	white-space: pre-wrap;
	color: black;
}

.Display_Data_Content_Should input[type=text] {
	min-width: 600px;
	margin: 1px;
	color: black;
}

.Display_Data_Content_Should input[type=text]:focus {
/*	background-color: #ffe349;*/
}

.Display_Data_Content_Should_Add {
	min-width: 1.5em;
	max-width: 1.5em;
	max-height: 0.9em;
	margin-left: -1.6em;
	color: black;
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
}

/** Vergleichsfeld Eingabe Box **/
.Display_Data_Content input.InputWithCompare {
    min-width: 490px;
    max-width: 490px;
}

/** Maß-Feld Eingabe Box **/
.DisplayClassDegree {
    padding: 0em;
    max-width: 150px;
    text-align: left;
    white-space: nowrap;
    color: black;
}

.DisplayClassDegree input[type=text] {
    min-width: 97px;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 0.1em;
    margin-bottom: 1px;
    color: black;
    width: 73%;
}

.DisplayClassDegree input[type=text]:focus {
    border-color: #3f51ff;
}

.DisplayClassDegree select {
    margin-top: 1px;
    margin-bottom: 1px;
}

.DisplayClassDegree select.DegreeSelectShort {
    width: 120px;
    margin-left: 1px;
}

.DisplayClassDegree select.DegreeSelectLong {
    width: 180px;
    margin-right: 1px;
    margin-left: 0px;
}
/** Maß-Feld Angabe Ende **/

.Display_Data_Content_Degree_Short {
	padding: 0px;
	text-align: left;
	white-space: nowrap;
	color: black;
}

.Display_Data_Content_Degree_Short input[type=text] {
	min-width: 500px;
	margin: 1px;
	color: black;
}

.Display_Data_Content_Degree_Short input[type=text]:focus {
	background-color: #ffe349;
}

.Display_Data_Content_Degree_Short select {
	margin: 1px;
}

.Display_Data_Mesh {
	white-space: pre;
}

.Display_Data_Topline {
	min-height: 0.6em;
	max-height: 0.6em;
	margin: 0em;
	padding: 0em;
}

.Display_Data_Topline_Mode {
	min-height: 0.6em;
	max-height: 0.6em;
	margin: 0em;
	padding: 0em;
}

.Display_Data_Topline_Mode_Clear {
	max-height: 0px;
	margin: 0em;
	padding: 0em;
}

.Display_Data_Button {
	margin-left: 14em;
}

.Display_Data_Info {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.Display_Data_Select_Long {
	width: 27.5em;
	min-width: 27.5em;
	max-width: 27.5em;
}

.Display_Data_Select_Middle {
	margin-top: 1px;
	margin-bottom: 1px;
	width: 12em;
}

.Display_Data_Select_Short {
	width: 7.5em;
	margin-top: 1px;
	margin-right: 0.25em;
	margin-bottom: 1px;
}

.Display_Data_Ageing {
	padding: 0em;
	text-align: left;
	white-space: nowrap;
	color: black;
}

.Display_Data_Ageing input[type=text] {
	width: 7.25em;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 0.25em;
	margin-bottom: 1px;
	color: black;
}

.Display_Data_Ageing input[type=text]:focus {
	border-color: #3f51ff;
}

.Display_Data_Titel {
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.75em;
}

.Display_Should {
	vertical-align: super;
	font-size:0.8em;
}

.Should_Field_Box {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -13em;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffe349;
}

.Should_Field_Box_Short {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -10.5em;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffe349;
}

.Must_Field_Box {
	z-index: 60;
	padding-top: 0.25em;
	margin-left: -12em;
	font-weight: bold;
	font-size: 0.8em;
	color: red;
}
/* Daten Anzeige Ende */

/* Neuen Eintrag anlegen Start */
.Display_Short_Name {
  	float: left;
	width: 16em;
	margin-left: 2em;
  	padding: 0em;

  	font-weight: bold;
  	text-align: center;

  	background-color: white;
  	text-align: left;
}

.Display_Short_Content {
	padding: 0em;
	text-align: left;
	white-space: nowrap;
	color: black;
}

.Display_Short_Content input[type=text] {
	min-width: 200px;
	margin: 1px;
	color: black;
}

.Display_Short_Content input[type=text]:focus {
	border-color: #3f51ff;
}

.Display_Short_Select {
	width: 200px;
}
/* Neuen Eintrag anlegen Ende */

/** Ergebnis Anzeige als Liste Start **/
.ResultContainerList {
    clear: left;
    position: relative;
    left: .5em;
    right: .5em;
    top: .5em;
    margin-bottom: 1.5em;
    width: 100%;
    min-height: 250px;
    border-top: 1px solid #8793F3;
    border-bottom: 1px solid #8793F3;
    cursor: pointer;
    height: auto;    
}

.ResultContainerList:hover {    
    box-shadow: 1px 3px 5px rgba(0,0,0,0.5);
}

.ResultContainerListImageBox {
    float: left;
    position: absolute;
    min-width: 250px;
    max-width: 250px;
    width: 250px;    
    height: 100%;
    background-color: #E2E5FF;
    
    /*border-bottom: 1px solid #8793F3;    
    /*
    float: left;
    min-width: 250px;
    max-width: 250px;
    width: 250px;

    min-height: 250px;
    max-height: 250px;
    height: 250px;

    background-color: #e2e5ff;   
    */
}

.ResultContainerListActiv {
    clear: left;
    position: relative;
    left: .5em;
    right: .5em;
    top: .5em;
    margin-bottom: 1.5em;
    width: 100%;
    min-height: 250px;
    border-top: 1px solid #ffc600;
    border-bottom: 1px solid #ffc600;
    cursor: pointer;
    height: auto;       
    box-shadow: 1px 3px 5px rgba(0,0,0,0.5);
}

.ResultContainerListImageBoxActiv {
    float: left;
    min-width: 250px;
    max-width: 250px;
    width: 250px;

    min-height: 250px;
    max-height: 250px;
    height: 250px;

    background-color: #ffc600;
}

.ResultContainerListCount {
    top: 0;
    left: 0;
    font-size: 0.8em;
    text-align: right;
    padding-right: 0.25em;
}

.ResultContainerListCountActiv {
    top: 0;
    left: 0;

    font-size: 0.8em;
    text-align: right;

    background-color: #ffc600;
    border-right: 1px solid #ffc600;
    padding-right: 0.25em;
}

/** Für die Listen Ansicht ohne Bild **/
.ResultContainerListWithoutImage {
    width: 100%;
    margin-top: 0.25em;
    text-align: left;
}

/** Formatierung der Datenanzeige für die Listen Anzeige **/
/** Bezeichnung **/
.Display_Result_Name {
    font-weight: bold;
    float: left;
    width: 16em;
    margin-left: 0.5em;
    padding: 0em;
    background-color: white;
}

/** Inhalt **/
.Display_Result_Content {
    margin-left: 16em;
    padding-left: 16em;
    text-align: left;
    white-space: pre-wrap;
    color: black;
}

/** Autocompleter Einträge formatieren Start **/
.Autocomplete {
    min-width: 500px;
    max-height: 40em;

    overflow: auto;
    background-color: white;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.Autocomplete ul {
	margin: 0;
	padding-left: 0;
	width: 100%;
	list-style-type: none;
	text-align: left;
	white-space: pre-wrap;
}

.Autocomplete ul li.selected {
	background-color: #e2e5ff;
}

.Autocomplete ul li {
	background-color: white;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
}
/** Autocompleter Einträge formatieren Ende **/

/** Formatierung von Eingabe Feldern im Ribbon Menü **/
.RibbonBoxDataBox {    
    float: left;    
    min-height: 65px;
}

.RibbonBoxDataBoxSmall {
    width: 300px;
}

.RibbonBoxDataBoxMedium {
    width: 400px;
}

.RibbonBoxDataName {
    font-size: 1.25em;
    font-weight: bold;
    float: left;
    
    margin-left: 0.25em;
    margin-top: 0.25em;
    padding: 0em;
    text-align: left;
}

.RibbonBoxDataNameSmall {
    width: 5em;
}

.RibbonBoxDataNameMedium {
    width: 10em;
}

.RibbonBoxDataContent {
    margin-top: 0.25em;
    margin-left: 10em;
    padding: 0em;
    text-align: left;
    white-space: nowrap;
    color: black;
}

.RibbonBoxDataContentSmall {
    margin-left: 5em;
}

.RibbonBoxDataContentMedium {
    margin-left: 10em;
}

.RibbonBoxDataContent input[type=text]{
    min-width: 300px;
}

.Menu_Data_Content input[type=text] {
	min-width: 500px;
	margin: 1px;
	color: black;
}

.Menu_Data_Content input[type=text]:focus {
	border-color: #3f51ff;
	margin: 1px;
	color: black;
}

.Menu_Data_Button {
	float: left;
	margin-left: 5.25em;
	margin-top: 0;
}

.Menu_Data_Long {
	font-weight: bold;
  	float: left;
	width: 7em;
	margin-left: 0.25em;
	margin-top: 0.25em;
  	padding: 0em;
	text-align: left;
}


/*** Formatierung der Tabelle für die Anzeige der Daten ***/
.Display {
    margin: 0;
    padding: 0;
    text-align: left;    
}

.Display .Line {
    font-size: 0.4em;
}

.Display .Label {
    font-weight: bold;
    min-width: 15.5em;
    vertical-align: top;
    width: 15.5em;
}

.Display .Content {
    min-width: 600px;
    vertical-align: top;
}

.Display .Content input[type=text] {
    min-width: 600px;
    width: 100%;
}

.Display .Edit:hover {
    background-color: #CDD2FF;
    cursor: pointer;
}/**
 *  Format Angaben für Buttons, sowohl die in der Ribbon Leiste als auch die Text Buttons
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 871 $
 *  @package    CSS
 */

/** Button für die Sonderzeichen Tastatur **/
.specialCharButton {
    margin: 0em;
    padding-left: 0em;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}

/** CSS 3 Buttons mit Text ohne Bild **/
.Button {
    text-align: center;
}

.textButton {
    position: relative;
    display: inline-block;
    font-size: 1.6em;
    font-weight: bold;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
    text-align: center;

    cursor: pointer;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 0.1em;
    padding-bottom: 0.2em;
    min-width: 5em;
    margin-right: .25em;
    margin-bottom: 3px;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    background-color: #8995F3;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);

    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0.05, rgb(214,219,252)),
        color-stop(0.25, rgb(137,150,243)),
        color-stop(0.8, rgb(137,150,243)),
        color-stop(0.98, rgb(201,206,245)));
    background: -moz-linear-gradient(
        center bottom,
        rgb(214,219,252) 5%,
        rgb(137,150,243) 25%,
        rgb(137,150,243) 80%,
        rgb(214,219,252) 98%);
}

.textButton:hover {
    box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}

.textButton span {
    position: absolute;
    display: block;
    width: 96.5%;
    left: 2.5%;
    top: 0px;
    height: 35%;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    background-color: rgba(255,255,255,0.25);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
}

.textButtonSmall {
    font-size: 0.9em;
    color: white;
}

.textButtonMedium {
    margin-top: 0.75em;
    font-size: 1.25em;
    color: white;
}
/** CSS 3 Text Button Ende **/

/** Rahmen für die Buttons **/
.GlossyButton {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 45px;
    height: 45px;
    margin: 2px;

    border: 1px solid rgba(245, 246, 255, 0.5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);

    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0.05, rgb(214,219,252)),
        color-stop(0.25, rgb(137,150,243)),
        color-stop(0.85, rgb(137,150,243)),
        color-stop(0.98, rgb(201,206,245)));
    background: -moz-linear-gradient(
        center bottom,
        rgb(214,219,252) 5%,
        rgb(137,150,243) 25%,
        rgb(137,150,243) 90%,
        rgb(214,219,252) 98%);
    color: white;
}

.GlossyButton:hover {
    border: 1px solid rgb(245, 246, 255);
}

.GlossyButton img {
    width: 40px;
    height: 40px;
    margin-top: 2px;
}

.GlossyButton canvas {
    width: 40px;
    height: 40px;
    margin: 0px;
}

.GlossyButton span {
    position:absolute;
    display: block;

    width: 100%;
    left: 0px;
    top: 0px;
    height: 45%;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 30px 10px;
    border-bottom-right-radius: 30px 10px;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 30px 10px;
    -webkit-border-bottom-right-radius: 30px 10px;

    -moz-border-radius-topright:  10px;
    -moz-border-radius-topleft:  10px;
    -moz-border-radius-bottomright:  30px 10px;
    -moz-border-radius-bottomleft:  30px 10px;

    background-color: rgba(255,255,255,0.25);
    background-image: -webkit-gradient(
                linear, 0% 0%, 0% 100%,
                from(rgba(255,255,255,0.5)),
                to(rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
}

/** Kleine Text Buttons neben den Eingabe Feldern (Hilfe, Add, Minus, Spezial) Start **/
.Help_Button {
    margin: 0em;
    padding-left: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
    cursor: help;
}

.Special_Char_Button {
    margin: 0em;
    padding-left: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}

.Additional_Button {
    margin: 0em;
    padding-left: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}
/** Ende **/

/** Tasten Layout für Sonderbuchstaben - Start **/
.Special_Chars_Content  {
    float: left;
    color: black;
    font-size: 12px;
    background-color: white;

    margin: 0.25em;
    padding: 0.25em;
    cursor: pointer;
    border: 1px solid black;
}

.Special_Chars_Content:hover {
    background-color: #ffc600;
}
/** Tasten Layout für Sonderbuchstaben - Ende **/
/**
 *  Layout Angaben für die Anzeige von Dialog Boxen
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1075 $
 *  @package    CSS
 */
/** Fehler als Liste im Dialog anzeigen **/
.ErrorList {
    text-align: left;
}

/** Autocomplet Angaben für Autocompleter in Dialog Boxen **/
.DialogAutocomplete {
    z-index: 1005;

    overflow: auto;
    background-color: white;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.DialogAutocomplete ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    text-align: left;
    white-space: pre-wrap;
}

.DialogAutocomplete ul li.selected {
    background-color: #e2e5ff;
}

.DialogAutocomplete ul li {
    background-color: white;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
}

/** ol und li Listen in Dialog Fenstern (z. Z. nur für Nutzungsbedingungsanzeige) **/
.dialog ol {
    list-style-type: upper-roman;
    text-align: left;
    font-size: 1.25em;
}

.dialog ol li {
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 0.25em;
    font-weight: bold;
}

.dialog ol ol {
    list-style-type: decimal;
    font-size: 1em;
}

.dialog ol ol li {
    padding-bottom: 0.5em;
    font-weight: normal;
}

/*** Dialog Box Einträge Formatieren **/
.DialogContentBox {
    color: black;
    text-align: left;
}

.DialogTextBox {
    margin-bottom: 0.25em;
}

.DialogContentError {
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: #FFC600;
    border: 1px solid #FF9A0D;
}

.DialogRow {
    margin: 5px;
}

.DialogRowLeft {
    float: left;
    height: 1.2em;
    width: 135px;
    margin-top: 0.4em;
    font-weight: bold;
    font-size: 1em;
    vertical-align: middle;
}

.DialogRowRight {
    margin-left: 140px;
    height: 1.2em;
}

.DialogRowRight input {
    height: 1em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    width: 150px;
}

.DialogLogin {
    vertical-align: middle;
    text-align: center
}


/** NewDialog Formatierungen **/
.nDialog {
    overflow: hidden;
    z-index: 900;       
    margin-left: auto;
    margin-right: auto;    
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    cursor: move;
}

.nDialog input {
    width: 15em;
}

.nDialog input[type=checkbox] {
    width: 2em;
}

.nDialog th {
    text-align: right;
}

.nDialogOverlay {
    background-color: rgba(133, 187, 239, 0.5);
    min-height: 100%;
    min-width: 100%;
}

/** Standard Template für NewDialog **/
.White  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: move;
}

.White .Title {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);    
    text-align: center;
    padding-top: 0.25em;
}

.White .StatusError {
    background-color: rgba(255, 40, 0, 0.3);
    border: 1px solid #E80E0C;
    padding: 0.25em;
    margin: 0.25em;
    text-align: center;
}

.White .StatusNotice {
    background-color: rgba(255, 154, 13, 0.3);
    border: 1px solid #FF9A0D;
    padding: 0.25em;
    bottom-margin: 0.25em;
    text-align: center;
}

.White .StatusInfo {
    border: 1px solid rgba(137, 149, 243, 0.8);
    background-color: rgba(137, 149, 243, 0.6);
    padding: 0.25em;
    text-align: center;
    margin: 0.25em;
}

.White .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);    
}

.White .Button {
    margin-bottom: 0.5em;
}

.White .Options {
    text-align: right;    
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

.List {
    font-weight: bold;
    text-align: center;
    padding-bottom: 0.5em;
}

.Options a, .List a {
    text-decoration: none;
}

.Options a:hover, .List a:hover {
    color: grey;
}

/** Login Template **/
.Login  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font:0.9em arial;
    background-color: white;
    cursor: pointer;    
}

.Login .Title {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    padding-top: 0.25em;
}

.Login .StatusError {
    background-color: rgba(255, 40, 0, 0.3);
    border: 1px solid #E80E0C;
    padding: 0.25em;
    margin: 0.25em;
    text-align: center;
}

.Login .StatusNotice {
    background-color: rgba(255, 154, 13, 0.3);
    border: 1px solid #FF9A0D;
    padding: 0.25em;
    bottom-margin: 0.25em;
    text-align: center;
}

.Login .StatusInfo {
    border: 1px solid rgba(137, 149, 243, 0.8);
    background-color: rgba(137, 149, 243, 0.6);
    padding: 0.25em;
    text-align: center;
    margin: 0.25em;
}

.Login .Content {
    margin: 0;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Login .Button {
    text-align: center;
}

.Login .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.4em;
    padding-bottom: 0.2em;
}

.Login .LoginNoError {
    padding: 0.25em;
    margin-bottom: 0.25em;
}

.Login .LoginError {
    background-color: rgba(255, 40, 0, 0.3);
    border: 1px solid #E80E0C;
    padding: 0.25em;
    margin-bottom: 0.25em;
}

.Login table {
    margin: auto;
    padding: 0;
}

.Login table tr th {

    float: right;
    vertical-align: middle;
}

.Login table tr td {
    text-align: center;
}

.Login table tr td input[type=text], .Login table tr td input[type=password]  {
    /*font-size: 1.2em;*/
    width: 15em;
    vertical-align: middle;
    border: 1px solid black;
}

/** Laden Template **/
.Loading {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 7.5px;
    -moz-border-radius: 7.5px;
}

.Loading .Title {
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);    
    text-align: center;
    padding-top: 0.2em;
}

.Loading .Content {
    margin: auto;
    padding: 0.5em;
    min-height: 30px;
    text-align: center;
    
}

.Loading .Button {
    margin-bottom: 0.5em;
}

.Loading .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

.Options a {
    text-decoration: none;
}

/** CSS3 Laden Animation für Webkit **/
/** Start **/
.LoadingElement {
    float: left;
    height: 25px;
    width: 7.5px;

    margin-left: 5px;
    background-color: #9FC0FF;
    border: 1px solid #8995F3;
    opacity: 0.1;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);

    -webkit-transform: scale(0.7);
    -webkit-animation-name: Loading;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
}

.LoadingElementDelayThree {
    -webkit-animation-delay: .3s;
}

.LoadingElementDelayFour {
    -webkit-animation-delay: .4s;
}

.LoadingElementDelayFive {
    -webkit-animation-delay: .5s;
}

.LoadingElementDelaySix {
    -webkit-animation-delay: .6s;
}

.LoadingElementDelaySeven {
    -webkit-animation-delay: .7s;
}

.LoadingElementDelayEight {
    -webkit-animation-delay: .8s;
}

.LoadingElementDelayNine {
    -webkit-animation-delay: .9s;
}

@-webkit-keyframes Loading{
    0%{
        -webkit-transform: scale(1.2);
        opacity:1;
    }
    100%{
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}
/** Ende **/

/** Fehler Template **/
.Error  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: move;
}

.Error .Title {
    font-weight: bold;
    border-top: 1px solid rgba(255, 0, 0, 0.8);
    background-color: rgba(255, 0, 0, 0.6);
    text-align: center;
    padding-top: 0.25em;
}

.Error .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);    
}

.Error .Button {
    margin-bottom: 0.5em;
}

.Error .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

/** Hilfe Template **/
.Help  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: move;
}

.Help .Title {
    font-weight: bold;
    border-top: 1px solid rgba(137, 149, 243, 0.8);
    background-color: rgba(137, 149, 243, 0.6);
    text-align: center;
    padding-top: 0.25em;
}

.Help .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Help .Button {
    margin-bottom: 0.5em;
}

.Help .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

/** Pflicht-Felder Template **/
.Must  {
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 40, 0, 0.9);
    cursor: move;
}

.Must .Title {
    font-weight: bold;
    border-top: 1px solid rgba(255, 40, 0, 0.8);
    background-color: rgba(255, 40, 0, 0.6);
    text-align: center;
    padding-top: 0.25em;
}

.Must .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(255, 40, 0, 0.1);
}

.Must .Button {
    margin-bottom: 0.5em;
}

.Must .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

/** Soll-Felder Template **/
.Should  {
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 154, 13, 0.9);
    cursor: move;
}

.Should .Title {
    font-weight: bold;
    border-top: 1px solid rgba(255, 154, 13, 0.8);
    background-color: rgba(255, 154, 13, 0.6);
    text-align: center;
    padding-top: 0.25em;
}

.Should .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(255, 154, 13, 0.1);
}

.Should .Button {
    margin-bottom: 0.5em;
}

.Should .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

/** Frage Template **/
.Question  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: move;
}

.Question .Title {
    font-weight: bold;
    border-top: 1px solid rgba(255, 198, 0, 1);
    background-color: rgba(255, 198, 0, 0.9);
    text-align: center;
    padding-top: 0.25em;
}

.Question .Content {
    margin: 0em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Question .Button {
    margin-bottom: 0.5em;
}

.Question .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}

/** Hinweis Template **/
.Notice  {
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: rgba(255, 198, 0, 0.95);
    cursor: move;
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.Notice .Content {
    margin: 0em;    
    text-align: center;
    padding: 0.25em;
}

/** Lightroom Template **/
.DialogLightroom {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    max-height: 100%;
    max-width: 100%;    
}

.DialogLightroomNavigation {  
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5em;    
}

.DialogLightroomNavigationLeft {
    float: left;
    text-align: left;
    font-size: 1.5em;
}

.DialogLightroomNavigationRight {
    float: right;
    text-align: right;
    font-size: 1.5em;
}

.DialogLightroomNavigationElement {
    min-width: 85px;  
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 3em;
    cursor: pointer;
    color: rgba(0,0,0,0);
}

.DialogLightroomNavigationElement:hover {
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
}

.DialogLightroomNavigationMenu {
    clear: both;       
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.0);
    color: rgba(0,0,0,0);
    bottom: 0;
    font-size: 1.25em;
    padding: 0.5em;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
}

.DialogLightroomNavigationMenu a {
    color: rgba(0,0,0,0);
    text-decoration: none;
    margin: 0.25em;
}

.DialogLightroomNavigationMenu:hover {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: black;
}

.DialogLightroomNavigationMenu:hover a {
    color: black;
    text-decoration: none;
    margin: 0.25em;
}

.DialogLightroomNavigationMenu:hover a:hover {
    opacity: 0.5;
}

.DialogLightroomNavigationMenu:hover a.Download {
    background: url('CSS/Image/Icon/Download.png') no-repeat left center;
    padding-left: 20px;
}

.DialogLightroomNavigationMenu:hover a.Detail {
    background: url('CSS/Image/Icon/Detail.png') no-repeat left center;
    padding-left: 20px;
}

.DialogLightroomNavigationMenu:hover a.Marker {
    background: url('CSS/Image/Icon/Marker.png') no-repeat left center;
    padding-left: 20px;
}

/** Area Template (enger Content) **/
.Area  {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    background-color: white;
    cursor: pointer;
}

.Area .Title {
    font-weight: bold;
    border-top: 1px solid rgba(137, 149, 243, 0.8);
    background-color: rgba(137, 149, 243, 0.6);
    text-align: center;
    padding-top: 0.25em;
}

.Area .Content {
    margin: 0em;
    padding: 0em;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Area .Button {
    margin-bottom: 0.5em;
}

.Area .Options {
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    padding-right: 0.8em;
    padding-bottom: 0.4em;
}
/**
 *  CSS Eigenschaften für Elemente die nur in der Suchmaske vorkommen
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1093 $
 *  @package    CSS
 */

 /** Einfache Suche **/
.SearchSimpleBox {
    text-align: left;
    min-height: 40px;
    min-width: 800px;
    max-width: 100%;
    margin-top: 2em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.SearchSimpleButton {
    float: right;
    width: 130px;
}

.SearchSimple {    
    float: left;    
    width: 80%;
}

.SearchSimple input[type=text], .SearchSimple input[type=search]{
    float: left;        
    width: 100%;
    height: 1.5em;
    font-size: 1.4em;
}

#Search_String_Autocomplete {	
    background: white;
    color: black;
    overflow: hidden;
    z-index: 10;
}

#Search_String_Autocomplete ul {	
    margin: 0;
    padding-left: 0;    
    list-style-type: none;
    text-align: left;
    font-size: 1.4em;    
    
    border-left: 1px solid #ccccff;
    border-bottom: 1px solid #ccccff;
    border-right: 1px solid #ccccff;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
}

#Search_String_Autocomplete ul li {
    margin: 0;
    padding: 3px;
    cursor: pointer;
}

#Search_String_Autocomplete ul li span {
    position: absolute;
    right: 0;

    font-size: 0.7em;
    margin-right: 0.5em;
    padding-right: 0.5em;
    color: #4353d5;
}

#Search_String_Autocomplete ul li.selected {
    background-color: #e2e5ff;
}

#Search_String_Autocomplete ul strong.highlight {
    color: #e2e5ff;
    margin: 0;
    padding: 0;
}
/** Einfache Suche Ende **/

/** Einfache Suche Info Box **/
.SearchSimpleInfoBox {
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    font: 0.9em arial;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.9);
    
    margin-right: auto;    
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    width: 640px;
}

.SearchSimpleInfoBoxTitle {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);    
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);        
    padding-left: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.2em;
}

.SearchSimpleInfoBoxContent {
    padding: 0.5em;
}

.SearchSimpleInfoBoxClose {
    font-size: 0.7em;
    text-align: right;
    padding-right: 0.8em;
    padding-bottom: 0.6em;
    cursor: pointer;
    font-weight: bold;
}

/* Suche -> Erweiterte Suche Start */
.Search_Extended {		
	float: left;	
	text-align: left;
	padding-top: 0.25em;	
	margin-left: 0.25em; 	
	margin-bottom: 0;
}

.Extended_Data {
	font-weight: bold;
  	float: left; 
	width: 16em;
	margin-left: 0.25em;
  	padding: 0em;
}

.Extended_Content {			
	font-weight: normal;
	text-align: left;	
	white-space: nowrap;		
	color: black;	
}

.Extended_Content input[type=text] {	
	min-width: 500px;	
	margin: 1px;
	color: black;
}

.Extended_Content input[type=text]:focus {	
	border-color: #3f51ff;		
	color: black;			
	background-color: white;
}

.Extended_Content input[type=password] {	
	min-width: 500px;	
	margin: 1px;
	color: black;
}

.Extended_Content input[type=password]:focus {	
	border-color: #3f51ff;		
	color: black;			
	background-color: white;
}

.Extended_Content select {		
	margin: 1px;			
}



.Extended_Content_Degree {
	font-weight: normal;
	text-align: left;	
	white-space: nowrap;		
	color: black;	
}

.Extended_Content_Degree input[type=text] {	
	min-width: 221px;	
	margin: 1px;
	color: black;
}

.Extended_Content_Degree input[type=text]:focus {	
	border-color: #3f51ff;			
}

.Extended_Content_Degree select {		
	margin: 1px;			
}

.Extended_Content_Ageing {			
	padding: 0em;
	text-align: left;	
	white-space: nowrap;
	color: black;	
}

.Extended_Content_Ageing input[type=text] {	
	width: 7.25em;	
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 0.25em;
	margin-bottom: 1px;
	color: black;		
}

.Extended_Content_Ageing input[type=text]:focus {
	border-color: #3f51ff;			
}

.Extended_Button {
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 12.5em;
}
/* Suche ->Erweitert  Ende */

/* Suche -> Alle -> Gattungen Start */
.Search_Class {	
	clear: left;
	float: left;
	margin-left: 5px; 	
	font-size: 0.9em;
	padding-top: 0;
	margin-top: 0;
	text-align: left;
}
/* Suche -> Alle -> Gattugen Ende */

/*  Bilder Suchen Start */
.Picture_Search {
    font-weight: bold;
    float: left;
    width: 12em;
    margin-left: 0.25em;
    padding: 0em;
}

.Picture_Search_Content {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    color: black;    
}

.Picture_Search_Content select {
    margin-top: 1px;
    margin-bottom: 1px;
}

.Picture_Search_Content select:focus {
    border-color: #3f51ff;
    background-color: white;
}

.Picture_Search_Select_Long  {
    width: 30.4em;
}

.Picture_Search_Select_Short {   
    width: 10em;
}

.Picture_Search_Content input[type=text] {    
    margin-top: 1px;
    margin-bottom: 1px;
}

.Picture_Search_Content input[type=text]:focus {
    border-color: #3f51ff;		
    background-color: white;
}

.Picture_Search_Content_Input_Long {
    width: 30em;
}

.Picture_Search_Content_Input_Short {
    width: 19.5em;
}

.Search_Picture_Autocomplete {
    width: 30em;

    overflow: auto;
    background-color: white;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.Search_Picture_Autocomplete ul {
    margin: 0;
    padding-left: 0;
    width: 100%;
    list-style-type: none;
    text-align: left;
    white-space: pre-wrap;
}

.Search_Picture_Autocomplete ul li.selected {
    background-color: #e2e5ff;
}

.Search_Picture_Autocomplete ul li {
    background-color: white;
    margin: 0px;
    padding: 2px;	
    cursor: pointer;
}


/* Bilder Suche Ende */

/* Suchergebniss Anzeige als Bilder Übersicht Start */
.ResultContainerOverview {
    float: left;
    margin: 0.75em;

    min-width: 125px;
    min-height: 125px;

    max-width: 125px;
    max-height: 125px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    cursor: pointer;
}

.ResultContainerOverviewMoveable {
    float: left;
    margin: 0.75em;

    min-width: 125px;
    min-height: 125px;

    max-width: 125px;
    max-height: 125px;

    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    cursor: move;
}

.ResultContainerOverviewActiv {
    float: left;
    margin: 0.75em;

    min-width: 125px;
    min-height: 125px;

    max-width: 125px;
    max-height: 125px;

    background-color: #ffc600;
    border: 1px solid #ffc600;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5), -1px -1px 5px rgba(0,0,0,0.5);
    cursor: pointer;
}

.ResultContainerOverviewImageBox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 125px;
    height: 125px;
}

.ResultContainerOverviewImage img {
    max-width: 125px;
    max-height: 125px;
}

.ResultContainerOverviewMarked {
    text-align: right;
    position: relative;
    bottom: 44px;
}

.ResultContainerOverviewZoom {
    text-align: center;
    max-width: 200px;
    min-width: 200px;
    max-height: 200px;
    min-height: 200px;
    
    background-color: #e2e5ff;
    border: 1px solid #8793f3;
    box-shadow: 1px 1px 35px rgba(0,0,0,0.5), -1px -1px 35px rgba(0,0,0,0.5);
    cursor: pointer;
}

.ResultContainerOverviewZoomBox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
}

.ResultContainerOverviewZoomBox img {
    max-width: 200px;
    max-height: 200px;
}
/* Suchergebniss Anzeige Ende */

/*Leuchtpult Start */
.brown {
    background-color: #DEB887;
}

.yellow {
  background-color: #FFFF00;  
}

.violett {
  background-color: #8A2BE2;  
}

.turquoise {
  background-color: #00FFFF;  
}

.green {
  background-color: #7FFF00;  
}

.red {
  background-color: #FF4500;  
}

.activ {
    background-color: #FFC600;
}


.Lightroom_Pictures {
	/*float: left;
	/*background-color: red;		
	/*margin-right: 300px;*/	
}


.Lightroom_Pictures_Activ {	
	margin-right: 285px;
}

.Lightroom_Lecture {
	display: none;
}

.Lightroom_Lecture_Activ {	
	float: right;
		
	max-width: 265px;
	width: 265px;
	/*margin-right: 0.25em;*/
	
	padding-right: 5px;
	padding-left: 5px;
	
	background-color: #8793f3;		
}

.Lightroom_Image {	
	float: left;
		
	height: 135px;
	max-height: 135px;		
	width: 135px;
	max-width: 135px;		
	
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	
	background-color: #e2e5ff;	
	border: 1px solid #8793f3;
			
	cursor: pointer;		
}

.Lightroom_Image_Aciv {	
	float: left;
		
	height: 135px;
	max-height: 135px;		
	width: 135px;
	max-width: 135px;		
	
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	
	background-color: #ffc600;	
	border: 1px solid #8793f3;
			
	cursor: pointer;	
}

.Lightroom_Image_Box {		
	position:absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;	
		
	max-height: 125px;			
	max-width: 125px;	
	
	background-color: white;
}

.Lightroom_Image_Box_Box {	
	display: table-cell;
	text-align: center;
	vertical-align: middle;	
		
	height: 125px;	
	min-height: 125px;
	max-height: 125px;
	
	width: 125px;	
	min-width: 125px;
	max-width: 125px;
}


.Lightroom_Image_Box_Box img {				
	max-width: 125px;
	max-height: 125px;	
}


.Lightroom_Image_Box_Activ {			
	overflow: hidden;
	
	height: 132px;
	max-height: 132px;		
	width: 132px;
	max-width: 132px;	
	
	display: table-cell;
	text-align: center;
	vertical-align: middle;			
	
	border: 4px solid #ffc600;
	background-color: white;
}

.Lightroom_Image_Box_Activ img {		
	overflow: hidden;				
	max-width: 125px;
	max-height: 125px;	
	border: none;	
}

.Lightroom_Selecter {
	min-width: 250px;
}

.Lecture_Left {
	float: left;
	
	width: 125px;	
	min-height: 125px;
	
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding: 0px;
	
	border: 1px solid #8793f3;	
	background-color: #f5f6ff;
}

.Lecture_Right {	
	float: right;
	width: 125px;	
	min-height: 125px;
	
	margin-right: 0px;	
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding: 0px;
	
	border: 1px solid #8793f3;	
	background-color: #f5f6ff;
}

.Lecture_Image {	
	width: 125px;
	min-width: 125px;
	max-width: 125px;
		
	height: 125px;	
	min-height: 125px;
	max-height: 125px;
		
	margin-bottom: 0.5em;
	
	background-color: #e2e5ff;
	border: 1px solid #8793f3;
	
	cursor: pointer;		 	
}

.Lecture_Image img {	
	max-width: 125px;
	max-height: 125px;		
}

.Lecture_Image_Activ {	
	width: 125px;
	min-width: 125px;
	max-width: 125px;
		
	height: 125px;	
	min-height: 125px;
	max-height: 125px;
		
	margin-bottom: 0.5em;
	
	background-color: #e2e5ff;
	border: 1px solid #ffc600;
	
	cursor: pointer;		 	
}

.Lecture_Image_Activ img {
	max-width: 125px;
	max-height: 125px;	
}
/* Leuchtpult Ende */

/*	Datensatz Zusammenfassung Start */
.Info_Pic {
	float: left;
	position: relative;
	top: 0;	
	min-width: 250px;
	max-width: 250px;
	width: 250px;
	
	min-height: 250px;
	max-height: 250px;
	height: 250px;
	
	background-color: #e2e5ff;
	border: 1px solid #8793f3;	
	cursor: url(../../CSS/Image/Magnifier.cur), pointer;
}

.Info_Pic_Box {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 250px;
	height: 250px;
}

.Info_Pic img {
	max-width: 250px;
	max-height: 250px;
	border: none;
}

.Info_Pic a {
	border: none;
}
/*	Datensatz Zusammenfassung Ende */

/*	Vorträge Start	*/
.Lecture_All {
	position: relative;
	top: 2.5em;
}

table.Lecture.thead.th {
	border-bottom: 1px solid grey;
}

.Lecture_Table_th {
	font-size: 1em;	
	min-width: 7em;
	height: 1.25em;
	margin: 0;
	padding: 0;

	cursor: pointer;
}

.Lecture h3{
	
}
/*	Vorträge Ende	*/

/* Bestellen Start */
.Pic_Input {
	margin-bottom: 2.5em;
}
/* Bestellen Ende */

/*	Suchverlauf Start */
.HistoryDateArea {
	margin-left: 0.5em;
	min-width: 750px;
	text-align:left;
}

.HistoryDateArea h4 {
	font-size: 1.25em;
	font-weight:bold;
	margin-bottom: 1em;
	margin-top: 0em;
}

.HistoryDateArea a {
	text-decoration: underline;
	cursor: pointer;
}

.HistoryElement {
	margin-left: 0.5em;
	margin-bottom: 0.75em;
	padding: 0.25em;	
	cursor: pointer;	
}

.HistoryElement:hover {
		background-color: #ffc600; /*e2e5ff;
	border: 1px solid #ffc600;		*/	 	
}

/*	Suchverlauf Ende */

/* Persönliche Einstellungen Ändern */

/** Gattung Reihenfolge ändern **/
.SortTables {
    width: 95%;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.SortTables ul {    
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0em;
    text-align: left;
}

.SortTables li {    
    border: 1px solid black;
    background-color: white;
    text-decoration: none;
    list-style-type: none;
    margin: 0.5em;
    padding: 0.25em;	
    cursor: move;
}

.SortTables li:hover {
    background-color: #e2e5ff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.SortTables li span {
    display: block;
    page-break-before: always;
    font-size: 0.7em;
    font-style: italic;
    margin-right: 2.5em;
}

.SortTables li span input  {
    margin-right: 1em;
}
/* Persönliche Einstellungen Ende */

/* Kurze Felder Start */
.Data_Name_Short {
	font-weight: bold;
  	float: left; 
	width: 16em;
	margin: 0em;
  	padding: 0em;	
  	background-color: white;
}

.Data_Content_Short {					
	white-space: pre-wrap;		
	color: black;		
	margin-left: 16em;	
}

.Data_Content_Short:hover {
	background-color: #cdd2ff;
}

.Data_Content_Short input[type=text] {	
	min-width: 500px;	
	margin: 1px;
	padding: 0em;
	color: black;		
	background-color: white;
}

.Data_Content_Short input[type=text]:focus {
	border-color: #3f51ff;		
}

.Data_Content_Short input[type=password] {	
	min-width: 500px;	
	margin: 1px;
	padding: 0em;
	color: black;
	background-color: white;		
}

.Data_Content_Short input[type=password]:focus {
	min-width: 500px;	
	border-color: #3f51ff;	
	margin: 1px;
	padding: 0em;
	color: black;		
}

.Data_Content_Short input[type=button] {		
	margin: 1px;
	padding-right: 5px;	
}

.Data_Content_Short select {	
	margin: 1px;	
	background-color: white;
}

.Data_Content_Short input[type=radio] {	
	font-size: 0.8em;
	margin: 1px;	
	background-color: white;
}

.Data_Content_Short img {
	cursor: pointer;
	margin: 1px;
}

.Data_Button_Short {
	margin-left: 8em;
}

.Data_Content_Blank {					
	white-space: pre-wrap;		
	color: black;	
	margin-left: 16em;
	min-height: 1em;
}

.Data_Content_Blank input[type=text] {	
	min-width: 500px;	
	margin: 1px;
	padding: 0em;
	color: black;		
	background-color: white;
}

.Data_Content_Blank input[type=text]:focus {
	border-color: #3f51ff;		
}

.Data_Content_Blank input[type=password] {	
	min-width: 500px;	
	margin: 1px;
	padding: 0em;
	color: black;
	background-color: white;		
}

.Data_Content_Blank input[type=password]:focus {
	min-width: 500px;	
	border-color: #3f51ff;	
	margin: 1px;
	padding: 0em;
	color: black;		
}

.Data_Content_Blank input[type=button] {		
	margin: 1px;
	padding-right: 5px;	
}

.Data_Content_Blank select {	
	margin: 1px;	
	background-color: white;
}

.Data_Content_Blank input[type=radio] {	
	font-size: 0.8em;
	margin: 1px;	
	background-color: white;
}

.Data_Content_Blank img {
	cursor: pointer;
	margin: 1px;
}

.Data_Content_Blank_Should {
	white-space:  pre-wrap;			
	color: black;		
	margin-left: 16em;
	text-align: left;		
}

.Data_Content_Blank_Should input[type=text] {	
	min-width: 500px;	
	margin: 1px;
	padding: 0em;
	color: black;		
}

.Data_Content_Blank_Should input[type=text]:focus {
	background-color: #ffe349;	
}

.Data_Option_Tab {	
	padding-left: 0.75em;
}

.Data_Content_AutoKeyword {
	display: inline-block;
	background-color: #cdd2ff;	
	-moz-border-radius: 2px;	
	margin-right: 0.5em;
	margin-bottom: 0.25em; 
	padding-left: 0.25em;
	padding-right: 0.25em;
	cursor: pointer;	
}

.Data_Content_Topography {
	font-size: 0.8em;
	font-weight: bold;
	white-space: pre-wrap;
	color: black;	
	margin-left: 16em;
	margin-top: 0em;
	cursor: pointer;	
}
/* Allgemeine Definitionen Ende */

/*	Bild Anzeige Bereich Start */
.Picture_Element {
	float: left;
	width: 129px;
	height: 129px;
	margin-right: 0.75em;
	margin-bottom: 0.75em;
	
	border: 2px solid #dbdfff;
	padding: 0em;
		
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	
	cursor: pointer;	
}

.Picture_Element:hover {
	border: 2px solid #ffc600;
}

.Picture_Element_Inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 130px;
	height: 130px;	
}

.Picture_Element_Inner img {	
	max-width: 125px;
	max-height: 125px;	
}





/* MetaDaten Start */
.MetaData_Sort {
	border: 1px solid black;
	padding: 0.5em;
	max-width: 600px;
	margin-bottom: 0.5em;
	text-align: left;
	cursor: move;
}

.MetaData_Sort:hover {
	background-color: #d5d9ff;
}
.MetaData_Sort input[type=checkbox]{
	font-size: 0.8em;	
}

/* Buttons Start*/
.Button_Search {
	float: left;
	margin: 0em;
	
	width: 130px;	
	height: 30px;
	
	background: url(../../CSS/Image/Button_Search.png);	
	cursor: pointer;	
}

.Button_Search:hover {			
	background: url(../../CSS/Image/Button_Search_Over.png);
}

.Button_Chancel {
	float: left;
	margin-left: 0em;
	
	width: 130px;	
	height: 30px;
	
	background: url(../../CSS/Image/Button_Chancel.png);
	cursor: pointer;	
}

.Button_Chancel:hover {			
	background: url(../../CSS/Image/Button_Chancel_Over.png);
}

.Button_Create {
	float: left;
	margin-left: 0em;
	
	width: 130px;	
	height: 30px;
	
	background: url(../../CSS/Image/Button_Create.png);
	cursor: pointer;	
}

.Button_Create:hover {			
	background: url(../../CSS/Image/Button_Create_Over.png);
}

.Button_Save {
	float: left;
	margin-left: 0em;
	
	width: 130px;	
	height: 30px;
	
	background: url(../../CSS/Image/Button_Save.png);
	cursor: pointer;	
}

.Button_Save:hover {			
	background: url(../../CSS/Image/Button_Save_Over.png);
}

.Button_Modus {
	float: left;
	margin-left: 0em;
	
	width: 130px;	
	height: 30px;
	
	background: url(../../CSS/Image/Button_Modus.png);
	cursor: pointer;	
}

.Button_Modus:hover {			
	background: url(../../CSS/Image/Button_Modus_Over.png);
}
/* Buttons Ende*/

/*	Dialog Buttons Start */
.Dialog_Button {
	width: 7em;
	
	margin-top: 1.5em;
	margin-bottom: 0.25em;
	margin-right: 0.5em;
}
/*	Dialog Buttons Ende */

/* Hilfe, Sonderzeichen, Karten Buttons Start */
.Map_Char_Button {
	text-align: inherit;
	margin: 0em;
  	padding: 0em;
	font-size: 0.8em;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.Help_Content {
	text-align: left;
	width: 100%;
	height: 100%;
}


/* Hilfe, Sonderzeichen, Karten Buttons Ende */

/*	Management Start */
.Management_Table table {
	text-align: left;
}

.Management_Table table th {
	padding-right: 1.0em;
	border-bottom: 1.5px solid black;
}

.Management_Table table tr {
	cursor: pointer;
}

.Management_Table table tr:hover {
	background-color: #ffc600;
}

.Management_Table table tr.Odd {
	background-color: #dbdfff;	
}

.Management_Table table tr.Odd:hover {
	background-color: #ffc600;	
}

.Management_Table table td.Long {
	min-width: 15em;
}

.Management_Table table td.Right {
	text-align: right;
}
/*	Management Ende *//**
 *  Layout Angabe für die Start Seite
 *
 *  @author     Benjamin Geißler <benjamin.geissler@gmail.com>
 *  @version    $Revision: 1234 $
 *  @package    CSS
 */

HTML, BODY {

 }

body {
    margin:0;
    padding:0;
    text-align:center;
    font-family: verdana, arial, helvetica, sans-serif;
    color: white;
    background-color: #f8f5f6;
    text-align: center;
    overflow-x: hidden;
}

a {
    color: #adadad;
    text-decoration: none;
}

a:hover {
    color: #ffe349;
}

.StartBox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;

    min-height: 450px;
    width: 94%;

    background-color: #8995F3;
    /*
    background-image: url(http://www.bing.com/fd/hpk2/HappisburghUK_DE-DE2045857620.jpg);
    background-image: url(http://www.arkubid.uni-bonn.de/Image/D_Cards/Image/BNKA1239796112.jpg);
    background-image: url(http://www.arkubid.uni-bonn.de/Image/D_Vascularly/Image/BNKA1272542717.jpg);
    */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

    background-size: cover;

    box-shadow: 0 3px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

.Titel {
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
}

.SearchStartBox {
    height: 100px;
    margin-top: 25px;
}

.SearchStartBoxImage {
    float: left;
    margin-left: 5px;
    margin-top: 25px;
    margin-right: 10px;
    cursor: help;
}

.SearchStartBoxSearch {
    margin-left: 160px;
    font-size: 0.7em;
    padding-top: 9px;
}

.SearchStartBoxSearch .SearchMenu a {
    color: black;
    text-decoration: none;
}

.SearchStartBoxSearch .SearchMenu a:hover {
    color: white;
}

.SearchStartBoxSearch .SearchMenu li ul li a:hover {
    color: black;
}

.SearchStartBoxSearch .SearchMenu acronym {
    border-bottom: medium none;
    text-decoration: none;
}

.SearchSimple {
    width: 60%;
}

.SearchStartBoxSearch .SearchSimple {
    float: left;
    min-width: 500px;
}

.SearchStartBoxSearch .SearchSimple input[type="text"], .SearchSimple input[type="search"] {
    float: left;
    width: 100%;
    height: 1.5em;
    font-size: 1.4em;
}

.SearchStartBoxSearch .SearchSimpleButton {
    float: left;
    width: 130px;
    margin-left: 10px;
}

.SubMenuBoxTextLeft {
    float: left;
    text-align: left;
    font-size: 1.1em;
    padding-left: 0.2em;
    padding-right: 0.5em;
    padding-top: 0.2em;
    color: #F5F6FF;
    width: 80%;
}

.StartContentBox {
    margin-left: 160px;
    min-height: 170px;
    text-align: center;
    padding-bottom: 110px;
}

.StartOptions {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding-top: 5px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.StartOptionsCaption {
    float: left;
    font-size: 0.8em;
    padding-left: 0.5em;
}

.StartOptionElement {
    text-align: left;
    padding-top: 1em;
    height: 5em;
    background-color: rgba(255,255,255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    width: 25%;
    max-width: 25%;
    float: left;
}

.StartOptionElement:hover {
    background-color: rgba(255,255,255, 0.1);
}

.Medium {
    padding-left: 10px;
    display: block;
    text-align: left;
    padding-top: 0.25em;

    font-size: 1.0em;
    font-weight: bold;
    color: #969696;
}

.Small {
    padding-left: 20px;
    padding-right: 10px;
    display: block;
    margin-top: 0.25em;
    font-size: 0.8em;
}

.StartFooter {
    padding-top: 1.0em;
    font-size: 0.8em;
    color: #adadad;
}

.StartFooter a {
    color: #adadad;
}

.StartFooter a:hover {
    color: #FFE349;
}

.StartOptionMascs {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.StartOptionMascs th {
    color: #2d2d2d;
}

.StartOptionMascs a:hover {
    color: #FFE349;
}

.StartPartner {
    text-align: left;
    margin-top: 1em;
    width: 640px;
}

.StartPartner a {
    color: white;
}

.StartPartner a:hover {
    color: #FFE349;
}

.StartPartner th {
    color: #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    padding-top: 1.5em;
}

/** Anzeige für die Daten eingabe als neuer Benutzer **/
.StartRegisterBox {
    clear: both;
    padding: 30px;
}

.Display_Data_Name {
    margin-left: 1em;
    background-color: #8995F3;
    width: 14em;
}

.Display_Data_Content {
    color: black;
    padding: 0em;
    text-align: left;
    white-space: pre-wrap;
}

.Display_Data_Content a {
    color: white;
}

.Display_Data_Content input[type="text"], .Display_Data_Content input[type="password"] {
   width: 350px;
}