/*
Description: CSS3
Customer: korrekturen.de
Customer URI: http://korrekturen.de
Author: Ralph Segert
Author URI: http://segert.biz
*/


* {
margin: 0;
padding: 0;
}


body {
color: #fff;
background-color: #333;
font-size: 100%;
font-family: Verdana, Helvetica, serif;
}

/*
a:focus {
outline: none;
}
*/

img, fieldset {
border: 0;
}

img {
vertical-align: middle;
}

a {
border: 0;
text-decoration: none;
}

.image{
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}
.image img{
width:100% !important;
height:auto !important;
display:block;
}


/* --- Wrapper --- */
	

.wrapper {
margin: 0 auto;
width: 100%;
min-width: 320px;
max-width: 768px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background: #575759 url(images/bg-start.jpg) top center no-repeat;
background-size: cover;
background-position: 55% 0;
}

.wrap-subpage {
background: #ddd url(images/bg-sub.jpg) top center no-repeat;
background-size: cover;
background-position: 65% 0;
}


.wrapstart {
margin: 0 auto;
width: 100%;
max-width: 768px;
margin-top: -2%;
background-color: transparent;
}

.wrapcont {
margin: 0 auto;
width: 100%;
max-width: 768px;
background-color: transparent;
}


.wrapfooter {
width: 100%;
background-color: transparent;
padding: 4% 0 8% 0;
}

.wrapfooter form {
float: left;
width: 100%;
font-size: .9em;
line-height: 1.8em;
margin: 6% 0 5% 0;
}

.wrapfooter .suchfeld {
font-size: 1em;
padding: 1.5%;
width: 50%;
border: 1px solid #888;
background-color: #fff;
}


.wrapfooter .suchbutton {
padding: 1.5% 3% 1.5% 3%; 
background: #666;
border: 1px solid #888;
border-radius: 6px;
color: #fff;
font-size: 1em;
width: 25%;
cursor: pointer;
margin-left: 2%;
} 


/* --- Headerbereich Ads --- */


.wrapad {
margin: 0 auto;
width: 100%;
max-width: 768px;
height: 50px;
text-align: center;
background-color: #ccc;
}

/* --- Logo und Navigation --- */



.wrapnav cf {
margin: 0 auto;
width: 100%;
text-align: left;

}

.wrapnav img {
width: 76.018808777%;
height: auto;	
}

.wrapnav .header  { 
float: left;
width: 100%;
}

.wrapnav .logo {
float: left;
width: 83.072916666%;
background-color: #ff9934;
padding: 5% 0 5% 5%;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.wrapnav .hamburger {
float: right;
width: 16.927083333%;
background-color: #999;
padding: 4.1% 2% 4.1% 2%;
text-align: center; 
box-sizing: border-box;
}

.hamburger img {
width: 66.923076923%;
height: auto;	
}

.wrapnav img {
width: 76.018808777%;
height: auto;	
}


.wrapnav .nav {
float: right;
width: 100%;

}

.wrapnav .nav ul li {
list-style: none;
}


.wrapnav .nav ul {
display: none;
height: auto;
}


.wrapnav .nav a#pull {
float: left;
text-align: center;
width: 100%;
color: #fff;
}
    

