/*CSS-DATEI*/



* {font-family: tahoma, sans-serif;

color:#000000;

}

html {
background-attachment: fixed;
background: #D4D4D4;              
margin: auto;
}



body {

background: url(pics/seite-hg.png) top left repeat-y;
width: 980px;
margin: auto;
padding:auto;
min-height: 400px;
}

*html body {height:400px;}

#logo {
padding: auto;
margin: 0 0 0 20px;
background: url(pics/grass-logo.jpg) top left no-repeat;
width: 280px;
height: 88px;
float: left;
}

#impressum-kontakt {
position: absolute; top: 70px; left:294px;
background: url(pics/kontakt.jpg) top left no-repeat;
}

#impressum-kontakt a {margin-left: 20px; color: #6C6C6C; text-decoration: none; font-size: 11px;}
#impressum-kontakt a:hover {color: #000;}


#head {
padding: 66px 0 0 70px;
margin: 0 0 0 20px;
position: relative; top: 0px; left: 0px;
width: 869px;
height: 112px;
float: left;
color: #fff;
font-size: 24px;
font-weight: bold;
font-family: arial, sans-serif;

}




#head-rechts {
position: absolute; top: -88px; left:496px;
z-index: 100; 

}


#frachtanfrage { 

width:95px; height: 55px;  padding: 35px 0 0 113px; 
z-index: 101; 
position: absolute; top: 150px; left:730px;  
background: url(pics/frachtanfrage.png) top left no-repeat; 
font-size: 12px; 
color: #fff; 
text-decoration: none;
}

#frachtanfrage a {padding: 0 0 0 0px; color: #fff; text-decoration: none; font-size: 11px;}
#frachtanfrage a:hover {color: #EAEAEA;}

#seite {
positioon: relative; top: 0px; left: 0px;
float: left;
width: 980px;
background: url(pics/seite-hg.png) top left repeat-y; 
min-height: 400px;
}


#content {

float: left;
width: 593px;
min-height: 400px;
margin: 0	0	0	20px;
padding: 0 0 45px 20px; 
}


#menu 
{
padding: 0 0 0 0;
margin: 0 0 0 20px;
background: url(pics/menu-hg.jpg) top center no-repeat;
width: 938px;
height: 38px;
float: left;
}



#menu-sub 
{
visibility: hidden;
overflow: hidden;
margin: 0 0 0 20px;
width: 650px;
height: 30px;
float:left;
}


#subslide {
width: 613px;
height: 18px;
background: #c6c6c6;
padding: 0 0 12px 0;
}

#news
{
float: left;
width: 269px;
min-height: 400px;
margin: 0	0	0	0;
padding: 10px 0 0 50px; 
font-size: 50px;

}
*html #content {height:400px;}








#footer {

margin: 0	0	0	0;
width: 978px;
height: 22px;
float: left;
clear: both;
background: url(pics/footer.png) top left no-repeat;
}


#menu a span {padding: 1px 0 0 9px; margin: 10px 0 0 18px; float: left; text-decoration: none; color: #fff; font-size: 11px; cursor: pointer;}
#menu a:hover span {padding: 1px 0 0 4px; color: #fff; border-left: 5px solid #ccc; cursor: pointer;}

#menu a span.menue-active {padding: 1px 0 0 4px; color: #fff; border-left: 5px solid #E30720; cursor: pointer;}



/*-------------------------------------------------------------------*/



#menu-sub a span{padding: 0 0 0 9px; margin: 10px 0 0 15px; float: left; color: #000; text-decoration: none; color: #000; font-size: 11px; cursor: pointer;}
#menu-sub a:hover span{padding: 0 0 0 4px; color: #000; border-left: 5px solid #000; cursor: pointer;}

#menu-sub a span.menue-active {padding: 0 0 0 4px; color: #000; border-left: 5px solid #E30720; cursor: pointer;}


