/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/touchTouch.css";
@import "../css/form.css";

@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden; 
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}
.marBot1{margin-bottom: 7px; display: inline-block;}
.marBot2{margin-bottom: 16px;}
.marBot3{margin-bottom: 12px;}

.border_botom{border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; padding-bottom: 7px;}

.fs12{font-size: 12px;}

.box{overflow: hidden;}
.bold{font-weight: bold;}

.color1{color: #ab4b63;}
.color2{color: #000000;}
.color3{color: #fafafa;}

/* Global properties ======================================================== */
html, body { padding:0; margin:0; height:100%;}

body {
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif ;
	color:#989ea9;
	background: #e7e9eb;
	min-width:300px;
}
#back-top {
  position: fixed;
  left: 51%;
  margin-left: 500px;
  bottom: 90px;
  z-index: 1000;
  display: none;
  width: 65px;
  height: 36px;
  background: url("../images/up-arrow.png") center bottom no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#back-top:hover {
  background: url("../images/up-arrow.png") center top no-repeat;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.main{
	width:100%;
	height: auto;
	padding:0 0 0 0; 
	/*background: #fafafa;*/
}
.div-content{
	width:100%;
	margin:0 auto;
	padding-bottom:0;
	background: #fff;
}
.div-content.v2{padding-bottom: 23px;}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float:left;
	margin:19px 0 0 0;
}
h1 img{max-width: inherit;}
h1 a{display:inline-block;}
h2{
	font:30px/30px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	margin-bottom: 20px;
	text-transform: uppercase;
}
h3{
	font:600 24px/30px 'Open Sans Condensed', Arial, sans-serif;
	color:#243c3e; 
	text-transform:uppercase;
	text-shadow:1px 1px #dadada;
	padding-bottom: 18px;
}
.hline2{
	padding-bottom: 18px;
	border-bottom: 1px solid #dde0e4;
	margin-bottom: 35px;
}
.hline2.v2{padding-bottom: 8px;}
p{margin-bottom: 15px;}
img{max-width:100%; height:auto; margin-bottom: 0px;}
.img1{
	display: inline-block;
	padding: 1px;
	background: #dde0e4;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	margin-top: 5px;
	margin-bottom: 25px;
}
.imgIndent1{
	float: left;
	margin-right: 20px;
	margin-bottom: 19px !important;
}
a {
	text-decoration:none; 
	cursor:pointer; 
	color: #33373d;
}
a:hover {
	color: #989ea9;
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/************Header************/
header{
	min-height: 98px;
	background: #63182a;
	margin-bottom: 38px;
}
header.page1{margin-bottom: 0;}
.bot_line{
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #f2f2f2;
	margin-top: 2px;	
	margin-bottom: 42px;	
}
	
/************Content***********/
blockquote{
	padding-left: 40px;
	margin-bottom: 31px;
	background: url(../images/quote_sign.png) 2px 5px no-repeat;
}
.quote_txt1{font-size: 16px;}
.num_section{
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	background: #e7e9eb;
	border-radius: 100px; 
	font:20px/40px 'Open Sans Condensed', Arial, sans-serif;
	text-align: center;
	color:#33373d; 
}
.dark_bg_section{
	background: #f6f6f6;
	padding: 34px 0 30px;
}
.dark_bg_section.v2{margin-bottom: 30px;}
.img_over_link{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 2px;
}
.img_over_link:hover img{
	margin-top: -40px;
	-webkit-transition: all 0.6s ease;
  	-moz-transition: all 0.6s ease;
  	-o-transition: all 0.6s ease;
  	transition: all 0.6s ease;
}
.page1_link1{
	font:20px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}
.page1_link1:hover{
	color: #989ea9;
}
.page1_link2{
	display: block;
	margin-bottom: 14px;
}
.banner1{
	position: relative;
	display: block;
}
.banner1:hover .img_over_link img{
	margin-top: -40px;
	-webkit-transition: all 0.6s ease;
  	-moz-transition: all 0.6s ease;
  	-o-transition: all 0.6s ease;
  	transition: all 0.6s ease;
}
.banner1:hover .page1_link1{
	color: #989ea9;
}
.banner1:hover .page1_link2{
	color: #989ea9;
}
.banner1:hover .more_btn{
	color:#989ea9;
}

/* ============================= lists ====================== */
.listWithMarker {
  margin: 0;
  margin-top: 2px;
  display: inline-block;
  margin-bottom: 17px;
}
.listWithMarker.v2 {margin-top: 7px; margin-bottom: 4px;}
.listWithMarker li {
  display: block;
  padding-left: 15px;
  margin-bottom: 10px;
  background: url(../images/list_marker.png) 0 5px no-repeat;
}
.listWithMarker li a {
  display: inline-block;
  color: #961e3c;
  font:bold 14px/16px "Open Sans Condensed", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.listWithMarker li a:hover {
  padding-left: 6px;
  color: #989ea9;
}
.listWithMarker2 {
  margin: 0;
  margin-top: 13px;
  display: inline-block;
  margin-bottom: 17px;
}
.listWithMarker2 li {
  display: block;
  padding-left: 14px;
  margin-bottom: 6px;
  background: url(../images/list_marker.png) 0 3px no-repeat;
}
.listWithMarker2 li a {
  display: inline-block;
  color: #a11b36;
  font:13px/13px "Trebuchet MS", Arial, sans-serif;
  text-decoration: none;
}
.listWithMarker2 li a:hover {
  padding-left: 6px;
  color: #989ea9;
}
/* ============================= end lists ====================== */


.more_btn {
	display: inline-block;
	text-decoration:none;
	color:#33373d;
	font:14px/14px 'Open Sans Condensed', Arial, sans-serif;
	text-transform: uppercase;
	text-decoration:underline;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.more_btn:hover, .more_btn .active a{
	color:#989ea9;
}

.more_btn2 {
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	color:#848484;
	text-align: center;
	background:#f0f0f0;
	padding:0px 15px;
	font:11px/26px Arial, sans-serif;
	border: 1px solid #e0e0e0;
	border-radius: 20px; 
    margin-bottom: 20px;
    margin-top: 3px;
}
.more_btn2:hover {
	color:#fff;
	background:#2bc2fa;
	border: 1px solid #2bc2fa;
	text-decoration:none;
}
figure{display: block;}
.address figure.img_inner {
	display: block;
	height: auto;
	line-height: 0;
	padding-bottom: 0px;
	overflow: hidden;
	margin-bottom: 25px;
	float: left;
	margin-right: 20px;
	width:400px;
}
.address figure iframe {
	width: 100%;
	max-width:400px;
	height: 371px;
}
address{
	font-style: normal;
	display: block;
	margin-bottom: 18px;
}
address dl dt{
	/*color: #47d4f9;*/
}
address dd span{
	position: relative;
	display: inline-block;
	width: 90px;
}
address a, .link1{
	color: #989ea9;
	text-decoration: underline;
}
.link1:hover{color: #000;}


/*********************************start magnifier2*************************************/
.magnifier2 {
    position:relative;
    /*display:block;*/
    display: inline-block;
    overflow: hidden;
    margin-top: 4px;
}
.magnifier2 img{
	background: #dde0e4;
	padding: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
}
.zoom{
	position: absolute;
	width: 100%;
	height: 100%;
	border: 8px solid #dde0e4;
	top: 0;
	left: 0; 
	-webkit-transition: all 0.6s ease;
  	-moz-transition: all 0.6s ease;
  	-o-transition: all 0.6s ease;
  	transition: all 0.6s ease;

  	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
}
a.magnifier2:hover .zoom{
	opacity: 1
}
a.magnifier2 .zoom{
	opacity: 0;
}
a.magnifier2{display: block;}
.grid_2_2 p{
	margin-top: 8px;
	font:16px/18px 'Trebuchet MS', Arial, sans-serif;
	color:#989ea9; 
}
/*********************************end magnifier2*************************************/
/************Footer************/
footer{ 
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	display: block;
	margin-top: 30px;
}
.main-footer{
	padding-top: 0px; 
	padding-bottom: 41px;
}
.main-footer p{
	margin:0;
	color: #989ea9;
	font:14px/14px 'Open Sans Condensed', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 5px;
}
footer a{color:#989ea9;}
footer a:hover{color:#000}

.footer_priv{float: left;}
.footer_lists{float: right;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {

	.div-content{width:100%;}

}

@media only screen and (max-width: 995px) {
	.address figure iframe {
		width: 100%;
		max-width:100%;
	}

	ul.sf-menu>li{padding:5px 14px 6px 14px;}



	.camera_thumbs_cont ul li img { width: 156px;}
	.slider-text {height: 320px;}

	.address figure.img_inner {width:100%;}

	ul.sf-menu>li#last-li>a strong{margin-left: 2px;}
	.camera_caption {top: 40px;}
	


}
@media only screen and (max-width: 767px) {

	img{width: 100%;}
	img.img1{width: 100%; padding: 0;}
	img.no_resize{width: auto;}
	.box{overflow: visible;}


	.camera_thumbs_cont ul li img { width: 74px;}
	.slider-text {display: none;}
	.slider-wrapper .camera_command_wrap { margin-top: -31px;}

	
	/*img:not(.no_resize) {width: 100%;}*/
	.footer_priv{float: none;}
	.footer_lists{float: none;}
	.footer_lists .grid_4{width: 190px;}


	.slider-wrapper .camera_command_wrap {display: none;}
	.slider-wrapper .camera_next,.slider-wrapper .camera_prev {display: block;}
	.slider-bg {margin-bottom: 42px;}

	.grid_6.alpha {margin-left: 0px !important;}
	.grid_6.omega {margin-left: 0px !important;}
	.grid_5.alpha {margin-left: 0px !important;}
	.grid_5.omega {margin-left: 0px !important;}
	.mar_mobile{margin: 0;}



}


@media only screen and (max-width: 479px) {
	.slider-wrapper .camera_command_wrap {display: none;}
	.slider-wrapper .camera_next,.slider-wrapper .camera_prev {display: block;}
	img.img1{width: 100%;}
	.mar_mobile{margin: 0;}
	
}
@media only screen and (max-width: 320px) {

}


/*********************************Textseiten*************************************/

h1 {
  font:20px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#AD0000; 
	text-transform: uppercase;
	display: block;
  }



#kennzeichnung {
  color: #AD0000; 
  } 

#kennzeichnung-lexikon {
   color: #AD0000;
  font-weight: bold;
  } 
  
#linklexikon {
  margin: 25px 0px 0px 0px;
  color: #AD0000;
  font-size: 20pt; 
  font-weight: bold;
  } 
  
#linklexikon a {
  margin: 25px 0px 0px 0px;
  color: #AD0000;
  font-size: 20pt; 
  font-weight: bold;
  } 
#linklexikon a:hover {
  margin: 25px 0px 0px 0px;
  color: #000000;
  font-size: 20pt; 
  font-weight: bold;
  }    
  
.linklexikon {
  margin: 25px 0px 0px 0px; 
  color: #000000;
  font-size: 20pt; 
  font-weight: bold;
  } 
  
.linklexikon a {
   margin: 25px 0px 0px 0px; 
  color: #AD0000;
  font-size: 20pt; 
  font-weight: bold;
  }  

.linklexikon a:hover {
  margin: 25px 0px 0px 0px; 
  color: #000000;
  font-size: 20pt; 
  font-weight: bold;
  }     
  
#hinweis {
  color: #AD0000;
  font-weight: bold;
  }   

#widerspruch {
  color: #AD0000;
  font-weight: bold;
  } 
  
#vergleich {
  font:20px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	text-transform: uppercase;
	margin-bottom: 12px;
  } 
   
#vergleich a {
 font:20px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#AD0000; 
	text-transform: uppercase;
	margin-bottom: 12px;
  text-decoration: underline;
  }  
  
