/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */

/* GLOBAL */
body
{
	border-top:5px solid #e56038;
	background:#ebe8de;
	font-family: 'Open Sans', sans-serif;
	color:#333333;
}

#linie1 {
	border-bottom:5px solid #e56038;
}

#hilfscontainer {
	margin:0px auto;
	max-width:1024px;
}

aside {
	float:left;
	text-align:center;
	width:25%;
}

main {
	/*background-color:#ffffff;*/
	color: #000000;
	float:left;
	width:75%;}
	
main h1 {
	font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
}	

main p {
	font-size: large;
 	margin-bottom: 10px;
	margin-top: 0px;
}

article {
	border: 1px solid grey;
	border-radius:5px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}


a
{
	text-decoration:none;
	color:inherit;
	transition: color .5s ease;
}


/* erheben_1, 2 */

#tb_strichliste,#tb_strichliste1 {
	margin:20px;
	text-align:center;
	font-size: x-large;
}

#tb_strichliste td{
	padding-top:4px;
}

#tb_strichliste1 td{
	padding-top:4px;
}

#tb_strichliste2{
	text-align:center;
}

#z0s1{
	width:100px;	
}
#z0s2{
	width:600px;	
}

#z0s2a{
	width:300px;	
}

#z0s3{
	width:300px;	
}

#idW1,#idW2,#idW3,#idW4,#idW5,#idW6{
	text-align:left;
}

#strichliste{
	margin-left:100px;
}

#strichliste1{
	margin-left:15px;
}

#strichliste2{
	margin-left:15px;
}

#z0s1_1 {
	width:50px;
	font-size: large;	
}
#z0s2_1, #z0s2_2 {
	width:150px;	
	font-size: large;
}
#z1s3_1,#z1s4_1,#z1s5_1{
	width:150px;	
}

#z0s1_2,#z1s1_2,#z2s1_2,#z3s1_2,#z4s1_2,#z5s1_2,#z6s1_2{
	width:200px;	
	font-size: x-large;
}

#z0s3_2{
	width:300px;
}

#z0s1b,#z0s2b,#z0s3b {
	font-size: 18px;
	width: 150px;
}


#z0s1k,#z6s1k{
	width:100px;
	font-size: large;	
	text-align: center;
}

#z0s2k,#z0s3k{
	width:140px;
	font-size: large;	
	text-align: center;
}

#z0s4k{
	width:300px;
	font-size: large;	
	text-align: center;
}

#z1s1k{
	background-color:#4f81bc;
	font-size: large;
	text-align: center;
}
#z2s1k{
	background-color:#c0504e;
	font-size: large;
	text-align: center;
}
#z3s1k{
	background-color:#9bbb58;
	font-size: large;
	text-align: center;
}
#z4s1k{
	background-color:#23bfaa;
	font-size: large;
	text-align: center;
}
#z5s1k{
	background-color:#8064a1;
	font-size: large;
	text-align: center;
}
#z1s3k,#z2s3k,#z3s3k,#z4s3k,#z5s3k,#z6s3k {
	font-size: large;
}

#mw3_4, #mw3_5 {
	width:50px;
	font-size: x-large;
	text-align: center;
}

/*Würfel*/

#W1,#W2,#W3,#W4,#W5,#W6,#W7,#W8,#W9,#W10, #H1,#H2,#H3 {
	font-size: 16px;
	border-radius:2px;
}
#W11,#W12,#W13,#W14,#W15,#W16,#W17,#W18,#W19,#W20,#W21,#W22,#W23,#W24,#W25,#W26,#W27,#W28,#W29,#L2,#L3,#L4,#L5,#L6,#L7,#L8,#L9,#L9a {
	font-size: 16px;
	border-radius:2px;
}


.btn {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:80%;
	border:1px dotted #DDEEFF;
}

.maxbr {
	width:100%;
}

.btnneu {
	font-size: x-large;
	background:none;
	margin:auto;
	width:80%;
	border: none;
	color: black;
}

.btnneu :hover{
	background-color:#ccc;
}

 
.btn :hover{
	background-color:#E56038;
}	
	
.btn1 {
	font-size: large;
	border-radius:4px;
	margin:auto;	
	background-color:#eee;
}

.btn1a {
	font-size: 16px;
	border-radius:4px;
	margin:auto;	
	background-color:#eee;
}

.dybtn {
	font-size: x-large;
	border-radius:4px;
	margin:auto;	
	background-color:#eee;
	width: 100%;
}


.btn2 {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:20%;
}

.btn2 :hover{
	background-color:#E56038;
}
.btn3 :hover{
	background-color:#E56038;
}

.egfeld {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:40%;
	text-align:center;
}

.egfeld1 {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:100%;
	text-align:center;
}
.dyegfeld {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:100%;
	text-align:center;
}

.egfeld_g {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:100%;
	text-align:left;
}

.egfeld_m {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	width:50%;
	text-align:left;
}

.egfeld_k {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	size:2;
	text-align:left;
}

.egfeld_1 {
	font-size: x-large;
	border-radius:4px;
	margin:auto;
	size:1;
	width:50px;
	text-align:center;
}


#tb_strichliste td :hover{
	background-color:#E56038;
}	

#schalter{
	margin-left:110px;
}



/* tabelle mittelwert */


.tb_mittelwert {
	margin:20px;
	text-align:center;
	font-size: x-large;
}

#mwert{
	visibility:hidden;
}

#z0s2_mw, #z0s2_mw1{
	border-bottom-width:3px;
	border-bottom-style:solid;
	padding-bottom:4px;
}

#kdiagramm {
	width:390px;
	height: 290px;
	text-align:center;
}







#tb1 {
	margin:20px;
	text-align:center;
	font-size: x-large;
	padding-bottom:8px;
}

