<!--
/*
*******************************************************************************
* Projekt: 			Jalousie-Konfigurator
* -----------------------------------------------------------------------------
* @author   	 	Jan Bärje
* @date	     		11.04.2010
* @description: 	Berechnung 
* -----------------------------------------------------------------------------
* Änderung von: 	Johannes Schricker	
* Beschreibung:   	* URLs geändert! (gif ersetzt durch ../gif
*					* Hinzugefügt: a.tooltip 
*					* Hinzugefügt:  .tooltip span.info
*					* Hinzugefügt:  .tooltip:hover span.info
*					* Hinzugefügt: p.PreisBrutto
*					* Hinzugefügt: p.PreisNetto
*					* Hinzugefügt: p.Summary
* Datum       : 	11.04.2010
* -----------------------------------------------------------------------------
*******************************************************************************
*/

-->

body, html {
	margin:0px;
}
html {
	min-height:99%;
	margin-bottom:1px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-color:#ffffff;
}

a:link, a:visited { text-decoration: underline; color: #000; }

a:hover, #navigation a:hover { color: #999; }

a:focus {outline:none}

h1, h2, h3, h4, h5, p, input, form {
	margin:0px;
	padding:0px;
}

#konf_navi {
	width:960px; height:40px; background-color:#e4bfbf; margin:0 auto;
}

#konf_navi ul {
	margin:0px; padding:0px; list-style-type:none;
}

#konf_navi li {
	float:left; height:40px; line-height:40px; width:158px; padding:0 20px 0 0; text-align:center; font-weight:bold;
}

#konf_navi li.kozi40 { background-image:url(../gfx/bg-Fenstertyp.gif); background-position:40px 0px; background-repeat:no-repeat; }
#konf_navi li.kozi48 { background-image:url(../gfx/bg-Fenstertyp.gif); background-position:40px 0px; background-repeat:no-repeat; width:158px; }
#konf_navi li.Aufstellung {}

#konf_navi li.kozi40_ak { background-color:#950000; background-image:url(../gfx/bg-Fenstertyp_ak.gif); background-position:40px 0px; background-repeat:no-repeat; }
#konf_navi li.kozi40_ak a:link,
#konf_navi li.kozi40_ak a:visited,
#konf_navi li.kozi40_ak a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#konf_navi li.kozi48_ak { background-image:url(../gfx/bg-Sonderausstattung_ak.gif); margin:0 0 0 -20px; background-position:0px 0px; background-repeat:no-repeat; width:198px; padding:0px; }
#konf_navi li.kozi48_ak a:link,
#konf_navi li.kozi48_ak a:visited,
#konf_navi li.kozi48_ak a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#konf_navi a:link,
#konf_navi a:visited {
	color:#950000;
	text-decoration:none;
}

#konf_navi a:hover {
	color:#FFF;
	text-decoration:none;
}

.con_be { width:960px; margin:10px auto; }

.links {
	float:left; width:265px; margin:10px 45px 0 0px;
}

.links .spa {
	z-index:1;
	width:258px; height:258px; margin:0 0 15px 0; border:1px solid #CCC;
}

.wk {
	float:left; width:240px; padding:10px; background-image:url(../gfx/bg-wk.gif); background-position:top left; background-repeat:repeat-y; border-top:1px solid #CCC; border-bottom:1px solid #CCC;
}

.wk h3 {
	color:#000059;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:0 0 10px 0;
}

.wk p {
	color:#000;
	text-align:left;
	font-size:10px;
}

.rechts {
	float:left; width:650px; margin:10px 0 0 0;
}

.vorschaubild {
	position:absolute;
	top:45px;
	left:0px;
	width:235px;
	height:257px;
}


a.tooltip {
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

.tooltip span.info{
	display:none;
}

.tooltip:hover span.info{
	color:#000000;
	display:block;
	position:absolute; 
	padding-top:-50px; 
	background-color:#F3F3F3;
	font-variant:normal;
	max-width:350px;
}

p.PreisBrutto {
	padding-top:5px;
	font-weight: bolder;
}

p.PreisNetto {
	padding-top:0px;
}

p.Summary{
	padding-top:5px;
}

table, td, th
{
	border:0px solid green;
}

td, th
{
	border:0px solid red;
}

.ProtKat{
	width:650px;
	height:71px;
	background-image:url(../gif/bg-ueberschrift.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
	
.ProdKatUeb {	
	float:left;
	text-transform:uppercase;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	line-height:25px;
	padding:47px 0 0 15px;
}

.ProdKatGif {
	float:right;
}
	
td.ProdName{
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	padding:0 0 0 15px;
}

td.ProdPreis{
	text-align:right;	
	font-size:11px;
	padding:0 0 0 15px;
}

td.ProdText{
	text-align:justify;
	font-size:10px;
	color:grey;
	padding:0 0 0 15px;
}

.buts {
	clear:both; margin-left:310px; width:650px;
}

.NAVButtons {
	width:650px;
	padding:10px 0 0 0;
}	

.ButtonsLinks {
	float:left;
	width:155px;
	text-align:left;
}

.ButtonsLinks img.lfbi {
	padding-right:5px;
}

.ButtonsRechts {
	float:right;
	width:217px;
	text-align:right;
}

.ButtonsRechts img.ribi {
	padding-left:5px;
}

.na_besch {
	width:650px;
	padding:25px 0 0 0;
}

#na_foo {
	width:650px;
	height:37px;
	background-color:#EEE;
	background-image:url(../gif/info2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#na_foo p {
	color:#000;
	padding:6px 5px 0 21px;
	font-size:x-small;
}

.na_fo2-p {
	font-size:10px;
	padding:3px 5px 0 5px;
	font-size:x-small;
}