@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.4em;
}

.container-main {
	margin:10px auto;
	padding:0;
	position:relative;
	width:950px;
}
.container-head{
	background-image:url(uploads/tf/bg-hm-funktechnik-head-gr.png);
	background-repeat:no-repeat;
	width: 950px;
	height: 179px;
}
.container-content{
	background-image:url(uploads/tf/bg-hm-funktechnik-mitte.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 948px;
	height:auto;
}
.breadcrumb{
	width: 900px;
	padding: 6px 0 5px 10px;
	font-size:10px;
  	height:20px;	
}
.container-left{
	height:auto;
	width:210px;
	float:left;
			
}
.container-left-unten{
	height:auto;
	width: 190px;
	margin: 10px;
}
.container-mitte{
	width: 650px;
	top: 0px;
	min-height: 300px;
	height:auto;
	padding-bottom: 50px;
	margin: 0px 15px 0px 0px;	
	float: right;
	overflow:hidden;
}
.container-single{
	width: 620px;
	margin: 10px 10px 10px 0px;
	background-color:#f1f1f1;
	padding: 5px 10px; 
}
.container-duo{
	float:left;
	width: 290px;
	margin: 10px 12px 0px 0px;
	background-color:#f1f1f1;
	padding: 10px;
}
.container-duo h2{
	padding-top: 0px;
}
.merk-Anw{
	padding: 5px 0px 5px 20px;
}
.container-duo-pic{
	float:left;
	width: 300px;
	margin: 10px 12px 0px 0px;	
	padding: 5px;
}
.container-leftfloat{
	width: 300px;
	margin: 15px 12px 0px 0px;
	background-color:#f1f1f1;
	padding: 5px;
}
.container-mitte-li{
	float:left;
	width: 400px;
	margin: 15px 12px 0px 0px;		
}
.container-mitte-re{
	float:right;
	width: 200px;
	margin: 15px 12px 0px 0px;		
}
.container-trenner{
	clear:both;
	height: 10px;
}
.container-trio{
	float:left;
	width: 195px;
	margin: 15px 10px 0px 0px;	
}
.container-trio-bg{
	float:left;
	width: 185px;
	margin: 10px 15px 0px 0px;	
	padding: 5px;
	background-color:#f1f1f1;
}
.container-left-text{
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	margin-bottom:10px;	
	float:right;
}	
.tech-daten{
	float:left;
	width: 600px;
	margin: 15px 10px 0px 5px;		
}
.tech-daten h4{
	font-size:13px;	
	color: #666666;
}
.totop{
	position:absolute;
	right: 12px;
	bottom: 30px;		
}
.mc-searchbox{
	margin-top: 0px;
}
.csc-uploads-fileSize{
	vertical-align:top;
	width: 5em;
	text-align:right;
}
.container-footer{
	background-image:url(uploads/tf/bg-hm-funktechnik-footer-gr.png);
	background-repeat:no-repeat;
	width: 940px;
	height: 21px;	
	padding: 5px 0 0 10px;
	margin-left: -1px;
	color:#FFF;
	float:left;	
}
.druckimg{
	width:20px;
	float:left;
}
.footer-left{
	width:650px;
	float:left;
}
.footer-right{
	width: 250px;
	float:right;	
}
.logo{
	position:absolute;
	top:20px;
	left: 20px;	
	width: 335px;
	height: 75px;
	z-index: 2;
}
.container-sprache{
	position:absolute;
	top:120px;
	left: 915px;
	width: 99px;
	height: 20px;	
}
.container-suche{
	position:absolute;
	top:154px;
	right:0;
	width: 181px;
	height: 25px;	
	background-color:#09663c; 
}
.container-nav-oben{
	position:absolute;
	top: 154px;	
	right:181px;
	color:#FFF;
	font-weight: bold;	
}
ul.nav-oben-ul li.nav-oben-trenner{
	height:30px;
	margin-top: 2px;
	border:1px solid #FFF;
	float:left;
}
ul.nav-oben-ul{
    list-style-type: none;
    list-style-image: none;    
    margin: 0px;
    padding: 0px;
}
ul.nav-oben-ul li{
	display:block;
	height: 17px;
	overflow:hidden;
}
.nav-oben-menue-no{
	float: left;
    background-color:#9caab5;
    text-align: center;
	padding:4px 10px;	
}
.nav-oben-menue-act{
	float: left;
    background-color:#09663c;
    text-align: center;
	padding:4px 10px;
}
.nav-oben-menue-no a, .nav-oben-menue-act a{
	color:#FFF;
	text-decoration:none;
}
ul.nav-unten-ul{
    list-style-type: none;
    list-style-image: none;    
    margin: 0px;
    padding: 0px;	
}
.nav-unten-no{
	float: left;
	padding: 0 5px 0 5px;
	border-left: 1px solid #FFF;
}
.nav-unten-act{
	float: left;
    padding: 0 5px 0 5px;
	border-left: 1px solid #FFF;
}
.nav-unten-no a{
	color:#FFF;
	text-decoration:none;
}
.nav-unten-act a{
	color:#333;
	text-decoration:none;
}
.container-nav-mitte{
	width: 200px;
	color:#FFF;
	font-weight: bold;
}
ul.nav-mitte-ul{
    list-style-type: none;
    list-style-image: none;    
    margin: 0px;
    padding: 0px;
}
/**************** Level 0 *******************/
.nav-menue-mitte-no a, .nav-menue-mitte-act a, .nav-menue-mitte-cur a{
	display:block;
	color:#FFF;
	text-decoration: none;
	width: 200px;	
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #FFF;
}
.nav-menue-mitte-no a{
	background-color:#9caab5;   
}
.nav-menue-mitte-no a:hover{
	background-color:#09663c; 
}
.nav-menue-mitte-act a{
	background-color:#09663c;   
}
.nav-menue-mitte-cur a{
	background-color:#0d9a5a;  
}

/**************** Level 1 *******************/
.nav-menue1-mitte-no a, .nav-menue1-mitte-act a, .nav-menue1-mitte-cur a{
	display:block;
	color:#FFF;
	text-decoration: none;
	width: 190px;	
	padding: 4px 0 4px 20px;
	border-bottom: 1px solid #FFF;
}
.nav-menue1-mitte-no a{
	background-color:#9caab5;    
}
.nav-menue1-mitte-no a:hover{
	background-color:#09663c; 
}
.nav-menue1-mitte-act a{
	background-color:#09663c;    
}
.nav-menue1-mitte-cur a{
	background-color:#0d9a5a;  
}

/**************** Level 2 *******************/
.nav-menue2-mitte-no a, .nav-menue2-mitte-act a, .nav-menue2-mitte-cur a{
	display:block;
	color:#FFF;
	text-decoration: none;
	width: 180px;	
    padding: 4px 0 4px 30px;
	border-bottom: 1px solid #FFF;
}
.nav-menue2-mitte-no a{
	background-color:#9caab5;
}
.nav-menue2-mitte-no a:hover{
	background-color:#09663c; 
}
.nav-menue2-mitte-act a{
	background-color:#09663c;   
}
.nav-menue2-mitte-cur a{
	background-color:#0d9a5a;  
}
/**************** Level 3 *******************/
.nav-menue3-mitte-no a, .nav-menue3-mitte-act a, .nav-menue3-mitte-cur a{
	display:block;
	color:#FFF;
	text-decoration: none;
	width: 170px;		
    padding: 4px 0 4px 40px;
	border-bottom: 1px solid #FFF;
}
.nav-menue3-mitte-no a{
	background-color:#9caab5;    
}
.nav-menue3-mitte-no a:hover{
	background-color:#09663c; 
}
.nav-menue3-mitte-act a{	
	background-color:#09663c;  
}
.nav-menue3-mitte-cur a{
	background-color:#0d9a5a;  
}
/**************** Level 4 *******************/
.nav-menue4-mitte-no a, .nav-menue4-mitte-act a, .nav-menue4-mitte-cur a{
	display:block;
	color:#FFF;
	text-decoration: none;
	width: 160px;	
	padding: 4px 0 4px 50px;
	border-bottom: 1px solid #FFF;
} 
.nav-menue4-mitte-no a{
	background-color:#9caab5;   
}
.nav-menue4-mitte-no a:hover{
	background-color:#09663c; 
}
.nav-menue4-mitte-act a{
	background-color:#09663c;  
}
.nav-menue4-mitte-cur a{
	background-color:#0d9a5a;  
}
/**************** Interne Suche *******************/
#suchfeld {
	border-right-color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:10px;
	margin-left:5px;
	margin-top: 1px;
	width:120px;
}
#suchbutton {
	margin-left: 7px;	
	margin-top: 1px;	
}
/****************** Sitemap *************/
.csc-sitemap{
	margin-top:20px;
	padding-left: 10px;
}
.csc-sitemap ul{
	margin: 0px;
	padding-left: 20px;
}
.csc-sitemap li{
	margin-top: 5px;
	padding-left: 5px;	
}
.csc-sitemap a{
	color:#000;
}
.csc-sitemap a:hover{
	color: #ED051B;
	font-weight:bold;
}
/****************** Mailformular *************/
legend {
	padding:10px;
	margin:0px;
	border: 0px;
}
fieldset {
	border:0px;
	margin-bottom: 10px;
	padding:0px 20px 10px 20px;
	border: 1px solid #C7C8CE;
}
#mailform{
	padding:0px;
	margin: 0px;
}
.font-kl-form{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 10px;
}
.radiolayout {
	width:60%;
	padding-top:15px;
	padding-bottom:15px;
}
.mf-radio {
	border:0px;
}

