@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
}


html {
    color: #000;
    font-family: "Montserrat-Regular";
    font-size: 13px;
}

body {
	background-color: #009EE3;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #009EE0;
    line-height: normal;
}

table {
	border: 0px;
}

table tr .liste_tabelle:hover {
	background-color: #fffacd;
}

.login_box {
	background-color: white;
	margin: 0px auto;
	width: 250px;
	border-radius: 20px;
	margin-top: 20px;
	padding: 20px;
}

.main_box {
	background-color: white;
	margin: 0px auto;
	width: 950px;
	border-radius: 20px;
	margin-top: 20px;
	padding: 20px;
}

.main_top_bar {
	display: flex;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #696969;
}

.main_top_bar .button {
	width: 95px;
	height: 75px;
	border-radius: 15px;
	border: 2px solid #696969;
	color: 	#696969;
	font-size: 11px;
	text-align: center;
	margin-left: 8px;
	box-shadow: 2px 2px 2px #808080;
}

.main_top_bar .button:hover {
	color: 	#009EE3;
	border: 2px solid #009EE3;
}

.main_top_bar .button:hover {
	color: 	#009EE3;
	border: 2px solid #009EE3;
}

.main_top_bar .button:active {
	color: 	#E5007D;
	border: 2px solid #E5007D;
}

.main_top_bar .button .icon {
	font-size: 30px;
	margin: 0px auto;
	margin-top: 15px;
	text-shadow: 1px 1px 1px #808080;
}

.login_logo {
	background-image: url("../img/fkn_logo_250x80_png32.png");
	width: 250px;
	height: 80px;
	margin: 0px auto;
}

.logo {
	background-image: url("../img/fkn_logo_234x75_png32.png");
	width: 234px;
	height: 75px;
}

.options_bar {
	display: flex;
	width: 100%;
	margin-top: 5px;
}

.options_bar .button {
	border-radius: 5px;
	border: 1px solid #696969;
	color: 	#696969;
	font-size: 11px;
	text-align: center;
	margin-right: 5px;
	padding: 3px;
	box-shadow: 1px 1px 1px #808080;
}

.options_bar .button:hover {
	color: 	#009EE3;
	border: 1px solid #009EE3;
}

.options_bar .button:active {
	color: 	#E5007D;
	border: 1px solid #E5007D;
}

#show_votes {
	color: #009EE3; 
	cursor: pointer;
}

#show_votes:hover {
	color: 	#E5007D;
}

table tr td .button {
	border-radius: 5px;
	border: 1px solid #696969;
	color: 	#696969;
	font-size: 11px;
	text-align: center;
	margin-right: 5px;
	padding: 3px;
	box-shadow: 1px 1px 1px #808080;
	background-color: white;
}

table tr td .button:hover {
	color: 	#009EE3;
	border: 1px solid #009EE3;
}

.options_bar .button .icon {
	text-shadow: 1px 1px 1px #808080;
}

.daten_ueberschrift {
	color: 	#009EE3;
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid #009EE3;
}

.table_spalte1 {
	color: 	#009EE3;
	width: 200px;
}

.meldung_rot {
	border: 2px dashed #ff0000;
	margin-bottom: 10px;
}

.meldung_gruen {
	border: 2px dashed #32cd32;
	margin-bottom: 10px;
}

.stimmbalken {
	width: 250px;
	height: 30px;
	padding: 1px;
	border: 1px solid #009EE3;
	display: flex;
}

.stimmbalken_innen {
	padding-top: 5px;
	color: white;
	background-color: #009EE3;
	text-align: center;
}