@charset "UTF-8";

/* CSS Document */

/* Webseite: Name */
/* copyright: 2012 graugans-Design */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*******************************
	reset 
********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/* Der HG verschwindet sonst */
	min-width: 1003px;
}

li {
	margin-left: 1.25em;	
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ******************************
	allgemeine Klassen
********************************/

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatLeft {
	float: left;	
}

/* clear */
hr {
	clear: both;
	margin: 0;
	padding: 0;
	height: .1px;
	border: none;
	visibility: hidden;	
}

.fett, strong {
	font-weight: bold;
}

.unfett {
	font-weight: normal;	
}

.uppercase {
	text-transform: uppercase;	
}

/* ******************************
	Typo
********************************/

body {
	font-family: "ff-dagny-web-pro", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #333333;
}

.ie7 body, .ie8 body, .ie9 body {
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;	
}

h1 {
	font-size: 2.25em;
	line-height: 1.33333em;
	margin-bottom: 1.3333em;
}

h2 {
	font-size: 1.5em;
  	line-height: 1em;
	margin-bottom: 1em;	
}

h3 {
	font-size: 1.25em;
  	line-height: 1.2em;
	margin-bottom: 1.2em;		
}

/* Unterstriche Überschrift */
.headerUnderline {
	border-bottom: 1px solid #ccc;	
	padding-bottom: 12px;
	margin-bottom: 0 !important;
}

p, ul, ol {
	margin-bottom: 1em;
}

/* Links */
a {
	color: #001F98;
	text-decoration: none;
} 

#copyright a,
#copyright a:hover {
	color: #C0C1C4	
}

a:hover {
	text-decoration: underline;
} 

/* Listen im TOC */
#wrapperToc ul {
	margin-bottom: 1em;	
}

#wrapperToc li {
	list-style: disc;
	margin-left: 1em;	
}

em {
	font-style: italic;	
}

/* ******************************
	Bilder stylen
********************************/

figure {
	margin-bottom: 1.5em;	
}

img, .produktBox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

/* Portraits */
.teamBlock img {
	float: left;	
}

/* Float-Klassen der Bilder */
.imgFloatLeft {
	float: left;
	margin-right: 1em;	
}

.imgFloatRight {
	float: right;	
	margin-left: 1em;
}

/* Bilder im Teaser */
#teaser img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
	border: 7px solid #fff;
}

/* Teambild im Kontakt */
/* Bilder im Teaser */
#kontakt #teaser img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	border: none;
}

/* Schlagschatten unter Bild, als HG im figure-Element */
#teaser .schatten {
	background: url(../img/hg/hg-schatten-ladengeschaeft.png) center bottom no-repeat;
	padding-bottom: 13px;
}


/* ******************************
	Seitenlayout allgemein
	äußere Container
********************************/

#pageHeaderWrap {
	background: #001F95;	
}

#pageHeader, 
#slidedeck,
#teaser,
article, 
#footerHeader,
#copyright, 
.trenner {
	width: 942px; 
	margin: 0 auto;
	padding: 0 20px;
}

#heroshot {
	background: url(../img/hg/bg-heroshot.png);
	border-bottom: 1px solid #ACADB5;	
}

/* Der Slider in #slidedeck ist breiter als der Rest der Container 
	und bekommt kein Padding */ 
#slidedeck {
	width: 972px; /* Breite des Slidedeck mit Schlagschatten */
	padding: 0;	
	height: 380px;
	position: relative;
}

/* Je nach Position haben die content Section 
	unterschiedliche Border */
.weissNachHeroshot {
	border-bottom: 1px solid #F3F3F6;
}

.grauNachHeroshot {
	background: #F3F3F6; /* helles Grau */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.weissNachGrau {
	background: #fff;
	border-bottom: 1px solid #F3F3F6;
	border-top: 1px solid #F3F3F6; /* helles Grau */
}

.grauNachWeiss {
	background: #F3F3F6; /* helles Grau */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.grauVorFooter {
	background: #F3F3F6;
	border-bottom: 1px solid #62636C;
	border-top: 1px solid #fff; /* helles Grau */
}

.weissVorFooter {
	background: #fff;
	border-bottom: 1px solid #62636C;
	border-top: 1px solid #F3F3F6; /* helles Grau */
}

#pageFooter {
	background: #62636C;	
	border-top: 1px solid #A1A1A7;
}

/* Auf Kontaktseite Heroshot direkt vor Footer und weiss */
#kontakt #heroshot {
	border-bottom: 1px solid #62636C;	
}

