@charset "UTF-8";
/* CSS Document */

/* ##### syne_ui.css ####
   Version: 1.2
   letzte Änderung: 6.9.2012
   Verfasser: Uwe Mutz
   
   ############################## */

/* #### testmode #### */
#testmode {
	display:none;
	z-Index:10000;
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	width:300px;
	background-color:rgba(0,0,0,0.9);
	color:#fff;
	font-size:small;
	line-height:1.2em;
	
	overflow:auto;
	padding:0.5em;
}
	#testmode .entry {
		margin-bottom:0.5em;
	}
	#testmode .object {
		color:#ccc;
	}
	#testmode .property {
		color:#fff;
		font-size:90%;
	}
/* ENDE testmode #### */


/* #### LStatus: #### */
#LStatus2 {
	position:fixed;
	width:280px;
	height:auto;
	padding:10px;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-150px;
	z-Index:100;
	/*
	background-image:url(../images/hg_status.png);
	background-repeat:no-repeat;
	*/
	background-color:#000;
	background:rgba(0,0,0,0.9);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;

	border:none !important;
	display:none;
	color:#fff;
	text-align:center;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
	img.LoaderPic {
		width:16px;
		height:16px;
		padding:8px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background-color:#fff;
	
		/* behavior: url(/_system/includes/htc/PIE.htc); */
	}
	#LStatus2 img.symbol {
		margin-bottom:0.2em;
	}
	
	#LStatus2 h1 {
		margin-top:0px;
		margin-bottom:0.3em;
		color:#fff;
	}
	#LStatus2 p {
		text-align:left;
	}
	
	#LStatus2 a, #LStatus2 a:link {
		color:#fff;
	}
	
input[type=button].BOBtn2, button.BOBtn2 {
	width:50px;
	height:50px;
	margin:5px;
	padding:0px;
	background:none;
	border:none !important;
	cursor:pointer;
}
fieldset.BOBtn2FS {
	text-align:center;
	border:none;
}
/* ENDE LStatus: #### */


/* ---- Messages: ---- */
.msgdisplay_1 {
	position:fixed;
	top:0px;
	left:50%;
	width:400px;
	margin-left:-150px;
	height:auto;
	background-color:rgb(0,158,224);
	padding:1em;
	padding-top:0.1em;
	padding-bottom:0.1em;

	-moz-border-radius:0px 0px 0.5em 0.5em;
	-webkit-border-radius:0px 0px 0.5em 0.5em;
	border-radius:0px 0px 0.5em 0.5em;
	
	-webkit-box-shadow: 0px 3px 10px #999;
	-moz-box-shadow: 0px 3px 10px #999;
	box-shadow: 0px 3px 10px #999;
	
	border:2px solid #fff;
	border-top:none;

	text-align:center;
	z-Index:1002;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
	.msgdisplay_1 h1 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:90%;
		text-transform:uppercase;
		color:#eee;
		margin:0px;
		margin-bottom:0.2em;
		line-height:1.2em;
	}
	.msgdisplay_1 p {
		line-height:1.2em;
		color:#fff;
		font-size:80%;
	}
/* ENDE Messages: ---- */


/* #### ui_0 (User Interface Design 0 - Standard) #### */
#COverlay.ui_common {
	background-color:rgba(255,255,255,0.9);
	background-color:#ecece5;
	position:fixed;
	left:50%;
	top:50%;
	width:500px;
	min-height:200px;
	max-height:500px;
	margin-left:-200px;
	margin-top:-200px;
	z-Index:90;
	color:#000;
	padding:0.5em;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:3px solid #fff;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:none;
	position:relative;
	overflow:auto;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

.ui_1 #COverlay.ui_common.show, #COverlay.ui_common.show {
	display:block;
}

.ui_common #CForm {
}


/* ---- ALLGEMEINE FORMATIERUNG: ---- */
.ui_common h1, .ui_common h2, .ui_common h3, .ui_common h4, .ui_common h5, .ui_common h6 {
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	float:none;
	clear:both;
	color:#333;
	margin-bottom:0.8em;
}
.ui_common h1 {
	font-size:120%;
	border-bottom:1px dotted #83B81A;
	padding:0px;
	margin:0px;
	padding-bottom:0.1em;
	margin-bottom:0.8em;
	width:100%;
	color:#009EE0;
	color:#83B81A;
}
.ui_common h2 {
	font-size:110%;
}
.ui_common h3 {
	font-size:100%;
}

