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


@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,700,700i');
html { width:100%; margin:0px; text-align: left;}
body { height: auto; width: 90%; max-width:800px; margin-top: 0px;
  margin-right: auto; margin-bottom: 0px; margin-left: auto;
  font-family: 'Nunito', sans-serif; font-size:16px; font-weight: 300;
letter-spacing: .3px;}

iframe body {margin:0px;}

a {color:#599ECB;}
strong, b {font-weight: 700;}
ul {padding-left: 20px; list-style: circle;}
li {margin-bottom: 4px;}
#kopf { position:fixed; }

header { position:relative; width:100%; text-align:center; color:#003B71; font-size:10px; height: 140px;}
header img { height:100% }
#logo { position:absolute; width:20%; margin:auto; top:-100px; }
#logo img { width:auto; }

img {width:100%; position:relative;}

#stoerer-aktuelles { background-color:#3A8598; color:#fff; font-size:16px; padding:16px; padding-top: 16px; border-radius:1px; margin-bottom:10px; padding-left: 16px; padding-right:16px; margin-top: -3px; margin-left: 2px; margin-right: 2px;}
#stoerer-aktuelles a {color:#C0D8DE;}
#stoerer-aktuelles p:last-child {margin-bottom:0px;}
#stoerer-neues { background-color:#E5EBF0; color:#003B71; font-size:16px; padding:16px; padding-top: 16px; border-radius:1px; margin-bottom:10px; padding-left: 16px; padding-right:16px; margin-left: 2px; margin-right: 2px;}
#stoerer-neues a {color:#C0D8DE;}
#stoerer-neues p:last-child {margin-bottom:0px;}

.trennlinie {min-width:100%; min-height: 1px; border-style:solid; border-width:2px; border-left:none; border-right:none; border-top:none;border-color:#003B71; padding:0px;margin-bottom:10px; display: table; z-index:100;}

textarea, .cke_editable { width:99%; height:auto; margin-top:10px; }

.abschnitt-test{ background-color:#fff; color:#003B71; font-size:16px; margin:6px; padding:6px; border-radius:6px; }

a { text-decoration:none; }
p { margin-top:0px; margin-bottom:10.5px; line-height: 21px; }

kleiner { font-size:80%; }

.clear { clear:both; text-align:right; height:20px; }

#content { height: auto; width: 800px; line-height:20px; margin-bottom:20px; }

.kapitel { display:none; }

.grid-sizer{ width:400px; }

.abschnitt { background-color:#E5EBF0; border-radius:1px; padding:15px; float:left; margin-right:4px; margin-left:4px; margin-bottom:10px; width:362px; height:auto; }
.abschnitt img { width:100%; margin-bottom:10px; }
.abschnitt-voll { background-color:#E5EBF0; border-radius:1px; padding:15px; float:left; margin-right:4px; margin-left:4px; margin-bottom:10px; width:762px; clear:both; }
.abschnitt.voll {width:762px; }
.abschnitt.klein { width:172px; }


#navigation { position:relative; width:100%; height:30px; border-style:solid;
  border-width:2px; border-left:none; border-right:none; border-color:#003B71;
  padding:0px; padding-top:6px; padding-bottom:6px; margin-top:5px; display: table; z-index:100;}
#navigation li { display: table-cell; table-layout: fixed; border-style:solid;
  border-width:2px; border-top:none; border-bottom:none; border-color:#fff;
  background-color:#E5EBF0; text-align:center; font-size:18px; font-weight:300;
  text-decoration:none; line-height: 30px; }
#navigation li a { text-decoration:none; color:#003B71; }

.headline{ position:relative; font-size:190%; font-weight:400; color:#003B71; min-width:100%; clear:left; margin-bottom:10px; margin-top:10px; }
.headline-klein{ position:relative; font-size:125%; font-weight:400; line-height: 1.7rem; color:#003B71; min-width:100%; clear:left; margin-bottom:5px;}

iframe {border:none; max-height:500px; width:100%;}

fieldset { 	border:none; }

.edit-info { position:absolute; width: 300px; height:150px; margin:auto; background-color:#cdd400; color:#FFF; font-size:14px; font-weight:800; text-align:center; vertical-align:middle; }

.datei-box { padding:10px; margin:3px; width:auto; height:35px; overflow:hidden; float:left; background-color:#fff; border-radius:4px; }

.impressum { float:right; margin-top:-14px; font-size:11px; color:#003B71; }

.elternratgeber {font-size:16px;}
.elternratgeber ul {-webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }

footer { position:relative; width:100%; height:30px;
  border-style:solid; border-width:2px; border-left:none; border-right:none; border-color:#0D3E67;
  padding:0px; padding-top:6px; padding-bottom:6px;
  margin-bottom: 5px; display: table; z-index:100; }
.impr, .adresse { text-align:center; color:#003B71; font-size:16px; margin-top:5px; font-weight:300; }
.impr {margin-bottom: 30px; font-size:11px;}
input[type="radio"] { display:none;}

input[type="radio"] + label {
    display:inline-block;
    width:40px;
    height:40px;
	border-radius: 5px;
	border: 1px rgba(0,0,0,.2) solid;

}

input[type="radio"]:checked + label {
    border: 4px rgba(0,0,0,.4) solid;
}

.blau {background-color: #093C71; color: #CED4DB;}
.gruen  {background-color: #79ADD3; color: #CED4DB;}
.hellblau  {background-color: #CED4DB; color: #093C71;}
.orange  {background-color: #E5ECF0; color: #093C71;}
.rosa  {background-color: #86522C; color: #CED4DB;}

/* Media Queries */
@media (max-width: 800px) {

body { width:100%; margin:0; }

#content { width:100%; }

.abschnitt { width:93%;}
.abschnitt.voll { width:93%; }

.headline{ 	position:relative; 	font-size:140%;}
.headline-klein{ margin-top:13px; }

#navigation { width: 100%; margin-left:auto; margin-right:auto; padding:2px;}
#navigation li { width:auto; height:auto; display:list-item; list-style:none; margin:2px; border:none;}

.elternratgeber li {margin-bottom:5px; list-style:none}
.elternratgeber  {margin-bottom:20px;}

.impressum {  font-size:13px; color:#116b82; }
}