/* Padding */
#teaser,
.contentSection,
#pageFooter {
	padding: 3em 20px 2em;	
}

/* Das Slidedeck rutscht nach unten */
#index .contentSection.weissNachHeroshot {
	padding-top: 5em !important;	
}

/* ******************************
	Spalten
********************************/

/* 	Zwei über Dreispaltig */
.col66 {
	width: 618px;
	margin-right: 30px;
	float: left;
	height:100%;
}

/* 	Zweispaltig */
.col50 {
	width: 456px;
	margin-right: 30px;
	float: left;
	height:100%;
}

.col50.trennerRechts {
	width: 441px;
	margin-right: 15px;
	padding-right: 20px;
	background: url(../img/hg/hg-trenner-kontakt.png) right repeat-y;	
}

/* 	Dreispaltig */
.col33 {
	width: 294px;
	margin-right: 30px;
	float: left;
	height:100%;
}

/* 	Vierspaltig */
.col25 {
	width: 213px;
	margin-right: 30px;
	float: left;
	height:100%;
}

/* 	Vierspaltig */
.col75 {
	width: 699px;
	margin-right: 30px;
	float: left;
	height:100%;
}

/* letzte Spalte hat keinen rechten Margin */
.last {
	margin-right: 0;	
}

/* ******************************
	pageHaeder
********************************/

/* Schrift und Navigation weiß */
#pageHeader a {
	color: #fff;	
	text-decoration: none;
}

/* Logo nach links */
#logo {
	float: left;
   margin-top: 6px;
   background: url(../img/icons/logo-schuemann-93x51.png) no-repeat center;
}
#logo a {
   text-indent: -9999px; 
   display: block;  
   width: 93px;
   height: 51px;
}

/* Navigation */

#naviMain ul {
	float: right;
	border-left: 1px solid #2039A0;
	border-right: 1px solid #031A78;
	margin: 0;
}

.ie8 #naviMain ul {
	position: relative;
	top: 1px;	
	z-index: 10;
}

#naviMain li {
	float: left;
	border-right: 1px solid #2039A0;
	border-left: 1px solid #031A78;
	list-style: none;
	margin-left: 0;
}

/* Start-Link durch Icon ersetzen */
#naviMain li.index {
	text-indent: -9999px;
	background: url(../img/icons/iconssprite.png) 12px -543px no-repeat;
}

/* Nicht im ie7 */
.ie7 #naviMain li.index {
	text-indent: 0;
	background-image: none;	
}

.ie7 #naviMain .index a:hover {
	background-image: none;	
	background: #1B27AE;
}

#naviMain a {
	display: block;
	color: #C0C2D1;
	line-height: 4em;
	padding: 0 20px;
}

#naviMain a:hover {	
	background: #1B27AE;
}

/* Häuschen bleibt sichtbar bei hover */
#naviMain .index a:hover {
	background: url(../img/icons/iconssprite.png) -30px -543px no-repeat;
}

/* Beim Klicken verrutscht Schrift 1px nach unten */
#naviMain a:active {	
	line-height: 3.875em;
	padding-top: 2px;
}

#naviMain li.index a:active {
	background: url(../img/icons/iconssprite.png) -30px -542px no-repeat;
}

/*aktiver Link */
#index .index a,
#landtechnik-handel .landtechnik-handel a,
#werkstatt .werkstatt a,
#service .service a,
#kontakt .kontakt a  {
	background: url(../img/icons/aktiverLink.png) center bottom no-repeat;	
}

/* Auf aktiver Startseite kein Hover, kein Klickverrutschen */
#index .index a:hover,
#index .index a:active {
	background: url(../img/icons/aktiverLink.png) center bottom no-repeat !important;
}

/* ******************************
	Slider
********************************/

/* kein Abstand unten */
.SlideMessen h1 {
	margin-bottom: 0 !important;
}

.SlideMessen h2 {
	margin-bottom: 4px !important;
}

.SlideMessen h4 {
	margin-bottom: 10px !important;
}

.SlideMessen .marginRight {
	margin-right: 10px;
}

.SlideMessen img {
	margin-bottom: 10px;	
}


/* ******************************
	Content
********************************/

article {
	padding: 0;
}

/* Trenner */
.trenner {
	border-bottom: 1px solid #D0D2DD;
	border-top: 1px solid #A4A6B1;	
	margin-bottom: 1em;
}

