@charset "utf-8";
/* CSS Document */

   
 /* -------------------- ALLGEMEIN----------------------------------- */	

.fb_iframe_widget { margin-top:10px; }

body 	{	
	font-family: arial, verdana, "sans serif";
	font-size:100.01%;
	color:#000000;
	background-color:#fff;
	width:100%;
	height:100.01%;
	min-height:100.01%;
	margin:0 auto;
	padding:0;
	text-align:center;
	float:left;
	line-height:1.3em;
}


.cols {
	clear:left;
}
.col1 {
	width:450px; 
	padding-right:7px; 
	margin:0;
	float:left;
}
.col2 {
	width:190px;
	float:right;
	margin:0;
	padding:0;
}


a {
	color:#333333;
}
a:focus { 
	outline: none;
}
img {
	border:0;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	color:#000000;
	padding:3px 0;
	margin:0;
	line-height:1.2em;
}
h1 {
	font-size:1.6em;
	padding: 0;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1em;
}
h5 {
	font-size:0.8em;
}
h6 {
	font-size:0.6em;
}

.mainRight ul, .meta ul {
	list-style:none;
	padding-left: 0;
	margin-top:0px;
}

	
		

.t1{
	float:left;
	padding:0 10px 5px 0;
	font-size:0.9em;
	margin: 0;
}

.t2{
	margin-left:156px;
}
		.t2 h2 {
			color:#58585A;
			padding-top:0;
			font-size:1.2em;
		}

.t2 a {
	color:#58585A;			
	font-size:0.8em;
	text-decoration:none;
	background:url(../images/arrow_black_03.png) no-repeat top right;
	padding:0 10px 0 0;
}


.meta {	
	float:right;				
	height:20px;
	padding:12px 5px 0 0;
	color:white;
}
		.meta ul {
			float:left;
		}
			.meta li{
				float:left;
				padding:0 0px;
				color:#FFFFFF;
				font-size:1em;
				
		
				
				
			}
			.meta li a {
				color:#FFFFFF;
				text-decoration:none;
				padding:0 8px;
				font-size:0.9em;
			}
			
		.meta .tx-macinasearchbox-pi1 {
			float:left;
		}
		.meta .inputText {
				border:0 none;
				font-size:0.7em;
				height:13px;
				width:110px;
		}
			
		.meta .inputSubmit {
			border:0;
			width:14px;
			height:14px;
			background-color:transparent;
			font-weight:bold;
			color:#FFFFFF;
		}
		.meta h2 {
			
			font-size:0.8em;
			
			
			
			
			
				}
				
		.meta h2 a {
			color:#FFFFFF;
			font-size:0.8em;
			text-decoration:none;
			
			
		}	

hr.clearer {
	border:0;
	color:#fff;
	background-color:#fff;
	clear:both;
	float:left;
	width:100%;
}
.news-list-item {
	/*width:470px;*/
	float:left;
	margin-top:5px;
}	
.news-list-image {
	float:left;
	margin:0;
	padding:0 10px 5px 0;
}
.news-list-content {
	margin-left:164px;
}		
.news-list-content h2 {
	color:#000000;
	font-size:1.2em;
	padding-top:0;
}
.news-list-content h2 a {
	color:#000000;
	text-decoration:none;
}
.news-list-content p {
	margin:0;
	padding:3px 0;
}
.news-list-content .news-list-morelink a {
	color:#333333;			
	font-size:0.8em;
	text-decoration:none;
	background:url(../images/arrow_black_03.png) no-repeat top right;
	padding:0 10px 0 0;
}

.news-single-img {
	float:left;
	margin:0 10px 4px 0;
}

.news-single-backlink{
	clear: both;
}

.news-list-container{
	width:450px;

}


#c2{
	width:450px;
}

ul.text{
	float:left;
	clear:left;	
	width:100%;
	padding:0;
	margin:0;
}
		
ul.text li {
	float:left;
	clear:left;	
	width:100%;
	margin:0 0 10px 0;
}


		
.bilder{
		width:470px;
		float:left;
		
}	



.teaserRight{
				float:right;



			}


#wrapper {
	      width:884px;
		  min-height: 797px;           			
		  margin:auto;	
		  text-align:left;	
		  font-size:0.8em;			
		 }
	 

#head {
		height: 89px;
		background:url(../images/bgHeader.png);
		margin-top: 10px;	   
      }	
		  
	  
.logo{
		padding: 0px  0   0   22px;
		float:left;
				
	 }


	  	
		
#bannerFrame {
	height: auto;
	margin:4px 0 8px;
	clear:left;
	float:left;
	width:884px;  
	position:relative;    
}
	
.bannerLeft {
	bottom:0;
	float:left;
	overflow:hidden;
	position:absolute;
	width:207px;
}
	.bannerLeft h2 {
		background-color:#E75012;
		font-size:1em;
	}
	.bannerLeft h2 a {
		color:#FFFFFF;
		font-size:1em;
		text-decoration:none;
		background:url(../images/arrow_white.png) no-repeat top right;
		padding:0 20px 0 10px;
		display:block;	
	}
			
			
			
