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

a:link {color: #0000EE;}
a:visited {
	color: #4057DF;
}
a:hover {color: #0000EE;}
a:active {color: #4B28DD;}

#container{
	max-width: 1450px;
	margin: 0px auto;
	text-align: right;
	
	}

#navi{
	width: 270px;
	/*position: fixed;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 12px;
	padding-left: 13px;
	float: left;
	padding-right: 13px;
	text-align: left;
	
	}

#content{
	margin-right: auto;
	max-width: 1050px;
	margin-left: 322px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #4F4F4F;
	padding-left: 40px;
	background-color: #FFFFFF;
	padding-right: 40px;
	padding-top: 10px;
	border-radius: 10px;
	font-size: 16px;
	text-align: left;
	}
	
.button{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	border-radius: 5px;
	background-color: #84B7E1;
	border: thin solid #649DF6;
	font-size: 14px;
	height: 19px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow: 3px 3px 3px #C3C3C3;
	box-shadow: 3px 3px 3px #C3C3C3;
			
	}
	
	.button_petition{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	border-radius: 5px;
	background-color: #F8DE35;
	border: thin solid #649DF6;
	font-size: 14px;
	height: 19px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow: 3px 3px 3px #C3C3C3;
	box-shadow: 3px 3px 3px #C3C3C3;
			
	}

.button:hover{
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	border-radius: 5px;
	background-color: #CBE6F8;
	border: thin solid #CCCCCC;
	font-size: 14px;
	height: 19px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.button_petition:hover{
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	border-radius: 5px;
	background-color: #F3EBCD;
	border: thin solid #CCCCCC;
	font-size: 14px;
	height: 19px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
		
.absatz {
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #EC0308;
	font-weight: bold;
	font-size: 17px;
	border-radius: 6px;
	border: thin solid #787878;
	text-align: center;
	-webkit-box-shadow: 2px 3px #B7B7B7;
	box-shadow: 2px 3px #B7B7B7;
}

.hervorhebung {
	color: #840204;
	font-style: italic;
}

.titel {
	font-style: italic;
	font-size: 26px;
	font-weight: bold;
}


.rahmen {
	padding-left: 7px;
	padding-bottom: 3px;
	border-radius: 6px;
	border: thin solid #787878;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-bottom: 0px;
	top: 0px;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
}	

.bildrechts {
	float: right;
	
}


.bildmitte {
	text-align: center;	
}

.formulare {
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 17px;
	border-radius: 6px;
	border: thin solid #787878;
	text-align: left;
	-webkit-box-shadow: 2px 3px #B7B7B7;
	box-shadow: 2px 3px #B7B7B7;
}

.akkordeon {
  max-width: 65em;
  padding: 0.2em; 
  background: white;
  /* border: 1px solid #8a9da8; */
}

.akkordeon label{
	padding: 0.2em 1em;
	margin-bottom: 0.2em;
	position: relative;
	display: block;
	height: auto;
	cursor: pointer;
	background-color: #DADADA;
	color: #4F4F4F;
	border-radius: 6px;
}
.akkordeon label:hover{
	background-color: #B2B2B2;
	color: white;
}
.akkordeon input + label {
  transition: all 0.5s ease-in-out;
}
.akkordeon input:checked + label,
.akkordeon input:checked + label:hover{
	background-color: #FD8080;
}

.akkordeon input{
	display: none;
}

.akkordeon p {
	overflow: hidden;
	height: 0;
	margin: 0;
	transition: all 0.5s ease-in-out;
	padding-left: 5px;
	}

.akkordeon input:checked ~ p{
	transition: all 0.5s ease-in-out;
	height: auto;
}