a.kontakt {padding: 0 0 0 0; margin: 10px 0 0 32px; float: left; color: #ff0000; text-decoration: none; color: #fff; font-size: 13px;}
a.kontakt:hover {padding: 0 0 0 4px; color: #fff; border-left: 5px solid #fff; font-size: 20px;}


#content h1 {margin: 10px 0 0 0; padding: 0 0 0 0; color: #E3051D; font-weight: bold; font-size: 22px;}
#content h2 {margin: 0 0 0 0;    padding: 0 0 0 0; color: #B6B6B6; font-weight: none; font-size: 11px;}

#content p {font-size: 12px; line-height: 1.3;}
#content img {border: solid 5px #e5e5e5; float: right;}

#content ul {list-style: square; font-size: 12px; font-weight: bold; line-height: 1.5;}


#staplershop {position: relative; top: 0px; left: 0px; width:550px; height: 261px; background: url(pics/staplershop-hg.jpg) top left no-repeat;}
#staplershop #big img{position: absolute; top: 34px; left: 10px; width:244px; height: 184px; }
#staplershop #thumb {position: absolute; top: 34px; left: 265px; width:30px; height: 120px; }
#staplershop #thumb img {float: left; width:75px; height: 54px; margin-bottom: 1px;}
#staplershop h1{position: absolute; top: 34px; left: 365px; margin: 0 0 0 0; padding: 0 0 0 0; color: #000; font-weight: bold; font-size: 15px; width: 200px;}
#staplershop h2{position: absolute; top: 54px; left: 365px;margin: 0 0 0 0; padding: 0 0 0 0; color: #B6B6B6; font-weight: normal; font-size: 10px;}
#staplershop p {position: absolute; top: 82px; left: 365px; font-size: 11px;}
#staplershop h3{position: absolute; top: 205px; left:365px; margin: 0 0 0 0; padding: 0 0 0 0; color: #E3051D; font-weight: bold; font-size: 17px;}
#staplershop h5{position: absolute; top: 68px; left: 365px;margin: 0 0 0 0; padding: 0 0 0 0; color: #000; font-weight: bold; font-size: 11px;}  
#staplershop table {position: absolute; top: 82px; left: 362px; font-size: 11px; }


#fuhrpark {position: relative; top: 0px; left: 0px; width:550px; height: 261px; background: url(pics/staplershop-hg.jpg) top left no-repeat;}
#fuhrpark img.big{position: absolute; top: 34px; left: 80px; width:244px; height: 184px; }
#fuhrpark h1{position: absolute; top: 34px; left: 385px; margin: 0 0 0 0; padding: 0 0 0 0; color: #000; font-weight: bold; font-size: 15px;}
#fuhrpark p {position: absolute; top: 64px; left: 385px; font-size: 11px;}


#news h1 {margin: 0 0 0 0; padding: 0 0 0 0; color: #E3051D; font-weight: bold; font-size: 22px; border-bottom: 1px solid #000;}
#news h2 {margin: 0 0 0 0; padding: 0 0 0 0; color: #B6B6B6; font-weight: none; font-size: 11px;}
#news h3 {margin: 0 0 0 0; padding: 15px 0 0 0; color: #E3051D; font-weight: bold; font-size: 11px;}
#news img {border: solid 5px #EBEBEB; float: left;}
#news p {font-size: 12px;}
#news a {margin: 0 0 0 0; padding: 15px 0 0 0; color: #E3051D; font-weight: bold; font-size: 11px; text-decoration: none;}

/*###################-PRODUKT-KLEIN-#############################*/


     #produkt-klein {width: 425px; height: 97px; margin: 0 0 10px 0; background: url(images/td-hg.jpg) top left no-repeat;}
     
     #produkt-klein .bild {float: left; margin: 4px 0 0 16px; width: 90px;}
     #produkt-klein .title {float: left; margin: 15px 0 0 13px; width: 280px; color: #352F8C; font-size: 14px; height: 1em; text-decoration: none;}
     #produkt-klein p     {float: left; margin: 5px 0 0 13px; width: 218px; color: #333; font-size: 11px;}
     #produkt-klein .mehr {float: left; margin: 40px 25px 0 15px; }
     #produkt-klein .mehr a {color: #352F8C; font-weight: bold; text-decoration: none;}
     #produkt-klein .mehr a:hover {color: #18144E;}
     

/*###################-ENDEPRODUKT-KLEIN-#############################*/

/*###################-PRODUKT-GROSS-#############################*/


     /*#produkt-gross {float: left; position: relative; top: 0px; left: 0px; padding: 43px 0 0 261px; width: 168px; height: 287px; background: url(images/produkt-gross-hg.jpg) top left no-repeat;}
     #produkt-gross-head {position: absolute; left: 0px; top: 10px; width: 426px; height: 19px; background: url(images/produkt-gross-head.jpg) top left no-repeat; }
     #produkt-gross-head h2 {color: #333; font-weight: bold; margin: 0 0 0 15px; font-size: 14px;}
     
     #grossesbild {position: absolute; left: 10px; top: 40px; width: 242px; height: 241px; padding: 5px 0 0 4px; background: url(images/produkt-gross-gross.jpg) top left no-repeat;}
     
     #minipic {float: left; width:77px; height:75px; margin: 0 2px 0 0; padding:3px 0 0 3px; background: url(images/produkt-gross-klein.jpg) top left no-repeat;}
    
     #produkt-gross-unten {float: left; clear: both; width: 412px; min-height: 100px; padding: 0 0 10px 15px; margin: 0 0 15px 0; border: 1px solid #F3F3F3;}
     *html  #produkt-gross-unten {height: 100px;}
     
     #produkt-gross-nr {float: left; width: 313px;color: #aaa; font-size: 14px; font-weight: bold; margin: 10px 0 0 0;}
    
     #produkt-gross-zurueck {float: left; width: 77px; height: 33px; margin: 10px 0 0 0;}
     #produkt-gross-zurueck a {width: 77px; height: 33px; text-decoration: none; display: block; background: url(images/produkt-gross-zurueck.jpg) top left no-repeat;}
     #produkt-gross-zurueck a:hover {width: 77px; height: 33px; background: url(images/produkt-gross-zurueck-hover.jpg) top left no-repeat;}
     
     #produkt-gross-description       {clear: both; float: left; margin: 0 0 0 0;}
     #produkt-gross-description p     {color: #333; font-size: 12px; margin: 0 0 0 0; width:400px;}
     #produkt-gross-description div p {color: #333; font-size: 12px; margin: 0 0 0 0; width:400px;}
     #produkt-gross-description p div {color: #333; font-size: 12px; margin: 0 0 0 0; width:400px;}
     #produkt-gross-description div   {color: #333; font-size: 12px; margin: 0 0 0 0; width:400px;}
     
     #produkt-gross-description table {width: 400px; margin: 0 0 0 0; padding: 0 0 0 0; border: none; border-spacing:0px; border-collapse:collapse; line-height: 1.4;} 
     #produkt-gross-description table tr  {border: none; border-spacing: 0px; border-collapse: collapse;}
     #produkt-gross-description table td  {border-bottom: 1px solid #ccc;}
     #produkt-gross-description table td  div {width: auto;}
     
     #produkt-gross-description ul {list-style: none;}
     #produkt-gross-description ul li {background: url(images/li-icon.gif) top left no-repeat; width: 370px; margin: 0 0 0 0; padding: 0 0 0 15px;}
    
     /*#produkt-gross-description ul li{margin: 0 0 0 0; padding: 0 0 0 0;}*/
     
    /* #produkt-gross-description p a {white-space: nowrap; color: #352F8C; font-weight: bold;}
     #produkt-gross-description p a:hover {color: #F3D600;}*/
     
.powered_by {
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
}

highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
}
.highslide:hover img {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
}

.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}


