/* Global Styles */
* {
	padding: 0; 
	margin: 0;
	text-align:left;
	}
a img {
	border: none;
	}
li {
	list-style: none;
	}
body {	
background: url(../pics/hg_stahl.jpg) repeat-y;
text-align:left;
height:100%;
	}
#hg {
	background: url(../css/linie2.gif) repeat-y;
	height:100%;
	}	
#pixel {
    width: 1025px;
    position: absolute;
    left: 50%;
    overflow: visible;
	
    }
/*genau in der mitte des fensters*/
#center {  
    position: absolute;
    left: -500px;
    width: 1025px;
	height: auto;
    }	

a {
	text-decoration: none; outline: none;
	color: #ff7800;
	 }
a:hover {
	color: #6aae23;
	}
/* ID Styles */
#headlogo {
	padding-top: 22px;	
	} 	
#navi {
	position: absolute;
	width: 197px;
	top: 345px;	
	}
#navi ul, #topnavi ul {
	list-style: none;
	}
#topnavi li{
	display: inline;
	}
#navi a {
	width: 187px;
	border-bottom: 1px solid #fff;
	background: transparent;
	color:#fff;
	font: 11px Verdana, sans-serif;	
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding: 8px 0px 10px 10px;
	}
	
#navi a:hover, #navi a:focus {
	background: #fff;
	color: #ff7800;
	padding:8px 0px 10px 10px;
	}
#startseite #navi #nav01 a,
#ansprechseite #navi #nav02 a,
#vertriebseite #navi #nav02 a,
#technseite #navi #nav02 a,
#fertigungseite #navi #nav02 a,
#planungseite #navi #nav02 a,
#montageseite #navi #nav02 a,
#qualiseite #navi #nav02 a,
#leistungseite #navi #nav03 a,
#schweinseite #navi #nav03 a,
#getreideseite #navi #nav03 a,
#melkseite #navi #nav03 a,
#plattenseite #navi #nav03 a,
#industrieseite #navi #nav03 a,
#kuhstallseite #navi #nav03 a,
#maschinenseite #navi #nav03 a,
#tankseite #navi #nav03 a,
#solarseite #navi #nav03 a,
#sundreyerseite #navi #nav03 a,
#gewerbeseite #navi #nav03 a,
#treppenseite #navi #nav03 a,
#pylonseite #navi #nav03 a,
#reitseite #navi #nav03 a,
#filmseite #navi #nav04 a,
#referenzseite #navi #nav07 a,
#aktuellseite #navi #nav05 a,
#geschseite #navi #nav02 a,
#newsseite #navi #nav06 a,
#kontaktseite #navi #nav07 a,
#dankeseite #navi #nav07 a{
	width: 187px;
	border-bottom: 1px solid #fff;
	background: #ff7800;
	color: #fff;
	font: bold 11px Verdana, sans-serif;	
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 0px 10px 10px;
	}	
.line {
	position: absolute;
	margin: 0;
	top: 74px;
	width: 1025px;
	height: 8px;
	background: #036 url(../pics/dashed_line_ob.jpg) repeat-x;
	}
#flash{
	height: 248px;
	margin: 0px;
	background: url(../pics/dashed_line_un.jpg) repeat;
	}
h1 {
	position: absolute;
	top: 49px;
	margin-left: 250px;	
	font: 24px Verdana, sans-serif;
	color:  #036;
	font-weight: bold;
	line-height:30px;
	}
	

#qualiseite h1 {
	position: absolute;
	top: 47px;
	margin-left: 250px;	
	font: 24px Verdana, sans-serif;
	color:  #036;
	font-weight: bold;
	line-height:30px;
	}

.bodyText {
	margin-top: 10px;
	margin-left: 250px;
	width: 350px;
	font: 11px Verdana, sans-serif;
	color: #666;
	line-height: 20px;
	}	
.subHeader {
	font:bold 11px Verdana, sans-serif;
	color: #6aae23;
	line-height:22px;
	letter-spacing:.2em;
	}	
