html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-image:url(../gfx/pizza.jpg);
	background-position:center;
	font-family:verdana;
	font-size:14px;
	background-attachment:fixed;
	background-size: cover;
	overflow:hidden;
	
}

.navi{
	position:relative;
	width:100%;
	height:2rem;
	background:#565655;
	justify-content:center;
		display: -webkit-flex;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-align-items: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
	
	color:#fff;
}

.naviLink{
	margin:0 1rem;
}
.naviLink a:link, .naviLink a:visited{
	color:#fff;
	text-decoration:none;
	font-size:1rem;
	
}
.login{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.95);
		z-index:1;
		justify-content:center;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
.boxes{position:relative;
	z-index:0;
}
.logbox{
	background:rgba(255,255,255,1);
	padding:10px;
	width:22rem;
	height:8rem;
	-moz-border-radius:1rem;
	-khtml-border-radius:1rem;	
	 border-radius: 1rem;	
	}
	.logboxText{
		width: 5rem;
    margin-right: 2rem;
    position: relative;
    display: inline-block;
	}
.info{position:relative;
	width:100%;
	height:10%;
	background:#fff;
	justify-content:center;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	font-size:1rem;
}
.infotext{
	padding:0.5rem;
}
.buts {
	    position: relative;
    width: 10%;
    height: 10%;
    background-color: rgba(192,204,179,0.97);
    border: 1px solid #fff;
    display: inline-block;
    margin: -1px;
    cursor: pointer;
    background-image: url(../gfx/backline45.png);
}
.jokerInside {
	background-color: rgba(0,0,0,0.97);
}
.buts_pressed{
		visibility:hidden;
		
}
.punkteRowName{
	padding:1rem;
}
 .hr {
	border:none;
	border-bottom:1px solid #ccc;
	width:100%;
}
#einheit{
	font-weight:bold;
	color:#67af19;
	text-decoration:underline;
}
p{
	margin:0 0 0 0
	
}	
.jokerBox{position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	justify-content:center;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	visibility:hidden;	
}
.joker{position:relative;
	width:15rem;
	height:15rem;
	background-image:url(../gfx/joker.png);
	background-size:contain;
	color:#fff;
	padding:2rem;
	justify-content:center;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size:1.5rem;
		text-align:center;
	
}
 .higruBox1{
	position:absolute;
	top:0rem;
	left:0;	
	width:100%;
	height:100%;
	background-size:cover; 
	background-attachment: fixed;
	background-position: bottom  center;
}
.higruBox2{
	position:absolute;
	top:4000px;
	left:0;	
		width:100%;
	height:100%;
	background-size:cover; 
	background-attachment: fixed;
	background-position: bottom  center;
}
.higruBox3{
	position:absolute;
	top:2160px;
	left:0;	
		width:100%;
	height:100%;

	background-attachment: fixed
}
.higruBox4{
	position:absolute;
	top:3240px;
	left:0;	
		width:100%;
	height:100%;
	
	background-attachment: fixed
}
.higruBox5{
	position:absolute;
	top:4320px;
	left:0;	
		width:100%;
	height:100%;
	
	background-attachment: fixed
}
.higruBox6{
	position:absolute;
	top:5000px;
	left:0;	
		width:100%;
	height:100%;

	background-attachment: fixed
} 

.zent {
	position:relative;
	width:100%;
	min-height:100%;
	overflow:hidden;	
}
.headLine{
	position:fixed;
	width:100%;
	height:8rem;
	z-index:29999;
	transition-duration: 0.5s;
}
.headline h1{margin-left:1rem;}
.headLineShadow{	
	background:#fff;
	box-shadow: 10px 10px 15px silver;
}
.headlineBox{
	display:inline-block;
	margin:0 4rem;
	font-size:0.8rem;
	font-family:'Roboto Condensed';
	font-weight:normal;
	
	
}
.headlineBox a:link,.headlineBox a:visited{
	color:#fff;
}
.headlineBox img{
	margin-right:0.3rem;
	margin-top:0rem;
}

.head_top_1{
	position:relative;
	width:100%;
	height:2rem;
	background:none;
	color:#fff;
	text-align:center;
}
.head_top_2{
	position:relative;
	width:100%;
	height:2rem;
	background:none;
	color:#fff;
	font-size:0.8rem;
	text-align:center;
	    line-height: 1.9rem;
}	