a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}




#bildtext{text-decoration:none;font-size:11px}


#next  {align: left; width: 165px; height: 48px; margin: 0 0 15px 0; padding: 0 0 0 0; }
#next  a {display: block; background: url(http://kunde.enet.de/www.grass-spedition.de/images/vor-galerie.jpg) top left no-repeat; width: 152px; height: 33px; top left no-repeat;  font-size: 11px; align: left;  text-decoration: none; font-weight: bold; color: #757575; padding: 15px 0 0 13px;}
#next a:hover {background: url(http://kunde.enet.de/www.grass-spedition.de/images/vor-galerie-hover.jpg) top left no-repeat; color: #A02727;}


#back  { align: left; width: 165px; height: 48px; margin: 0 0 15px 0; padding: 0 0 0 0;}
#back a {background: url(http://kunde.enet.de/www.grass-spedition.de/images/back-galerie.jpg) top left no-repeat; display: block; width: 152px; height: 33px; top left no-repeat;  font-size: 11px; align: left;  text-decoration: none; font-weight: bold; color: #757575; padding: 15px 0 0 13px;}
#back a:hover {background: url(http://kunde.enet.de/www.grass-spedition.de/images/back-galerie-hover.jpg) top left no-repeat;  color: #A02727;}



#return {align: left; width: 165px; height: 48px; margin:0 0 0 0; padding: 0 0 0 0;}
#return a {background: url(http://kunde.enet.de/www.grass-spedition.de/images/return.jpg) top left no-repeat; display: block;  width: 152px; height: 33px;   font-size: 11px; align: left;  text-decoration: none; font-weight: bold; color: #757575; padding: 15px 0 0 13px;}
#return a:hover {background: url(http://kunde.enet.de/www.grass-spedition.de/images/return-hover.jpg) top left no-repeat; color: #A02727;}

#uebersicht {align: left; margin: 10px 0 0 120px; font-size: 5px; }

#stapler-back { background: url(http://kunde.enet.de/www.grass-spedition.de/images/stapler-back.jpg) top left no-repeat; align: left; width: 150px; height: 43px; margin: 3px 0px 0 0; padding: 15px 0 0 13px;}
#stapler-back a {text-decoration: none; font-size: 11px; color: #E3051D; align: left; font-weight: bold;}
#stapler-back a:hover {color: #000;}
/*###################-ENDE-PRODUKT-GROSS-#############################*/