.subHeader2 {
	font: 11px Verdana, sans-serif;
	color: #6aae23;
	line-height:22px;
	letter-spacing:0em;
	}	
.subHeader1 {
	font:bold 11px Verdana, sans-serif;
	line-height:22px;
	letter-spacing:.2em;
	color: #6aae23;
	}	
#geschseite #nav09 a,
#vertriebseite #nav10 a,
#planungseite #nav11 a,
#technseite #nav12 a,
#fertigungseite #nav13 a,
#montageseite #nav14 a,
#qualiseite #nav15 a,
#schweinseite #nav34 a,
#getreideseite #nav30 a,
#industrieseite #nav35 a,
#reitseite #nav38 a,
#plattenseite #nav36 a,
#kuhstallseite #nav32 a,
#melkseite #nav33 a,
#tankseite #nav37 a,
#treppenseite #nav39 a,
#pylonseite #nav40 a,
#solarseite #nav41 a,
#sundreyerseite #nav42 a,
#gewerbeseite #nav29 a,
#maschinenseite #nav31 a {
	color: #036;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0;
	}	
.pic {
	border: 1px solid #036;
	}	
#smallText {
	position: absolute;
	top: 322px;
	margin-left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}
	
#plattenseite #smallText {
	width: 200px;
	}
#ansprechseite #smallText,
#vertriebseite #smallText,
#planungseite #smallText,
#technseite #smallText,
#fertigungseite #smallText,
#geschseite #smallText,
#montageseite #smallText,
#qualiseite #smallText {
	width: 250px;
	}
#smallText1 {
	position: absolute;
	top: 330px;
	margin-left: 670px;
	width: 250px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}

#plattenseite #smallText1{
	width: 200px;
	}
	
#aktuellseite #smallText1,
#dankeseite #smallText1,
#kontaktseite #smallText1,
#getreideseite #smallText1,
#gewerbeseite #smallText1,
#leistungseite #smallText1,
#kuhstallseite #smallText1,
#melkseite #smallText1,
#maschinenseite #smallText1,
#industrieseite #smallText1,
#startseite #smallText1,
#impressumseite #smallText1,
#newsseite #smallText1,
#pylonseite #smallText1,
#reitseite #smallText1,
#schweinseite #smallText1,
#solarseite #smallText1,
#sundreyerseite #smallText1,
#standortseite #smallText1,
#tankseite #smallText1,
#treppenseite #smallText1 {
	width: 180px;
	}
			
#smallText2 {
	position: absolute;
	top: 480px;
	left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}	
#smallText3 {
	position: absolute;
	top: 620px;
	left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	display:none;
	}
#smallText4 {
	position: absolute;
	top: 670px;
	left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	display:none;
	}	
#smallText_unten {
	bottom: 0px;
	margin-left: 670px;
	width: 250px;
	height: 20px   ;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}
	
#dankeseite #smallText_unten,
#kontaktseite #smallText_unten,
#getreideseite #smallText_unten,
#gewerbeseite #smallText_unten,
#leistungseite #smallText_unten,
#kuhstallseite #smallText_unten,
#maschinenseite #smallText_unten,
#melkseite #smallText_unten,
#industrieseite #smallText_unten,
#impressumseite #smallText_unten,
#startseite #smallText_unten,
#newsseite #smallText_unten,
#pylonseite #smallText_unten,
#reitseite #smallText_unten,
#schweinseite #smallText_unten,
#solarseite #smallText_unten,
#sundreyerseite #smallText_unten,
#standortseite #smallText_unten,
#tankseite #smallText_unten,
#treppenseite #smallText_unten{
	width: 180px;
	}
#plattenseite #smallText_unten {
	width: 200px;
	}

#topnavi {
	position: absolute;
	top: 60px;
	margin-left: 670px;
	width: 250px;
	background: transparent;
	font: 10px Verdana, sans-serif;	
	}
#impressumseite #topnavi #navi20 a,
#standortseite #topnavi #navi21 a {
	color: #6aae23 ;
	font-weight: bold;
	}
	
