@CHARSET "UTF-8";

/*

	green #528CBF 29 / 106 / 42
	rot #EC271F R236 G39 B31
	hellgrün #4BAF3E	76 175 62
	dunkelgrün #226A32 34 106 50
	
	ordana blau #528CBF / 83/141/191

*/



@font-face {
	font-family: Din-light;
	src: url('fonts/DIN-Regular.otf');
}

html,body {
  margin:0;
  padding:0;
  font-family: Din-light,Arial, Helvetica, sans-serif;
  font-size:10px;
  height:100%;
  width:100%;
  -webkit-print-color-adjust: exact;

}

.oremail_backgroundimage {
position: absolute;
	width: 100%;
height: 100%;
}

#oremail_logo{
	position: absolute;
	top: 0;
	right: 0;
	padding-top:10px;
	padding-right:10px;

}

.oremail_backgroundimage_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;

}

.oremail_content {
	margin: 5px 40px 0px 130px;
	padding-bottom: 50px;
	min-width: 1024px;
	min-height: 700px;
	top: 0;
	position: absolute;
	margin-top: 200px;
}

#oremail_clear {
  clear:left;
}

#oremail_logout {
	margin: 25px 30px 0px 0px;
	display:none;
	text-align:right;
	float:right;
}

.oremail_logout {
	cursor: pointer;
	color: #000000;
	border: 1px solid #000000;
	background-color: #EED5FF;
	width: 120px;
	padding: 2px;
	line-height: 130%;
}

.oremail_ContentView {
	margin: 5px 40px 0px 130px;
	padding-bottom: 50px;
	min-width: 1000px;
	min-height: 700px;
}

.oremail_footer {
	bottom: 0;
	position: absolute;
	margin-left: 5px;
	margin-bottom: 5px;
	float: right;
	right: 0;
	margin-right: 5px;
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #528CBF;
	background-color:#fff;
	border-radius:5px;
	padding:5px;
	color:#000;
	font-size:12px;
	z-index:10000;
	white-space:pre !important;
}

.oremail_img_arrow {
	width: 25px;
	cursor:pointer;
}

