﻿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;
}



#cookieInfo
{
	position: fixed;
	bottom: 0px;
	color:white;
	height: auto;
	width: 100%;
	z-index: 10000;
	background: rgba(88, 61, 10, 0.71);
	-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.75);
}
#cookieInfo table, #cookieInfo button{
    padding: 5px;
    font-size: 15px;
    color: white;
}
#cookieInfo a
{
	text-decoration:underline;
}
#cookieInfo a:hover
{
	text-decoration:none;
}
#cookieInfo button
{
	color:white;
	padding:6px;
    font-weight: 600;
    cursor: pointer;
	background: rgba(194, 166, 103, 0.82);
	border:1px solid #d6caba;
}



/*---------------------------------*/
#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:96px;
 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:-11px;
}


ul#menue_liste #aktuell
{
 position:absolute;
 left:0px;
 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:403px;
 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 #mietmaschinen , ul#menue_liste #kontakt
{
 position:absolute;
 left:626px;
 width:170px;
}
ul#menue_liste #mietmaschinen ul , 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;
 line-height:18px;
}
*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;
}
/* ------------------------- */


#inhalt.datenschutz h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
#inhalt.datenschutz h3{
    font-size: 15px;
    font-weight: 500;
}


/* 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;
}




}
/*--------------------*/









