﻿html , body
{ 
  height:100%;
  width:100%;
	font-family: Helvetica , Arial ,sans-serif;
	font-size:12px;
	color:#000000; 
	margin: 0px; 
	padding: 0px;
	background-color:#c9baa0;
	background-image:url( /image/hintergrund.jpg );
 	background-repeat: repeat;
}

div , table , textarea
{
	font-family: Helvetica , Arial ,sans-serif;
	font-size:12px;
	color:#000000; 
	margin: 0px; 
	padding: 0px;
}
img
{
 border:0px;
 padding:0px;
 margin:0px;
}

/*---------------------------------*/
#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer
{
  width:100%; 
  height:570px; 
  min-width:1020px; 
  z-index:5;   
  
}

#center 
{
  position:absolute; 
  padding:0;        
  width:1020px; 
  height:570px;      
  left:50%;
  z-index:8;
  margin: 0 0 0 -510px;
  background-image: url(/image/schatten.png );
 	background-repeat: no-repeat;
}
/* min-height für den IE */
* html #center {
  width:1020px;  /* das selbe Maß wie oben bei min-height */
  height:570px;
}
/*------------------------*/



div#logo
{
  position:absolute; 
  left:20px;
  top:0px;       
  width:980px; 
  height:109px; 
  z-index:200; 
}

div#content
{
 position:absolute; 
 left:0px;
 top:109px;
 width:1020px; 
 height:auto; 
 z-index:100;
 margin-bottom:30px;
 
 
 background-image: url(/image/schatten.png );
 background-repeat: repeat-y;
}

div#abstand
{
	position:relative;
	left:20px;
	background-color:#FFFFFF;
	width:980px;
}


/* menue */
div#menue
{
 position:absolute; 
 left:0px;
 top:0px;
 width:980px;
 z-index:820;
 background-image: url(/image/menue_bg.jpg);
 background-repeat: repeat-x;
 min-height:25px;
}
/* min-height für den IE */
* html #menue {
  height:270px;
}

ul#menue_liste , ul#menue_liste li , ul#menue_liste ul
{
 padding:0px;
 margin:0px;
 list-style-type:none;
 text-transform: uppercase;
}

ul#menue_liste
{
 position:absolute;
 z-index:820;
 float:left;
 left:35px;
 /*letter-spacing:-0.03em;*/
}

ul#menue_liste li
{
 float:left;
 cursor: default;
 margin-right:10px; 
}

ul#menue_liste li:hover ul , ul#menue_liste li.hover ul , ul#menue_liste li a:hover ul
{
 position:relative;
 z-index:829;
 cursor: default;
}

/*
ul#menue_liste li:hover a.hp_menue_punkt , ul#menue_liste li.hover a.hp_menue_punkt  , ul#menue_liste li a:hover a.hp_menue_punkt
{
 background-color:#89b0d4;
 border:1px solid #004b7d;
}
*/

ul#menue_liste li ul
{
 position:absolute;
 visibility:hidden;
 left: 1px;
 top:-3px;
 width:100%;
 z-index:830;
 margin-left:-20px;
 background-image:url( /image/menue_trans.png );
}
ul#menue_liste li ul li
{
 float:none;
 padding-left:15px;
 margin:0px; 
 padding-right:15px;
  padding-top:2px;
  padding-bottom:2px;
}
*html ul#menue_liste li ul li
{
	width:100%;
}

ul#menue_liste ul ul 
{
 top: 0px;
}



ul#menue_liste li ul li:hover 
{
 background-image:url( /image/menue_trans_aktiv.png );
}
*html ul#menue_liste li ul li:hover , ul#menue_liste li ul li a:hover
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ff1111, endColorstr=#66ff1111)
}


ul#menue_liste li:hover  ul , ul#menue_liste li.hover  ul , ul#menue_liste li a:hover  ul
{
 visibility:visible;
}

ul#menue_liste li ul a:hover
{
 /*display:inline;*/
 visibility:visible;
}


ul#menue_liste li  a:hover
{
 /*display:block;*/
 visibility:visible;
} 


