@font-face
{
font-family: "Happy Monkey"; 
src: local("Happy Monkey"),
url("https://www.mh-fotobox.de/fonts/HappyMonkey-Regular.ttf")
format("TrueType")
}


body{
		font-family: 'Happy Monkey', cursive;background:#fbfbfb;
		font-size:21px;
}
a {
		font-family: 'Happy Monkey', cursive;

	
	font-style: normal;
	font-weight: normal;
	color: #9b0000;
	text-decoration: none;
}

a:hover {
		font-family: 'Happy Monkey', cursive;

	
	font-weight: normal;
	color: #9b0000;
	text-decoration: underline;
}


h1{
	font-family: 'Happy Monkey', cursive;
	color:#930000;
	font-size: 32px;
	font-weight:bolder;
}

h2{
	font-family: 'Happy Monkey', cursive;
	color:grey;
	font-size: 26px;
	font-weight:bolder;
}

h3{
	color:#0E4194;
	font-size: 15px;
	font-weight:bold;
}


.dia{
	float:left;border:0px solid #0093DD;margin:5px;
	}
.dia_pic{
	border: 0px #CD0000 solid;
}
.album{
	float:left;
	border:2px solid #0093DD;
	margin:5px;
	background-color:#FFCF2F;	
}	
font#dia{
	font-size:9px;
	line-height:1px;	
}	

a#bar_top{
	font-family: 'Happy Monkey', cursive;
	color:black;
	font-weight:normal;
	text-decoration:none;
	font-size:19px;
	margin:0px;
	margin-left:15px;
	margin-right:0px;
	border-right:1px dotted grey;
	
}

a#bar_top:hover{
	color:#9b0000;
	
	
}


a#bar_top_level2{
	font-family: 'Happy Monkey', cursive;
	color:white;
	font-weight:normal;
	text-decoration:none;
	font-size:17px;
}


a#bar_top_selected{
	font-family: 'Happy Monkey', cursive;
	color:#9b0000;
	font-weight:normal;
	text-decoration:none;
	font-size:19px;
	margin:0px;
	margin-left:15px;
	margin-right:0px;
	border-right:1px dotted grey;
	padding:0px
}


a#bar_bottom{
	font-family: 'Happy Monkey', cursive;
	color:#003400;
	text-decoration:none;
	font-size:14px;
}

a#bar_bottom:hover{
	color:#85C226;
}

a#level2{
	font-family: 'Happy Monkey', cursive;
	color:#003400;
	text-decoration:none;
	font-size:19px;
}

a#level2:hover{
	color:#85C226;
}

span#level2_selected{
	font-family: 'Happy Monkey', cursive;
	color:#003400;
	font-weight:bold;
	font-size:19px;
	text-decoration:underline;
}


a.footer {
	
	color:white;line-height:1.2em;
}

a.footer:hover {
	
	color:#9b0000;
	text-decoration:none;
}

	.mobile{
   		display: none;
   	}
   
 	#desktop_navi{
 		display:block;
 	}
 	