.gridRow{
	position:relative;
	width:100%;
	height:100%;
	display:inline-block;
	
}
.altRow{
	background:#fff;
	margin-top:-6rem;
	padding-top:10rem;
}
.emotionRow{
	
	
	background-size:cover; 
	background-attachment: fixed;
	background-position: center  center;
}
.colEmotion{
	position:relative;
	float:left;
	min-height:20px;
	height:100%;
	display:inline-block;
	overflow:hidden;
}
.emotionValueBox{
	position:relative;
	padding: 2rem 0rem;
	
	
}
.emotionValueBox img{
	width:100%;
}

.emotionValueBox .kurz_box_pic img, .emotionValueBox .emotionBoxBild img,.emotionValueBox .colBox3 img{
	width:auto;
}
.col25{
	
}
.col50{
	width:50%;
	
}
.col75{
	width:75%;
}
.col100{
	width:100%;
}
.colBox2{
	-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
	
	column-gap:80px;
	column-rule-color: #bbb;
	column-rule-width: 1px;
	column-rule-style: solid;
	text-align:justify;
	
}
.colBox3{
	-webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
	
	column-gap:80px;
	column-rule-color: #bbb;
	column-rule-width: 1px;
	column-rule-style: solid;
	text-align:jusify;
	
}
.colBox2 p, .colBox3 p {
   margin: 0 0 2.7ex 0;
   font-size: 1.8ex; line-height: 2.7ex;
   text-align: justify; hyphens:auto;
   orphans:3; widows: 3;
   page-break-inside: auto;               
   column-break-inside: column;        
      -webkit-column-break-inside: column;
      page-break-inside: column;
      break-inside: column;
	
}


.emotionBoxBild{
	position:relative;
}
.emotionBoxBildEffekt2
{
	background-repeat:no-repeat;
	background-position:center center;
}

/*********** MAIN *********/
.main {
		padding:0;
		width:100%;
		height:auto;
		
		
	/*	box-shadow: 0px 0px 50px -20px #1D1B1C;
-moz-box-shadow:  0px 0px 50px -20px #1D1B1C;
-webkit-box-shadow:  0px 0px 50px -20px #1D1B1C;*/
		}
*html .main{height:100px}

.gomapsIn {
   
}
#map_canvas{
	width:960px;
	height:400px;
box-shadow: 0px 0px 50px -20px #1D1B1C;
-moz-box-shadow:  0px 0px 50px -20px #1D1B1C;
-webkit-box-shadow:  0px 0px 50px -20px #1D1B1C;

}
#fotext{display:none};

.flend {
	clear:both
	}
/******* NAVI ***********/
.navi {
	position:relative;
	
	width:100%;
	text-align:center;
	z-index:9989;
}
/****************** IMMOBILIEN *****************/
/************ FOOTER ***********/


.footer {
	position:relative;
	clear:both;
	width:100%;
	
	height:30rem;
	padding:5rem 0 1.3rem 0;
	background:#fff;
	color:#18383b;
	
}
.footer .kategs_text_box{
	width:80%;
	margin-left:1rem;
}

.footer_left{
	color:#18383b;
	width:74rem;
	text-align:left;
	padding-top:5rem;
	
	padding-left:0rem;
	}