ul#menue_liste #firma
{
 position:absolute;
 left:0px;
 width:136px;
 background-image:url( /image/menue_abtrennung.gif );
 background-repeat: no-repeat;
 background-position: 135px 0px;
}
ul#menue_liste #firma ul
{
 width:180px;
  margin-left:-14px;
}


ul#menue_liste #aktuell
{
 position:absolute;
 left:145px;
 width:86px;
 background-image:url( /image/menue_abtrennung.gif );
 background-repeat: no-repeat;
 background-position: 85px 0px;
}
ul#menue_liste #aktuell ul
{
 width:180px;
 margin-left:-10px;
}



ul#menue_liste #agratechnik
{
 position:absolute;
 left:242px;
 width:141px;
 background-image:url( /image/menue_abtrennung.gif );
 background-repeat: no-repeat;
 background-position: 140px 0px;
}
ul#menue_liste #agratechnik ul
{
 width:215px;
 margin-left:-12px;
}



ul#menue_liste #service
{
 position:absolute;
 left:393px;
 width:154px;
 background-image:url( /image/menue_abtrennung.gif );
 background-repeat: no-repeat;
 background-position: 153px 0px;
}
ul#menue_liste #service ul
{
 width:200px;
 margin-left:-12px;
}


ul#menue_liste #gebrauchtmarkt
{
 position:absolute;
 left:557px;
 width:218px;
 background-image:url( /image/menue_abtrennung.gif );
 background-repeat: no-repeat;
 background-position: 212px 0px;
}
ul#menue_liste #gebrauchtmarkt ul
{
 width:230px;
 margin-left:-12px;
}



ul#menue_liste #kontakt
{
 position:absolute;
 left:780px;
 width:170px;
}
ul#menue_liste #kontakt ul
{
 width:170px;
 margin-left:-11px;
}




/* hintergrund farbe der untermenue liste*/
/*
ul#menue_liste li ul li.aktiv
{
 background-color:#005aac;
}

ul#menue_liste li ul li.aktiv:hover , ul#menue_liste li ul li.aktiv a:hover
{
 background-color:#a4c2de; 
}
*/
/* ------------------------- */






/* Teaser */
div#teaser_image
{
 position:relative; 
 left:0px;
 top:25px;
 height:323px;
 z-index:120;
}
div#img_teaser
{
	position:relative; 
 z-index:125;
 margin-top:-28px;
}
div#schatten_oben
{
	position:relative; 
 left:0px;
 height:28px;
 width:980px;
 z-index:130;
 background-image: url(/image/schatten_oben.png);
 background-repeat: repeat-x; 
 background-color:none;
}
div#schatten_unten
{
	position:relative; 
 left:0px;
 height:28px;
 width:980px;
 z-index:131;
 background-image: url(/image/schatten_unten.png);
 background-repeat: repeat-x; 
 margin-top:-28px;
}


div#teaser_foot
{
 position:relative; 
 left:0px;
 margin:0px;
 top:0px;
 height:14px;
 width:980px;
 background-image: url(/image/teaser_foot.jpg);
 background-repeat: repeat-x;
 z-index:221;
}
div#date
{
 position:relative; 
 left:0px;
 top:39px;
 height:25px;
 width:980px;
 background-color:#dfe0e1;
 z-index:222;
 color:#ABACAE;
}
*html div#date
{
 top:25px;
}

div#datee 
{
 margin-left:70px;
 font-size:13px;
 font-weight:bold;
 color:#5B5C5E;
}
/* ------------------------- */




/* content_bereich */
div#content_bereich
{
 position:relative; 
 left:0px;
 top:39px;
 width:980px;
 height:100%;
 z-index:130;
/*
 background-image:url( /image/trennstrich.gif );
 background-repeat: repeat-y;
 background-position: 700px 0px;
*/
 min-height:350px;
 background-color: white;
 padding-bottom:10px;
}
*html div#content_bereich
{
 top:25px;
}
/* ------------------------- */


/* content_inhalt */
div#inhalt
{
 position:relative; 
 margin-left:70px;
 margin-top:30px; 
 width:500px;
 height:auto;
 z-index:150;
 margin-bottom:30px;
 float:left;
 font-size:14px;
}
*html div#inhalt
{
 margin-left:35px;
}