/* Stellenangebote Tab */
#stellenangebote a {
	position: absolute;
	color: #000;
	right: 40px;
	top: 33px;
	padding: 8px 1em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(247,247,247) 0%,rgb(242,242,242) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(247,247,247)),color-stop(1, rgb(242,242,242)));
	background-image:-webkit-linear-gradient(-90deg,rgb(247,247,247) 0%,rgb(242,242,242) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(247,247,247) 0%,rgb(242,242,242) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(247,247,247) 0%,rgb(242,242,242) 100%);
	background-image:linear-gradient(-90deg,rgb(247,247,247) 0%,rgb(242,242,242) 100%);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65) ,inset 0px 1px 0px rgb(255,255,255);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65) ,inset 0px 1px 0px rgb(255,255,255);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65) ,inset 0px 1px 0px rgb(255,255,255);
}

.ie8 #stellenangebote a,
.ie7 #stellenangebote a {
	background: #FAFAFA;
}

#stellenangebote a:hover {
	text-decoration: none;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(251,251,251) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(251,251,251)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(251,251,251) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(251,251,251) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(251,251,251) 100%);
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(251,251,251) 100%);
}

#stellenangebote a:active {
	padding-top: 9px;	
}

/* Team-Bereich */
.teamBlock {
	border-bottom: 1px solid #ccc;	
	padding: 1.5em 0 .5em 0;
}

.teamBlock.last {
	border: none;
}

/* Teambeschreibung floatet nach rechts mit linkem margin
	hält die Fotos auf Abstand */
.teamMitglied {
	margin-left: 91px;	
}

.teamMitglied p,
.teamMitglied li {
	font-size: .875em;
	line-height: 1.3em;	
}

/* Produktboxen */
.produktBox {
	border: 1px solid #DEDEDE;	
	background: #fff;
	padding: 1.5em 1.5em 0 1.5em;
	position: relative;
}

/* NEU!-Batch */
.neuBatch {
	position: absolute;
	width: 57px;
	height: 60px;
	right: 20px;
	background: url(../img/icons/iconssprite.png) left bottom no-repeat;
}

.produktBox p {
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.2em;	
	padding-bottom: 1em;
}



.produktBox p:last-child {
	border: none;
	font-size: .75em;
	color: #666666;	
}

.produktBoxSchatten {
	padding-bottom: 8px; /* Platz für Schatten */
	background: url(../img/produktbox-schatten.png) center bottom no-repeat;	
}

/* Produkt Box auf Landtechnik Seite */
#landtechnik-handel .produktBox p,
#landtechnik-handel .produktBox a {
	font-size: 0.875em;	/* Schrift 14px */
	margin-bottom: 0;
	line-height: 1.4em;
}

#landtechnik-handel .produktBox a {
	line-height: 3em;
}

#landtechnik-handel .produktBox {
	padding-bottom: 1em;
}

#landtechnik-handel .produktBoxSchatten {
	margin-bottom: 1.5em;
}

/* letzter Absatz beschreibt das Produkt,
	barcuht feste Mindesthöhe, um link nach 
	unten zu drücken */
.produktBeschreibung {
	min-height: 8.3em;
}

.ie8 .produktBeschreibung {
	min-height: 8.4em;
}

/* weitere Hersteller sind durch Linie getrennt */
.weitereHersteller h3 {
	margin-bottom: 2em;
}

.weitereHersteller .col50 {
	border-bottom: 1px solid #ccc;	
	margin-bottom: 1em;
}

.no-border {
	border: none !important;
}

/* Überschrift unterstrichen */
#landtechnik-handel .produktBox h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
}

#landtechnik-handel .produktBox p {
	font-size: 0.875em;	
}

#landtechnik-handel .produktBox img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: .5em;	
}

/* Öffnungszeiten auf der Landtechnik-Handel-Seite */

#oeffnungszeiten {
	background: #fff;
	border-top: 1px solid #fff;
	font-size: 0.9375em;	
	background: #fff url(../img/hg/hg-schatten-oeffnungszeiten.gif) center bottom no-repeat;
	padding-bottom: 6px;
}

#oeffnungszeiten li {
	list-style: none; 
	float: left;
	margin: 0;
	line-height: 3em;
	padding-left: 15px;
}

/* Uhr-Icon einfügen */
.oeffnungszeiten {
	padding-left: 45px !important;
	padding-right: 15px;
	color: #002097 !important;
	font-weight: bold;
	border-right: 1px solid #ccc;
	display: block;
	background: #F1F1F1 url(../img/icons/iconssprite.png) 15px -412px no-repeat;	
}

.rufbereitschaft {
	background: #F1F1F1 url(../img/icons/iconssprite.png) 15px -495px no-repeat;
}

