/* stylesheet ----------------------------------------------------------------------
 stylesheet für fetech.de 
 copyright august 2005
 www.gr-werbeagentur.de
 all rights reserved
--------------------------------------------------------------------------------- */
body { padding:0; margin:0; border:0; background:#fff url("/_fx/bg.gif") repeat-y; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;}

#left { 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align:center;
	background:#0079ac;
	width: 250px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 250px;
	}
html>body #left {
	width: 250px; /* ie5win fudge ends */
	}
#con {
	padding: 0;
	border: 0;
	background: #fff;
	/* ie5win fudge begins */
	margin: 0 0 0 250px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top: 0px;
	}
html>body #con {
	margin-top: 0px; /* ie5win fudge ends */
	}
#this { padding:20px 20px 50px 30px; clear:left; }
#head { 
	margin: 0px;
	padding: 0px;
	border: 0px;
	display:block; 
	width:100%; 
	height:140px; 
	background:#93002B url("/_fx/nav.gif") repeat-x bottom; 
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	overflow: hidden;
	}
html>body #head {
	overflow: inherit; /* ie5win fudge ends */
	}

/* navigationsreiter ------------------------------------------------------------ */
#nav { background:transparent; font-size:11px; line-height:normal; }
#nav ul { margin:0; padding:112px 0 0 0; list-style:none; }
#nav li { display:inline; margin:0; padding:0; }
#nav a { width:105px; text-align:center; height:28px; float:left; background:url("/_fx/navli.gif") no-repeat left top; margin:0; padding:0 0 0 18px; text-decoration:none; cursor:pointer; } 
#nav a span { height:15px; float:left; display:block; background:url("/_fx/navre.gif") no-repeat right top; padding: 8px 23px 5px 4px; font-weight:bold; color:#6B858F; cursor:pointer; }
 /* Commented Backslash Hack versteckt die Anweisung vor dem IE5-Mac \*/
#nav a span {float:none;}
/* Ende IE5-Mac Hack */
#nav a:hover span { color:#E60041; }
#nav #aktiv a { background-position:0% -150px; border-width:0; cursor:pointer; }
#nav #aktiv a span { background-position:100% -150px; padding-bottom:5px; color:#E60041; cursor:pointer; }
#nav a:hover { background-position:0% -150px; cursor:pointer; }
#nav a:hover span { background-position:100% -150px; cursor:pointer; }

/* produktnavigation ------------------------------------------------------------ */
#productnav { float:left; background:transparent; font-size:11px; line-height:normal; text-align:left;}
#productnav ul { margin:0; padding:50px 0 0 0; list-style:none; width:250px; }
#productnav li { padding:10px; display:block; margin:0; border-bottom:3px solid #69c; }
#productnav a { color:#fff; text-decoration:none; font-weight:bold; font-size:140%; }
#productnav a:hover { color:#e4edf4; }
#productnav #proaktiv { background:#fff; border-bottom:3px solid #fff; }
#productnav #proaktiv a { color:#004b70; }
#productnav li.subproduct, #productnav li.subaktiv  { padding:8px 30px; font-size:80%; border-bottom:3px solid #fff; background:#e4edf4; } /*unterpunkte*/
#productnav li.subproduct a { color:#0076A9; }
#productnav li.subaktiv a, #productnav li.subproduct a:hover, #productnav li.subaktiv a:hover { color:#e60041; } /*aktiver unterpunkt */


/* vertriebspartner-navigation -------------------------------------------------- */
#vpnav { float:left; background:transparent; font-size:11px; line-height:normal; text-align:left; }
#vpnav ul { margin:0; padding:50px 0 0 0; list-style:none; width:250px; }
#vpnav li { padding:10px; display:block; margin:0; border-bottom:3px solid #69c; }
#vpnav a { color:#fff; text-decoration:none; font-weight:bold; font-size:140%; }
#vpnav a:hover { color:#e4edf4; }
#vpnav #vpaktiv { background:#fff; border-bottom:3px solid #fff; }
#vpnav #vpaktiv a { color:#004b70; }


/* clickstream + impressum ------------------------------------------------------ */
#cs, #imp { background:transparent; font-size:0.9em; line-height:normal; margin-top:-10px; color : #777; letter-spacing : 1px; }
#cs { float: right; }
#imp { padding:20px 0 0 0; }
#cs a, #imp a { letter-spacing : 1px; color : #777; }


