@charset "UTF-8";

/* allgemein */
@media all
{
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
}

p {	text-align: left; }
img {	border: 0; }

a:link 		{ color: #000099; background-color: #ffffff; }
a:visited 	{ color: #000000; background-color: #ffffff; }
a:hover 		{ color: #0000ff; background-color: #ffffff; font-weight: bold; }
a:active 	{ color: #0000ff; background-color: #ffffff; font-weight: bold; }
a:focus 		{ color: #0000ff; background-color: #ffffff; font-weight: bold; }

li  { margin-bottom: 0.1em; }

table {
 width: 98%;
 border-collapse: collapse;
} 

td {
 border: solid 1px #000000;
}

td:first-child {
 width: 30%;
}

h1 { 
	margin-top: 1em;
	margin-bottom: 0.2em; 
	text-align: center;
}
h2 { 
	margin-top: 0em;
	margin-bottom: 0.2em; 
	text-align: center;
}
h3 {
 	text-align: left;
	clear: both; /* POS */
 }
h4 {
 	text-align: left; 
}

/* Nur zum Vorlesen  */
.unsichtbar {
	position: absolute;
	left:  -1000px;
	top: -1000px;
}
 
/* Positionierung */
div#container {
	 width: 99%;
	 margin: 0px auto 0px auto;
	 padding: 0;
	 text-align: left;
}

div#topnav {
	font-size: 68%;
	float: left;
	width: 29%;
}

div#topnav img {
	float: none;
	padding: 0 28% 0 28%;
}

div#inhalt {
	float: right;
	width: 68%;
	min-height: 45em;
	padding-left: 0.5em;
	border-left: solid 1em #0000cc;
}

div#inhalt img {
	float: left;
	width: 200px;
	margin: 0.5em; 
}

div#titel img {
	float: right;
	width: 200px;
	margin: 0.5em;
}

div#sales_esa img,
div#sales_fast_sizer img {
	float: none;
	width: 200px;
	margin: 0.5em;
}

/* alle seiten !!! 
div#home,
div#produkte,
div#esa,
div#esa_opt,
div#fast_sizer,
div#fast_sizer,
div#rho,
div#einzel,
div#pc,
div#zubehoer,
div#chdf,
div#aps,
div#wir,
div#kontakt,
div#job,
div#impressum,
div#service {
	clear: both;
}
*/
div#titel + div {
	clear: both;
}


div#chdf img {
	float: left;
	width: 50px;
	margin: 1em; 
	padding: 1em; 
}

div#menue {
	float: left;
	width: 29%;
}

/* topnav */
div#topnav  ul, div#topnav  li {
	display: inline;
}

/* Navigation */
div#menue ul{
	margin: 0.1em 0em 0.1em 0em;  /* oben, rechts, unten und links */
	padding: 0;
}
div#menue li{
        list-style:none;
	margin: 0; 
	padding: 0.1em 0em 0em 0.8em;
}

/*
 Rahmen um VC
Schrift kleiner
Elementpositionen 
	Name
 Addresse	Tel/Fax
 email 	web
*/
div#kontakt div.vcard { 
	border: 0.1em solid #0000ff;
	font-size: 80%;
	width: 60%;
}
div#kontakt div.vcard p.org,
div#kontakt div.vcard p.fn {
	text-align: center;
}
div#kontakt div.vcard p.adr {
	float: left;
	width: 49%;
	margin: 0 0.2em 0 1em;
}
div#kontakt div.vcard p.klingel {
}
div#kontakt div.vcard p.netz {
	text-align: center;
	clear: both;
}
/* Mottospruch */
.spruch {
	margin-top: 2em;
	margin-bottom: 2em; 
	text-align: center;
	font-size: 132%;
	color: #0000ff;
	background-color: #ffffff;
}
/* Impressum , Adresse */
div#company
{
	font-style:italic;
}

}

@media print
{

div#topnav {
	display: none;
}

div#inhalt {
	float: none;
	width: 100%;
	margin: 0; padding: 0; border: 0; 
}

div#menue {
	display: none;
}

div.vcard {
	page-break-inside:avoid!important;
 	border: none!important;
	font-size: 100%!important;
	width: 100%!important;
}

div.vcard * {
	float: none!important;
	width: 100%!important;
	text-align: left!important;
}

}