div#images
{
 position:relative; 
 margin-right:12px;
 margin-top:10px; 
 width:355px;
 z-index:160;
 margin-bottom:30px;
 float:right;
}
*html div#images
{
 left:12px;
}

div#images img
{
	margin-top:15px;
}
/* ------------------------- */


/* content_bereich */
div#footer
{
 position:relative; 
 left:0px;
 top:20px;
 margin-bottom:20px; 
 width:980px;
 height:25px;
 z-index:140;
 background-color:#dfe0e1;
}
/* ------------------------- */

h3, h1 , h2 , h4
{
	padding:0px;
	margin:0px;
}

h1
{
	font-size:22px;
	color:#D40032;
	font-weight:normal;
	line-height:20px;
	margin-left:0px;
	margin-bottom:10px;
}

h1 a , h1 a:visited
{
	text-decoration:none;
	color:#D40032;
}
a.aktivh1 , a.aktivh1:visited
{
	text-decoration:none;
	color:gray;
}

h2
{
	margin-top:8px;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
}


/*TEAM*/
ul#team
{
	padding:0px;
 	margin:0px;
 	list-style-type:none;
}
ul#team li 
{
	float:left;
	width:200px;
	margin:20px;
	height:auto;
}
ul#team li.headline
{
	width:670px;
	height:20px;
	margin:0px;
}
ul#team li h2
{
	font-size:20px;
	color:#D40032;
	padding:0px;
	margin:0px;
	line-height:20px;
}
/*--------------------*/


/*MENUE*/
a.hp_menue_punkt_aktiv , a.hp_menue_punkt_aktiv:visited 
{
	font-size:16px;
	color:#3E3D40;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:25px;
	padding-top:3px;
}
a.hp_menue_punkt_aktiv:hover 
{
	color:#FFFFFF;
	font-weight:bold;
}

a.hp_menue_punkt , a.hp_menue_punkt:visited 
{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:25px;
	padding-top:3px;
}
a.hp_menue_punkt:hover 
{
	color:#3E3D40;
}

/*--------------------*/

a.produkt_liste_link_h1 , a.produkt_liste_link_h1:visited 
{
	text-decoration:none;
	color:#D40032;
}

a.produkt_liste_link , a.produkt_liste_link:visited 
{
	text-decoration:none;
	color:black;
}



/* NEWS BREREICH*/
#news
{
 margin-top:20px;
 padding-top:10px;
 padding-bottom:10px;
 width:255px;
 background-color:#dfe0e1;
}
#news h1 , #news h1 a , #news h1 a:visited
{
text-align:center;
width:100%;
color:#D40032;
}
#news h2 , #news h2 a , #news h2 a:visited
{
color:#D40032;
}
#news img
{
	margin-left:47px;
}
#news div
{
	padding-left:47px;
}
#news a , #news a:visited
{
	text-decoration:none;
	color:black;
}
/*-----------------------*/




/*produkt content bereich*/
p#zurueck
{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
} 
p#zurueck a , p#zurueck a:visited 
{
	color:black;
} 
p#zurueck a:hover 
{
	color:#D40032;
}

#preis
{
	padding-top:10px;
	color:#D40032;
	font-size:15px;
}
/*-----------------------*/


a , a:visited 
{
	color:#D40032;
}
a:hover 
{
	color:#3E3D40;
}



/*UNTERMENUE*/
.aktiv
{
  background-image:url( /image/menue_trans_aktiv.png );
}

/*
a.hp_menue_punkt_aktiv , a.hp_menue_punkt_aktiv:visited 
{
	font-size:17px;
	color:#3E3D40;
	font-weight:normal;
	text-decoration:none;
}
a.hp_menue_punkt_aktiv:hover 
{
	color:#FFFFFF;
}
*/

a.ut_menue_punkt , a.ut_menue_punkt:visited 
{
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
		
	display:block;
	padding-bottom:2px;
	padding-top:2px;
}

a.ut_menue_punkt:hover 
{
	color:#77757A;
}




}
/*--------------------*/