.oremail_img_icon_table{
	width: 15px; 
	padding-left: 20px;
}

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Din-light,Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }
A { color:#000033; text-decoration:none;}
A:link { color:#5B7FC2; text-decoration:none; }
A:visited { color:#5B7FC2; text-decoration:none; }
A:active { color:#2C3264; text-decoration:none;}
A:hover { color:#2C3264; text-decoration:none; }
FORM { margin:0px 0px 0px 0px;}
P, PRE { margin:0px 0px 0px 0px; font-size: 11px;}
P, TD, UL, OL { font-size:11px; }

H1 { font-size:20px; color:#000; padding-top:10px;}
H2 { font-size:18px; color:#000; margin:0px;}
H3 { font-size:14px; color:#000; font-weight:normal;}
H4 { font-size:14px; color:#000; font-weight:normal; padding-left:10px;}
H6 { font-size:14px; color:#000; padding-top:0px; font-weight:bold;}

input, textarea {
  	font-size: 12px;

  	text-shadow: 0px 1px 0px white;
  	padding: 5px;
  	border: solid 1px #888;
  	background-image: linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(245,245,245)),
		color-stop(1, rgb(219,219,219))
	);
	-webkit-border-radius: 0px;

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB)";
}

input[type="checkbox"] {
 	-webkit-appearance:none;/* Hides the default checkbox style */ 
 	height:2em;
 	width:2em;
 	cursor:pointer;
 	position:relative;
 	-webkit-transition: .15s;
 	background:grey;
}

input[type="checkbox"]:checked {
 background:green;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
 	position:absolute;
 	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:2em;
	text-align:center;
 	color:#fff;
 	content: 'X';
}

input[type="checkbox"]:checked:before {
 	content: '✔';
}

input[type="checkbox"]:hover:before {
 	background:rgba(255,255,255,0.3);
}

SELECT {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../images/drowdown.png), -webkit-linear-gradient(rgb(219, 219, 219), rgb(245, 245, 245) 100%, rgb(219, 219, 219));
	
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	padding: 10px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
}

.oremail_welcomeline {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	color:green;
}



select option.selected {
  font-weight: bold;
  color: red;
}

select option.checked {
  font-weight: bold;
  color: red;
}

#oremail_login_Form {
	position: absolute;
	width: 400px;
	height: 150px;
	top:30%;
	left:40%;
	margin-top: -75px;
	margin-left: -100px;
	z-index: 200;
}

#oremail_login_HeaderName {
	text-align:center;
	margin-bottom:10px;
}


#oremail_login_Body {
	text-align:center;
}

.oremail_FormField_register {
	margin-top: 10px;
	clear:left;
}

.oremail_login_button{
	font-size: 14px;
	color: #fff;
	width: 200px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;

}


.ordana_waitingimg {
   position: relative;
   opacity: 0.5;
   z-index:100000; 
}

.ordana_waitingBackground {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%; 
	overflow:hidden; 
	/* background-color:rgba(0, 0, 0, 0.75); */
}

.ordana_waitingBackgroundWhite {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%; 
	overflow:hidden; 
	/* background-color:rgba(255, 255, 255, 0.75); */
}


/* Status Messages */

#oremail_errorstatusmessagediv LABEL  {
    font-size:12px;
    font-weight:bold;
    border-bottom: 1px solid#e1e1e1;
}

#oremail_errorstatusmessagediv SPAN  {
   	font-size:12px;
}

.oremail_FormfieldErrorHandler {
  border:1px solid red;
}

.oremail_form_errorhandler {
  font-size:10px; 
  color:red;
  margin-left:2px;
  float:left;
}

.oremail_statusmessage {
	font-size:14px;
}

#oremail_StatusMessageGood {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #5CFF6F),
	color-stop(1, #7FFAB0),
	color-stop(1, #1CFF77)
);

background-image: -o-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -moz-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -webkit-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -ms-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: linear-gradient(to bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);

    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align:center;
    padding:10px;

    z-index: 200;
	position: absolute;
	right:0;
	bottom:0;
	width:200px;
	margin:10px;
	overflow: hidden;
	height:100px;
	vertical-align:middle;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#oremail_StatusMessageBad {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FF5C67),
	color-stop(1, #FA7F7F),
	color-stop(1, #FF1B27)
);
background-image: -o-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -moz-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -webkit-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -ms-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: linear-gradient(to bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);

    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align:center;
    padding:10px;
    
    z-index: 200;
	position: absolute;
	right:0;
	bottom:0;
	width:200px;
	margin:10px;
	overflow: hidden;
	height:100px;
	vertical-align:middle;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/***************************/
/*  Formulardesign         */
/***************************/

.oremail_pointer {
	cursor:pointer;
}

.oremail_formular {
    float:left;
	
	position: absolute;
	top: 5%;
	left: 1%;
	right:1%;

	margin-top: -25px;
	border:5px solid #528CBF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255, 255, 255, 0.75)),
		color-stop(1, rgba(240, 240, 240, 0.75))
	);
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
       
}

.oremail_shadowBox {

	-webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	margin-right: 12px;
	margin-bottom: 12px;
}

.oremail_formularWindowTop {
	height:27px;
	width:100%;
	background-color: #528CBF;

}

.oremail_formularWindowContent {
	padding:10px;
	background-color:white;
	overflow:hidden;
}

.oremail_formularWindowTopIconsRight {
	text-align:right;
}

.oremail_formularWindowTopTextLeft {
	text-align:left;
	color:white;
	float:left;
	font-size:14px;
	width: 600px;
	font-weight: bold;
}


.oremail_formularWindowTopMenu {
	height:30px;
	width:100%;
	background-color:#e1e1e1;
}

.oremail_overlaybgFormular {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%;
	overflow:auto;
	z-index:100;
	
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(255, 252, 255, 0.75)),
	color-stop(1, rgba(242, 242, 242, 0.75))
);
background-image: -o-linear-gradient(bottom, rgba(255, 252, 255, 0.75) 0%, rgba(242, 242, 242, 0.75) 100%);
background-image: -moz-linear-gradient(bottom, rgba(255, 252, 255, 0.75) 0%, rgba(242, 242, 242, 0.75) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(255, 252, 255, 0.75) 0%, rgba(242, 242, 242, 0.75) 100%);
background-image: -ms-linear-gradient(bottom, rgba(255, 252, 255, 0.75) 0%, rgba(242, 242, 242, 0.75) 100%);
background-image: linear-gradient(to bottom, rgba(255, 252, 255, 0.75) 0%, rgba(242, 242, 242, 0.75) 100%);


}