#tb2 {
	margin:20px;
	text-align:center;
	font-size: x-large;
	width:150px;
	padding-bottom:8px;
}

#tb3 {
	margin:20px;
	text-align:center;
	font-size: x-large;
	width:150px;
	padding-bottom:8px;
}



#pdfdiv_content{
	width:100%;
	/*height:250px;*/
	border:1px solid grey;
	border-radius:5px;
	position:relative;
	height:800px;
}




.w100{
	width:100%;
	position:absolute;
	height:100%;
	}

	
	
.table1, th {
	background-color: #ccc;
	color: #000;
	border: 1px solid #666;
	border-color: #666;
}

.table1, th, td {
	border-collapse: collapse;
	padding: 0.3em 0.5em;
}

.table1 td {
	background-image: linear-gradient(#f9f9f9, #e3e3e3);
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}


input[type=checkbox] {
  transform: scale(2);C
}


/* HEADER */

header
{
    position:relative;
    width:auto;
    max-width:1024px;
    margin: 0 auto 20px auto;
}

header h1
{
    margin:35px 0 0 0;
    font-size:55px;
    color:#e56038;
    font-family: 'Baumans', normal;
}

header p
{
    font-family: 'Open Sans', sans-serif;
    font-size:x-large;
    color: #4A463B;
   /* margin-left:132px;*/
	text-align:left;
	font-weight:bolder;
}

nav
{
	position:absolute;
	right:0px;
	bottom:0px;
	margin-right:20px;
		
}

nav :hover{
	background-color:#E56038;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
		margin-left:2px;
        padding:3px 10px;
		border-radius:5px;
		border: 1px solid grey;
		
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;		
}


nav ul li.ein
{
    font-weight:bolder;
	color:#fff; 
	background-color:#E56038;
	font-size:14px;
}

nav ul li.aus
{
    font-weight:bolder;
	color:#000; 
	background-color:#ebe8de;
	font-size:14px;
}

nav ul li:hover{
	font-weight:bolder;
	color:#fff;	
	background-color:#E56038;
}



.sub_nav
{
    margin:5px;
	margin-top:0px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	text-align:left;
	font-size:small;
}


.sub_nav :hover
{
	background-color:#E56038;
		
}



.sub_nav ul
{
       list-style:none;
}

.sub_nav ul li
{		width:130px;
        display:block;
        float:left;
        padding:3px 15px;
		margin-bottom:10px;
		border-radius:5px;
		border: 1px solid grey;

        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;		
}

.sub_nav ul li.ein
{
    font-weight:bold;
	color:#fff; 
	background-color:#E56038;
	
}

.sub_nav ul li.aus
{
    font-weight:normal;
	color:#333333; 
	background-color:#ebe8de;
}

/*
.sub_nav ul li a
{
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
}
*/

.sub_nav ul li:hover
{		font-weight:bold;
		color:#fff;
}



/* FOOTER */

footer	/* info verlagert zu balken unten, dient hier nur zur sichtbaren Positionierung der Inhalte */
{
        position:relative;
        clear:both;
        width:auto;
        height:85px;
/*        background:#e56038;	*/
		text-align:center;
		font-style:italic;
		padding-top:10px;
}



/*Liste*/
#liste1 li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 40px; height: 44px; font-size: 2em; font-style:bold; text-align: center; background:#ccc;}
#liste1 { list-style-type: none; margin: 0; padding: 0; width: 100%;}



/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px)
{
        #slider_content1, #slider_content2, #slider_content3
        {
                width:auto;
                margin-right:50px;
        }
        #slider_content1 h2, #slider_content2 h2, #slider_content3 h2
        {
                font-size:18px;
        }
        #slider_content1 p, #slider_content2 p, #slider_content3 p
        {
                font-size:14px;
        }
        #slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
        {
                display:inline;
        }
        .container .button
        {
                display:none;
        }
}

@media (max-width: 915px)
{
        #boxcontent article
        {
                float: none;
                margin: 30px auto 0 auto;
                width: 60%;
        }
        #spacer
        {
                font-size:15px;
        }
        #spacer .search
        {
                margin-top:19px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
        input
        {
                padding:4px;
                font-size:14px;
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
        #four_columns
        {
                width: 500px;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
                margin-top: 25px;
        }
        #text_columns article.column1, #text_columns .column2
        {
                float:none;
                max-width: 500px;
                margin: 50px 30px 0 30px;
        }
        .column2 .row
        {
                float:none;
                margin:0 0 40px 50px;
        }
        footer .wrapper .column
        {
                font-size: 12px;
                width: 230px;
        }
}

@media (max-width: 765px)
{
        .container
        {
                height:1px;
                top: -1500px;
        }
        header
        {
                height:120px;
        }
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
        #spacer
        {
                height:100px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 auto;
                padding:15px 0 7px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
        footer
        {
                padding-bottom:70px;
                height: auto;
        }
        footer .wrapper
        {
                width: 350px;
                margin: 0 auto;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        footer .wrapper .social
        {
                display:none;
        }
		
		#oli_leiste {
			display:none;
		}
		.promo_container {
			display:none;
		}
}

@media (max-width: 500px)
{
        header
        {
            margin-top: 80px;
            text-align: center;
        }        
        #spacer
        {
                height:auto;
                padding-bottom:15px;
        }
        #four_columns
        {
                width:auto;
        }
        #four_columns .img-item
        {
                width: 200px;
                float:none;
                margin: 25px auto 0 auto;
        }
        #four_columns h2
        {
                margin: 0 30px;
        }
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }
        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }
        input
        {
                width:auto;
        }
        #mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #EDA28C;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
        header h1
        {
                font-size:40px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}