html {height:100%;}

body { font-family: Arial, sans-serif; font-size: 80%; list-style: none; margin: 0; padding: 0; min-height:100%;background: url(/media/responsiv/images/bodyback.png) fixed bottom center repeat-x  #2f5881; }
table {	border-collapse:collapse; border: none;}
area, usemap {border:0;}
a img {border:0;} 
a { color: #335d86; text-decoration: none;   ;}
a:hover {transition:0.5s ease-in; color: #00cc00;} 
p {	margin: 0 0 15px 0;  line-height:120%; }

h1 { color: #ffffff; font-size: 1.8em; font-weight: bold; line-height:100%; background: url(/media/responsiv/dj_kachel_headline.jpg) #2f5881  repeat-x ; margin-top: 0px; padding:5px;}
h2 {  text-shadow: 2px 2px 2px #666666; font-size:2.0em;  font-weight:normal; color: #2f5881; line-height:120%; margin: 10px 0 10px 0 ;}
h3 { color: #335d86; font-size: 1.2em; font-weight: bold; margin: 5px 0 5px 0; padding: 0;}
h4 { color: #ffffff; font-size: 1.0em; font-weight: bold; line-height:140%; margin:4px 0 2px 0; padding: 0px 5px 0px 5px;}
h5 { color: #335d86; font-size: 1.4em; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px; line-height:140%; width:100%;  margin: 0; padding: 0;}
h6 { font-size: 0.8em; font-weight: bold; line-height:120%; margin:2px 0 0 0;}
hr{ border: none; border-bottom:solid #335d86 1px; height:1px; clear:both;	padding-top:10px;}

/* seitliche Navigartion facebook*/
#sidenavfb{ }

div.slink {  position:fixed; top: 50px; right:0px;   height:94px; width:0px;  }
div.slink:hover{ position:fixed;  right:0px;   height:94px; width:0px;}


div.slink3 { position:fixed; top: 50px; right:0px;   height:50px; width:43px; transition: width 0.5s ease-in-out; 
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	-moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.3);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}
div.slink3:hover{ position:fixed;  right:0px;   height:50px; width:50px;}

div.slink4 { position:fixed; top: 107px; right:0px;   height:50px; width:43px; transition: width 0.5s ease-in-out;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	-moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.3);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}
div.slink4:hover{ position:fixed;  right:0px;   height:50px; width:50px;}

div.slink5 { position:fixed; top: 164px; right:0px;   height:50px; width:43px; transition: width 0.5s ease-in-out;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	-moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.3);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}
div.slink5:hover{ position:fixed;  right:0px;   height:50px; width:50px;}

div.slink6 { position:fixed; top: 218px; right:0px;   height:50px; width:43px;  transition: width 0.5s ease-in-out; -webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	-moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.65);	box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.3);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}
div.slink6:hover{ position:fixed;  right:0px;   height:50px; width:206px;}

.wrapper {  width: 100%; height:100%; margin: 0 auto;   background:url(/media/responsiv/images/header.jpg)  repeat-x  top center ; }
.shadow{   max-width: 900px; width: 96%; height:100%; padding: 0px 0px 20px 0px; margin: 0 auto; }
.header { width: 100%; height:320px; }
.headerin {  max-width: 800px; width: 96%;  margin: 0 auto;  }

.header .ibox {position:relative; top:0px; left: 30px; min-width: 230px; width: 80%; height:270px; overflow:hidden; }
.header .headerlogo {float:left; margin: 40px 0 0 0; z-index:3000;}
#icontainer { position:relative; top: -20px; left: 0px; width:230px; height:250px; overflow:hidden; z-index:2;}
.header .headgr {  text-shadow: 2px 2px 2px #666666; font-size:2.0em;  font-weight:normal; color: #2f5881; line-height:120%; margin: 30px 0 0 0 ;}
.topmenubar {  margin:5px 10px 25px 10px; border-radius: 3px;	max-width: 920px; width: 95%; clear:both;}
#menuswitch {display:none;}
#leftbox { display:none;}
#rmenu { display:none;}

.mainbox { max-width: 800px; margin: 30px auto; }
.egmain { border: 0px solid #ff0000; text-align:center; }
.contentbox { margin: 0 auto;  max-width: 800px; width: 96%;   background: #ffffff;  
 -webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.8);	-moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.8);	box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.8);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
}
.contentbox .inner {min-height:330px; padding:0px 15px 70px 15px;  }
.contentbox .inner img,  .rightbox .inner img {max-width:100%; height:auto ! important; margin: 0px 0px 0px 0px}
.contentbox .inner iframe {max-width:100%;}

.impress a:link, .impress a:visited, .impress a:active  {  color: #ffffff;  padding: 0px 10px 0px 10px ; border-right: 1px solid #ffffff;}
.impress a:hover  {color: #00cc00;}

.pefooter { z-index: 3000; 
             position:fixed; 
			 bottom: 0px;

			 min-height:30px; 
			 min-width:100%;   
			 text-align: center; 
	        font-size: 1.2em;
			 color: #ffffff;  
			 background: url(/media/responsiv/images/verlauf_footer.jpg) #0b438b; 
			 padding: 15px 0px 15px 0px ; 
			 	-webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.65);
				-moz-box-shadow:    0px 1px 20px 0px rgba(50, 50, 50, 0.65);
	             box-shadow:         0px 1px 20px 0px rgba(50, 50, 50, 0.65);
	             animation: float-bottom 1s ease-out;
				 -webkit-animation: float-bottom 1s ease-out;
				 -moz-animation: float-bottom 1s ease-out;}
.pakete { margin: 0 auto;  max-width: 800px; width: 100%;}
.pwinhalt { height: 185px; margin: 135px 5px 0px 5px; color: #000000; font-size: 0.9em; line-height: 1.15em;}
.akinhalt { height: 38px; margin: 135px 5px 5px 5px; color: #000000; font-size: 0.9em; line-height: 1.15em;}
.pwinfo {margin: 0px 5px 0px 5px; text-align: right;}
.pwklapp { width: 100%; background: #04427a;  color: #ffffff; padding: 2px;}

.pwheadinfo{width: 100%;  background: url(/media/responsiv/images/dj_kachel_headline.jpg) #04427a; padding: 5px;}
.pwheadinfou {width: 100%;  background: #aaaaaa; padding: 5px;}
.pwbild {width: 50%; transition: width 0.5s ease-in-out;}
.pwbild:hover {width: 100%;}


.ak1 { width:150px; height: 200px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/partypakete.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.ak2 { width:150px; height: 200px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/weddingpakete.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.ak3 { width:150px; height: 200px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/clubpakete.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.ak4 { width:150px; height: 200px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/addons.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.pw1 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/partyworker1.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.pw2 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/partyworker2.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.pw3 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/partyworker3.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.pw4 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/partyworker4.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.hp1 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/wedding1.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.hp2 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/wedding2.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.hp3 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/wedding3.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.hp4 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/wedding4.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.cp1 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/club1.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.cp2 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/club2.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.cp3 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/club3.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

.cp4 { width:150px; height: 367px; margin: 0px 15px 35px 15px;  float:left; background: url(/media/responsiv/pakete/club4.jpg) top center;
-webkit-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 5px 5px rgba(50, 50, 50, 0.5);
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}



.boxprojekte { width:100%; height:111px; border: 1px solid #cfd6e3; margin-bottom:10px; background: url(/media/responsiv/images/dj_kachel_headline.jpg) #2f5881  top repeat-x;}
.boxkamera  { width:100%; height:220px; border: 1px solid #cfd6e3; margin-bottom:10px; background: url(/media/responsiv/images/dj_kachel_headline.jpg) #ffffff  top repeat-x;}
.boxfb { display:none; width:100%;  border: 1px solid #cfd6e3; margin-bottom:10px; }
.boxz {font-size: 11px; color: #ffffff; padding:0px 5px 8px 5px;}
.boxfb2 {  width:100%; height:125px; border: 1px solid #cfd6e3; margin-bottom:10px; background: url(/media/responsiv/images/dj_kachel_headline.jpg) #d2e1ff  top repeat-x;}
.boxskontakt { width:100%; height:125px; border: 1px solid #cfd6e3; margin-bottom:10px; background: url(/media/responsiv/images/dj_kachel_headline.jpg) #ffffff  top repeat-x;}
.clearer { clear:both;}
.clearbottom {height:80px; clear:both;}


.cohinweis{font-size: 150%;  color: #ffffff; background:  #ff0000; padding:10px; margin: 0px 0px 15px 0px; line-height:120%;}


.float2 {
animation: float-right 1s ease-out;
-webkit-animation: float-right 1s ease-out;
-moz-animation: float-right 1s ease-out;}

.float {
animation: float-left 1s ease-out;
-webkit-animation: float-left 1s ease-out;
-moz-animation: float-left 1s ease-out;}

@keyframes float-right {0% { opacity: 0; transform: translateX(-100%); }100% { opacity: 1; transform: translateX(0%); }}
@-webkit-keyframes float-right {0% { opacity: 0; -webkit-transform: translateX(-100%); }100% { opacity: 1; -webkit-transform: translateX(0%); }}
@-moz-keyframes float-right {0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); }}

@keyframes float-left {0% { opacity: 0; transform: translateY(-100%); }100% { opacity: 1; transform: translateY(0%); }}
@-webkit-keyframes float-left {0% { opacity: 0; -webkit-transform: translateY(-100%); }100% { opacity: 1; -webkit-transform: translateY(0%); }}
@-moz-keyframes float-left {0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0%); }}

@keyframes float-bottom {0% { opacity: 0; transform: translateY(100%); }100% { opacity: 1; transform: translateY(0%); }}
@-webkit-keyframes float-bottom {0% { opacity: 0; -webkit-transform: translateY(100%); }100% { opacity: 1; -webkit-transform: translateY(0%); }}
@-moz-keyframes float-bottom {0% { opacity: 0; -moz-transform: translateY(100%); } 100% { opacity: 1; -moz-transform: translateY(0%); }}

/***********************************
	header-menu
************************************/





.breadcrumbs {padding:5px 5px 4px 15px; clear:both; background:transparent url(/media/responsiv/images/k50.png)}
.breadcrumbs .menu-current {font-weight:bold;}
a.iframeedit, a.sidebaredit, a.editlink, .mod_topic_edit { padding: 3px 6px 4px 10px; background:  url(/media/responsiv/images/edit.gif) no-repeat 5px 5px; left: 3px;}
a.editlink {display:block; float:right; }






.childpages {width: 80%; float:right; min-width:200px; margin-right:3%; background:transparent url(/media/responsiv/images/k30.png);}
.childpages li {width:30%; float:left; }

/* Link Formatting */





/*Show and Hide Responsive*/
.hideOnDesktops {display: none;}
body .showOnDesktops {display: block;}	

	
.visibletest div {background-color:green; text-align:center;}



@media screen and (max-width: 1024px) {
	.container { width: 96%; }
	

	
}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 880px) {


.header .ibox {top:0px; left: 10px; min-width: 230px; width: 80%;}
.bannern { display:none;}
	.topmenubar { display:none;}


	
#menuswitch {display:block;  position:fixed; top:5px; left: 20px; z-index: 3000; transition: width 0.5s ease-in-out;}
#leftbox {position:fixed; top: 60px; left: 20px; z-index: 2000; background:  url(/media/responsiv/images/k90.png) ; width:220px;
          -moz-box-shadow: 2px 4px 5px #333333;
          -webkit-box-shadow: 2px 4px 5px #333333;
           box-shadow: 2px 4px 5px #333333;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
         border-radius: 5px; 
		 animation: float-right 1s ease-out;
				 -webkit-animation: float-right 1s ease-out;
				 -moz-animation: float-right 1s ease-out;
 }


#rmenu {display:block; min-height:200px; transition:0.5s all;}
#rmenu a {color: #666666;}
#rmenu a:hover  {color: #ffffff; background:#335d86;}
#rmenu ul  {list-style: none; margin: 0px 5px 0px -35px;	}
#rmenu li a { color: #666666; font-size:1.4em; display: block; padding: 5px; }
#rmenu li li a {color: #666666;font-size:1.1em; padding: 5px;	}
#rmenu li li li a {color: #666666; font-size:1.0em; padding: 5px;	}


	img.pic2left, img.pic2right {width: 100%;  margin: 3px 0 2px 0;}
	img.pic3left, img.pic3right, img.pic4left, img.pic4right  {width: 49%;}
	body .hideOnTablets {display: none;}
	.hideOnDesktops {display: block;}
	body div .showOnTablets {display: block;}
	li {padding-bottom: 20px;} 
	
	.childpages {float:none; width:90%; margin-left:15px; }
	.childpages li {width:49%; float:left; }
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.container { width: 96%; }
	
	.mainbox {margin: 20px 0 100px 0;}
	.contentbox, .rightbox {float:none; width: 100%; clear:both; }
	.footer { width: 96%; }
	
	.showonmobiles {display:block ! important;}
	
	.mobilesonly {display:block ! important;}
	.desktoponly {display:none;}


}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 640px) {
#menuswitch {display:block;  position:fixed; top:5px; left: 20px; z-index: 3000; transition: width 0.5s ease-in-out;}
#leftbox {position:fixed; top: 60px; left: 20px; z-index: 2000; background:  url(/media/responsiv/images/k90.png) ; width:220px;
          -moz-box-shadow: 2px 4px 5px #333333;
          -webkit-box-shadow: 2px 4px 5px #333333;
           box-shadow: 2px 4px 5px #333333;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
         border-radius: 5px; 
		 animation: float-right 1s ease-out;
				 -webkit-animation: float-right 1s ease-out;
				 -moz-animation: float-right 1s ease-out;
 }


#rmenu {display:block; min-height:200px; transition:0.5s all;}
#rmenu a {color: #666666;}
#rmenu a:hover  {color: #ffffff; background:#335d86;}
#rmenu ul  {list-style: none; margin: 0px 5px 0px -35px;	}
#rmenu li a { color: #666666; font-size:1.4em; display: block; padding: 5px; }
#rmenu li li a {color: #666666;font-size:1.1em; padding: 5px;	}
#rmenu li li li a {color: #666666; font-size:1.0em; padding: 5px;	}
#leftbox {position:absolute;  }

div.slink4 { position:absolute;  }
div.slink4:hover{ position:absolute; }
div.slink3 { position:absolute;}
div.slink3:hover{ position:absolute;  }
div.slink2 { position:absolute; }
div.slink2:hover{ position:absolute;  }
div.slink { position:absolute; }
div.slink:hover{ position:absolute;  }
div.slink5 { position:absolute; }
div.slink5:hover{ position:absolute; }
div.slink6 { position:absolute; }
div.slink6:hover{ position:absolute; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 480px) {
	.childpages li {width:90%; float:none; }
#menuswitch {display:block;  position:absolute; }
#leftbox {position:absolute;  }
.pwbild {width: 100%; }

div.slink4 { position:absolute;  }
div.slink4:hover{ position:absolute; }
div.slink3 { position:absolute;}
div.slink3:hover{ position:absolute;  }
div.slink2 { position:absolute; }
div.slink2:hover{ position:absolute;  }
div.slink { position:absolute; }
div.slink:hover{ position:absolute;  }
div.slink5 { position:absolute; }
div.slink5:hover{ position:absolute; }


.header .headgr { display: none;}


	img.pic2left, img.pic2right {width: 100%;  margin: 3px 0 2px 0;}
	img.pic3left, img.pic3right, img.pic4left, img.pic4right  {width: 49%;}
	
	/*Show and Hide Responsive*/
	.hideOnMobiles {display: none;}
	body .hideOnTablets {display: block;}
	body .hideOnDesktops {display: block;}
	body div .showOnMobiles {display: block;}
	.footer {margin: -80px auto 0 auto;	}
}


@media print {
	.container, .footer {width:100%;}
	#mobilemenu, .topmenubar, #mobilemenu {display: none ! important; }
	
	html, body, .container, .header,  .mainbox, .contentbox, .contentbox .inner {background-image: none ! important;}
	body, html {background-color: #fff ! important;}
	.contentbox .inner, .rightbox .inner, .footer .inner, .infobox h3 {color: #000! important;}
	
	h1, h2 {text-shadow: none ! important; }
}