/* spalten auf homepage --------------------------------------------------------- */
#spalten { width:600px; padding:20px 20px 50px 30px; clear:left; } /* statt this; übernimmt also auch einstellungen von this */
.sp1 { clear:left; float:left; width:50%; min-width:250px; max-width:300px; } /* width:50%; min-width:250px;  min-width-ie-hack */
.sp2 { float:left; width:50%; min-width:300px; max-width:300px; } 
.sp1 ul { margin:0; padding:50px 0 0 0;}
.sp1 li { padding:10px; display:block; margin:0; }
.sp1 a { color:#69c; text-decoration:none; font-weight:bold; font-size:18px; }
.sp1 a:hover { color:#0079ac; }
.sp2 h1 { font-size:25px; }
.sp2 p { font-size:1.1em; line-height:2em; }


/* auflistung vertriebspartner--------------------------------------------------- */
.vp { width: 600px; font-size:0.9em; line-height:1.6em; padding:0; color:#0079ac; margin:20px 0 0 0; }
a.vp { padding:0; letter-spacing : 1px; font-size:1em; color:#0079ac; text-decoration:none; border-bottom:1px dotted #0079ac; }
a.vp:hover { color:#000; border-bottom:1px solid #000; }
.vpaktiv { border:1px solid #E60041; padding: 10px; }
.vpaktiv h3 { color:#E60041; padding:0 0 10px 0; margin:0; float:left; }
.vpaktiv input { margin:5px 0 0 0; }
.vpaktiv form { display:inline; float:right; }

.adr { width: 200px; float:left; } /* niederlassungen whm */

/* verschiedene klassen --------------------------------------------------------- */
h1 { color:#E60041; font-size:22px; }
.t { width: 600px; font-size:1.1em; line-height:2em; } /*text*/
.g { margin: 5px 0 0 50px; width: 550px; font-size:1.1em; line-height:1.3em; } /*glossar*/
.r { float: right;  font-size:0.9em; line-height:normal; margin-top:-10px; color : #777; letter-spacing : 1px; }
.error { color:red; font-weight:bold; }
a { color:#004b70; text-decoration:underline; }
a:hover { color:#E60041; }
.impkl { width: 600px; font-size:0.9em; line-height:1.6em; padding:0 0 0 20px; color:#0079ac; margin:0; }
#druckfooter { display:none; }
.vpauswahl { border:1px solid #E60041; padding:10px 10px 0 10px; margin:0; width:500px; }



/* produkttabellen -------------------------------------------------------------- */
table,tr,td { color:#004b70; padding:0; margin:0; font-size:16px;}
tr { height:80px; }
td.pic,td.pro,td.dl { border-top: 2px solid #BCD2E4; border-bottom: 2px solid #BCD2E4;}
td.pic { border-left: 2px solid #BCD2E4; border-right: 2px solid #BCD2E4; width:80px; text-align:center;}
td.pro { width:250px; padding-left:10px; font-weight:bold; }
td.pro .beschr { font-size:13px; font-weight:normal;}
td.dl { padding-left:10px; width:130px; }
td a { color:#004b70; text-decoration:underline; font-size:13px; }
td a:hover { color:#E60041; }

/* anfrage ---------------------------------------------------------------------- */
.anfpic { float:left; border: 2px solid #BCD2E4; margin-right:10px; } 
p.pro { color:#004b70; padding:0; margin:0; font-size:16px; font-weight:bold; }

/* formulare -------------------------------------------------------------------- */
#kontaktform tr { height:20px;}
#kontaktform table,tr,td { color:#004b70; padding:0; margin:0; font-size:13px;}
#kontaktform input, #kontaktform textarea { margin-bottom:5px; padding:2px; width: 300px; border:1px solid #BCD2E4;}
#kontaktform textarea { height: 150px; }
#kontaktform input.check { width: 30px; border:none; padding:0; margin:0; }
#kontaktform td.bez { width: 100px; }
#kontaktform option { width: 270px; border-top:1px solid #BCD2E4; color:#004b70; padding:5px 0 0 15px; margin:0; font-size:13px; }