/*============Hacks fuer IE7=====================*/

*+html #pixel {
    width: 1025px;
    position: absolute;
    left: 50%;
    overflow: visible;
	
    }

*+html #center {  
    position: absolute;
    left: -500px;
    width: 1025px;
	height: auto;
    }
*+html #navi {
	position: absolute;
	width: 197px;
	top: 345px;	
	margin-left: -250px;
	}
*+html #startseite #navi,
*+html #newsseite #navi{
	position: absolute;
	width: 197px;
	top: 345px;	
	margin-left: -670px;
	}
	
*+html .bodyText {
	padding: 20px 0 0 0;
	margin-left: 250px;
	width: 350px;
	font: 11px Verdana, sans-serif;
	color: #666;
	line-height: 20px;
	}
*+html #smallText {
	position: absolute;
	top: 332px;
	margin-left: 0px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}
*+html #smallText1 {
	margin-left: 0px;
	width: 250px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}
	
*+html #aktuellseite #smallText1 {
	margin-left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}	
*+html #aktuellseite #smallText {
	position: absolute;
	top: 332px;
	margin-left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}	
*+html #aktuellseite #smallText_unten {
	bottom: 0px;
	margin-left: 670px;
	width: 180px;
	height: 20px   ;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}	

*+html #aktuellseite #topnavi {
	position: absolute;
	top: 60px;
	margin-left: 670px;
	width: 250px;
	background: transparent;
	font: 10px Verdana, sans-serif;	
	}

	
*+html #topnavi {
	position: absolute;
	top: 60px;
	margin-left: 0px;
	width: 250px;
	background: transparent;
	font: 10px Verdana, sans-serif;	
	}
*+html #flash {
	padding-top: 8px;
	height: 248px;
	margin: 0px;
	background: url(../pics/dashed_line_un.jpg) repeat;
	}

/*============Hacks fuer IE<7=====================


/*genau in der mitte des fensters*/
* html #center {  
    position: absolute;
    left: -500px;
    width: 1025px;
    }
* html #navi {
	position: absolute;
	width: 197px;
	top: 345px;	
	margin-left: -250px;
	}
	
* html #startseite #navi,
* html #newsseite #navi
	{
	position: absolute;
	width: 197px;
	top: 345px;	
	margin-left: -670px;
	}
	
* html .bodyText {
	padding: 20px 0 0 0;
	margin-left: 250px;
	width: 350px;
	font: 11px Verdana, sans-serif;
	color: #666;
	line-height: 20px;
	}
* html #smallText {
	position: absolute;
	top: 332px;
	margin-left: 0px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}
* html #smallText1 {
	margin-left: 0px;
	width: 250px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}
	
* html #aktuellseite #smallText1 {
	margin-left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #666;
	line-height: 22px;
	background: #ebebeb;
	border: 10px solid #ebebeb;
	}	
* html #aktuellseite #smallText {
	position: absolute;
	top: 332px;
	margin-left: 670px;
	width: 180px;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}	
* html #aktuellseite #smallText_unten {
	bottom: 0px;
	margin-left: 670px;
	width: 180px;
	height: 20px   ;
	font: 10px Verdana, sans-serif;
	color: #ebebeb;
	line-height: 22px;
	background: #ebebeb ;
	border-right: 10px solid #ebebeb;
	border-left: 10px solid #ebebeb;
	}	
		
* html #aktuellseite #topnavi {
	position: absolute;
	top: 60px;
	margin-left: 670px;
	width: 250px;
	background: transparent;
	font: 10px Verdana, sans-serif;	
	}
	
	
	
* html #topnavi {
	position: absolute;
	top: 60px;
	margin-left: 0px;
	width: 250px;
	background: transparent;
	font: 10px Verdana, sans-serif;	
	}
* html #flash {
	padding-top: 8px;
	height: 248px;
	margin: 0px;
	background: url(../pics/dashed_line_un.jpg) repeat;
	}
	
#flash	{ padding-top /*\**/: 8px\9 }
#smallText {top/*\**/: 330px\9 }