body, select, input, button, a, td, th {font-family:Verdana; font-size:14px; word-wrap: break-word;}
body, html {height:100%; width:100%} 
table {border-collapse: collapse; align-items: center;}
table.design td.none {border-style:none;}
a {text-decoration:none; color:#37688D;}
a:hover {text-decoration:underline; }
table.design td, th {border-bottom: 1px solid;}
.middle {text-align:center; vertical-align:middle;}
.right {text-align:right; vertical-align:middle;}
.fett {font-weight: bold;}
tr.none td {border-style:none;}
table.design tr:hover td {background:#e8e8e8;}
table.design tr:hover td.kaufen {background-color:#e8ffe8;}
table.design tr:hover td.halten {background-color:#ffffe8;}
table.design tr:hover td.verkaufen {background-color:#ffe8e8;}
.kaufen {background:#e8ffe8;}
.halten {background:#ffffe8;}
.verkaufen {background:#ffe8e8;}

.hoch {color:green;}
.runter {color:red;}
.gleich {color:black;}
hr {
	border-top: 1px solid #bbb;
	border-bottom: 0px; 
}
select {
  border: 1px solid #bbb;
  padding:.25em .25em .25em .25em;
  background-color:white;
}
button, input {
  	padding:.25em .25em .25em .25em;
}

tr.hideDerivative {
    overflow: hidden;
    background-color: red;	
}

tr.markDerivative {
    background-color: grey;	
}

input.radio {
	width: 30px;
  	padding:.25em .25em .25em .25em;
}

.navbar {
    overflow: hidden;
    background-color: #e8e8e8;
}

.navbar a {
    float: left;
    font-size: 14px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdownleft {
    float: left;
    overflow: hidden;
}

.dropdownright {
    float: right;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 14px;    
    border: none;
    outline: none;
    color: black;
    padding: 14px 16px;
    background-color: #e8e8e8;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
    color: white;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e8e8e8;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.header {
    font-size: 18px;    
    border: none;
    outline: none;
    color: black;
    padding: 14px 14px 0px 14px;
    background-color: white;
}

.subheader {
    border-bottom-color: rgb(238, 238, 238); 
    border-bottom-width: 1px; 
    border-bottom-style: solid;
}

.header img {
    vertical-align: text-bottom;
}

.element_header img:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.strategie_element {
	float: left;
    width: 85%;
    overflow-x:auto;
}

.strategie_dividende_element {
	float: left;
    width: 70%;
    overflow-x:auto;
}

.dashboard_element {
    float: left;
    width: 48%;
    overflow-x:auto;
    max-width:600px;
}

.dashboard_element_leer {
    float: left;
    width: 4%;
} 

.element_header {
	overflow: hidden;
    padding: 14px 14px;
    background-color: #e8e8e8;
    vertical-align:text-bottom;
}

.element_header img {
	vertical-align: text-bottom;
	float: right;
}

.dashboard_bigtable {
	min-width: 90%;
}

.dashboard_table {
	max-width: 100%;
}

.dashboard_col_small {
	padding: 4px 2px;
}

.dashboard_col {
	padding: 4px 8px;
}

/* Clear floats after the columns */
.dashboard_reihe:after {
    content: "";
    display: table;
    clear: both;
} 
.background_image {
	width:100%;
	height:100%;
}

.login_form {
	position: absolute;
	top: 35%;
	left: 40%;
	width:190px;
	height:210px;
	padding: 10px 10px 20px 20px;
	display: inline-block;
	background-color: #e8e8e8;
	border-radius: 8px;
    box-shadow:  10px 10px 10px rgba(0,0,0,0.2);
}
.login_form input{
  	width: 130px;
}


div h5 {
	color: green;
	background-color: lightgray;
	padding-top: 10px;	
}

.beschreibung {
	padding-left: 20px; 
	
}