﻿/**************/
/*links*/
/*************/

a:link {
	color:#174555;
	text-decoration :underline;
	background-color : transparent;
	font-weight:400;
	}
a:visited {
	color:#174555;
	text-decoration : underline;
	background-color : transparent;
	font-weight:400;

}
a:hover {
	color:#174555;
	text-decoration :none;
	background-color : transparent;
	font-weight:400;

}
a.zweite:link {
	color :#EFA624;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;
	
}
a.zweite:visited {
	color : #EFA624;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;

}
a.zweite:hover {
	color : #174555;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;
}
a.dritte:link {
	color : #EFA624;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;
}
a.dritte:visited {
	color : #EFA624;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;
}
a.dritte:hover {
	color : #174555;
	text-decoration : none;
	background-color : transparent;
	font-weight:500;
}
a.igt:link img, a.igt:visited img {
	border: 1px solid #000;
}
a.igt:hover img {
	border: 1px solid #4C85BD;
}
/**************/
/*Home*/
/*************/

#home{
    background-image:url('../_tmc_daten/Image/hd_home.png');
    background-repeat:no-repeat;
    min-height:450px;
}

#home a:link{
    font-size:2.00em;
	line-height: 1.5em;
 	color :#EFA624;
	text-decoration: none;
	background-color : transparent;
	font-weight:700;
}

#home a:visited{
 	color :#EFA624;
	text-decoration: none;
	background-color : transparent;
	font-weight:700;
}
#home a:hover{
 	color : #174555;
	text-decoration: none;
	background-color : transparent;
	font-weight:700;
}

#home{
    background-image:url('../_tmc_daten/Image/hd_home.png');
    background-repeat:no-repeat;
    min-height:450px;
}

.hn5{
    font-size:1.5em;
	line-height: 1.5em;
 	color :#174555;
	font-weight:700;
}

.pchn5{
	width:100%;
	max-width:220px;
	height:auto;
	
}

.dhn5{
	
}

/**************/
/*AUX*/
/*************/
 b{
     color:red;
 }

ul {
	margin: 0;
	
	margin-left:5px;
	padding: 0;

	}
li {
	margin: 0;
	margin-bottom:6px;
	padding: 0;
	list-style-type:disc;
	margin-left:10px;
	}
.clear {
	clear: both;
}
html, body {
	background : #fff;
	overflow : auto;
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	color:#345C6E;
	font-size: 0.97em;
	line-height: 1.6em;
	font-family: 'Fira Sans', sans-serif;
}

/*************/
/*fonts */
/*************/
h1 {
    margin: 0;
	padding: 0;
	font-size:1.00em;
	line-height: 1.3em;
	color:#174555;
    font-weight:500;
    margin-bottom:7px;
}
h2{
    margin: 0;
	padding: 0;
	font-size:1.05em;
	line-height: 1.3em;
	color:#174555;
    font-weight:500;
     margin-bottom:10px;
    

}
h3{
    margin: 0;
	padding: 0;
	font-size:1.05em;
	line-height: 1.3em;
	color:#174555;
    font-weight:500;
    margin-bottom:10px;
}

.ct8{
	-moz-hyphens: auto; /*auto umbruch im Content*/
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;

}
.sm7{
	font-size:0.70em;
	line-height: 1.5em;
	font-family: font-family: 'Fira Sans', sans-serif;

}
/*************/
/* div-Grid */
/*************/
#wrappr{
	bottom: 0;
	position: absolute;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	bottom: 0;
	z-index: 80;

}
#hmb3{
	display:none;
}
.hmbnav{
    display:none;
}


#halign {
	position:relative;
	margin:auto;
	width:100%;	
 	max-width:988px;
	bottom: 0;
	z-index: 90;
	
	
}
/*************/
/*Template */
/*************/
#tmplate{
	text-align:left;
	width:100%;

}
.logo{
	float:left;
	width:33.37%;
    margin:0 0 0 0;
    height:auto;
}
.hmnu{
	float:left;
	width:66.5%;
	margin-top:111px;	
}

.hmnu a {
	display:block;
	float:left;
	padding-right:4.6%;
	font-size:1.05em;
}
.hmnu a:last-child{
	padding-right:0px;
	
}

#hmb3{
    display:none;
}



/*************/
/*wplft*/
/*************/

#wplft{
    float:left;
    width:33.37%;

}
#wplft a.zweite{
	display:block;
	padding: 0 0 8px 21.3%;
	font-size:1.0em;
	font-weight:500;
}
.lng5 a.zweite{
	float:left;
	padding: 0 0 8px 0;
	font-size:1.0em;
	font-weight:500;
}
.lng5{
	color:#EFA624;
	font-weight:500;
}
.tg7{
	float:left;
}

/*************/
/*wpmid*/
/*************/
#wpmid{
    float:left;
    width:66.63%;
}

.ctbx10{
	margin-bottom:8px;

}

.lnkbx{
	margin-top:7px;

}








.ctbx11{
	margin-top:24px;
}
.ctbx22{
    padding-left:33px;
  
    margin-bottom:20px;
}

.pct1{
    display:block;
    width:549px;
    height:auto;
    margin: 32px 0 5px 0;
}
.pct22{
    display:block;
    width:704px;
    height:auto;
    margin:-10px 0 -34px 0;
    
}
.pct102{
    display:block;
    height:auto;
    margin: 3px 0 8px 0 ;
}

.sbx1{
    float:left;
    margin-right:18px;
}
.sbx0
{

}
.sbx12{
    margin-right:4px;

}
.sbx12a{
    float:left;
    padding-right:24px;
    margin-top:16px;
    display:block;
}
.sbx12a:hover{
	opacity: 0.7;
}


