/* Standard-CSS für www.hela.com */

/* Wichtige Farben
Rot = #AB111D
Grau = #666666
*/

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html, body {
   background-color: #fff;
   font-size: 101%;
}

BODY {FONT: 11px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666; TEXT-DECORATION: none;	text-align: left; padding:0px; margin:0px; }

html{FONT: 11px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666; TEXT-DECORATION: none; text-align: left;
padding:0px; margin:0px;
	
}

h1{FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#nonscroll h1{font-size:16px; margin:0px 0px 15px 0px;}

h2{}/*Menu*/
h3{FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D;}
.projekt{
	margin:2px 0px 0px 5px; font-weight:bold;
}
h4{FONT: 11px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 0px 0px 0px;}
h5{FONT: 16px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-weight:bold; color:#AB111D; margin:0px 0px 10px 0px;}
h6{FONT: 14px/17px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-weight:bold; color:#AB111D; margin:0px 0px 10px 0px;}

UL {}
hr{}
img{border:0;}

p{FONT: 11px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666;}	
.projektnummer{
	padding:2px 0px 0px 35px; color:#AB111D;
}
.work{
	line-height:13px; padding:3px 0px 0px 20px; color:#AB111D; opacity:0.5;
}

.projekte{ padding:7px 0px 0px 10px; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; text-align: left; text-decoration:none;}


 /*siehe unter Liste-Kunden-Box*/
.kunde{ padding:0px 0px 0px 10px; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; text-align: left; text-decoration:none;
	
} /*siehe unter Liste-Kunden-Box*/
.zahlprojekte{
	
} /*siehe unter Liste-Kunden-Box*/
.bildtext{FONT: 13px/24px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; color:#8B393B;}
.bildtext span{FONT: 13px/24px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; color:#8B393B;}
.linie-horizontal{background-image: url(/_media/_allgemein/linie-horizontal.gif); clear:both; height:1px; width:95%; background-repeat: repeat-x;}


a{FONT: 11px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; text-decoration:underline;}
a:hover{text-decoration:none;}
a.pfeil{FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 0px 0px 0px; padding: 0px 0px 0px 12px; text-decoration:none; 	background-repeat: no-repeat;
	background-position:center left;
	background-image: url(/_media/_allgemein/pfeil-link.gif);}
a.pfeil:hover{text-decoration:underline; }

a.sitemap{FONT: 11px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666666; text-decoration:none;margin:0px 0px 0px 0px; padding:0p x0px 0px 0px}
a.sitemap:hover{FONT: 11px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666666; text-decoration:none;margin:0px 0px 0px 0px; padding:0p x0px 0px 0px} 

a.nummerierung{
	color: #AB111D;
	font-weight: normal;
	line-height:13px;
	padding: 0px 11px 5px 11px;
	text-align: center;
	text-decoration: none;
	opacity:0.5;
	filter: alpha(opacity=50);
float:left;
margin:0px 3px 0px 0px;
}

a.nummerierung:hover{
	color: #AB111D;
	font-weight: bold;
	padding: 0px 11px 3px 11px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center;
	background-image: url(/_media/_allgemein/nummern_bg.gif);
	opacity:1;
	filter: alpha(opacity=100);
float:left;
}

span a.nummerierung{
	color: #AB111D;
	font-weight: bold;
	padding: 0px 11px 3px 11px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center;
	background-image: url(/_media/_allgemein/nummern_bg.gif);
	opacity:1;
	filter: alpha(opacity=100);
display:block;
float:left;
}

span.nummerierung a{
	color: #AB111D;
	font-weight: bold;
	padding: 0px 8px 3px 8px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center;
	background-image: url(/_media/_allgemein/nummern_bg.gif);
	opacity:1;
	filter: alpha(opacity=100);
float:left;
}

a.menubereiche{
	width:85px;
	height:18px;
	background-image: url(/_media/_allgemein/bereiche-low.gif);
	background-repeat: no-repeat;
	display:block;
	padding:3px 0px 0px 10px;
	FONT: 9px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

a.menubereiche:hover{
	width:80px;
	height:18px;
	background-image: url(/_media/_allgemein/bereiche-high.gif);
	background-repeat: no-repeat;
	display:block;
	padding:3px 0px 0px 10px;
	FONT: 9px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	color:#AB111D;
	font-weight:bold;
	text-decoration:none;
}

a.menubereiche{display:block; z-index:5000; cursor:pointer;}
a.menubereiche:hover{position:relative; display:block; cursor:pointer; z-index:5000;}
a.menubereiche span{position:absolute; visibility:hidden; z-index:5000; display:none; text-decoration:none; color: #666666; font-weight:normal; text-align:left;}
a.menubereiche:hover span{position:absolute; visibility:visible; z-index:5000; display:block; margin:-15px 0px 0px 70px;   width:200px; height:auto; padding:10px 10px 10px 10px; border:1px solid #5F6870;  background-color:white; text-decoration:none;}
a.menubereiche:hover span ul{margin:0px 0px 0px -10px; }
*html a.menubereiche:hover span{left:0px;}


a.link-rot{color:#AB111D;}
a.link-rot:hover{}

a.button-mit-rahmen{width:50%; display:block; font-size:18px; border:1px solid #990000; padding:8px 0px 8px 0px; margin:0px 0px 5px 20px; text-align:center;}
a.button-mit-rahmen:hover{color:#660000;}


 /*
a.kunde{padding:0px 0px 0px 10px; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #999999; text-align: left; text-decoration:none;}
a.kunde:hover{color: #000; cursor:pointer;}
a.projekte{padding:10px 0px 0px 10px; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #999999; text-align: left; text-decoration:none;}
a.projekte:hover{color: #AB111D; cursor:pointer;}
a.zahlprojekte{FONT: 28px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #999999; text-decoration:none; text-align: left; text-decoration:none; padding:10px 0px 10px 16px;}
a.zahlprojekte{FONT: 28px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #AB111D; text-decoration:none; cursor:pointer; text-align: left; text-decoration:none; padding:10px 0px 10px 16px;}
*/

table
.anfrage{}

TD {}
.kundenliste{padding:5px 5px 5px 8px; FONT: 10px/18px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666666; margin:0px 0px 0px 0px;}

ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 15px;}


/*allgemein*/
#main{
	position:relative; width:100%; height:100%; padding:0px; margin:0px;
}

/*Home*/
#Home-Pic{position:absolute; left:0px; top:0px;}
#hometext{position:absolute; left:440px; top:320px; z-index:100;  }
#hometext h1{FONT: 14px/20px   Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color: #82878B;  letter-spacing:1px;}
#button-home{position:absolute; left:440px; top:395px; width:61px; height:85px; display:block; max-width:61px; max-height:85px; z-index:100;}

/*Headbereich*/
#head{
	position: relative;
	width: 800px;
	height: 135px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(/_media/_allgemein/head_bg.gif);
	background-repeat: no-repeat;

}

#headlinks{
	position: relative;
	width:480px;
	height: 135px;
	float: left;
	margin: 0px;
}
#headlinks img{
	padding:50px 0px 0px 30px;
}

#headrechts{
	position:relative; height:135px; float:left; padding:0px; margin:0px;
}

#headrechts img{
	padding:50px 0px 0px 0px;
}
#lupe_hintergrund{position:absolute; left:385px; top:186px; width:155px; height:20px; z-index:99; background-color:#fff; display:block; 	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; }
#lupe{position:absolute; left:395px; top:186px; padding:2px 2px 2px 2px; z-index:100; display:block;  }
a #lupe{text-decoration:none;}
a:hover #lupe{text-decoration:none;}
#lupe-helainside{position:absolute; left:740px; top:186px; z-index:100;}
#bildtext{position:absolute; width:330px; margin:22px 0px 0px 210px; z-index:100; FONT: 13px/24px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; color:#8B393B;}

/*Inhaltsbereich*/
#inhalt{
	position:relative; width:800px; float:left;
}



#inhalt-links{
	position:relative; width:550px; float:left; 
} /*siehe Inhalt-links-bereich*/

#inhalt-links-helainside{
	position:relative; width:800px; float:left; 
}

#inhalt-rechts{
	position:relative; width:250px; float:left; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;
} /*siehe Inhalt-rechts-bereich*/