.ui_common .noBG {
	background:none !important;
}

.ui_common a, ui_common a:link {
	text-decoration:none;
	color:#445;
}
.ui_common a:not(:first-line) {
	color:#333;
}

.ui_common .info.label {
	width:60%;
	float:left;
	margin-left:1em;
}
/* ENDE ALLGEMEINE FORMATIERUNG: ---- */


/* ---- Formularinhalte: ---- */
.ui_common .menu {
	/*
	position:absolute;
	left:2em;
	top:1.2em;
	width:200px;
	height:auto;
	z-Index:100;
	background-color:#ccc;
	*/
	margin:0px;
	padding:0.3em;
}
	.ui_common .menu label {
		display:block;
		float:left;
		width:100px;
		text-align:right;
		margin-right:10px;
		clear:left;
	}
	.ui_common .menu dt, .ui_common .menu dd {
		font-size:90%;
	}
	.ui_common .menu dd {
		margin-left:1em;
		margin-top:0.5em;
		clear:both;
		float:none;
		overflow:hidden;
		background-color:rgba(255,255,255,0.4);
	}
	
	.ui_common .menu .noLabel {
		margin-left:110px;
	}
	
	.ui_common .menu dt {
		font-weight:bold;
	}
	
	.ui_common .menu input[type=text], .menu select, .menu input[type=button] {
		display:block;
		float:left;
		margin-right:0.5em;
	}
	
	.ui_common .menu textarea {
		display:block;
		float:left;
		width:250px;
		height:5em;
	}

.ui_common img.menu {
	border:none;
	padding-left:0.2em;
	padding-right:0.2em;
	background:none !important;
}

.ui_common .help {
	font-weight:bold;
	margin-left:0.5em;
	cursor: pointer;
	padding-left:0.3em;
	padding-right:0.3em;
}
.ui_common .info.help {
	display:none;
	font-weight:normal;
	font-size:100%;
}
/* ENDE Formularinhalte: ---- */