.start_box_trans{width:950px;padding-top:0px;margin:auto;overflow:auto;background-image: url('https://www.mh-fotobox.de/tpl/fotobox/images/white_trans_93.png') }
.start_box{width:950px;padding-top:0px;margin:auto;overflow:auto; } 	
.start_box2{background:#EFEDED;width:950px;padding-top:0px;margin:auto;overflow:auto; } 	 	

.start_trans{margin:auto;margin-top:30px;width:500px;padding:20px;overload:auto;background-image: url('https://www.mh-fotobox.de/tpl/fotobox/images/white_trans_93.png');}
 	
 	
 	
div.mobile_navi_item{width:96%;padding:5% 2% 5% 2%;border-bottom:2px solid grey;color:white;cursor:pointer}
 	
.start_double{float:left;overflow:auto;width:50%;} 	
 	
.start_pic{width:100%;height:40vw;text-align:center;} 	
 	
input.contact{width:80%;font-size:18px;border-bottom:1px grey solid;border-top:0;border-left:0;border-right:0;padding:10px;background:#fbfbfb} 	
textarea.contact{width:90%;font-size:18px;border-bottom:1px grey solid;border-top:0;border-left:0;border-right:0;padding:10px;background:#fbfbfb} 	
 	div.contact{float:left;width:50%} 
 	
 	
.head_day{float:left;width:14%;background:#9b0000;overload:auto;margin:0.1%;text-align:center;color:#c1c1c1}
.head{float:left;width:100%;}
.cal_col{float:left;width:14%;background:grey;overload:auto;text-align:center;cursor:pointer;margin:0.1%;padding:5px 0 5px 0}
.cal_col_past{float:left;width:14%;background:#c1c1c1;color:white;overload:auto;text-align:center;margin:0.1%;padding:5px 0 5px 0}
.cal_col:hover {background:#c1c1c1}
.cal_col_empty{float:left;width:14%;background:#fbfbfb;overload:auto;margin:0.1%}
 	
.cur_month{float:left;font-size:20px;margin:0 10px 0 10px;width:200px}
.cal_next{float:left}


// eigene Lightbox TODO: eigene Datei und hier nur importieren
.clightboxbg{width:100%;height:100%;bottom:0px;top:0px;left:0px;position:fixed;background-image:url('https://www.elektro-mark.de/tpl/miet_admin/images/bg_grey80.png');background:red;z-index:10000;}
#clightboxwindow{background:white;padding:2px;width:700px;max-height:85%;overload:auto;overflow:auto;margin:auto;margin-top:5%;border:1px solid black}
#clightboxcontent{padding:10px;padding-bottom:20px}
#clightboxclose{float:right;text-decoration:none;font-family:arial;font-size:20px;margin:20px}
#clightboxclose:hover{color:red}
 	 	
input.availForm{font-size:20px;font-family: 'Happy Monkey', cursive;}	
textarea.availForm{font-size:20px;font-family: 'Happy Monkey', cursive;width:500px}	 	
submit.availForm{font-size:20px;padding:10px 20px 10px 20px	;cursor:pointer;} 	
 	
.faq_question{font-weight:bold
	
} 	
 	
div.text{width:950px;} 	
 	
 	
@media only screen and (max-width: 1170px) {
	#navi_line{display:none}
	
.start_box{width:100%;padding-top:0px;margin:auto;overflow:auto;background-image: url('https://www.mh-fotobox.de/tpl/fotobox/images/white_trans_93.png') } 	
.start_box2{background:#EFEDED;width:100%;padding-top:0px;margin:auto;overflow:auto; } 	 	

.start_trans{margin:auto;margin-top:30px;width:80%;padding:20px;overload:auto;background-image: url('https://www.mh-fotobox.de/tpl/fotobox/images/white_trans_93.png');}
 		
	
	.mobile{
   		display: block;
   	}
   .desktop{display:none;
   	
   }
 	#desktop_navi{
 		display:none;
 	}
 	
 	.start_block{width:100%;padding-top:0px;margin:auto;overflow:auto;background-image: url('/tpl/fotobox/images/white_trans_93.png') } 	

.start_double{float:left;width:100%;text-align:center;overflow:auto;margin-bottom:20px}

.start_pic{width:100%;height:50vw;text-align:center;} 	

 	input.contact{width:90%;border-bottom:1px grey solid;border-top:0;border-left:0;border-right:0;margin-top:10px} 	
	textarea.contact{width:90%;border-bottom:1px grey solid;border-top:0;border-left:0;border-right:0;margin-top:10px} 	
 	div.contact{float:left;width:100%} 
 	
 	.clightboxbg{width:100%;height:100%;bottom:0px;top:0px;left:0px;position:fixed;background-image:url('https://www.mh-fotobox.de/tpl/miet_admin/images/bg_grey80.png');background:red;z-index:10000;}
	#clightboxwindow{background:#fbfbfb;padding:2px;width:95%;max-height:85%;overload:auto;overflow:auto;margin:auto;margin-top:5%;border:1px solid black}
	#clightboxcontent{padding:10px;padding-bottom:20px}
	#clightboxclose{float:right;text-decoration:none;font-family:arial;font-size:20px;margin:20px}
	#clightboxclose:hover{color:red}
 	
 	textarea.availForm{font-size:20px;font-family: 'Happy Monkey', cursive;width:90vw}
 	
 	
	div.text{width:100%;background:#f0f0f0} 	

	a.footer {color:white;line-height:2em;margin-right:20px} 	
}