@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-tarif.css
// Author: DH
// Änderungsdatum: 24.08.16
// Beschreibung: 	- Tarifrechner Elemente aus Liste
//					- Submenue
//					- Ansprechpartner
*******************************************************************************************/


/**** Layout für Mobilgeräte. */

@font-face {
  font-family: Verdana_DMH;
  src: local("Verdana"),  /* Prüfung, ob Schriftart-Datei bereits auf dem Computer des Betrachters installiert ist */
       url(verdana.ttf?OpenFileResource) format('truetype'), /* Format für Gecko- und Webkit-Browser */
       url(verdana.eot?OpenFileResource) format('eot'); /*Internet Explorer ab Version 5.5*/
}


.DIV-CLASS-TarifWrapper{
	font-family: Verdana_DMH, Verdana, Geneva, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	color: #000000;
	
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	
	padding-left: 20px;
	padding-right: 10px;
	
	box-sizing:border-box;
	}
	
.DIV-CLASS-AnsprechpartnerWrapper{
	font-family: Verdana_DMH, Verdana, Geneva, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	color: #000000;
	
	display: block;
	width: 100%;
	float: left;
	padding-right: 10px;
	
	box-sizing:border-box;
	}	

.DIV-CLASS-TarifGruppe{
	display: block;
	width: 100%;
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	color: #CB301F;
	}

.SPAN-CLASS-TarifH1{
	display: block;
	align-items:center;
	width: 100%;
	float: left;
	font-weight: normal;
	text-align: left;
	}

.DIV-CLASS-TarifRow{
	display: table-row;
	width: 100%;
	float: left;
	box-sizing:border-box;
	}	
.DIV-CLASS-TarifLeft{
	display: table-cell;
	width: 100%;
	float: left;
	box-sizing:border-box;
	padding-top: 15px;
	}	
.DIV-CLASS-TarifRight{
	display: table-cell;
	width: 100%;
	float: left;
	box-sizing:border-box;
	padding-top: 0px;
	}
	
		

.IMG-CLASS-TarifLogo{
	display: block;
	clear: both;
	margin-bottom: 20px;
	width: 130px;
	height: auto;
	padding-left: 20px;
	}
	
.IMG-CLASS-Ansprechpartner{
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	}	

A:link.LINK-CLASS-Tarif {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #000000;
	text-decoration: none;
	float: left;
	width: 100%;
	display: block;
	text-decoration: underline;
	text-align: left;
}
A:visited.LINK-CLASS-Tarif {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #000000;
	text-decoration: none;
	float: left;
	width: 100%;
	text-decoration: underline;
	text-align: left;
}
A:hover.LINK-CLASS-Tarif {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #CB301F;
	text-decoration: none;
	float: left;
	width: 100%;
	text-decoration: underline;
	text-align: left;
}

#DIV-ID-TarifSubMenue{
	display: block;
	position: static;
	background-color: #ffffff;
	left: 0;
	box-sizing: border-box;
	z-index: 50;
	}
#SELECT-ID-Tarif{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 40px;
	margin-bottom: 40px;
	
	}
	
a.ANKER {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}	

/**** Layout für Tablet-PCs. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) {
.DIV-CLASS-AnsprechpartnerWrapper{
	width: 70%;
	}	
	
.DIV-CLASS-TarifLeft{
	width: 30%;
	}	
.DIV-CLASS-TarifRight{
	width: 70%;
	padding-top: 10px;
	}
.IMG-CLASS-Ansprechpartner{
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 25%;
	height: auto;
	padding-right: 20px;
	}
}

/**** Desktoplayout. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 979px) and (orientation : landscape) {
.DIV-CLASS-AnsprechpartnerWrapper{
	width: 70%;
	
	}
	
	
A:link.LINK-CLASS-Tarif {
	font-size: 10pt;

}
A:visited.LINK-CLASS-Tarif {
	font-size: 10pt;

}
A:hover.LINK-CLASS-Tarif {
	font-size: 10pt;

}

#SELECT-ID-Tarif{
	display: none;
	}
a.ANKER {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}	
}