#vergleich a:hover {
 font:20px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	text-transform: uppercase;
	margin-bottom: 12px;
  text-decoration: none; 
  } 
  
.links {
  font:14px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	text-transform: uppercase;
	margin-bottom: 12px;
  } 
  
.links a {
  font:14px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#33373d; 
	text-transform: uppercase;
	margin-bottom: 12px;
  } 
.links a:hover{
  font:14px/20px 'Open Sans Condensed', Arial, sans-serif;
	color:#AD0000; 
	text-transform: uppercase;
	margin-bottom: 12px;
  }       
    
  
#abstand {
margin: 0px 0px 0px -8px;} 

#abstand-pecupool{
margin: 0px 0px 0px 0px;}


#abstand-kfz {
margin: 0px 0px 0px -15px;} 

#abstand-mrmoney {
margin: 0px 0px 0px 0px;}

#abstand-mrmoney-gewerbe {
margin: 0px 0px 0px 5px;} 

#abstand-financeads {
margin: 0px 0px 0px -5px;}   

#abstand-lvdoktor {
margin: 0px 0px 0px -10px;}  

#abstand-debeka {
margin: 0px 0px 0px -5px;} 

#abstand-debeka-baufi {
margin: 0px 0px 0px -25px;}  

innerlink  {
 font-weight: bold;
 font-family: Tahoma;
 font-size: 10pt;
 color: #AD0000; 
 } 
 
 
