body{
    background-attachment: fixed;
    background-image: url("images/back.png");
	//background-color:red;
    background-repeat: repeat-x;
    color: black;
    font-family: verdana;
    font-size: smaller;
    left: 50%;
    margin-left: -461px;
    position: absolute;
    text-decoration: none;

}
#PortraitPic{
	float: right;
    padding-bottom: 100px;
    padding-left: 15px;
    width: 30%;
}

h2 {
	font-size: 15px;
	color: #008fcb;
}
/**LOGO**/
div#header{
	left: 50%;
    margin-left: -372px;
    position: absolute;
}
div#logo{
	background-image: url("images/logo.png");
    background-repeat: no-repeat;
    float: right;
    height: 138px;
    margin-top: 39px;
    position: absolute;
    text-indent: -9999px;
    width: 513px;
	/**background-color: yellow;**/
}
#unterstrich{
	left: 476px;
    position: absolute;
    top: 137px;
	}
/**UEBERSCHRIFT**/
a#ueberschriftStart,
a#ueberschriftLeistungen,
a#ueberschriftAnfahrt,
a#ueberschriftKontakt,
a#ueberschriftImpressum,
a#ueberschriftIndustrie,
a#ueberschriftBaumaschinen,
a#ueberschriftMetallbau,
a#ueberschriftMaschinenpark,
a#ueberschriftZertifikate{
	background-image: url("images/texte.png");
    height: 72px;
    
	left: 60%;
    margin-top: 65px; /**if 56 px dann weare mit HUBER auf Logo gleich hoch**/
    position: absolute;
    text-indent: -99999px;
	/**background-color: red;**/

}
a#ueberschriftStart{
	background-position: 0px 1px;
    width: 194px;
}
a#ueberschriftLeistungen{
	background-position: 0px -79px;
    width: 351px;
}
a#ueberschriftAnfahrt{
	background-position: 0px -151px;
    width: 236px;
}
a#ueberschriftKontakt{
	background-position: 0px -227px;
    width: 250px;
}
a#ueberschriftImpressum{
	background-position: 0px -303px;
    width: 357px;
}
a#ueberschriftIndustrie{
	background-position: 0px -379px;
    width: 278px;
}
a#ueberschriftBaumaschinen{
    background-position: 0 -455px;
    width: 478px;
}
a#ueberschriftMetallbau{
    background-position: 0 -531px;
    width: 314px;
}
a#ueberschriftMaschinenpark{
    background-position: 0 -609px;
    width: 340px;
}
a#ueberschriftZertifikate{
    background-position: 0 -677px;
    width: 314px;
}
/**CENTER**/
div#inhalt{
    margin-bottom: 15px;
    margin-left: 165px;
    margin-top: 204px;
    min-height: 450px;
    padding: 5px;
    width: 745px;
	position: relative;
}

#inhalt li{
	padding-bottom:5px;
	list-style-image: url("images/punkt.png");
}
#inhalt ul{
	list-style: disc;
}
#inhalt p{
	margin-bottom: 33px;
    margin-top: 13px;
}
#inhalt h4{
	text-align: center;
}

#mailAdress{
	 margin-top: 13px;
}

#rightMaschPa{
	width:480px;
	float:right;
}
#right{
	width:250px;
	float:right;
}
#centerThumbs{
	left: 50%;
    margin-left: -305px;
    position: absolute;
    width: 631px;
}

img.thumb{
	width: 230px;
	padding-left: 20px;
	padding-bottom:3px;
	float:right;
}
img.thumbMaschPa{
	width: 230px;
	padding-left: 7px;
	padding-bottom:7px;
	float:right;
}
img.thumbLeistungen{
	width: 200px;
	height:150px;
	padding-left: 7px;
	padding-bottom:7px;
	float:left;
}
img.zertifikate{
	height: 496px;
    padding: 10px;
    width: 350px;
}

/**NAVIGATION**/

div#navi{
	margin-top: 202px;
    position: absolute;
}

#navi ul {
	list-style: none;
	
}