/*Inhalt-links-bereich*/

#menu-bereiche{
	position:absolute; z-index:100; width:81px; height:200px; margin:40px 0px 0px 0px;
}

#padding-oben-links{
	position:relative; padding:25px 0px 0px 10px;
}

#padding-links{
	position:relative; padding:0px 0px 0px 10px;
}

#bildbereich{
	position:relative; width:540px; height:210px;
}

#bildbereich-helainside{
	position:relative; width:800px; height:210px;
}

#textbereich{
	position:relative; width:540px;
}

#textbereich-padding{padding:30px 0px 20px 20px; }


#inhalt-links-unten{
	position:relative; width:540px; height:230px; margin:3px 0px 0px 0px;
}

#inhalt-links-unten-helainside{
	position:relative; width:800px; height:230px; margin:3px 0px 0px 0px;
}

/*Inhalt-links-unten-bereich*/

#inhalt-links-unten-links{
	position:relative; width:230px; float:left; 
} /*Inhalt-links-unten-links-bereich*/

#inhalt-links-unten-links-helainside{
	position:relative; width:240px; float:left; 
} 

#inhalt-links-unten-rechts{
	position:relative; width:310px; float:left;
} /*Inhalt-links-unten-rechts-bereich*/

#inhalt-links-unten-rechts-helainside{
	position:relative; width:530px; float:left;
}