.bannerRight { 
	width:667px;
	float:right;
	padding-top:2px 0 0  0;
}		

		
#main {
	height: 39px;
	clear:left;
}
		  
		  
		  
.mainLeft {
			
			float:left;
						
			width:207px;
			background-color:#b5113e;
			height: 39px;
			overflow:hidden;
			
			}
			
			
		.mainLeft h2 {
			background-color:#b5113e;
			font-size:1em;
			line-height:1.2em;
			color:white;
			padding:13px 20px 0 10px;
		}
		.mainLeft h2 a {
			color:#FFFFFF;
			font-size:1em;
			text-decoration:none;
			background:url(../images/arrow_white.png) no-repeat top right;
			display:block;
			padding:0;
		}		
			
			
.mainRight { 
			width:667px;
			float:right;
			background-color:#B5113E;
			height: 39px;
			
			}			


	.mainRight ul {
			font-size:0.9em;
			padding:10px 0 0;
			margin:0;
			
	}
		.mainRight ul li {
			float:left;
			color:#FFFFFF;
			font-weight:bold;
		}
			
		.mainRight ul li a {
			color:#FFFFFF;
			font-size:1.1em;
			font-weight:bold;
			text-decoration:none;			
			padding:0 14px 8px;
		}
			.mainRight ul li a.act, .mainRight ul li a:hover {
				color:#F485A3;
			}
			 
		 
		 
		 
		 		ul.mainRight{
							float:left;
							clear:both;										
							}
							
					


.mainRight ul {
	list-style-type:none;
	float:left;
}
.mainRight ul a {
	display:block;
}
.mainRight li {
}
.mainRight a {
	display:block;
}


/* Zweite Ebene */
.mainRight ul ul {
	margin:0;
	padding: 0;
	position: absolute;
	background: #E75012;
	border: 1px solid #E75012;
	border-top:0;
	display: none;
}
/* Für Unterpunkte keine Float-Eigenschaft */
.mainRight ul ul li {
	float:none;
	clear:left;
	background-color: transparent;
	/*height:20px;*/
	margin:0;
	padding:3px 5px;
	width: 180px;
}
.mainRight ul ul li a {
	font-size:1.1em;
	padding:0 15px;
	line-height:1.3em;
}
	.mainRight ul ul li a.act, .mainRight ul ul li a:hover {
		color:#FFC7AF
	}
	
/* Zweite Ebene anzeigen */
.mainRight ul li.hover ul,
.mainRight ul li:hover ul  {
	display: block;
}

/* Dritte Ebene */
.mainRight ul li.hover ul ul, .mainRight ul li:hover ul ul {
	display: none;
	margin-left: 160px;
	margin-top: -20px;
}
/* Dritte Ebene anzeigen */
.mainRight ul li.hover ul li.hover ul, .mainRight ul li:hover ul li:hover ul {
	display: block;
	margin-left: 160px;
	margin-top: -20px;
}

/* Vierte Ebene */
.mainRight ul li.hover ul li.hover ul ul, .mainRight ul li:hover ul li:hover ul ul {
	display: none;
}
/* Vierte Ebene anzeigen */
.mainRight ul li.hover ul li.hover ul li.hover ul, .mainRight ul li:hover ul li:hover ul li:hover ul {
	display: block;
}		 
		 
		 
		 
#contentFrame {
				width:100%;
				clear:both;
				padding-top:8px;
				} 
		 
		 

.contentLeft {
				width: 207px;
				padding-left:0px;
				
				float:left;
				overflow:hidden;
				
				
				}
				.contentLeft h2 {
				background-color:#E75012;
				font-size:1em;		
				padding:3px 20px 0 10px;
				height:33px;
				line-height:1.2em;
				
				}
				.contentLeft h2 a {
					color:#FFFFFF;
					text-decoration:none;	
					display:block;
				}
				.contentLeft h2 span {
					font-size:0.8em;
					display:block;
				}
				.contentLeft h2 span a {
					background:url(../images/arrow_white.png) no-repeat top right;
					padding:0 20px 0 0
				}
		
			
		
				.contentLeft h1 {
					background-color:#E75012;
					font-size:0.8em;
				}
				.contentLeft h1 a {
					color:#FFFFFF;
					font-size:0.8em;
					text-decoration:none;
					background:url(../images/arrow_white.png) no-repeat top right;
					padding:0 20px 0 10px;
				}
				
				.contentLeft ul {
					list-style:none;
					padding: 0;
					margin:0px;
					
				}
				.contentLeft ul li {
					padding:0;
					margin:0;
					background:#B5113E;
					float:left;
					clear:left;
					width: 207px;
				}	
				
				.contentLeft ul .last {
				/*padding-bottom:10px;*/
				}			
				.contentLeft ul li div.line {
					/*border-bottom:2px solid white;*/
					background:#fff;
					width:187px;
					height:2px;
					clear:left;
					float:left;
					overflow:hidden;
					margin:0 10px 0 10px;
				}
				.contentLeft ul li a {
					color:white;
					text-decoration:none;
					padding:5px 15px;
					margin:0;
					font-weight:bold;
					/*display:block;*/
					float:left;
					clear:left;
					width:177px;
					
				}
				.contentLeft ul li a.act {
					color:#F485A3;
				}
					.contentLeft ul li ul li {
						border-bottom:0;
						background:#F485A3;
					}
						
		