.mf-text {
	color: #000000;
	border: 1px solid #C0C0C0;
	margin-bottom: 5px;
}

.mf-check {
	margin-left: 0px;
	margin-bottom: 0px;
}
.mf-select {
	border:0px;
}
.mf-input {
	border: 1px solid #C0C0C0;
	margin-bottom: 5px;
}
#mailformsem,  #mailformseo, #mailformweb{
	float:left;
}
/**************** Überschriften *******************/

h1, h2, h3, h4, h5, p{
	margin: 0px;
}
.bodytext{
	margin-bottom: 7px;
}
ul{
	margin-top: 7px;	  
}
table{
	margin-top: 7px;
	margin-bottom: 5px;
	clear:both;
}
h1{
	font-size:20px;
	color:#666;
	padding: 5px 0 10px 0;
}
h2{
	font-size:16px;
	color:#666;
	padding: 10px 0 10px 0;
}
h3{
	font-size:16px;
	color:#666;
	padding: 3px 0 5px 0;
}
.fm-h1{
	font-size:20px;
	margin-bottom: 0px;	
	padding-bottom: 0px;
}
.fm-h2{
	font-size:18px;
	margin-top: 10px;	
}
.fm-h3{
	font-size:16px;
	padding: 0px 0 10px 0px;
}
.h-single{
	margin-top: 48px;
	padding-bottom:5px;
}
.container-mitte-li h2{
	padding-top: 0px;	
}
/**************** Link Formatierung *******************/

.container-mitte a:link {
	color:#004680;
	font-weight:bold;
}
.container-mitte a:visited {
	color:#004680;
	font-weight:bold;
}
.container-mitte a:hover {
	color:#ED051B;
	font-weight:bold;
}
.container-mitte a:active {
	color:#ED051B;
	font-weight:bold;
}
.pdf{
	background-image:url(fileadmin/icons/pdf_icon.gif);
	background-repeat:no-repeat;	
	padding-left: 25px;
	height: 18px;
	display:block;	
}
.hr-druck{
	clear:both;
}
