/************************/
html { height:100%; font-size:13px;}
body { height: 100%; padding:0px; margin:0px; color:#6f6f6f; background:#FDFDFD; min-width: 480px; font-family: Verdana; }
#container { position: relative; min-height: 100%; margin: 0 auto; }
.wrapper { margin:auto; width:85%; }
/************************/
a:link, a:active, a:visited { color:#1F4E79; text-decoration: none; } 
a:hover { color:#ED7D31;} 
/************************/
#header { background: #FFF; border-bottom: 10px solid #FFF; padding: 0px; }
#header h1 { margin:5px; float:left; font-size: 20px; }
#header div { }
#header div#login {margin-right:0px; float:right; padding: 5px; }
#header div#phone {margin-right:40px; float:right; padding: 5px; }
div#login a { color:#FFF;}
.button_blank { background: transparent; color: #FFF; border: 0px none; font-size:1em;}
input, select, .button { padding: 3px 5px; font-size: 13px; border: 1px solid #DDD; }
input[type="submit"], .button { background: #ED7D31; color: #FFF; font-weight: bold; }
a.button:link, a.button:hover, a.button:visited { color: #FFF !important; }
.erledigt { color:#080; background: #EFE !important;}
.offen { background: #FDD !important; }
.erledigt input[type="submit"] { background: #080; color: #FFF;}
#header h4 { font-style:italic; margin:0px; display:inline; font-size: 0.8em;}
#menu_top {height:40px; background: #00437a; color:#FFF; width:100%; display:block; }
#menu_sub { height:16px; display:block; background: #DDD; padding:5px;}
#menu_sub img { padding-right:4px;}
#menu_sub a { font-size:1em; padding-right: 20px; line-height: 16px;}
.icon, img.microicon { width: 16px; height: 16px; border: 0px; display: inline; padding: 0px; vertical-align: bottom;}
img.microicon { padding-right: 5px; }
a.microicon { line-height: 24px; }
.broker { color:#00437a; } 
.port { color:#ED7D31; }
h1.logo { font-family: Arial; display:inline-block; text-align:center; font-size:20px; padding-top:25px; letter-spacing: -2px;}




/************************/


#login_div { min-height:100px; display:block; float:left; width: 100%;}
#login_div div { display:block; float:left; }
#login_div form, .makler_div form { height:100%; width:92%; padding:2%; margin:2%; }
.button_blank { background: transparent; color: #f57323; border: 0px none; font-size:16px;}
input, .button, button { width: 80%; padding: 6px 2%; font-size: 1em; border: 1px solid #DDD; box-sizing: border-box; }
select { width: 84%;  max-width:200px;}
select, textarea { padding: 6px 2%; font-size: 1em; border: 1px solid #DDD; box-sizing: border-box; }
input[type="text"]:read-only { background:#F9F9F9; color:#056e82;}
input[type="date"], input[type="time"] { font-family: verdana,arial,helvetica; }
input:disabled, select:disabled, textarea:disabled, input.pseudo, select.pseudo { background: transparent; color: #666; border: 0px none; font-size: 1em; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input[type="button"]:disabled {background: #f57323 !important; }
input[type="text"]:-moz-read-only { background:#F9F9F9; color:#056e82; }
input.logout { display:inline !important; font-weight:normal !important; background: transparent !important;  color:#f57323 !important; width: auto; border: 0px none !important; padding: 3px 10px !important;} 

input[type="button"].icon { background: #056e82; color: #FFF; font-weight:bold; margin: 0px 15px;}
input[type="submit"], .button { background: #f57323; color: #FFF; font-weight: bold; padding:8px; display:inline-block; }
.form { width:98%; margin: 2% 0px; border: 0px none; background:#EEE; padding: 1%; text-align: center; display:block; float:left; }
.formfield, .forminput, .formspan { padding:1%; min-height:32px; line-height:32px;}
.formfield { width: 18%; text-align: left; }
.forminput { width: 28%; }
/************ RESPONSIVE: TABLET ************/
@media all and (max-width: 1000px) {	
	div#login { float:none; }
	.wrapper { margin:auto; width:96%; padding: 0px 2%; }
	.notablet { display:none !important; }

}
/************************/

.stats_button { width:auto; }
.stats_input { width: 65px; padding: 2px; text-align: right; }
.stats_td { display:none; width: 300px; }
.delete_button { border-color:red; color:red; }
#menue { background: #FFF;  display:block; padding: 5px; } 
#menue a { display:inline-block; background: #DEE; border: 2px solid #AAA; padding: 5px 25px; font-weight: bold; border-radius:5px; text-align:center; text-decoration: none; color: #333;}
#menue a:hover, #menue a:active { border: 2px solid #8AA; background: #AEE;} 	
.pseudo_image { background-image: linear-gradient(#FFF 20%, #ABD 90%, #7890b8 100%); height:50px; width:100%; display:block;}	
.menu_link { font-weight:bold; display:inline-block; padding: 10px;}
/************************/
#content { padding: 0px; width:100%; height:auto; min-height:600px; margin-top:20px;}
form.form_style {background:#F6F6F6; border: 2px solid #7890b8; border-radius: 5px; padding: 15px;}
.aussen { width: 100%; display:block; float:left; min-height: 200px; background:#FFF;}
.drittel { width: 33%; float:left; }
.fullsize { width:auto; }
h2 { color: #7890b8; text-transform: uppercase;  text-align:center; overflow:hidden; width:100%; display:inline-block;}
h2::before { content:""; display:inline-block; border-bottom: 2px solid #fc7410; width: 50%;margin: 0 .5em 0 -55%;vertical-align: middle;}
h2::after { content:""; display:inline-block; border-bottom: 2px solid #fc7410; width: 50%;margin: 0px -50% 0 0.5em;vertical-align: middle;}
h5 { font-size: 1.0em; color: #7890b8; }
/************ TABELLEN ************/
.table{ display: table;  width: 100%; }
.table-row {display: table-row;  }
.alternate .table-row:nth-of-type(odd) { background:#FFF;  }
.alternate .table-row:nth-of-type(even) { background:#EEE;}
.table-cell, .table-head  {display: table-cell; vertical-align:middle;  }
.table-head { background: #00437a; color: #FFF; padding: 3px; }
.table-head, .table-head input, .table-head select { font-weight:bold; }
.form_status { color:green; }

table.intranet { border-spacing: 0px; border-collapse: collapse; width:100%;}
table.intranet  th, table.intranet  td { padding: 3px; }
table.intranet  th { text-align:left; background: #00437a; color: #FFF; }
table.intranet  tr:nth-child(2n) { background-color: #F0F0F0; }
input.bca_input {
    border: 0px;
    background: transparent;
    width: 100%;
}
/************************/
#footer {  background: #343434; border-top: 2px solid #BBB; height: auto; float:left; width:100%; display:block; padding-top:20px; margin-top:20px;}
#footer h3 { color: #ED7D31; }
#footer a { color:#FFF;}
#footer #footer_copyright { padding:20px 0px 5px; font-size:12px;  }
#footer ul { list-style-type:square; color: #ED7D31; margin-left: 24px; }
#footer li { padding: 5px; }
/************************/
@media all and (max-width: 1500px) {		
	.wrapper { margin:auto; width:90%; padding: 0px 5%; }
}
@media all and (max-width: 1500px) {		
	.wrapper { margin:auto; width:96%; padding: 0px 2%; }
}
@media all and (max-width: 800px) {	
	.pseudo_image {display:none; }
	#content { padding: 0px; }
	.aussen { width: 100% !important; padding: 0px; margin: 5px 0px; border: 0px solid #DDD !important; min-height: auto !important;}
	div#login { float:none; }
	div#phone { display:none; }
	.wrapper { margin:auto; width:98%; padding: 0px 1%; }
	.nomobile { display:none; }
}