.oremail_overlaybgFormular_black {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%;
	overflow:auto;
	z-index:100;
	
	background: rgb(100,104,112);
	background: -moz-linear-gradient(left, rgba(100,104,112,0.75) 0%, rgba(46,46,46,0.75) 100%); 
	background: -webkit-linear-gradient(left, rgba(100,104,112,0.75) 0%,rgba(46,46,46,0.75) 100%); 
	background: linear-gradient(to right, rgba(100,104,112,0.75) 0%,rgba(46,46,46,0.75) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646870', endColorstr='#2e2e2e',GradientType=1 );


}

.oremail_securitycode{
	padding-left: 2px;
	padding-top:10px;
}

.oremail_groupit {
  border:1px solid #528CBF;
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:500px;
  padding-bottom:10px;
}


.oremail_GroupHeader {
  text-align:left;
  font-size:14px;
  color:#ffffff;
  background: #528CBF;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom: 1px solid #528CBF;
  border-right: 1px solid #528CBF;
  width:250px;
  float:left;
}


.oremail_groupitfloat {
  float:left;
  width:100%;
}

.oremail_groupit_button {
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:750px;
}

.oremail_groupit_button_field {
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:750px;
}

.oremail_groupitClear{
  clear:left;
}

.oremail_placeitleft {
  float:left;
  padding:5px;
  margin:2px;
  min-width:500px;
}

.oremail_placeitdown {
  clear:left;
  padding:5px;
  margin:2px;
  min-width:1000px;
}

.oremail_placeitformular {
  clear:left;
  padding:5px;
  margin: auto;
  width: 50%; 
}

.oremail_label {
  	width: 250px;
	text-align:left;
	font-size: 12px;
	margin-left:1px;
}

.oremail_formular span {
	font-size: 14px;
	/* float: left; */
	height: 34px;
}

.oremail_unchanged {
	font-size: 14px;
	/* float: left; */
	height: 34px;
}

.oremail_FormField {
	margin-left: 10px;
	clear:left;
}

.oremail_input_checkbox_fields_default_singlecontainer {
}

.oremail_input_fields_default_singlecontainer {
	min-width:750px;
}

.oremail_textarea_fields_default_singlecontainer{
	margin: 2px; 
	min-width:750px;
	height: 70px;
}

.oremail_input_fields_default_multicontainer {
	min-width:375px;
}

.oremail_input_fields_time_multicontainer {
	width: 125px;
}

.oremail_input_fields_list_multicontainer {
	width: 125px;
	font-size: 12px;
	padding: 5px;
}

.oremail_select_fields_default_multicontainer {
	min-width:375px;
}
.oremail_select_fields_default_multicontainer_multiple{
	min-width:375px;
	height:100px;
}

.oremail_textarea_fields_default_multicontainer{
	margin: 2px; 
	min-width:375px;
	height: 70px;
}

.oremail_textarea_fields_documentTemplates_default_multicontainer{
	margin: 2px; 
	width: 99%;
	height: 550px;
}

.oremail_input_fields_default_multicontainer_big {
	width: 99%;
}

.oremail_textarea_fields_default_multicontainer_large{
	margin: 2px; 
	min-width:375px;
	height: 200px;
}

.oremail_informationText {
	font-size: 16px;
	padding: 13px;
	border: 1px solid #e1e1e1;
	color: #528CBF;
}

.oremail_button_formular {
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;

	float:left;
	text-align: center;
	margin-left: 10%;
	width: 12%;
	cursor:pointer;
}

.oremail_button_passwordgen{
	font-size: 12px;
	color: #fff;
	padding: 5px 2px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	float:right;
	text-align: center;
	width: 150px;

}


.oremail_button_submit_formular{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	float:left;
	text-align: center;
	margin-left: 10px;
	margin-top:35px;
	width: 220px;
	cursor:pointer;
}


.oremail_button_submit{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	float:left;
	text-align: center;
	margin-left: 10%;
	width: 12%;
	cursor:pointer;
}

.oremail_button_close{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	float:left;
	text-align: center;
	margin-left: 25%;
	width: 12%;
	cursor:pointer;
}

.oremail_table_formular {
  	width:350px;
  	margin-top:15px;
  	margin-left:10px;
}

.oremail_table_formular td{
  	font-size:14px;
  	
}

/***************************/
/*  Validation       */
/***************************/
.oremail_valDefault {
	border-right: 4px solid yellow;
}


/*************************************************************/
/**Lists                        **/
/*************************************************************/

.div-table {
	display: table;
	width:100%;
	font-size:14px;
	font-weight:bold;
	min-width:1024px;
}
.div-table-row {
	display: table-row;
	width:100%;
	font-weight:normal;
}
.div-table-cell {
	display: table-cell;
	border:none;
	border-bottom: solid 1px #eee;
	padding: 3px;
	cursor:pointer;
}

.row-block {background:#ccc;}
.row-block-hover {background:#FEDDD9; color:#000;}
.table-head {background:#528CBF; color:#fff; font-weight:bold;}

.oremail_internalLink {
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}

/*
	jconfirm Button
*/

.jconfirm {
	font-size:12px;
}


.jconfirm.jconfirm-white 
.jconfirm-box 
.jconfirm-buttons button.btn-default, 
.jconfirm.jconfirm-light 
.jconfirm-box 
.jconfirm-buttons button.btn-default {
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	color: #fff;
	padding-left: 120px;
	padding-right:100px;
	cursor: pointer;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
}

.jconfirm.jconfirm-white 
.jconfirm-box 
.jconfirm-buttons button.btn-default, 
.jconfirm.jconfirm-light 
.jconfirm-box 
.jconfirm-buttons button.btn-default:hover {
	background: rgba(83,141,191,1);

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	color: #fff;
	padding-left: 120px;
	padding-right:100px;
	cursor: pointer;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
  	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border:1px solid #528CBF;
}


/***************************/
/*  limiting    */
/***************************/

#oremail_LIMIT-rows {
	margin-top:5px;
	margin-bottom:5px;	
	width:350px;
}


.oremail_limiting {
	border: 1px solid #528CBF;
	padding:5px;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
}

.oremail_limiting_bold {
	border: 1px solid #528CBF;
	padding:5px;
	cursor:pointer;
	font-size:12px;
}


/*************************************************************/
/**oremail main Page                        **/
/*************************************************************/

.oremail_mainPage_headline {
	
	border: 1px solid #528CBF;
	background-color:#e1e1e1;
	margin-bottom:5px;
	
}

/*************************************************************/
/**oremail Search                        **/
/*************************************************************/

#oremail_search {
	bottom: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
#oremail_search_name {
	font-size:20px;
}

#oremail_searchMashine {
	padding-top:50px;
	float:left;
	width:50%;
	min-width: 600px;
}

#oremail_search input {
  	font-size: 18px;
  	text-shadow: 0px 1px 0px white;
  	padding: 20px;
  	border: solid 1px #888;
  	background-image: linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(245,245,245)),
		color-stop(1, rgb(219,219,219))
	);

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB)";
}