/*************/
/*footer*/
/*************/
#footer{
	
	margin: 1% 0 1% 0 ;
}
.pct2{
    display:block;
    width:155px;
    height:auto;
    margin: 0 0 24px 24px;
}
.adress{
	background-color:#E2E4E5;
	padding:36px 0 0 0;
	color:#333399;
	font-size:0.95em;
}
.pct3{
    display:block;
    width:22%;
    height:auto;
    float:left;
    margin: -18px 0 24px 24px;
}
.pct4{
    width:24%;
    height:auto;
    float:right;
    margin-right:6%;

}

.lftbox1{
	float:left;
	max-width: 36.47%;
	margin-right:4%;

}
.lftbox2{
	float:left;
	max-width: 43.47%;
	
}
.lftbox3{
	float:left;
	width:57%;
	font-weight:600;
	

}


/*************/
/*Artikelbox*/
/*************/
.bxart{
    margin:18px 0 0 0;
}
.bxlftart{
    margin:0 0 0 30px;
    padding-top:60px;
    float:left;
}
.pcbxart{
    width:63.49%;
    height:auto;
    margin:0 0 0 0;
    float:right;
}

/*Layout 1*/
.pclt1{
    float:right;
    margin-left:18px;
}
.txlt1{
    margin-top:-24px;
}


/*************/
/*wprht*/
/*************/
#wprht{
    float:right;
    width:24.37%;
    max-width:300px;

}
.ctbx1{
    margin: 0 0 38px 0;
   
}


/*************/
/*Galerie*/
/*************/
.gal1{
	width:88.6%;
	margin:-50px 0 0 33px;
	padding:7% 0 0 7%;
    background-color:#EEEBEB;

 }

.gal1 img{

	width:100%;
	height:auto;

}
.gal1sp{
    float:left;
    	width:26%;
    padding-right:7%;
	padding-bottom:7%
}

/*************/
/*Layout 5*/
/*************/
.pct16{
	width:355px;
	height:auto;
}

.box30{
margin-top:3%;
}
.bxrg30{
	float:right;
}
.bxlf30{
	float:left;
}



/*************/
/*icons*/
/*************/
.ic1{
   margin: 0 8px -2px 0;

}
.ic2{
   margin: 2px 0 12px 0;
   width:100%;
   height:auto;
}
/*************/
/*submnu*/
/*************/
.submnu  {

 padding: 8px 0 0 18px;
}

/*************/
/*ssubmnu*/
/*************/
.cont5{
    position:relative;
    margin:-18px 0 24px 20px;
    font-size: 0.95em;
	line-height: 2.2em;

}

/*Special*/
#element {

	width: 800px;
	height: 522px;
	position: relative;
}
#element1 {
		position: relative;
}
#element2 {
		position: relative;
}

.panel {
	position:absolute;
	top:145px;
	left:183px;
	width:52.63%;
	min-width:498px;
	max-width:801px;
	height:auto;
	background-image:url('../_tmc_daten/Image/hd_tmpc.png');
	z-index:15;
	display: none;
}
.panel1 {
	position:absolute;
	top:10%;
	width:100%;
	height:auto;
	min-width:550px;
	max-width:801px;
	z-index:15;
	border:0px;
	display: none;
}

/*************/
/* Screen 1240px bis 1400px)*/
/*************/
@media screen and (max-width: 1400px) {


/*************/
/*Layout 5*/
/*************/
.pct16{
	width:315px;
	height:auto;
}



}/*end*/
/*************/
/* Screen 1000px bis 1240px Tablet Landscape und kleinere Desktopscreens (IPAD 1024px)*/
/*************/
@media screen and (max-width: 1240px) {
 




}/*end*/
/*************/
/* Screen kleine Tablets  */
/*************/
@media screen and (max-width: 1000px) {

#halign {
 	
 }
.hmnu{
	display:none;
}
 
#hmb3{
	position:absolute;
    display:block;
    top:3%;
    right:1%;
    margin: 0 0 0 0;
    z-index:888;
}
#hmb3 img {
    width:55px;
    height:auto;
}
.hmbnav{
    background-color:#637395;
    display:none;
    position: absolute;
    left:3%;
    top: 2%;
    width:65%;
	padding:38px;
    z-index:900;
    -webkit-box-shadow: -1px 3px 29px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: -1px 3px 29px -4px rgba(0,0,0,0.45);
	box-shadow: -1px 3px 29px -4px rgba(0,0,0,0.45);


}
.hmbnav, a.zweite{
	
	line-height:2.3em;
}
.hmbsub7{
	padding-left:24px;
	font-size:0.95em;
}

#wplft{
	display:none;
}
#wpmid{
	padding: 0 0 0 7.3%;
	width:85%;
}

.lng5 a.zweite{
	float:inherit;
	padding: 0 0 8px 0;
	font-size:1.0em;
	font-weight:500;
}
.lng5{
	color:#EFA624;
	font-weight:500;
}
.tg7{
	float:inherit;
}



}/*end*/

/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 762px) {

#halign {

 }

#hmb3{
	position:absolute;
    display:block;
    top:6%;
    left:80%;
    margin: 0 0 0 0;
    z-index:888;
}
#hmb3 img {
    width:55px;
    height:auto;
}

.logo{
	min-width:250px;
	
}
.hmbnav{
    left:3%;
    top: 2%;
    }



}/*end*/
/*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 500px) {



}/*end*/