#inhalt-links-unten-rechts-helainside-scroll{
	height:140px; overflow:auto; border-bottom: 1px #AB111D dotted;
}

/*Inhalt-links-unten-links-bereich*/

#projekt{
	position:relative; max-width:227px; width:227px; max-height:18px; height:18px; border: 1px #AB111D solid; float:left; 
}

#projektnummer{
	position:relative; min-width:55px; width:53px; max-height:18px; height:18px; border: 1px #AB111D solid; margin:0px 0px 0px 1px; float:left;
}

#projektbeschreibung{
	position: relative;
	width: 100%;
	height: 70px;
	border-bottom: 1px #CED5DB solid;
	margin: 0px 0px 0px 0px;
	float: left;
	background-position: 8px 17px;
	FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	background-image: url(/_media/_allgemein/pfeil-projekte.gif);
	background-repeat:no-repeat;
}

#projektbeschreibungpadding{
	padding:13px 0px 0px 24px;
}


/*Inhalt-links-unten-rechts-bereich*/

#nummerierungsleiste{
	position: relative;
	background-image: url(/_media/_allgemein/nummerierungsleiste-bg.gif);
	background-repeat: repeat-x;
	height:25px;
}

#nummerierungsleiste-work{
	position:relative; width:75px; float:left;
}

#nummerierung{
	position:relative; float:left; margin:3px 0px 0px 0px;
	height:17px; 	line-height:13px;
}

#liste-kunden-box{
		position:relative; clear:both; margin:0px 0px 0px 10px; width:300px; height:207px; max-height:207px; overflow:auto; overflow-y:auto; overflow-x:hidden;
}

/*Liste-Kunden-Box*/

#kunden-box{
	position:relative; width:300px; height:47px; border-bottom:1px #CED5DB solid; 
}

a.kunden #kunden-box{
	background-image: url(/_media/_allgemein/kunden-box-low.gif);
	background-repeat: no-repeat;
	text-decoration:none;
display:block; 
}

a.kunden:hover #kunden-box{
	background-image: url(/_media/_allgemein/kunden-box-high.gif);
	background-repeat: no-repeat;
	text-decoration:none;
display:block; 
}

a.kunden span #kunden-box{
	background-image: url(/_media/_allgemein/kunden-box-high.gif);
	background-repeat: no-repeat;
	text-decoration:none;
display:block; 
}



#kunden-box-left{
	position:relative; float:left; width:230px;
}

#kunden-box-right{
	position:relative; float:left; width:58px;
}

#linie-kunden-box-unten{
	height: 1px;
	width: 300px;
	background-image: url(/_media/_allgemein/linie-kunden-box-unten.gif);
	background-repeat: repeat-x;
	margin:0px 0px 0px 10px;
}


