@charset "utf-8";

* {
margin: 0;
padding: 0;
}

a {
    color: #003;	
    text-decoration: none;	
}

a:hover {
    color:#00AEEF;
}

a.arrow {
	background-image: url(/public/20260101042019oe_/https://www.staatsanzeiger-eservices.de/images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
}

a.arrow.left {
    margin-left: 0;
}

aside {
	flex: 1 1 0;
	font-size: .8em;
}

aside section {
	border-bottom: 1px dotted #ccc;
	line-height: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

aside ul {
    line-height: 1.3em;
	list-style: none;
}

aside ul.styledlist {
    list-style: inside disc;
}

body {
    background-color:#fff;	
	color: #414141;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	max-width: 75em;
    padding: 0 1em;	
}

em {
	font-style: normal;
	font-weight: bold;
}

fieldset {
	border: 2px #3991E6 solid;
	border-radius: 10px;
	padding: 1em;
}

footer {
	display: flex;
	flex-flow: row wrap;
	font-size: .85em;
	margin-bottom: 2em;
}

footer a {
	color: #666;
}

footer hr {
	color: #ddd;
	flex: 1 100%;
	margin: 1em 0;
}

h1 {
	font-size: 1em;
	margin-bottom: .5em;
}

h2 {
	background: #a1a1a1;
	color: #fff;
	font-size: 1em;
	margin-bottom: .7em;
	padding-left: 1em;
}

h2.login {
	background: #1D9AD6;/*#52C8F4 78b2e0;*/
}

header {
	background-image: url(/public/20260101042019oe_/https://www.staatsanzeiger-eservices.de/images/bgH.gif);
	background-position: right 7px;
	display: flex;
	flex-flow: row wrap;
	padding-top: 7px;
	justify-content: space-between;
}

header, #feature, footer, #main {
	flex: 1 100%;
}

html {
	background-color: #d2d2d2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .95em;
}

input.error {
	border-color: red;
}

input[type=checkbox].aligned {
	border-width:0px;
	position:relative;
	vertical-align:middle;
	bottom:1px;
	right:2px;
}

input[type=radio] {
	border-width: 0px;
	margin-right: 1em;
	width: auto;
}

input[type=radio].aligned_radio {
	border-width:0px;
	position:relative;
	vertical-align:middle;
	bottom:1px;
	right:2px;
}

legend {
	color: #585858;
	font-weight: bold;
	padding: 3px;
}

main {
	display: flex;
	flex-flow: column;
	flex: 3 1 0;
	margin-right: 1em;
}

main article {
	border-bottom: 1px dotted #ccc;
	margin: 0 2em 1.5em 0;
	padding-bottom: 1em;
}

main h2 {
	background: #ddd;
	color: #1D9AD6;
	line-height: 2em;
}

main li {
	border-bottom: 2px dashed #ddd;
	list-style: none;
	line-height: 2em;
	padding-left: .5em;
}

main li a.arrow {
	margin-left: 1em;
}

main ul {
	margin: 1em 1em 1em 1.5em;
}

select.error {
	border-color: red;
}


/*                *****    ids      *****                            */

/* Der Bereich zwischen Header und Links */
#feature {
	height: 60px;
	padding-top: .5em;
}

#feature h1 {
	color: #1D9AD6;
	font-weight: normal;
}

/* Der iFrame zum Hinweis aufs Testsystem */
#testinfo	{
	border: none;
	height: 40px;
	width: 100%;
}
/* Der iFrame für die Statistikzahlen */
#statistik {
	height: 4.3em;
	overflow: hidden;
	position: relative;
}
#statistik .statistik {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* 			*****     Klassen      *****                              */

/* Die sechs Bereiche */
.bigtitle {
	font-size: 3em;
	margin: 3em 0;
	text-align: center;
}

.filler{
	height: 500px;
}

.links {
	background-color: #fff;
	border: none;
	display: flex;
    flex-flow: row wrap;	
	margin-right: 0;
}