.wrapnav .nav li {
width: 100%; 
font-size: 1em;
border-bottom: 1px solid #979797;
background-color: #666;
opacity: .9;
text-align: left;
padding-left: 5%;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.wrapnav .nav li a {
display: block;
color: #fff;
padding: 19px 0 19px 0;
}

.wrapnav .nav li:first-of-type a:hover {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}

.wrapnav .nav li:last-of-type a:hover {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}

.wrapnav .nav .aktiv {
color: #fff;
background-color: #999;
opacity: 1;
}


/* --- Contentbereich Startseite --- */


.wrapstart h1 {
float: left; 
width: 100%;
font-size: 2.1em;
font-weight: normal;
background-color: #999;
padding: 4% 0 5% 5%;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.startnav {
width: 100%;
float: left;
list-style-type: none;
}

.startnav ul li {
display: inline;
float: left;
}

.startnav li {
float: left;
width: 50%;
text-align:center;
font-size: 1.6em;
}


.startnav li a {
display: block;
padding: 20% 0 20% 0;
color: #fff;
background: #777;
opacity: 0.8;
margin-bottom: 1px;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.startnav li a:nth-child(odd) {
margin-left: 1px; 
}



/* --- Hauptbereichsseiten --- */

/* Subnavi */

.subnav {
width: 100%;
float: left;
list-style-type: none;
}

.subnav ul li {
display: inline;
float: left;
}

.subnav li {
float: left;
width: 100%;
text-align:left;
font-size: 1.6em;
}


.subnav li a {
display: block;
padding: 4.5% 0 5.2% 5%;
color: #fff;
background: #484747;
opacity: 0.8;
margin-bottom: 1px;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


/* Breadcrumb-Navi */


.wrapcont h1 {
float: left; 
width: 100%;
color: #fff;
font-size: 1.6em;
font-weight: normal;
background-color: #999;
padding: 4% 2% 5% 5%;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.wrapcont h1 a {
color: #fff;
border-bottom: 2px solid #ff9934;
}


/* Hauptbereichsseiten */


.wrapcont .section {
width: 93%;
float: left;
color: #000;
margin: 5% 2% 5% 5%;
}

.wrapcont .section a {
color: #000;
border-bottom: 2px red dotted;
}

.section h2 {
font-size: 1.7em;
font-weight: normal;
padding-bottom: 2%;
}

.section h3 {
font-size: 1.5em;
line-height: 1.3em;
font-weight: normal;
padding: 5% 0 3% 0;
}

.section h4 {
font-size: 1.3em;
line-height: 1.3em;
font-weight: normal;
padding: 4% 0 3% 0;
}

.section p {
font-size: 1em;
padding: 0 2% 2% 0;
line-height: 1.6em;
}

.section blockquote {
font-size: 1em;
padding: 0 2% 2% 0;
line-height: 1.6em;
margin-left: 7%;
}

.section .subline {
font-size: 1.2em;
padding-bottom: 1%;
line-height: 1.8em;
}

.section .infoline {
width: 96%;
border-top: 1px #f00 solid;
font-size: .8em;
padding: 2% 0 5% 0;
line-height: 1.2em;
}

.section ul.liste {
font-size: .9em;
line-height: 1.6em;
margin-left: 10%;
padding: 1% 0 2% 0;
}

.section li.liste {
font-size: 1em;
list-style-type: square;
padding-bottom: 1.5%;
line-height: 1.6em;
}

.posted {
	width: 95%;
	color: #999999;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	padding-top: 4px;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

/* Suchmaske */


.sichtlos  {
display: none;
}

.section form {
float: left;
width: 100%;
font-size: .9em;
line-height: 1.8em;
margin: 6% 0 5% 0;
}



.section .suchfeld {
font-size: 1.2em;
padding: 1.5%;
width: 68%;
border: 1px solid #888;
background-color: #fff;
}


.section .suchbutton {
padding: 1.5% 3% 1.5% 3%; 
background: #666;
border: 1px solid #888;
border-radius: 6px;
color: #fff;
font-size: 1.4em;
letter-spacing: 1px;
width: 20%;
cursor: pointer;
margin-left: 2%;
} 


/* Formular Kontakt */


legend {
padding-top: 2%;
font-size: 1.1em;
padding-bottom: 6%;
padding-top: 6%;
}

label {
width: 20%;
float: left;
margin: 1% 0 1% 0;
}

.section form p {
width: 100%;
font-size: .9em;
line-height: 1.2em;
float: left;
}

.section form p label  {
font-size: 1.1em;
}

.section .textfeld {
font-size: 1.1em;
padding: 1%;
width: 66%;
background-color: #fff;
opacity: 1;
}

.section textarea {
margin-top: 1%;
font-size: 1.1em;
padding: 1.5%;
width: 66%;
height: 115px;
}

.sendbutton {
padding: 2% 4% 2.4% 4%; 
border: 1px solid #666;
color: #fff;
border-radius: 6px;
font-size: 1.2em;
letter-spacing: 1px;
background-color: #ff9934;
letter-spacing: 1px;
width: 30%;
cursor: pointer;
margin: 2% 0 5% 3%;
} 





/* A - Z Navigation und Paragrafen */

.abisz {
float: left;
width: 98%;
margin: 4% 0 3% 0;; 
}

.abisz ul li {
list-style-type: none;
display: inline;
}

.abiszli {
float: left;
}

.abisz ul a {
font-size: 1.1em;
float: left;
color: #000;
border: 1px solid #999;
background-color: #eee;
margin: 0 4px 4px 0;
padding: 12px 0 12px 0;
width: 48px;
text-align: center;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.paragraf ul a {
width: 65px;
padding: 6px 0 6px 0;
}


.abisz .aktiv a {
color: #fff;
background-color: #ff9943;
border: 1px solid #444;
}



/* --- Info-Tabellen --- */

.tablewrap {
float: left;
margin: 4% 0 6% 0;
}

.table {
display: table;
font-size: 1em;
width: 94%;
}

.table a {
color: #000;
border-bottom: 1px red dotted;
}

.table a:hover {
color: #000;
}

.table div {
display: table-row;
}

.table div div {
display: table-cell;
}

.tabletop {
float: left;
width: 100%;
text-align: center;
font-weight: bold;
padding: 3% 2% 3% 3%;
border: 1px solid #fff;
background-color: #ff9934;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tablebottom {
float: left;
width: 100%;
text-align: center;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
background-color: #eee;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tablebottomleft {
float: left;
width: 100%;
text-align: left;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
background-color: #eee;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tablefttop {
width: 35%;
padding: 3% 2% 3% 3%;
border: 1px solid #fff;
border-right: 0;
background-color: #ff9934;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabrighttop {
width: 55%;
padding: 3% 2% 3% 3%;
border: 1px solid #fff;
background-color: #ff9934;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tableft {
width: 35%;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
border-right: 0;
border-top: 0;
background-color: #eee;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright {
width: 55%;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
border-top: 0;
background-color: #eee;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}



.tableftwas {
width: 35%;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
border-right: 0;
border-top: 0;
background-color: #ddd;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabrightwie {
width: 55%;
padding: 3% 2% 4% 3%;
border: 1px solid #fff;
border-top: 0;
background-color: #eee;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tabred {
color: red;	
}

.hervor {
color: #f60;
}


/* Tabellen Paragrafen und Vokale */

.t-2 {
margin-bottom: 6%;
margin-top: 3%
}

.tableft-para {
width: 15%;
padding: 3% 0 3% 0;
border: 0;
border-right: 0;
text-align: center;
font-size: 1.1em;
font-weight: bold;
background-color: transparent;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright-para {
width: 85%;
padding: 3% 2% 3% 3%;
border: 1px solid #333;
font-size: .9em;
line-height: 1.6em;
background-color: #eee;
opacity: .8;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}



.tableft-voka {
width: 16%;
padding: 3% 0 3% 0;
text-align: center;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
font-size: 1.1em;
font-weight: bold;
background-color: transparent;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright-voka {
width: 84%;
padding: 3% 2% 3% 3%;
border-bottom: 1px solid #666;
font-size: .9em;
line-height: 1.6em;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tableft-voka2 {
width: 25%;
padding: 3% 0 3% 0;
text-align: center;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
font-size: 1.1em;
background-color: transparent;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tabmid-voka2 {
width: 25%;
padding: 3% 0 3% 0;
text-align: center;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
font-size: 1.1em;
font-weight: bold;
background-color: transparent;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright-voka2 {
width: 50%;
padding: 3% 2% 3% 3%;
border-bottom: 1px solid #666;
font-size: .9em;
line-height: 1.6em;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tableft-voka3 {
width: 50%;
padding: 3% 2% 3% 3%;
text-align: left;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
font-size: .9em;
background-color: transparent;
line-height: 1.6em;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright-voka3 {
width: 50%;
padding: 3% 2% 3% 3%;
border-bottom: 1px solid #666;
font-size: .9em;
line-height: 1.6em;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.tableft-voka4 {
width: 30%;
padding: 3% 0 3% 0;
text-align: center;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
font-size: 1.1em;
font-weight: bold;
background-color: transparent;
vertical-align: middle;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.tabright-voka4 {
width: 70%;
padding: 3% 2% 3% 3%;
border-bottom: 1px solid #666;
font-size: .9em;
line-height: 1.6em;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}


.noborder {
border-bottom: 0;
}


/* --- Footerbereich --- */

.wrapfooter .smedia {
padding: 4% 0 8% 0;
}

.wrapfooter .smedia img {
width: 14%;
margin-right: 5%;
margin-left: 5%;
}


.wrapfooter .smedia a {
border-bottom: 0; 
}


.wrapfooter .footer {
text-align: center;
width: 100%;
}

.footer p {
font-size: 1.1em;
line-height: 1.8em;
}

.infofooter {
color: #000;
}


.footer a {
color: #ccc;
border-bottom: 1px dotted #fff; 
}

.infofooter a {
color: #666;
border-bottom: 1px dotted #444; 
}




/* Accordion-Effekt Inhaltsverzeichnis und Paragrafen */


#accordion {
float: left;
width: 97%;
margin: 5% 0 2% 0;
}

#accordion h2 {
font-size: 1.3em;
}

#accordion ul a {
text-decoration: none;
border-bottom: 1px solid #999;
}

#accordion .aktiv a {
text-decoration: none;
border-bottom: 1px solid #444;
}

.accordion-header {
height: 75px;
border: 1px solid #979797;
border-top: 0;
background: #999;
text-align: left;
margin-bottom: 1px;
}

.focus, .focus h2 { /* Kopf des aktiven Pannels mit Formatierung der H2 */
color: #fff;
background: #666;	
}

.focus h2:before { /* Kopf des aktiven Pannels mit Minuszeichen */
content:"-";
font-size: 1.2em;
padding: 5% 5.9% 0 5.2%;	
}

.focus h2 span {
display: none;
}

.accordion-content {
display: none;
z-index: 1;
background: #ddd;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
opacity: .88;
padding: 2% 0% 7% 2.1%;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.accordion-content:last-of-type {
border-bottom: solid 1px #979797;
}

.accordion-content:first-of-type {
border-bottom: 0;
}

.h2 { /* Formatierung der Koepfe fuer die Accordion-Pannels */ 
font-size: 1em;
letter-spacing: 1px;
color: #fff;
font-weight: normal;
padding: 19px 5% 0 1.8%;
}

.accordion-content h3 {
font-size: 1.1em;
color: #000;
line-height: 1.6em;
font-weight: normal;
text-align: left;
padding: 2% 3% 2.5% 5%;
}

.accordion-content h4 {
font-size: 1.1em;
color: #000;
line-height: 1.4em;
font-weight: normal;
text-align: left;
padding: 2% 3% 2.5% 5%;
}

.accordion-content p {
font-size: .9em;
color: #000;
padding-bottom: 2%; 
line-height: 2em;
padding: 0 3% 2% 5%;
}

.accordion-content ul {
font-size: .9em;
color: #666;
padding: 0 3% 2% 2%;
margin-left: 3%;
line-height: 2em;
}

.accordion-content ul li {
list-style-type: none;
}

.openpfeil {
color: #fff;
padding: 0 4.6% 0 5%;
font-size: 1.2em;
}

.imgcont {
opacity: 1;
padding-top: 22px;
}

.imgcont img {
margin: 20px;
}


/* Buttonreihe */

.buttonreihe {
width: 100%;
float: left;
text-align: center;
}

.buttonreihe .button a {
display: inline;
float: left;
width: 26%;
text-align: center;
background: linear-gradient(-180deg, #FF9204 0%, #E66B00 100%);
border: 1px solid #000000;
border-radius: 6px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50), inset 1px 1px 0px 0px rgba(255,255,255,0.86);
color: #fff;
font-size: 1em;
margin: 6% 3% 3% 3%;
letter-spacing: 1px;
padding: 2% 0 2% 0;
text-decoration: none;
}



/* _____ Misc _____ */


.cf:after {
content: "";
display: table;
clear: both;
}




/*Styles for screen 640px and lower*/
@media only screen and (max-width : 640px) {

.wrapstart h1 {
font-size: 1.2em;
padding: 4.5% 0 6.5% 5%;
}

.startnav li a {
margin-bottom: 1px;
}

.wrapnav .hamburger {
padding: 4.2% 2% 4.2% 2%;
}

.startnav li {
float: left;
width: 50%;
text-align:center;
font-size: 1.2em;
}

.footer p {
font-size: 0.9em;
line-height: 1.8em;
}

/* Hauptbereichsseiten */

.section .h2-2 {
font-size: 1.4em;
}

.section .h3-2 {
font-size: 1.3em;
}

/* Subnavi */

.subnav li {
font-size: 1em;
}

.section h2 {
padding: 2% 0 3% 0;
}

.section p {
font-size: .9em;
padding: 0 2% 4% 0;
line-height: 1.6em;
}

.section blockquote {
font-size: .9em;
padding: 0 2% 4% 0;
line-height: 1.6em;
}

.section .subline {
font-size: 1.2em;
padding-bottom: 4%;
line-height: 1.8em;
}



/* Breadcrumb-Navi */


.wrapcont h1 {
font-size: 1.2em;
padding: 4% 3% 6% 5%;
}


/* Suchmaske */

.section form {
margin: 5% 0 6% 0;
}


.section .suchfeld {
padding: 2%;
width: 58%;
}

.section .suchbutton { 
background: #666;
padding: 0;
border: 1px solid #777;
font-size: 1.1em;
letter-spacing: 0;
width: 30%;
} 


/* A - Z Navigation */

.abisz ul a {
font-size: 1em;
margin: 0 4px 4px 0;
padding: 12px 0 12px 0;
width: 44px;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

.paragraf ul a {
width: 44px;
padding: 3px 0 3px 0;
}


/* Info-Tabellen */


.table {
display: table;
font-size: .8em;
width: 96%;
}

.tabletop {
font-weight: normal;
}

/* Tabellen Paragrafen und Vokale */

.t-2 {
margin-bottom: 8%;
margin-top: 2%;
}




/* Accordion-Effekt Inhaltsverzeichnis und Paragrafen */

.accordion-header {
height: auto;
padding: 2.5% 0 3% 0;
}


.accordion-content h3 {
padding: 2% 3% 2.5% 3%;
}


.accordion-content p {
padding: 0 3% 2% 3%;
}



}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {



}