body { background:  #ffffff;	margin: 0; padding: 0;	height:100%; width:100%;	font-family: 'PT Sans Narrow', Verdana, Arial, Helvetica, sans-serif; font-size: 100%; list-style: none; margin: 0; padding: 0; line-height: 100%;	color: #666666;	}
a:link, a:visited {text-decoration: none;transition:0.5s all; color: #315478;}
a:hover, a:active {text-decoration: underline;transition:0.5s all; color: #ff0000}
ul {list-style-type: square; }
a img {border:0px; }	
p a {font-weight:bold;}	
td {vertical-align:top;}
	

p{	margin: 0 0 15px 0;  line-height:120%; }
li {	margin: 0 0 0px 0;  line-height:120%; }




h1 {font-size: 2.2em; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; color: #315478; line-height: 100%; padding: 0px 5px 10px 5px;  position:relative; top: -40px; left: 0px;  display: inline;  background:#ffffff;}
h2 {font-size: 2.2em; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; color: #315478; line-height: 100%; padding: 0px 5px 10px 5px;  position:relative; top: -40px; left: 0px;  display: inline;  background:#ffffff;}
h3 {font-size: 1.6em; font-family: 'PT Sans Narrow', sans-serif; font-weight: 400; color: #315478; line-height: 100%; padding: 0px 0px 0px 0px;}
h4 {font-size: 1.6em;font-family: 'PT Sans Narrow', sans-serif; font-weight: 200; color: #666666; line-height: 120%; padding:0px ; margin: 20px 0px 0px 0px;}
h5 {font-size: 1.2em; font-family: 'PT Sans Narrow', sans-serif; font-weight: 800; color: #000000; line-height: 100%; padding:30px 0px 0px 0px;}
h6 {font-size: 1.2em; font-family: 'PT Sans Narrow', sans-serif; font-weight: 800; color: #333333; line-height: 120%; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px;}

hr {margin: 5px 0px 5px 0px; border: 0; 	border-top: 1px solid #333333;	height: 1px;}
#topmenubox {position:fixed;  width: 100%; height:60px;  transition: 0.5s all; z-index:1000; background:  #ffffff;}
#topmenubox .m_inner {position:relative; max-height:60px; height:100%; z-index:101;  width: 90%; max-width: 1200px; margin: 0 auto 0 auto;    background:  #ffffff; }
#topmenubox a.logo img { max-height:95%; max-width:95%; position: absolute; left: 5%;  }
#topmenubox.reduced {height:60px; transition: 0.5s all;}
.mainmenue  {float: right;  position: absolute; right: 15px; padding-left:350px; border: 0px solid #ff0000; height:40px;}
.spacer {padding-top: 60px;  width:100%; border: 0px solid #ff0000;}

#menuswitch {display:none; }
#leftbox {display:none; }
#rmenu {display:none; }

.imageborder{background:  url(/media/responsiv/img/pola.jpg) no-repeat center top; margin:5px; padding:15px; height:185px; width: 170px; text-align: center; max-width: 170px; width: 100%;}
.wrapper { width: 100%; min-height:900%;}


.header {position:relative;    width:100%;  height: auto; border: 0px solid #000000}

#icontainer { position:relative; top: 0px; left: 0px;  right: 0px; width:101%; height:auto; overflow:hidden; z-index:0; }
	#icontainer img { width:100%;  height:auto;}

.infobox {  position:absolute; top: 110px; width:100%;  z-index: 997;}
.infotitel {  z-index: 998;  width: 90%; max-width: 1200px; margin: 0 auto 0 auto;   }
.welcom  {color: #ffffff; font-size: 2.8em; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; margin: 5px 0px 25px 0px; padding: 3px; text-shadow: 5px 5px 5px #000000;}
.welcomtext  {color: #ffffff; font-size: 1.4em; font-family: 'PT Sans Narrow',font-weight: bold; margin: 5px 0px 5px 0px; padding: 3px; text-shadow: 5px 5px 5px #000000;}
.cohinweis{ color: #ffffff; background:  #ff0000; padding:10px; margin: 15px 10% 0px 0px;line-height:120%;}
.float {
animation: float-left 1s ease-out;
-webkit-animation: float-left 1s ease-out;
-moz-animation: float-left 1s ease-out;}

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


.projekte {  position:relative; width: 90%; max-width: 1160px; margin: -100px auto 10px auto;    min-height:300px; padding: 20px ;  z-index:1; display: flex;
flex-wrap: wrap;
justify-content: center; }
.projekte img { width:100%; height:auto ! important; padding:0px; }

.wpakete {  position:relative; width: 90%; max-width: 1160px; margin: -150px auto 10px auto;    min-height:300px; padding: 20px ;  z-index:1; display: flex;
flex-wrap: wrap;
justify-content: center; }
.wpakete img { width:100%; height:auto ! important; padding:0px; }

.wpakete_l {   width:280px; margin:  0px 2% 20px 2% ;  padding: 10px ; box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 1); border: 1px solid #315478; background:  #ffffff; transition: width 0.5s ease-in-out;}
.wpakete_l:hover  { width:300px; }
.wpakete_m {   width:280px; margin:  0px 2% 20px 2% ;  padding: 10px ; box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 1); border: 1px solid #315478; background:  #ffffff; transition: width 0.5s ease-in-out;}
.wpakete_m:hover  { width:300px; }
.wpakete_r {    width:280px; margin:  0px 2% 20px 2% ;  padding: 10px ; box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 1); border: 1px solid #315478; background:  #ffffff; transition: width 0.5s ease-in-out;}
.wpakete_r:hover  { width:300px; }
.pwbild {width: 50%; transition: width 0.5s ease-in-out;}
.pwbild:hover {width: 100%;}

.pbeschreibung,  li{font-size: 1.0em; line-height: 130%; }

.pbeschreibung,  li{font-size: 1.0em; line-height: 130%; }




.contentbox {position:relative;  width:100%;     background: #ffffff;  }
.container {  width: 90%; max-width: 1160px; margin: 50px auto 10px auto;   min-height:300px; padding: 20px ; border: 1px solid #cccccc; z-index:990;}
.container img { max-width:100%; height:auto ! important; z-index:990;}
.imgbuddy img{ max-width: 450px; width:100%; float: right; margin: -120px 0px 0px 0px;  z-index:991;}
.clearcontent {height:20px; clear:both; }

#willkommen, #aktuelles, #werbeagentur, #mediaagentur, #eventagentur, #arbeitsproben, #kontakt {position:absolute; margin-top: -180px;}

#question_1, #question_2, #question_3, #question_4, #question_5, #question_6, #question_7, #question_8, #question_9, #question_10, #question_11, #question_12, #question_13, #question_14, #question_15, #question_16, #question_17, #question_18, #question_18, #question_20 {position:absolute; margin-top: -180px;}
.footer {margin: 0 auto 0px auto; width: 100%;  padding: 0px; text-align: center;
          min-height:120px;  background: #9b9b9b; color: #ffffff;}


.impress{ text-align:center;  padding:25px 0px 10px 0px; font-size: 1.0em; color: #001f49;  border: 0px solid #ff0000; }
.impress a:link, .impress a:visited, .impress a:active  {top: 0px; left: 15px; width:98%; height:20px;   color: #ffffff;  padding-left: 5px; padding-right: 20px; border-right: 0px solid #ffffff;}
.impress a:hover  {color: #336699;}

form {margin: 0;}
ul li {padding-bottom: 0px; list-style-type:square;} 
ul {line-height: 150%; margin-top: 0; margin-bottom: 10px;	margin-left: 0.7em;	padding-left: 0.7em;}
ol {line-height: 150%;	margin-top: 0;	margin-bottom: 10px;	margin-left: 0.9em;	padding-left: 0.9em;}


/*Show and Hide Responsive*/
	

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	@media screen and (max-width: 900px) {
#icontainer { height:400px; }
.contentbox img {max-width:100%; height:auto ! important;}
.imgbuddy img{ max-width: 450px; width:100%; float: right; margin: -120px 0px 0px 0px;  z-index:991;}
.lboxl {width: 170px;}
.lboxm {width: 170px;}
.lboxr {width: 170px;}
.lboxa {width: 170px;}
}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 768px) {
#icontainer { height:300px; }
.header { height: 60px; }
#topmenubox {position:relative;  width: 100%;   transition: 0.5s all; z-index:1000; background:  #ffffff;}
#topmenubox .m_inner {   text-align:center;}
#topmenubox a.logo img { max-height:auto; max-width:95%;   position: relative; margin: 0 auto 0 auto;   }
.spacer {padding-top: 0px;  width:100%; border: 0px solid #ff0000;}
#topmenubox.reduced { transition: 0.5s all;}
.container {  width:90%; margin:  50px auto;  min-height:500px; padding: 20px ; border: 1px solid #eeeeee;}

.topmenubar {display:none  ;  }
.mainmenue  {display:none  ;}
.innerwrap {  position: fixed;}
#menuswitch {  position: fixed; display:block;  width:13%;   margin: 5px; z-index: 3000;}
#menuswitch img{max-width: 70px; width:100%;}


#leftbox {list-style: none; position:fixed; top: 80px; left: 0px; z-index: 2000; background:  url(/media/1ahrwebsite/img/k80.png) ; max-width:75%; width:auto ! important;
          -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; }

.wpakete {  position:relative; width: 90%; max-width: 1160px; margin: 0px auto 10px auto;    min-height:300px; padding: 20px ;  z-index:1; }

#rmenu { display:block; min-height:200px; transition:0.5s all; text-align: left;}
#rmenu a {list-style-type: none; color: #e84e0f;}
#rmenu a:hover  {list-style-type: none; color: #ffffff; background:#335d86;}
#rmenu ul  {list-style-type: none; margin: 0px 5px 0px -10px;	}
#rmenu li a {list-style-type: none;color: #666666; font-size:1.4em; display: block; padding: 5px; }
#rmenu li li a {list-style-type: none; color: #e84e0f;font-size:1.0em; padding: 5px 5px 5px 15px;	}
#rmenu li li li a {list-style-type: none; color: #e84e0f; font-size:1.0em; padding: 5px;	}
.topwrapper{ padding:0px 0% 0px 0%;  margin: 0px auto;}
.contentbox img {max-width:100%; height:auto ! important;}



}

@media screen and (max-width: 580px) {
.header { height: 60px;  }
#icontainer { height:auto; margin: 0px 0px 0px 0px;}
.container { border: 0px solid #eeeeee;}
.wrapper, #topmenubox .m_inner { width: 100%; margin: 0 auto 0 auto;  background: #ffffff; }
.wrapper {  
	min-height:900%;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);	
}
#topmenubox {position:relative;  width: 100%; height: 80px; }
#topmenubox .m_inner {   text-align:center;  height:auto ! important;}
#topmenubox a.logo img {height:auto ! important; max-width:80%; margin: 0 auto 0 auto;   }
#topmenubox.reduced { transition: 0.5s all;}

.spacer {padding-top: 0px;  width:100%; }
.infobox {  position:absolute; top: 20px; width:100%;  z-index: 997;}
.contentbox img {max-width:100%; height:auto ! important;}
.impress{  margin-left: 10px; padding-top:0px; }
.impress a:link, .impress a:visited, .impress a:active  {height:20px;  padding: 20px; display:block;}
.footer { widht:100%; min-height: 80px;}
	   
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 440px) {
h1 {font-size: 1.6em; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; line-height: 100%; padding: 0px 5px 10px 5px;  position:relative; top: -40px; left: 0px;  display: inline;  background:none;}

.mainbox { margin: 0 auto 0 auto;  max-width: 1024px; width: 97%; }
.spacer {padding-top: 0px;  width:100%; }
.contentbox img {max-width:100%; height:auto ! important;}
.contentbox{max-width:100%; height:auto ! important; }

.infobox { display:none  ; }
contentbox2 { max-width: 98%; width:  98%;   }
.contentbox2 .inner2 {margin: 0px 5px 0px 5px; }
.footer {  margin: 0 auto 0 auto;   max-width: 440px; width:98%;   height:auto ! important;  }

.footerinnen {   margin: 0 auto 0 auto;  max-width: 440px; width: 100%; }
}

.infobox { max-width: 100%;    margin: 0 auto auto 5%;; z-index: 3;}
@media print {
	.container,  {width:100%;}
	#mobilemenu, .topmenubar, #mobilemenu {display: none ! important; }
	.footer{display: none; }
	html, body, .container, .header,  .mainbox, .contentbox, .contentbox .innenb {background-image: none ! important;}
	body, html {background-color: #fff ! important;}
	.contentbox .innenb, .rightbox .innenb, .footer .innenb, .infobox h3 {color: #000! important;}
	
	h1, h2 {text-shadow: none ! important; }
}