.links h2.services {
	display: none;
}

.links section {
    border-left: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-flow: row wrap;
	align-content: flex-start;
    margin-bottom: 1em;
    margin-right: 1em;  
    padding-left: .4em;
    width: 26em;    
}

.links section a {
	font-size: .95em;
}

.links section a.image {
    margin-right: .2em;
}

.links section h2 {
	background: #fff;
	color: #414141;
    font-size: 1em;
	line-height: inherit;
    margin-bottom: .5em;
	padding-left: 0;	
}

.links section li {
	border: none;
    line-height: 1em;	
    list-style-image: url(/public/20260101042019oe_/https://www.staatsanzeiger-eservices.de/images/arrow.gif); 
    list-style-position: outside;
	margin-bottom: .4em;
}

.links section ul {
    margin-left: 1em;
}
/* end Bereiche */

.logo {
	padding-left: 1em;
}


/* Ab hier:
   Blaues Hauptmenü http://www.olivergast.de/blog/2015/05/12/css-ein-horizontales-dropdown-menue-reloaded
   http://www.olivergast.de/blog/2015/05/22/css-ein-horizontales-dropdown-menue-responsive-gestalten/	*/
   
.main_menu {
	background: #115c80; /*#0f5272;*/
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	margin-bottom: 1em;
	width: 100%;
}

.main_menu ul.menumain {
	margin: 0;
	padding: 0;
}
	
.main_menu ul.menumain	li {
	float: left;
	list-style: none;
	position: relative;
	text-transform: uppercase;
}
		
.main_menu ul.menumain	li:hover {
	background: #916A29;
}
		
.main_menu ul.menumain li a {
	color: #fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}

.main_menu ul ul {  
  	position: absolute;
  	top: -9999px;
  	left: -9999px;
  	background: #1D9AD6;
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
} 

.main_menu ul ul li {
  	float: none;
  	width: 300px;  /* Breite kann ich anpassen!!! */
  	border-bottom: 1px solid #555;
}

.main_menu ul ul li span {
	font-size: 12px;
}
 
.main_menu ul ul li a {
  	padding: 10px 20px;
}

/* Untermenüs sichtbar machen */
.main_menu ul li:hover > ul {
  	top: 100%;
  	left: 0;
}

/* Pfeil im Untermenü */
.main_menu ul li.submenu > a:after {
  	position: relative;
  	float: right;
  	content: '';
  	margin-left: 10px;
  	margin-top: 5px;
  	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
  	border-top: 5px solid #fff;
  	border-bottom: 5px solid transparent;
}

.main_menu ul ul li:last-child {
  	border-bottom: none;
}

.main_menu .menuright {
	color: #fff;
	float: right;
	margin-right: 25px;
	padding-top: 7px;
}

.main_menu .menuright a {
	color: #fff;
	text-decoration: underline;
}

.main_menu .menuright span {
	font-size: 10px;
}

/* Ab hier responsive */

input#responsive-nav,
label.responsive-nav-label {
  	display: none;
}

@media screen and (max-width: 1024px) {
	
	label.responsive-nav-label {
	  	background: #222;
	  	color: #fff;
	  	cursor: pointer;
	  	display: block;
	  	height: 20px;
	  	margin: 10px 10px 0 0;
	  	padding: 20px;
	  	position: relative;
	}
	
	label.responsive-nav-label span {
	  	margin-right: 10px;  
	}
 
 	.main_menu {
  		position: absolute;
  		top: -9999px;
  		padding: 10px;
	}
 
	input#responsive-nav[type=checkbox]:checked ~ .main_menu {
  		position: relative;
  		top: 0;
	}
	
	.main_menu a:after {
  		display: none;
	}
	
	.main_menu li {
	  	float: none !important;
	  	width: 100% !important;
	  	border-bottom: none !important; 
	}
   
	.main_menu li a {
  		margin-bottom: 10px !important;
  		padding: 10px 20px !important; 
  		background: #4a4a4a;
	}
 
 	.main_menu ul.menumain {
 		margin-top: 10px;
 	}
 	
	.main_menu ul.menumain li:hover {
	  	background: none;
	}
   
	.main_menu ul li a:hover {
	  	background: #4096ee;
	}
	
	.main_menu ul ul {
  		position: relative !important;
  		width: 100%;
  		left: 0 !important;
  		top: 0 !important;
  		background: none !important;
  		box-shadow: none;
	}
	
	.main_menu ul ul li a {
  		background: #5a5a5a;
	}
	
	.main_menu .menuright {
	  	float: none !important;
	  	margin: 0;
	}
	
} /* End max-width: 1024px */
/* end Hauptmenü */

/* BUTTONS */
.button, .button:link, .button:visited {
	background-color: #a3a3a3;
	background-image: url(/public/20260101042019oe_/https://www.staatsanzeiger-eservices.de/img/bgButton.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline;
	font-size: 95%;
	font-weight: bold;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 1px 1px #666;
	white-space:nowrap;
}
.button:hover, .button:focus {
	background-position: 0 center;
}
.button:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
}
.button.blue, .button.main {
	background-color: #67A7E6; /* Sehr hell blau zu 06c */
	color: #fff;
}
/* end .button */

/* form.modern: Der alte i_modern-Käse neu nachgebaut - schlanker und performanter */
form.modern {
	font-size: 76%;
	line-height: 1.4em;
}
form.modern a {
	text-decoration: underline;
}
form.modern fieldset {
	width: 75%;
	margin: 15px 0;
}
form.modern fieldset.big {
	width: 100%;
}

form.modern fieldset.big_2 {
	width: inherit;
}

form.modern fieldset.medium {
	width: 85%;
}

form.modern label {
	color: #0066CC;
	font-weight: bold;
	display: inline-block;
	margin-top: .5em;
	vertical-align: top;
	width: 25%;
}

form.modern label.big {
	width:48%;
}

form.modern label.radio {
	width: inherit;
}


form.modern label span.sub {
	color: #313131;
	font-weight: normal;
}

form.modern input {
	border: thin solid #AAA;
	border-radius: 4px;
	display: inline-block;
	margin-top: .5em;
	padding: 3px;
	width: 25em;;
}

form.modern input.currency {
	width: 10em;
	text-align:right;
}

form.modern input.date {
	width: 10em;
}

form.modern input.error {
	border-color: red;
}

form.modern input.half {
	width: 15em;
}

form.modern input.ort {
	width: 18.5em;
}

form.modern input.plz {
	width: 5em;
}

/* rechts neben Abbrechen */
form.modern input.rightabr {
	margin-left: 1em;
	width: 24em;
}

form.modern input[type=radio],
form.modern input[type=checkbox] {
	border-width: 0px;
	margin-right: .3em;
	width: 24px;
}

form.modern select {
	display: inline-block;
	margin-top: .5em;
	padding: 2px;
	width: 25.7em;
}

form.modern select.big {
	width: 40em;
}

form.modern table th	{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px .5em 1.4px 1px;
	text-align: left;
}

form.modern table td label {
	color: #414141;
	font-weight: normal;
	margin: 0;
	width: inherit;
}

form.modern textarea {
	height: 6em;
	width: 25.4em;
}
/* end form.modern */

/* body.login: Loginseite */
body.login {
	display: block;
}
body.login article {
	align-items: center;
	display: grid;
	justify-content: center;
	padding-top: 7em;
}
body.login footer {
	padding-bottom: 4em;
}
body.login .form {
	padding-bottom: 4em;
	width: 32em;
}
body.login .form fieldset {
	width: 100%;
}
body.login div.header {
	align-items: center;
	display: grid;
	justify-content: center;
	padding-bottom: 2em;
}
/* End Loginseite */