body      {
	background: white url('https://www.tonmeisterassekuranz.de/clips/verlauf-top.gif');
	background-repeat: no-repeat;
	background-position: center 41px;
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px; }

* {	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }

/* Links */
a:link, a:visited, a:active, a:hover   { 
	color: #4174CF;
	background: transparent;
	font-size: 10pt;
	text-decoration: underline;
	 }
a:hover  { color: #333333; }


/* Links */
a.quick:link, a.quick:visited, a.quick:active, a.quick:hover   { 
	color: #333333;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	 }
a.quick:hover  { color: blue; }






div.dist{
	padding: 20px;
}







ul#menue{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
a.menue, a.menue:link, a.menue:visited, a.menue:active, a.menue:hover{
	display: block;
	color: #333333;
	padding: 5px 0px 5px 30px;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #A1BEEE;
}
a.menue:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}
a.menue_akt , a.menue_akt:link, a.menue_akt:visited, a.menue_akt:active, a.menue_akt:hover{
	display: block;
	color: #EEEEEE;
	padding: 5px 0px 5px 30px;
	background: #74A2FD;
	text-decoration: none;
	font-weight: bold;
}
a.menue_akt:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}

ul.menue2 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

a.menue2, a.menue2:link, a.menue2:visited, a.menue2:active, a.menue2:hover{
	display: block;
	color: #333333;
	padding: 5px 0px 5px 50px;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
}
a.menue2:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}
a.menue2_akt, a.menue2_akt:link, a.menue2_akt:visited, a.menue2_akt:active, a.menue2_akt:hover{
	display: block;
	color: #EEEEEE;
	padding: 5px 0px 5px 40px;
	background: #74A2FD;
	text-decoration: none;
	font-weight: bold;
}
a.menue2_akt:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}


a.menue3, a.menue3:link, a.menue3:visited, a.menue3:active, a.menue3:hover{
	display: block;
	color: #333333;
	padding: 5px 0px 5px 70px;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
}
a.menue3:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}
a.menue3_akt, a.menue3_akt:link, a.menue3_akt:visited, a.menue3_akt:active, a.menue3_akt:hover{
	display: block;
	color: #EEEEEE;
	padding: 5px 0px 5px 60px;
	background: #74A2FD;
	text-decoration: none;
	font-weight: bold;
}
a.menue3_akt:hover{	
	color: #EEEEEE;
	background: #74A2FD;
}

ul.produkt{
	margin-top: 10px;
}
/* Links */
a.produkt:link, a.produkt:visited, a.produkt:active, a.produkt:hover   { 
	display: block;
	color: #333333;
	padding: 3px 0px 5px 3px;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
	 }
a.produkt:hover  { 
	color: #EEEEEE;
	background: #74A2FD; 
}

/* Links */
a.produk_akt:link, a.produkt_akt:visited, a.produkt_akt:active, a.produkt_akt:hover   { 
	display: block;
	color: #EEEEEE;
	padding: 3px 0px 5px 3px;
	background: #74A2FD;
	text-decoration: none;
	font-weight: bold;
	 }
a.produkt_akt:hover  { 
	color: #EEEEEE;
	background: #74A2FD;
}