/* Linktausch*/
   
.ueberschrift               {text-decoration:none; color:#AD0000; font-size: 10pt; font-weight: bold;}
.ueberschrift a             {text-decoration:none; color:#AD0000; font-size: 10pt; font-weight: bold;}
.innertext                  {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}
.innertext a                {text-decoration:none; color:#000000; font-weight:bold;}
#innertext                  {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}
#innertext a                {text-decoration:underline; color:#000000; font-size: 10pt; font-weight:bold;}
#innertext a:hover          {text-decoration:underline; color:#FF0000; font-size: 10pt; font-weight: bold;}
.innerlink                  {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}
.innerlink a                {text-decoration:underline; color:#000000; font-size: 10pt;font-weight: bold;}
.innerlink a:hover          {text-decoration:underline; color:#FF0000; font-size: 10pt; font-weight: bold;}
#menu-linktausch            {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}
#menu-linktausch a          {text-decoration:underline; color:#000000; font-size: 10pt; font-weight: bold;}
#menu-linktausch a:hover    {text-decoration:underline; color:#FF0000; font-size: 10pt; font-weight: bold;}
#uebersicht a               {text-decoration:underline; color:#000000; font-size: 10pt; font-weight: bold;}
#uebersicht a:hover         {text-decoration:underline; color:#FF0000; font-size: 10pt; font-weight: bold; }
#uebersicht-menu            {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}
#uebersicht-menu a          {text-decoration:underline; color:#000000; font-size: 10pt; font-weight: bold;}
#uebersicht-menu a:hover    {text-decoration:underline; color:#FF0000; font-size: 10pt; font-weight: bold; }
#seitenanzahl               {text-decoration:none; color:#AD0000; font-size: 10pt; font-weight: bold;}
#ueberschrift1              {text-decoration:none; color:#000000; font-size: 14pt; font-weight: bold; text-align: center;}
#ueberschrift2              {text-decoration:none; color:#AD0000; font-size: 14pt; font-weight: bold;}
ul#vorteile                 {text-decoration:none; color:#000000; font-size: 10pt; font-weight: bold;}