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

* {
	padding: 0;
	margin: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	border-collapse: collapse;
}

h2 {
	text-align: center;
}

a {
	text-decoration: none;
}

#menu ul {
	padding: 30px 20px 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
}

#menu ul li {
	display: inline;
	padding: 10px 30px;
	border-top: 1px solid #095612;
	border-left: 1px solid #095612;
	border-right: 1px solid #095612;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#menu ul li:hover {
	background-color: #095612;
	transition: ease-in-out .2s;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
}

#menu ul a {color: #095612;}

#iframe {
	border: 1px solid #095612;
	border-radius: 10px;
	height: auto;
	width: 98%;
	padding: 10px;
	margin-top: -20px;
}

li.aktiv {
	border-top: 1px solid #095612;
	border-left: 1px solid #095612;
	border-right: 1px solid #095612;
	border-bottom: 2px solid #fff;
	background-color: #095612;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.login, div.content {
	margin: 0 auto;
	text-align: center;
	width: 400px;
}

input, button {
	height: 30px;
	margin: 5px;
	padding: 0 5px;
}

div.content textarea {
	margin: 5px;
	padding: 5px;
}

div.content table tr td:first-child {
	text-align: right;
	padding: 5px;
	width: 50%;
}

div.content table input {height: 20px;}

#table table {width: 100%; padding: 10px;}

#table table tr th {
background-color: #095612;
padding: 5px;
color: #fff;
vertical-align: middle;
font-size: 24px;
}

#table table tr th:first-child {width: 25%;}

/*#table table tbody tr td, .detail table tbody tr td {
vertical-align: middle;
padding: 5px;
font-size: 16px;
text-align: center;
}*/

table.outer tbody tr td ul {list-style-type: none; text-align: left;}
table.outer tbody tr td ul li {padding: 5px; font-size: 20px;}
table.outer tbody tr td ul li:hover {background-image: linear-gradient(to right, rgba(197,248,203,1.00), rgba(255,255,255,0.00)); transition: ease-in 0.2s;}

table.outer tbody tr td ul li a {color: #095612;}
table.outer tbody tr td {display: table-cell; vertical-align: top;}

table.inside {position: relative;}
table.inside td {font-size: 20px; padding: 5px;}
table.inside tr {padding: 5px;}
table.inside tbody tr td:first-child {width: 25%; text-align: right; padding-right: 10px;}
table.inside tbody tr td:last-child {text-align: left; padding-left: 10px;vertical-align: middle;display: table-cell;}
div.innerdetail h1 {text-align: center; padding: 5px; background-color: #C5F8CB;}
div.innerdetail p {text-align: center; padding: 5px; background-color: #C5F8CB; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.spacer20 {height:20px;}

.btn {
	background-color: #095612;
	padding: 5px 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 2em;
}

.btn:hover {
	transition: ease-in-out .2s;
	background-color: #0C7D19;
}

.btn_del {
	background-color: #9E0303;
	padding: 5px 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
}

.btn_del:hover {
	transition: ease-in-out .2s;
	background-color: #BF0303;
}