/* Überschriften */
h1 {
	font-size: 12pt;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
h1.startseite {
	font-size: 16.5pt;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
h2 {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}
h3.withback{
	background: #D6DBE7;
	padding: 5px 5px 5px 5px;	
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }
	
	

div#main{
	position: relative;
	width: 990px;
	background: url(https://www.tonmeisterassekuranz.de/clips/verlauf2.gif);
	background-repeat: repeat-y;
	background-position: 87px top;
}	
div#menu{
	position: relative; width: 330px;float: left;z-index: 40;
}
div#menu_verlauf{
	position: relative; width: 330px;background: url(https://www.tonmeisterassekuranz.de/clips/menu-verlauf.jpg);background-repeat: repeat-y;padding-top: 65px;
}
div#menu_verlauf_d{
	margin: 0px 1px 0px 87px;text-align: left;
}
ul#menue{
	margin-top: 0px;
}
div#adress{
	position: relative; width: 330px;background: url(https://www.tonmeisterassekuranz.de/clips/menu-abschluss.jpg);background-repeat: no-repeat;
}
div#adress_d{
	text-align: right;padding: 45px 50px 100px 100px;
}
div#balken_top{
	position: absolute;width: 359px;height: 28px;top: 20px;left: 0px;
}
div#balken_bottom{
	position: absolute;width: 336px;height: 22px;top: 0px;left: 0px;
}
div#name{
	position: absolute;width:214px;height: 65px;top:236px; left: 90px;
}
div#name2{
	position: absolute;width:214px;height: 65px;top:266px; left: 100px;
}
div#briefumschlag{
	position: absolute; width: 48px;height: 35px;top: 60px; left: 600px;
}
div#quickkontakt{
	position: absolute;width: 100px;height: 20px;top: 70px;left: 505px;text-align: left;
}
div#rueckruf{
	position: absolute;width: 120px;height: 20px;top: 115px;left: 505px;text-align: left;
}
div#rueckruf_telefon{
	position: absolute; width: 60px;height: 35px;top: 105px; left: 600px;
}
div#content {
	position: relative;float: right;width: 600px;text-align: left;
}
div#content_d{
	margin: 40px 20px 20px 30px;
}	
div.text_dist{
	line-height: 1.8em;
}
div#geschaeftsbereich{
	color: #4174CF;background: white;margin-top: 25px;
}

div#breadcrumb{
	border-top: 1px solid #A1BEEE;padding: 3px;
}
input.form{
	width: 300px;
}
select.form{
	width: 300px;
}
textarea.form{
	width: 300px;
}

ul.startseite  {
	font-weight:bold;
}
ul.startseite li  {
	margin-top:10px;
}


 
 
div#cap {
	margin:0px auto 25px auto;
	text-align:center;
}
div#cap div#cap_text {
	margin:0px auto 0px auto;
	width:100%;
	text-align:left;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#cap div#cap_text {
		width: 85%;
	}
}
div#cap div#cap_rahmen {
	margin:10px auto 10px auto;
	width:70%;
	border:none;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#cap div#cap_rahmen {
		width: 85%;
	}
}
div#cap div#cap_vorlage {
	float:left;
	margin:auto;
	width:50%;
	padding:11px;
	box-sizing:border-box;
	background:#74A2FD;
	text-align:right;
	font-size:13pt;
	color:white;
	border:1px solid #74A2FD;
	border: none;
}
div#cap span#cap_hide {
	color:#74A2FD;
}
div#cap input#cap_eintrag {
	float:left;
	margin:auto;
	width:50%;
	font-size:13pt;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	color:black;
	border:1px solid #74A2FD;
     	box-sizing: border-box;
}






div.beispielrechnung{
	position: relative;
	text-align: left;
	width: 500px;
	padding: 10px;
	border: 5px solid #CED7E7;
}
table.beispiel{

}
th.beispiel{
	font-weight: normal;
	border-bottom: 1px solid #7BA6FF;
}
td.beispiel{
	border-bottom: 1px solid #7BA6FF;
}
span.small{
	font-size: 8pt;
}




div#bewertungssiegel {
	position:absolute;
	top:50px;
	left:140px;
	width:250px;
	text-align:left;
}
div#bewertungssiegel div.siegel {
	float:left;
	width:200px;
}
div.textsiegel {
	margin:-60px 0px 0px 87px;
	width:200px;
	padding:8px 10px 8px 10px;
	background-color:#f5f4fc;
	background-image:-webkit-linear-gradient(top left, #f8f8f8 20%, #ececf5 70%));
	background-image:-moz-linear-gradient(right bottom, #f8f8f8 20%, #ececf5 70%);
	background-image:-o-linear-gradient(#f8f8f8 20%, #ececf5 70%);
	background-image:linear-gradient(#f8f8f8 20%, #ececf5 70%);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:1px 1px 5px #7586a5;
	-moz-box-shadow:1px 1px 5px #7586a5;
	box-shadow:1px 1px 5px #7586a5;
}