#start a,
#leistungen a,
#anfahrt a,
#kontakt a,
#impressum a,
#industrie a,
#baumaschinen a,
#metallbau a,
#maschinenpark a,
#zertifikate a,
#startActive a,
#leistungenActive a,
#anfahrtActive a,
#kontaktActive a,
#impressumActive a,
#industrieActive a,
#baumaschinenActive a,
#metallbauActive a,
#maschinenparkActive a,
#zertifikateActive a{
	background-image: url("images/texte.png");
    display: block;
    height: 26px;
    left: 60%;
	margin-bottom: 20px;
    position: relative;
    
}
#industrie a,
#baumaschinen a,
#metallbau a,
#maschinenpark a,
#zertifikate a,
#industrieActive a,
#baumaschinenActive a,
#metallbauActive a,
#maschinenparkActive a,
#zertifikateActive a{
	margin-bottom: 24px;
    margin-top: -16px;
	/**zieht die unterpunkt hoch in Richtung vom Leistungen punkt und gibt unten zur anfahrt einen Abstand. 16 müssen für Abstand 
	zwischen den Unterpunkten on den 24 abgezogen werden. **/
}
#start a:visited{	
    background-position: 0px -788px;
    width: 70px; 
}
#leistungen a:visited{
    background-position: 0px -816px;
    width: 121px;
	margin-left: -51px;
}
#anfahrt a:visited{
    background-position: 0px -844px;
    width: 82px;
    margin-left: -13px;
}
#kontakt a:visited {
    background-position: 0px -868px;
    width: 86px;
    margin-left: -17px;
}
#impressum a:visited{
    background-position: 0px -901px;
    width: 122px;
    margin-left: -54px;
}
#industrie a:visited{
    background-position: 0 -928px;
    width: 76px;
    margin-left: -6px;
}
#baumaschinen a:visited{
    background-position: 0px -955px;
    width: 122px;
    margin-left: -55px;
}
#metallbau a:visited{
    background-position: 0 -980px;
    width: 84px;
    margin-left: -14px;
}
#maschinenpark a:visited{
    background-position: 0 -1005px;
    margin-left: -56px;
    width: 124px;
}
#zertifikate a:visited{
    background-position: 0 -1029px;
    width: 84px;
    margin-left: -14px;
}

#start a:link{	
    background-position: 0px -788px;
    width: 70px; 
}
#leistungen a:link{
    background-position: 0px -816px;
    width: 121px;
	margin-left: -51px;
}
#anfahrt a:link {
    background-position: 0px -844px;
    width: 82px;
    margin-left: -13px;
}
#kontakt a:link {
    background-position: 0px -868px;
    width: 86px;
    margin-left: -17px;
}
#impressum a:link{
    background-position: 0px -901px;
    width: 122px;
    margin-left: -54px;
}
#industrie a:link{
    background-position: 0 -928px;
    width: 76px;
    margin-left: -6px;
}
#baumaschinen a:link{
    background-position: 0px -955px;
    width: 122px;
    margin-left: -55px;
}
#metallbau a:link{
    background-position: 0 -980px;
    width: 84px;
    margin-left: -14px;
}
#maschinenpark a:link{
    background-position: 0 -1005px;
    margin-left: -56px;
    width: 124px;
}
#zertifikate a:link{
    background-position: 0 -1029px;
    width: 84px;
    margin-left: -14px;
}

#start a:hover {	
    background-position: -163px -788px;
    width: 70px;
}
#leistungen a:hover {
    background-position: -163px -816px;
    width: 121px;
	margin-left: -51px;
}
#anfahrt a:hover {
    background-position: -163px -844px;
    width: 82px;
    margin-left: -13px;
}
#kontakt a:hover {
    background-position: -163px -868px;
    width: 86px;
    margin-left: -17px;
}
#impressum a:hover {
    background-position: -163px -901px;
    width: 122px;
    margin-left: -54px;
}
#industrie a:hover{
    background-position: -163px -928px;
    width: 76px;
    margin-left: -6px;
}
#baumaschinen a:hover{
    background-position: -163px -955px;
    width: 122px;
    margin-left: -55px;
}
#metallbau a:hover{
    background-position: -163px -980px;
    width: 84px;
    margin-left: -14px;
}
#maschinenpark a:hover{
    background-position: -163px -1005px;
    margin-left: -56px;
    width: 124px;
}
#zertifikate a:hover{
    background-position: -163px -1029px;
    width: 84px;
    margin-left: -14px;
}

#startActive  a{	
    background-position: -329px -788px;
    width: 70px;
}
#leistungenActive a {
    background-position: -329px -816px;
    width: 121px;
	margin-left: -51px;
}
#anfahrtActive a {
    background-position: -329px -844px;
    width: 82px;
    margin-left: -13px;
}
#kontaktActive a {
    background-position: -329px -868px;
    width: 86px;
    margin-left: -17px;
}
#impressumActive a {
    background-position: -329px -901px;
    width: 122px;
	margin-left: -54px;
}
#industrieActive a{
    background-position: -329px -928px;
    width: 76px;
    margin-left: -6px;
}
#baumaschinenActive a{
    background-position: -329px -955px;
    width: 122px;
    margin-left: -55px;
}
#metallbauActive a{
    background-position: -329px -980px;
    width: 84px;
    margin-left: -14px;
}
#maschinenparkActive a{
    background-position: -329px -1005px;
    margin-left: -56px;
    width: 124px;
}
#zertifikateActive a{
    background-position: -329px -1029px;
    width: 84px;
    margin-left: -14px;
}