.telefon {
	background: #F1F1F1 url(../img/icons/iconssprite.png) 15px -495px no-repeat;
	border-left: 1px solid #ccc;
	float: right !important;
	padding-right: 20px;
	padding-left: 40px !important;
}

/* Werkstatt-Seite Ausstattung mit Trennern */
.ausstattungWerkstatt {
	padding: 2em 0 1em;
	border-bottom: 1px solid #ccc;	
}

.ausstattungWerkstatt:first-child {
	padding-top: 0;	
}

.ausstattungWerkstatt:nth-child(2n) {
	background: url(../img/hg/hg-ausstattungWerkstatt.png) center repeat-y;	
}

/* Weitere Logos */
.weitereHersteller img {
	padding: 0 0 2em 0;	
}


/* ******************************
	Icons vor den Überschriften
********************************/

.iconHandel, .iconWerkstatt, .iconService, .iconGeschichte, .iconTeam {
	padding: 5px 0 16px 35px;	
	margin-bottom: 8px !important; /* mit padding = 24px */
}

.iconHandel {
	background: url(../img/icons/iconssprite.png) 0 -332px no-repeat;
}

.iconWerkstatt {
	background: url(../img/icons/iconssprite.png) 0 -458px no-repeat;
}

.iconService {
	background: url(../img/icons/iconssprite.png) 0 -374px no-repeat;
}

.iconGeschichte {
	background: url(../img/icons/iconssprite.png) 0 -180px no-repeat;
}

.iconTeam {
	background: url(../img/icons/iconssprite.png) 0 -285px no-repeat;
}

.iconWerkstattGross {
	background: url(../img/icons/iconssprite.png) 0 10px no-repeat;
	padding-left: 70px;
}

.iconServiceGross {
	background: url(../img/icons/iconssprite.png) 0 -89px no-repeat;
	padding-left: 70px;
}

/* ******************************
	Kontaktformular
********************************/

label {
	display: block;	
}

.eingabefeld {
	height: 2em;
	padding-left: 5px;
	width: 99%;
	border: none;
	margin-bottom: 1em;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
	border-radius:4px;
	border-top: 1px solid #999;
	font-size: 1em;
}

.eingabefeld:focus {
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
	border-radius:4px;
}

textarea.eingabefeld {
	height: 12em;
	margin-bottom: 0;
}

#senden {
	color: #fff;
	font-size: 1em;
	border: none;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(0,39,177) 0%,rgb(1,34,152) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(0,39,177)),color-stop(1, rgb(1,34,152)));
	background-image:-webkit-linear-gradient(-90deg,rgb(0,39,177) 0%,rgb(1,34,152) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(0,39,177) 0%,rgb(1,34,152) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(0,39,177) 0%,rgb(1,34,152) 100%);
	background-image:linear-gradient(-90deg,rgb(0,39,177) 0%,rgb(1,34,152) 100%);
	width:200px;
	height:37px;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
	border-radius:4px ;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0027b1,endColorstr=#ff012298,GradientType=0)";

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0027b1,endColorstr=#ff012298,GradientType=0);
	cursor: pointer;
}

#senden:hover {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(0,12,198) 0%,rgb(6,15,183) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(0,12,198)),color-stop(1, rgb(6,15,183)));
	background-image:-webkit-linear-gradient(-90deg,rgb(0,12,198) 0%,rgb(6,15,183) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(0,12,198) 0%,rgb(6,15,183) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(0,12,198) 0%,rgb(6,15,183) 100%);
	background-image:linear-gradient(-90deg,rgb(0,12,198) 0%,rgb(6,15,183) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000cc6,endColorstr=#ff060fb7,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000cc6,endColorstr=#ff060fb7,GradientType=0);
}

#senden:active {
	line-height: 34px;	
	
}

/* ******************************
	pageFooter
********************************/

/* Sitemap */
footer li {
	list-style: disc;	
	margin-left: 1em;
}

#footerHeader, #footerHeader a {
	padding: 0 0 1em 0;	
	color: #C0C1C4;
}

#footerHeader a:hover,
#footerHeader a:focus {
	color: #fff;	
}

/* Copyright ganz unten */
#copyright {
	border-top: 1px solid #999;
	font-size: .7em;
	padding-top: 1em;
	text-align: center;
	color: #999;
}

/* ******************************
	******************************	
	IE7
	******************************
********************************/

/*==============================*/
/* Formular					 	*/
/*==============================*/


/* ******************************
	******************************	
	MEDIA QUERIES
	******************************
********************************/

/* ******************************
	Tablet Portrait-Mode
	481px - 768px
********************************/


/* ******************************
	Mobile Landscape-Mode
	321px - 480px
********************************/