html, body {
	margin: 0px;
	padding: 0px;
	background-color:#E0E0E0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

input {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000000;
}

select {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000000;
}

textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000000;
}

@media print {
 .keindruck  { display:none; }
}

H1 {
    font-size: 18px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
H2 {
    font-size: 14px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
H3 {
    font-size: 13px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}


TD {
    font-size: 10pt;
	color:#000000;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}			

#cont {position:absolute; top:-100px; left:0px; width:100%; height:18px; overflow:hidden; visibility:hidden;}
#text {position:relative; left:2000px; height:18px; font-weight:bold;}
#text a {color:#000000; font-weight:bold; font-size: 12pt; text-decoration:underline;}
#text a:hover{color:#000000; font-weight:bold; text-decoration:none;}

.text-small {
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
}
.text-normal {
	font: 10pt Verdana,Arial,Helvetica,sans-serif;
}

.text-gross {
	font: 13pt Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;	
}
.text-white {
	font: 10pt Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
}

.keywords {
	color: #E5E5E5;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
}

img { 
	border:0px;
}


/* ########################## */
/* Picture Box mit Text         */

.pictxt { 
	padding:0px;
	text-align:center;
}

.pictxt img { 
	border:0px;
	border-bottom:0px solid #000000;
	margin:0px;
	padding:0px;
}

.pictxt p { 
	padding:1px;
	font-size:9px;
}


/* Kalkulation */
.label {
	float: left;
	width: 75px;
}

.form_kalk {
	/*margin-left: 70px;*/
	min-height: 25px;
}

.kalkulator select {
	width: 250px;
}

.form-input {
	width: 250px;
}

.label-send {
	float: left;
	width: 75px;
}

.form-send {
	/*margin-left: 70px;*/
	min-height: 25px;
}

.angebot fieldset {
	width: 350px;
}

.error {
	font-weight: bold;
	color:#FF0000;
}

.kalkbox {
	margin: 0px 3px 10px 0px;
	text-align:center;
	width: 150px;
	float: left;
}

.kalkbox-single {
	margin: 0px 3px 10px 0px;
	text-align:center;
	width: 150px;
	float: left;
}

.kalkbox-header {
	background-color: #178FCB;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}

.kalkbox-content {
	border-left: #178FCB 1px solid; 
	border-right: #178FCB 1px solid; 
	border-top: #178FCB 1px solid; 
	padding: 5px 5px 5px 5px;
	height: 175px;
	font-size: 11px;
}

.kalkbox-content img {
	margin-bottom: 3px;
}

.kalkbox-content a {
	font-size: 11px;
	color: #000000;
	text-decoration:none;
}

.kalkbox-footer {
	border-left: #178FCB 1px solid; 
	border-right: #178FCB 1px solid; 
	border-bottom: #178FCB 1px solid; 
}
.kalkbox-footer a {
	font-size: 10px;
	color: blue;
	text-decoration:underline;
}

.kalkbox-single-example {
	margin: 0px 3px 10px 0px;
	text-align:center;
/*	width: 150px;*/
	float: left;
}

.kalkbox-header-example  {
	background-color: #178FCB;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}

.kalkbox-content-example  {
	border-left: #178FCB 1px solid; 
	border-right: #178FCB 1px solid; 
	border-top: #178FCB 1px solid; 
	padding: 5px 5px 5px 5px;
	height: 175px;
	font-size: 11px;
}

.kalkbox-content-example  img {
	margin-bottom: 3px;
}

.kalkbox-content-example  a {
	font-size: 11px;
	color: #000000;
	text-decoration:none;
}

.kalkbox-footer-example  {
	border-left: #178FCB 1px solid; 
	border-right: #178FCB 1px solid; 
	border-bottom: #178FCB 1px solid; 
}
.kalkbox-footer-example  a {
	font-size: 10px;
	color: blue;
	text-decoration:underline;
}



.clear {
	clear: both;
}

.teaser {
	width: 520px;
	border: #A4ABA0 1px solid; 
	margin: 0 0 10px 10px;
}

.kalkteaser {
	padding: 3px;
}

.kalkteaser-box {
	margin: 0px 0px 5px 0px;
	text-align:center;
	width: 55px;
	float: left;
}

.teaser a {
	margin-top: 5px;
	color: #1A962B;
	text-decoration:none;
}
.teaser h1 {
	margin: 8px 0 3px 0;
}
.teaser p {
	margin: 0 0 5px 0;
	font-size: 11px;
}

/* Relativer Tooltip Kalkulationshilfe */
a.tooltipKalk, a.tooltipKalk:link, a.tooltipKalk:visited, a.tooltipKalk:active  {
  position: relative;
  text-decoration: none; 
  color: #000000; 
 }
  
a.tooltipKalk:hover {
  color: #0000ff; 
  background: transparent;
 }

a.tooltipKalk span {
  display: none;  
  text-decoration: none; 
}

a.tooltipKalk:hover span {
  display: block;
  position: absolute; 
  top: 0px; 
  left: 30px; 
  width: 190px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  }
  
a.tooltipKalk span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weigth: bold;
  color: white;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* Infobox Produkt */
.produkt_infobox {
	width: 340px;
	padding: 0px;
}

.produkt_infobox h3 {
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin: 0px;
	background-color: #E0EDD8;
}

.produkt_infobox p {
	border: 1px solid #E0EDD8;
	margin: 0 0 10px 0;
	padding: 5px;
}

.produkt_infobox a {
	font-size:13px;
	text-decoration: underline;
	color: #000000;
}


.main-container {
	width: 800px;
	background-color: #FFFFFF;
	padding: 15 0 0 15;
}

.main-container2 {
	background:url("images/bg_main.gif") repeat-y scroll 0 0 transparent;
	width: 782px;
	background-color: #FFFFFF;
	margin:0 auto;
	padding:0;
	display: block;
	/*border-left:1px solid #178FCB;*/
	/*border-right:1px solid #178FCB;	*/
}

.clear {clear: both;}


.header {
	display: block;
	width: 782px;
	height: 142px;
	padding: 0;
	margin: 0;
}

.topnav {
	height: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 18px;
}

.topnav ul {
	padding-left: 0px;
	margin-left: 0px;
}

.topnav li {
	float: left;
	background:transparent url(images/bullet_navigation.gif) no-repeat 7px 4px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0 0 0 18px;
}

a {
	color: #000000;
}

.topnav li a {
	text-decoration: none;
}

.topnav li a:hover {
	text-decoration: underline;
}


.mainmenu {
	float:left;
	display:block;
	width: 165px;
	padding: 0;
	margin: 0;
}

.nav-container {
	padding: 5px 0 10px 0;
	margin: 0;
}

.trailer {
	float: right;
	width: 160px;	
	padding-top: 15px;
	background-color: #FFFFFF;
}

.trailerhead {
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

.content {
	float:left;
	width: 592px;
	min-height: 400px;
	padding: 0 10px 15px 20px;
	background-color: #FFFFFF;
}

.footer {
	clear: both;
	width: 700px;
	height: 20px;
	margin:0;
	padding: 0 0 0 18px;
}

.footer ul {
	padding-left: 0px;
	margin-left: 0px;
}

.footer li {
	float: left;
	background:transparent url(images/bullet_navigation.gif) no-repeat 7px 4px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0 0 0 18px;
}

a {
	color: #000000;
}

.footer li a {
	text-decoration: none;
}

.footer li a:hover {
	text-decoration: underline;
}

.footerlink {
	float: left;
}