a.kunden #kunden-box #kunden-box-left p.projekte,a.kunden #kunden-box #kunden-box-left p.kunde{
	 display:block; color: #999999;
}
a.kunden:hover #kunden-box #kunden-box-left p.projekte,
a.kunden span #kunden-box #kunden-box-left p.projekte{
	display:block; color: #AB111D; cursor:pointer;
}
a.kunden:hover #kunden-box #kunden-box-left p.projekte,
a.kunden span #kunden-box #kunden-box-left p.projekte{
	display:block; color: #AB111D; cursor:pointer;
}
a.kunden:hover #kunden-box #kunden-box-left p.kunde,
a.kunden span #kunden-box #kunden-box-left p.kunde{
	display:block; color: #000; cursor:pointer;
}

a.kunden #kunden-box #kunden-box-right p.zahlprojekte{
	display:block; FONT: 28px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #999999; text-decoration:none; text-align: left; text-decoration:none; padding:10px 0px 10px 16px;
}
a.kunden:hover #kunden-box #kunden-box-right p.zahlprojekte,
a.kunden span #kunden-box #kunden-box-right p.zahlprojekte{
	display:block; FONT: 28px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color: #AB111D; text-decoration:none; cursor:pointer; text-align: left; text-decoration:none; padding:10px 0px 10px 16px;
}


/*Inhalt-rechts-bereich*/

#inhalt-rechts p{
	padding:25px 10px 10px 15px; color:#666; FONT: 11px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
}
#inhalt-rechts ul{padding:0px 10px 10px 15px; margin:-10px 0px 0px 0px;}
#inhalt-rechts li{margin:0px 0px 0px 0px; color:#666; FONT: 11px/20px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;list-style-image: url(/_media/_allgemein/pfeil-liste.gif);}

/*Navi*/

#navi{
	position: fixed;
	width:200px;
	float: left;
	padding: 18px 0px 0px 0px;
	background-image: url(/_media/_allgemein/head_rechts_bg.gif);
	background-repeat: no-repeat;
	left:800px;
}
*#navi{
	position:absolute; left:800px;
}

#navi-leiste{
	position: relative;
	background-image: url(/_media/_allgemein/navi-leiste.gif);
	background-repeat: no-repeat;
	width:139px;
	min-width:139px;
	height:6px;
	min-height:6px;
	display:block;
}

/*Kundenliste*/

#feldkunde{position:relative; float:left; border: 1px #AB111D solid; width:180px;  padding:2px 0px 2px 5px; font-weight:bold; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 1px 0px 0px;}
#feldbranche{position:relative; float:left; border: 1px #AB111D solid; width:174px;  padding:2px 0px 2px 5px; font-weight:bold; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 1px 0px 0px;}
#sort{position:relative; float:left; border: 1px #AB111D solid; width:65px; padding:2px 0px 2px 5px; FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 1px 0px 0px;}
*html #sort{padding:3px 0px 2px 5px;}
#scroll{width:515px; height:410px; overflow-y:auto; overflow:auto; overflow-x:hidden; border-bottom:1px #E5E5E5 solid; clear:both; margin:0px;}
*html #scroll{clear:none;}
#nonscroll{width:515px; border-bottom:1px #E5E5E5 solid; clear:both; margin:0px;}
*html #nonscroll{clear:none;}
#linie-horizontal{background-image: url(/_media/_allgemein/linie-horizontal.gif); clear:both; height:1px; width:95%; background-repeat: repeat-x;}

span.h1-span{FONT: 10px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#AB111D; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*Kundenzitate*/
#kundenzitatebox{position:relative;}
#kundenzitatebox-bild{width:100px; margin:0px 0px 20px 0px; float:left; FONT: 9px/13px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666;}
#kundenzitatebox-bild img{margin:0px 0px 10px 0px;}
#kundenzitatebox-text{width:350px; float:left; margin:0px 0px 20px 30px; FONT: 11px/17px   Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; color:#666;}

/*Popup*/
#popup-main{position:relative; width:680px; height:450px;}
#popup-kopfbereich{width:680px; height:85px;}
#popup-inhalt{width:640px;}
#popup-inhalt-padding{padding:20px 20px 20px 40px;}
#popup-inhalt img{float:right; margin:0px 0px 10px 20px;}
#popup-fussleiste{width:640px; text-align:right; padding-bottom:20px;}
#popup-inhalt ul{padding:10px 0px 10px 50px;}



/*Sitemap*/
#sitemap{width: 100%; height: 23px; float: left;margin:0px 0px 1px 0px; padding:0px 0px 0px 0px}
#sitemap-klein{  height:16px; }