.contentRight {
		 	width: 667px;
			
			float:right;
			font-size:0.9em;
			line-height: 1.4em;
					 
		 	
		 }
		
		
	.rootline {
		float:le	ft;
		width:100%;
		margin-bottom:5px;
	}	
		
		
#footer {
			height: 24px;
			background-color:#B5113E;
			width:100%;
			clear:both;
			margin-top:20px;
			margin-bottom:10px;
			float:left;
	   	}
		
.tx-dlbranches-pi1 {
	text-align:left;	
}
.tx-dlbranches-pi1 .row {
	float:left;
	clear:left;
	width:100%;
}
.tx-dlbranches-pi1 .info {
	font-size:0.8em;
}
.tx_dlbranches_pi1-label {
	width:60px;
	float:left;
}		
.tx_dlbranches_pi1-img {
	float:left;
	padding-bottom:0;
}
.tx_dlbranches_pi1-gmap {
	clear:both;
	float:left;
	margin-top:5px;
}
.tx_dlbranches_pi1-gmap a {
	float:right;
}
.tx-dlbranches-pi1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	clear:left;
	display:block;
	width:667px;
}
	.tx-dlbranches-pi1 ul li {
		margin:10px 0 10px;
		padding:0px 10px 0px 0;
		width:323px;
		height:110px;
		float:left;
	}
	
.tx_dlbranches-pi1-list {

}	
	.tx_dlbranches-pi1-list .images {
		float:left;
		margin-right:6px;
	}
	.tx_dlbranches-pi1-list .zip {
		float:left;
	}
	.tx_dlbranches-pi1-list .city {
		float:none;
	}

.tx_dlbranches-pi1-single {

}	
	.tx_dlbranches-pi1-single .left {
		float:left;
		width:315px;
	}
		.tx_dlbranches-pi1-single .phone, .tx_dlbranches-pi1-single .description {
			margin-top:10px;
		}
		.tx_dlbranches-pi1-single .images {
			text-align:right;
		}
		.tx_dlbranches-pi1-single .description {
			margin-bottom:20px;
		}
	.tx_dlbranches-pi1-single .right {
		float:right;
		width:315px;
	}
	.tx_dlbranches-pi1-list .Hoerakustik {
		background-color:#E0F2FF;
		/*float:right;*/
	}
	
	.tx_dlbranches-pi1-list .Optik {
		background-color:#ffc7af;
		clear:left;
	}
	
	
.tx-ablinklist-pi1-browsebox{
	clear:both;
}

/* Kontaktformular */

#mailform fieldset {
border:none;
vertical-align: top;
}

#mailform input, textarea {
border: 1px solid #c1c1c1;
}

#mailform textarea {
overflow:auto;
}
.csc-mailform-submit {
margin-left:75px;
border:1px solid black;
background-color:#F0F0F0;
}

#mailformname {

}

#mailformtelefon {

}

#mailformemail {

}

#mailformnachricht {

}

#mailform label {
float:left;
width:75px;
}

.csc-mailform-field {
vertical-align:top;
margin-top:15px;
}


#c16 .csc-firstHeader {
display:none;
}

#c31 .csc-firstHeader {
display:none;
}



.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color:#B5113E;
}



#c159 li, #c190 li{
background-image: url("../images/Herz_rot2.png");
background-repeat: no-repeat;
padding-left:30px;
padding-top:3px;
margin-top:10px;
}

#c159 ul, #c190 ul {
list-style-type:none;
padding:0px;
margin:0px;

}
#c213 img{
margin-top:40px;
}
#c214 img{
margin-top:8px;
}
#c215 img{
margin-top:30px;
}

#last ul li {
width:146px;
padding:5px 0px;
}


#last {
width:90px;
}

#c219{
margin-left:0px;
}

#c200{
margin:0px;
float:right;
padding:0px;
}

.col2 .csc-textpic-above{
float:right;
margin:0;
width:190px;
margin-left:10px !important;
}

.contentLeft #c228 {
padding-top:8px !important;
clear:both;
}

.contentLeft #c227 {
padding-top:8px !important;
clear:both;
}
.csc-frame-invisible {
	display:none;
}