/* ---- Buttons: ---- */
.ui_common a.close {
	display:block;
	width:20px;
	height:20px;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:0.5em;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

/* ENDE Buttons: ---- */


/* ---- allgemeine Formularfelder: ---- */
form input[type=text], form input[type=password], form input[type=email], form textarea {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5;
	border-radius: 0.5em;
	height:1.2em;
	padding:0.1em;
	padding-left:0.6em;
	padding-right:0.6em;
	display:block;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

textarea {
	border:1px solid #ccc;
	width:90%;
	height:10em;
	font-size:90%;
}
fieldset {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
fieldset legend {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    color: #333333;
    padding: 0.5em;
    text-transform: uppercase;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

fieldset label input {
	display:inline !important;
	width:auto !important;
}

.readonly {
	border:none;
}
input[required=required] {
	border:2px solid rgb(0,158,224);
}
/* ENDE allgemeine Formularfelder: ---- */
/* #### ui_1 (User Interface Design 0 - Standard) #### */




/* #### ui_1 (User Interface Design 1) #### */
.ui_1 #COverlay.ui_common {
	background-color:rgba(255,255,255,0.9);
	position:fixed;
	left:50%;
	top:50%;
	width:600px;
	min-height:200px;
	max-height:500px;
	margin-left:-300px;
	margin-top:-300px;
	z-Index:90;
	color:#000;
	padding:1em;
	
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:2px solid #fff;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:none;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

/* ---- ALLGEMEINE FORMATIERUNG: ---- */
.ui_1 .ui_common h1, .ui_1 .ui_common h2, .ui_1 .ui_common h3, .ui_1 .ui_common h4, .ui_1 .ui_common h5, .ui_1 .ui_common h6 {
	font-weight:normal;
	text-transform:uppercase;
	float:none;
	clear:both;
}
/* ENDE ALLGEMEINE FORMATIERUNG: ---- */


/* ---- Formularinhalte: ---- */
.ui_1 .ui_common fieldset {
	border:none;
}
.ui_1 .ui_common legend {
	border-bottom:1px dotted #009EE0;
	padding:0px;
	margin:0px;
	padding-bottom:0.1em;
	margin-bottom:0.8em;
	width:100%;
	color:#83B81A;
	color:#009EE0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
.ui_1 .ui_common label {
	display:block;
	font-size:90%;
	margin-top:0.7em;
	margin-bottom:0.2em;
}
.ui_1 .ui_common label.required {
	font-weight:bold;
}
.ui_1 .ui_common input, .ui_1 .ui_common textarea {
	display:block;
	padding:0.1em;
	padding-left:1em;
	padding-right:1em;
	background-color:#eee;
	font-size:100%;
	color:#333;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	border:1px solid #ccc;
	width:auto;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
.ui_1 .ui_common select {
	font-size:100%;
	width:auto;
	color:#333;
}
.ui_1 .ui_common input[required=required],.ui_1 .ui_common textarea[required=required] {
	border:2px solid #009EE0;
}
.ui_1 .ui_common input:focus, .ui_1 .ui_common textarea:focus {
	background-color:#fff;
}
.ui_1 .ui_common input[type=button], .ui_1 .ui_common input[type=submit], .ui_1 .ui_common button {
	float:none;
	clear:both;
    
	-webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	background:-moz-linear-gradient(top, #fff, #ddd);
	background:-webkit-gradient (linear, left top, left bottom, from(#fff), to(#ddd));
	background:-webkit-linear-gradient(top, #fff, #ddd);
	background:-o-linear-gradient(top, #fff, #ddd);
	background:-ms-linear-gradient(top, #fff, #ddd);
	background:linear-gradient(top, #fff, #ddd);
	
	width:auto;
	margin:auto;
	margin-top:0.8em;
	margin-bottom:0.8em;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}
.ui_1 .ui_common input[type=button]:hover, .ui_1 .ui_common input[type=submit]:hover, .ui_1 .ui_common button:hover {
	color:rgb(0,158,224);
}


.ui_1 .ui_common input[type=radio] {
	display:inline;
	margin-right:0.5em;
	margin-left:1em;
}
	
.ui_1 .ui_common textarea {
	display:block;
	width:auto;
	height:5em;
}

.ui_1 .ui_common .help {
	font-weight:bold;
	margin-left:0.5em;
	cursor: pointer;
	padding-left:0.3em;
	padding-right:0.3em;
}
.ui_1 .ui_common .info.help {
	display:none;
	font-weight:normal;
	font-size:100%;
}

.ui_1 .ui_common ::-webkit-input-placeholder  {
	color:#999;
	font-style:italic;
	font-size:80%;
}
.ui_1 .ui_common input:-moz-placeholder {
	color:#999;
	font-style:italic;
	font-size:80%;
}

	/* ---- nebeneinander: ---- */
	.ui_1 .ui_common .inline {
		-moz-column-count:1;
		-moz-column-gap:1em;
		-webkit-column-count:1;
		-webkit-column-gap:1em;
		column-count:1;
		column-gap:1em;
	}
	.ui_1 .ui_common .inline label {
		display:block;
		float:left;
		clear:left;
		width:10em;
		text-align:right;
		margin-right:0.5em;
		margin-top:0.35em;
		margin-bottom:0.5em;
		line-height:1.2em;
	}
	.ui_1 .ui_common .inline input, .ui_1 .ui_common .inline select {
		display:block;
		float:left;
	}
	.ui_1 .ui_common .inline input[type=checkbox] {
		margin-top:0.5em;
	}
	.ui_1 .ui_common .inline input[type=button], .ui_1 .ui_common .inline input[type=submit] {
		float:none;
	}
	.ui_1 .ui_common .inline input[type=radio] {
		display:block;
		float:left;
		clear:left;
		margin:0px;
		margin-bottom:0.5em;
		margin-right:0.5em;
		margin-left:1em;
	}
	/* ENDE nebeneinander: ---- */
	
/* ENDE Formularinhalte: ---- */


/* ---- Buttons: ---- */
.ui_1 .ui_common .close {
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
	
	display:block;
	width:20px;
	height:20px;
	border:2px solid #fff;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:0.5em;
	font-size:small;
	
	/*
	float:right;
	*/
	position:absolute;
	right:5px;
	top:5px;

	line-height:1em;
	padding-top:0.25em;
	
	/* behavior: url(/_system/includes/htc/PIE.htc); */
}

/* ENDE Buttons: ---- */


/* ---- allgemeine Formularfelder: ---- */
/* ENDE allgemeine Formularfelder: ---- */
/* #### ui_1 (User Interface Design 1) #### */