.logo_start {
	position: relative;
    width: 500px;
    height: 100px;
    margin-top: 1rem;
    text-align: center;
}
.logo {
	position: absolute;
    width: 200px;
    height: 85px;
        top: 85px;
    left: 150px;
    
    background: url(../gfx/logo.png) no-repeat;
	background-size:contain;
    text-align: center;
	z-index:1;
}
.logo  a{position:relative;
	display:inline-block;
		width:100%;
		height:100%;
		background:rgba(255,255,255,0);
}
.top_text{
	position:absolute;
	right:25px;
	top:130px;
	color:#707D87;
	font-size:21px;
	letter-spacing:2px;
	
}
input , textarea, select,fieldset,.mceLayout{
	border:1px solid #cdcdcd;
	background:#fefefe;
	padding:4px 10px 4px 10px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;	
	 border-radius: 4px;	
	 font-size:1rem;
	 font-weight:normal;
	 color:#4A4A49;
	 font-family:arial;

}
.pflired input,.pflired textarea{
	background:#dbedff;
}
.pfliTextFailure{
	color:#fc5f40;
}
/*************  SLIDEBOX *********/
.megamenu {
	list-style:none;
	margin:0;
	padding:0;
	width:500px;
	
}
.megamenu li {
	margin-bottom:5px;
}
.scroll{
	position:absolute;
	left:5px;
	top:8px;
	width:20px;
	color:#565655;
}
.faq_img{float:left;margin:0px 10px 10px 0px;}
.img_line{width:70%;height:4px;background:#E5D4B6;}
.dropcontent {
	clear:both;
	margin-top:3px;
	padding:0px 10px;
	}


/* KATEGS STARTSEITE */

.kategs_box{
	width:100%;
	position:relative;
	float:left;
	height:20rem;
	overflow:hidden;
	margin-right:1rem;
	margin-bottom:1rem;
	
}
.kategs_pic {
	position:relative;
	width:12rem;
	float:left;
	/*-webkit-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);*/
}
.fancyimgs img{
	/*-webkit-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
*/
}
.kategs_pic img{
	width:100%;
	overflow:hidden;
	
}
.kategs_text_box{
	position:relative;
	float:left;
	width:40rem;
	height:7rem;
	
	bottom:0;
	background:none;
	color:#565655;
}
.footer .kategs_text_box{
	color:#18383b;
}
.main_content ul {
    
}
.main_content li {
   list-style-type:disc;
   margin:0;
   margin:5px 0;
   
}

.strich{
	position:relative;
	float:left;
	    padding: 5px 0 4px 0;
}

.fs1{
	display:none;
	}


.ohneBild {
	width:95% !important;
	margin-left:0 !important;
}

/*********** kurztexte **************/
.kurz_box_pic{
	display:inline-block;
	width:25rem;
	height:18.75rem;
	overflow:hidden;
	margin-right:4rem;
	background-position:center;
	background-repeat:no-repeat;
	
	
	
}
.kurz_box_pic_effekt{
	background-size:150%;
	 -webkit-transition: background-size 500ms linear;
    -moz-transition: background-size 500 linear;
    -o-transition: background-size 500 linear;
    -ms-transition: background-size 500ms linear;
    transition: background-size 500ms linear;
}
.kurz_box_pic:hover {
	/*background-size:110%;*/
	/*cursor:pointer;*/
	
	
	
}
.kurz_box_pic:hover img{
	
		transition-duration:2s
}
.kurz_box_inhalt{
	position:relative;
	display:inline-block;
	width:44rem;
	vertical-align:top;
	height:100%;
}
.kurz_box_text{
	display:inline-block;
	width:100%;
	vertical-align:top;
	height:5rem;
	    padding-bottom: 2rem;
}
.kurzHigh10rem .kurz_box_text{
	height:10rem;
}
.kurz_box_inhalt h3{
	font-size:1.3rem;
	font-family:'Roboto Condensed';
	font-weight:normal;
	margin-top:0;
	height:3rem;
}

/*********** EMOTION BOX BLOCK ******///
.box_link {
	display:inline-block;
	position:relative;
	margin-top:3rem;
	padding:10px;
	background:#24408f;
	color:#fff;
	
}
.box_link_klein a:link,.box_link_klein a:visited{
	color:#fff;
	font-size:0.8rem;
}
.box_link_klein {
	display:inline-block;
	position:absolute;
	margin-top:1rem;
	padding:5px 10px;
	
	background:#24408f;
	color:#fff;
	bottom:0px;
	right:7rem;
	
}
.box_link a:link,.box_link a:visited{
	color:#fff;
}

.emotionBoxText li::before{
	  
	
}
.emotionBox{
	position:relative;
	float:left;
	padding:2rem;
}
.emotionBlock1{
		position:relative;
		width:100%;
		padding:1rem;
		margin:0.5rem;
		float:left;
		background:#fff;
}
.emotionBlock3{
		position:relative;
		width:21rem;
		padding:1rem;
		margin:0.5rem;
		float:left;
		height:11rem;
}
.emotion-center .emotionBlock3 {
		float:none;
		width:23rem;
		display:inline-block;
		height:auto;
}
.emotionBlock5{
		 position: relative;
		width: 12.5rem;
		padding: 1rem;
   
		float: left;
		height: 10rem;
}
.boxBlockCol1, .boxBlockCol2{
		position:relative;
		float:left;
}

.boxBlockCol2{margin-left:2rem

}
.emotionBlock1 .boxBlockCol2{
	width:33rem;
	display:inline-block;
}

.emotionBlock3 .boxBlockCol2{
	width:9rem;
	margin-left:5px;
}
.emotionBlock3 .boxBlockCol1 img{
	width:8rem;
	
}
.boxBlockBiboCol1, .boxBlockBiboCol2{clear:both;text-align:center;color:#24408f}
.boxBlockBiboCol1:hover img{
	opacity:0;
	transition-duration:0.5s
}
.boxBlockBiboCol1{min-height:92px}
.boxBlockBiboCol2{
	margin-top:1rem;
}
.emotionBlock3 .emotionBoxHead{
	width:11	rem;
	font-size:1rem;
}
.emotionBlock3 .emotionBoxText{
	width:11rem;
	font-size:0.8rem;
}
.emotionBlock3 .emotionBoxLink{
	margin-top:0.7rem;
	font-size:0.8rem;
	
}
.emotionBlock3 .emotionBoxLink a:link, .emotionBlock3 .emotionBoxLink a:visited{
	color:#565655;
}
.emotionBlock3 .emotionBoxLink::before{
	content:"\0023F5";
	font-size:0.7rem;
}

.emotionBlock3 ul{
	margin:1rem 0 0 5px;
	padding:0 0 0 10px;
	list-style-type: disc;
	list-style-position: outside;
}
.emotionBlock3 ul li{
	padding-left:0rem;
	list-style-type: disc;
}
.boxHeadBig{
	font-size:1.5rem;
	font-weight:normal;
	text-transform:uppercase;
}
.gale_box .fancyimg img{ width:23rem}
.gale_box {
	background:url(../gfx/gale_back_plus.jpg) center center;
}
.gale_box  a:hover img{ opacity:0.3;transition-duration:0.2s}
.blockGrey{
	background:#fff;
	border-right:1px solid #bbb;
	
} 
.blockGrey:hover{background:#ededed;transition-duration:0.2s}
.emotionBlockOhne{
	padding: 0;
    margin: 0.5rem;
    overflow: hidden;
}

.blockBlue{
	background:#fff;
	border-right:1px solid #24408f;
	color:#24408f;
	
} 
.blockBlue:hover{/*background:#ededed;transition-duration:0.6s;*/}
.emotionBlockOhne{
	padding: 0;
    margin: 0.5rem;
    overflow: hidden;
	
}
.emotionBlockOhneBorder{
	border:none;
}
.zent{
	position:relative;
	width:100%;
	text-align:center;
}
.bread{
	display:none;
	margin-right:20px;
	margin-top:5px;
}
.bread::before{
	content:"\0023F5";
	font-size:0.7rem;
}
.bread a:link,.bread a:hover,.bread a:visited{
	color:#565655;
	font-size:0.8rem;
	
}
.zusatzBox{
	margin:0.5rem 0;
}
.dateienNew{
		padding:2rem 2rem 2rem 5rem;
}
.dateienRow{
		position:relative;
		margin:0.5rem 0;
}
.headRow{
	position:relartive;
	padding:0 0 0.5rem 0;
	margin:0 0 2rem 0;
	border-bottom:1px solid #ddd;
}
		
.selFilter{
	position:relative;
	margin-left:1rem;
}
.contRow{
	position:relative;
	padding:5px 0 0 2rem;
}
.ranking{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	justify-content:center;
		display: -webkit-flex;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-align-items: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
	visibility:hidden;
	
}
.rankingBox{
	position:relative;
	padding:2rem;
	background:#fff;
	
	width:60%;
	height:60%;
}
.rankingInOut{
	position:absolute;
	top:0;
	right:0;
	padding:1rem;
	background:#fff;
	color:#fff;
	
}
.rankSpan{
	position:relative;
	display:inline-block;
	margin:0.5rem 2rem 0.5rem 2rem;
	width:10rem;
	
}
.ranking h2{
	font-family:verdana;
	font-size:1.5rem;
	text-align:center;
}
.rankCenter{
	position:relative;
	width:100%;
	text-align:center;
	display:inline-block;
}
/* BOXEN*/
.contBox{
	position:relative;
	width:100%;
}
.contRow{
	position:relative;
	width:100%;
	margin: 3px 0;
	
}

}
.contCol{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:0.7rem;
}
.contCol.col5 {
	width:5rem;
	width:5rem;
}
.contCol.col10 {
	width:10rem;
}
.contCol.col15 {
	display:inline-block;
	width:15rem;
}
.contCol.col20 {
	width:20rem;
}
.contCol.col30 {
	width:30rem;
}
.contCol.col50 {
	width:50rem;
}
.prodBox {padding:0.2rem 2rem;position:relative;}
.prodBoxLight{background:none;}
.prodBoxDark{background:#ddd;}
.actionButs{padding:2rem 0 0 0}
.submitProd{padding:0.2rem 1rem;background:#ff9900;cursor:pointer;color:#fff}
.delProd{padding:0.2rem 1rem;background:#ff0000;cursor:pointer;color:#fff;margin-left:5rem}
.students{padding:0.2rem 1rem;background:#c0ccb3;cursor:pointer;color:#565655;margin-left:5rem}
.ui-sortable-handle{cursor:move;}
.ui-sortable-handle:hover{background:#ccc}
.klapp{position:absolute;top:10px;left:10px}
.klappBox{
	display:none;
}
.schulBox{
	padding:1rem;
	background:#e6ecdf;
	display:none;
	width:80%;
	border:1px solid #bbb;
}
.sBoxStudent{
	margin-left:1rem;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 5px;
}
.unterrichtBogen{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100%;
	background:rgba(0,0,0,0.8);
	/*background-attachment:fixed;*/
	z-index:100;
	justify-content:center;
		display: -webkit-flex;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-align-items: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
	visibility:hidden;
}
.unterrichtBox{
	position:relative;
	width:80%;
	min-height:100%;
	background:#fff;
	padding:3rem;
}
.untCom{
	position:relative;
	width:100%;
	height:6rem;
	font-size:1.2rem;
	
}
.tab{
	display:inline-block;
	width:2rem;
	height:0.5rem;
	
}
.unterrichtClose{
	position:absolute;
	right:1rem;
	top:3rem;
}
.unterrichtSave{
	position:absolute;
	right:30rem;
	top:3rem;
}
.unterrichtEdit{
	position:absolute;
	right:15rem;
	top:3rem;
}

.punkteRowPop{
	position:relative;
	width:80%;
	
}
.historyBox{
	position:relative;
	float:left;
	width:50%;
	min-height:5rem;
/*	border:1px solid #ddd;*/
	margin-right:1rem;
}
.songBox{
	position:relative;
	float:right;
	width:50%;
	height:100%;
	
	
	overflow:auto;
}
.songDiv{
	border:1px solid #ddd;
}
.histBox{
	position:relative;
}
.histEdit{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	color:#ff9900;
	padding:4px;
	border:1px solid #ff9900;
}
.reihen{margin-left:15rem;}
	
.unterrichtAktuell{background:#eee;padding:1rem 0 1rem 0;border-bottom:#ddd solid 1px}
.unterrichtAlles{background:#fff;padding:1rem 0 1rem 0;border-bottom:#ddd solid 1px}
h2{
	font-family:verdana;
	font-size:1.5rem;
	text-align:center;
	margin-left:1rem;
}
.fa-music{	
	color:#a5cdcd;	
}
.fa-file-pdf{	
	color:#c8b4bf;	
}
.fa-video{		
	color:#9eb79c;		
}
.fa-music,.fa-file-pdf,.fa-video{
	padding:5px;
	margin:1px;
-moz-border-radius:1rem;
	-khtml-border-radius:1rem;	
	 border-radius: 1rem;	
	 border:1px solid #ccc;
	 font-size:1.3rem;
}
.ml1{margin-left:1rem}