@import url('../../font/font.css');
@import url('../../font/fontawesome-free-7.1.0-web/css/all.css');

@media screen and (-webkit-min-device-pixel-ratio:0) { html {-webkit-font-smoothing: antialiased;}} /* -- none, antialiased oder subpixel_antialiased möglich -- */

html, body{
	width:100%;
	margin:0px;
	padding:0px;
	font-size:0.96em;
	font-family:Source Sans Pro, Arial, Helvetica, sans-serif;
}

#iframe{
		width:900px;
		border:none;
		background-color:#fafafa;
		height:1000px;
		z-index: 1;
}

ul { list-style:none; padding:0; margin:0; }

#foot {
	text-align:left;
	width:800px;
	margin-left:235px;
	margin-right:40px;
	font-size:0.9em;
	padding-top:8px;
}

#container{
	background-image:url("../grafik/head.png");
	background-repeat:no-repeat;
	margin:0 auto;
	width:1200px;
	background-color:#fafafa;
}

a { text-decoration:none; color:#116372; }
a:hover { color:#358FBB; }
h1 {
	font-weight:300;
	font-size: 2em;
	color:#115170;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
h2 {
	font-size: 1.5em;
	font-weight: 600;
}
h3 {
	font-size: 1.1em;
	font-weight: 600;
}

img { border:none; }

i {font-size: 1.3em;}

.veroeffentl {
	width: 575px; 
	height: auto;
	float:left;
	margin-bottom: 10px;
	background-color: #DBE5E9;
}

.veroeffentl:hover {
	background-color: #006e9b;	
	color: #fff;
}

.veroeffentl_pic {
	padding:5px; 
	float: left; 
	padding-right: 10px;
}

.veroeffentl_text {
	padding-right: 10px;
	padding-top: 40px;

}


/* KOPF BEREICH */

#kopf { 
	width:200px;
	background-repeat:no-repeat;
	height:114px;	
	margin-bottom:10px;
	color:#FFF;
	vertical-align:bottom;
	}

/* NAVIGATION */

#navigation{
	float:left;
	width:200px;
	margin-top:13px;
	margin-left:10px;
}
#navigation ul{
	padding:0px; margin:0px; list-style:none;margin-top:10px;	
}
#navigation .top{
	width:195px;
	background-color:#115170;
	font-size:1.1em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-align:left;
	font-weight:400;
	color:#FFF;
	padding:2px;
	padding-left: 5px;
	margin-top: 15px;
}

#navigation .link{
	float:left;	
	width:202px;
	background-color:#DBE5E9;
	border-bottom:1px solid #CCC;
}
#navigation .link:last-child {
	border-bottom:0px;
}
#navigation .link a{
	color:#000; 
	display:block; 
	padding:2px 2px 3px 5px;  
	font-weight:normal; 
	font-size:1em;
}
#navigation .link a:hover{
	background-color:#006e9b;
	color: #FFF;
}

/* GEMEINDEPROFILE */

summary {padding-bottom:10px; font-size:1.2em; font-weight:600; color:#006e9b;}
summary:hover{cursor: pointer; color: #7cb0c4;}

details li {
	width: 880px; 
	height: auto;
	float:left;
  	padding: 2px 8px 3px;
	margin-left: 12px;
}

details li:hover {
	background-color: #006e9b;	
	color: #fff;
}

.gp1{ background-color:#DBE5E9;}


/* CONTENT */
#content { 
	background-color:#fafafa;
	background-image:none;
	position:relative;
	float:left;
	width:910px;
	padding:20px;
	text-align:left;
	margin-top:16px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#content img { max-width:950px; text-align:center; }
#content ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}
/*#content ul li { padding:0px; margin:0px; }*/

/* THEMEN */

.themen_kopf{
	width:888px;
	font-weight:300;
	font-size: 2em;
	color:#115170;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding:2px;
	margin-bottom:5px;
}

.themen_punkt1{ background-color:#DBE5E9; padding:5px; padding-left:10px; width:885px;}
.themen_punkt1:hover{background-color: #006e9b;	color: #fff;}
.themen_punkt2{ padding:5px; padding-left:10px; width:885px;}
.themen_punkt2:hover{background-color: #006e9b;	color: #fff;}

/* OBERE NAVIGATION */
.top_navi { 
	text-align:right; 
	float: right;
	z-index:2;
}
.icn {
	-webkit-filter: sepia(1) hue-rotate(160deg) brightness(0.8);
    filter: sepia(1) hue-rotate(160deg) brightness(0.8);
}
.icn:hover {
	-webkit-filter: sepia(0);
    filter: sepia(0);
}


/* TABELLEN */
.h1 {
	font-weight:300;
	font-size: 2em;
	color:#115170;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	margin-bottom: -15px;
	margin-top:-5px;
}
.h2 {
	font-size: 1.3em;
	font-weight: 600;
}
.th {
	background-color:#9FB9C6;
	padding: 0px 10px 0px 10px;
	min-width: 30px;
	line-height: 0px;
	border: solid 1px #fafafa;
	font-weight: 600;
}
.tr {
	background-color:#DBE5E9;
	padding: 0px 10px 0px 10px;
	line-height: 0px;
	border:  solid #fafafa 1px;
	border-bottom: none;
	border-top: none;
	empty-cells: show;
}
.p_rand {
	text-align: left;
}
.p_inh {
	text-align: right;
}

.p_head {
	text-align: center;
}
.p_fussnote {
	font-size: 0.8em;
	line-height: 0.8em;
}