/* CSS Logistikhof Lederer */

/* font-family: 'Muli', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Scada', sans-serif;*/

/* Basisdefinitionen */
*						{ font-family: Times, serif; font-weight: normal; color: #6e6d6d; padding: 0px; margin: 0px; }

html				{ height: 101%; } 
body				{ height: 100%; text-align: center; background-color: #fff; }

h1          { font-weight: normal; font-size: 18px; color: #97bf0d; letter-spacing: 0.1em; padding-bottom: 20px;  }
h1 b        { font-weight: bold; font-size: 18px; color: #97bf0d; letter-spacing: 0.1em;  }

b           { font-weight: bold; }

#page       { width: 948px; margin: auto; position: relative; text-align: left; margin-top: 38px; }

ul 					{ padding-left: 25px; margin: 5px 0 15px 0; }
ul li				{ list-style-image: none; list-style-position: outside; list-style-type:disc; margin-bottom: 8px; line-height: 17px; }

#content a:link, #content a:active, #content a:visited     { color: #97bf0d; font-weight: bold; text-decoration: none; }
#content a:hover  { text-decoration: underline; }

a img { border: 0px; } 

/* Header */ 
header      { float: left; position: relative; width: 948px; height: 207px; text-align: center;   }
header div.green-box  { position: absolute; left: 0; top: 0; width: 143px; height: 92px; background-color: #97bf0d; text-align: center; padding-top: 5px; }
header div.green-box p  { color: #fff; font-size: 13px; line-height: 17px; font-weight: bold;  }
header div.green-box a:link,
header div.green-box a:active,
header div.green-box a:hover,
header div.green-box a:visited { color: #fff; font-size: 13px; line-height: 17px; font-weight: bold; text-decoration: none; }

header div.form-button  { position: absolute; left: 0; top: 100px; width: 143px; height: 26px; background-color: #97bf0d; text-align: left; }
header div.form-button a { font-size: 12px; font-family: Gill Sans MT, 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.025em; display: block;  width: 129px; height: 26px; line-height: 18px; padding: 2px 0 0 14px; }

.form-button a:link, a:active, a:visited     { background-image: url(../layout/pfeil-w.png); background-position: 4px 7px; background-repeat:no-repeat; color: #fff; text-decoration: none; }
.form-button a:hover  { background-image: url(../layout/pfeil.png); background-position: 4px 7px; background-repeat:no-repeat; color: #6e6d6d; text-decoration: none; } 

header div.short  { position: absolute; left: 0; top: 150px; width: 150px; height: 40px; text-align: left; font-family: Times, serif; font-weight: bold; font-size: 13px; letter-spacing: 0.01em; }
header div.short a { font-size: 13px; line-height: 18px; font-weight: normal; letter-spacing:0em;  }

.short a:link, .short a:active, .short a:visited     { color: #6e6d6d; text-decoration: none; }
.short a:hover  { text-decoration: underline; }
                     
div.logo       { position: absolute; left: 50%; margin-left: -100px;  width: 200px; height: 185px; }
div.meta       { position: absolute; left: 100%; top: 0; margin-left: -300px; width: 300px; height: 20px; text-align: right; }
.meta ul.metamenu   { width: 100%; padding: 0px 0 0px 0; margin: 0; text-align: right; }
.meta ul.metamenu li    { display: inline; }

.meta ul.metamenu li a  { font: bold 10px; font-size: 13px; color:#424142; padding: 3px 3px 3px 3px; margin-right: 0px; text-decoration: none; }

.meta ul.metamenu li a:hover, ul.metamenu li a.active { color: #97bf0d; text-decoration: none; }


/* Hauptnavigation */ 
nav               { float: left; width: 100%; height: 32px; border-top: 1px solid #6e6d6d; border-bottom: 1px solid #6e6d6d;  } 
nav ul.mainmenu   { width: 100%; padding: 6px 0 0px 0; margin: 0; text-align: center; }
ul.mainmenu li    { display: inline; }

ul.mainmenu li a  { font-size: 14px; font-family: Gill Sans MT, 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color:#6e6d6d; padding: 6px 6px 6px 6px; margin-right: 15px; text-decoration: none; }

ul.mainmenu li a:hover, ul.mainmenu li a.active { color: #97bf0d; text-decoration: none; }  

/*Contentbereich*/ 
section     { float: left; width: 100%; min-height:370px; border-bottom: 1px solid #6e6d6d; overflow: hidden; }
section .start { width: 948px; min-height: 352px; background-image: url(../layout/lgoistik-bg.png); background-position: 0 10px; background-repeat:no-repeat;  }

section .index-text { float: left; width: 948px; }
section .index-text { font-family: Gill Sans MT, 'Open Sans', sans-serif; font-size: 19px; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; line-height: 28px; padding-top: 75px; }

section .index-text b { font-family: Gill Sans MT, 'Open Sans', sans-serif; font-size: 19px; font-style: italic; text-transform: uppercase; font-weight: bold; color: #97bf0d;  }
section .einleitung   { height: 333px; letter-spacing: 0.3em; }
section .einleitung b { letter-spacing: 0.3em; }

section .bottom { padding-bottom: 35px; }
section .bottom b { line-height: 45px; }

.titel          { width: 100%; text-align: center; }
#content        { width: 100%; float: left; line-height: 17px; font-size: 13px; position: relative; overflow: hidden; }
.content-left   { width: 50%; float: left;}
.content-right  { width: 48%; float: right; }

#content .block { position:relative; min-height: 400px; width: 100%; padding: 0 0 0 16px; background-image: url(../layout/pfeil.png); background-position: 0 4px; background-repeat:no-repeat; margin-top: 32px; font-size: 13px; line-height: 17px; letter-spacing: 0.015em; }

.eingang        { margin-left: 84px; }
.eingang p      { width: 300px; margin-bottom: 8px; }
.eingang img    { position: absolute; top: 35px; left: 398px; }

.lager        { margin-left: 245px; }
.lager p      { width: 285px; margin-bottom: 8px; }
.lager img    { position: absolute; top: 35px; left: 378px; }

.komm        { margin-left: 395px; }
.komm p      { width: 285px; margin-bottom: 8px; }
.komm img    { position: absolute; top: 35px; left: -320px; }

.konf        { margin-left: 570px; }
.konf p      { width: 285px; margin-bottom: 8px; }
.konf img    { position: absolute; top: 35px; left: -300px; }

.versand        { margin-left: 745px; }
.versand p      { width: 194px; margin-bottom: 8px; }
.versand img    { position: absolute; top: 35px; left: -480px; }

#content .kontakt { position:relative; min-height: 382px; width: 100%; padding: 0 0 0 16px; margin-top: 50px; font-size: 13px; line-height: 17px; letter-spacing: 0.015em; }
.kontakt        { margin-left: 245px; text-align: center; }
.kontakt .text  { padding-top: 50px; }
.kontakt p      { width: 194px; margin-bottom: 10px; }
.kontakt p b    { line-height: 25px; }
.kontakt img    { position: absolute; top: 35px; left: 250px; }

.langtext { position:relative; min-height: 382px; width: 100%; padding: 0 0 0 16px; margin-top: 50px; font-size: 13px; line-height: 17px; letter-spacing: 0.015em; margin-left: 140px; }
.langtext h2    { font-size: 18px; line-height:35px; font-weight: bold; color: #97bf0d;  }
.langtext p     { margin-bottom: 8px; width: 600px; }

.formular            { margin-bottom: 35px; }
.formlabel      { font-weight: bold; } 
.forminput      { margin-bottom: 8px; }
.forminput input.contactbutton { color: #fff; }
.formular input, 
.formular textarea { font-size: 13px; font-family: Verdana,sans-serif; color: #000; }


.contactbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #98bf0d), color-stop(1, #98bf0d) );
	background:-moz-linear-gradient( center top, #98bf0d 5%, #98bf0d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98bf0d', endColorstr='#98bf0d');
	background-color:#98bf0d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #98bf0d; 
  margin: 5px 0 0 100px; }

.contactbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #98bf0d), color-stop(1, #98bf0d) );
	background:-moz-linear-gradient( center top, #98bf0d 5%, #98bf0d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98bf0d', endColorstr='#98bf0d');
	background-color:#98bf0d; cursor: pointer; } 

.contactbutton:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.contacterror { color: red; }

/* Footer */ 
footer            { float: left; width: 100%; text-align: center; margin-top: 12px; line-height: 20px; font-size: 13px; margin-bottom: 40px;  }
footer span.name  { font: bold 11px Verdana; text-transform: uppercase; color: #424142; letter-spacing: 0.05em; }
footer span       { padding: 0 8px 0 8px; letter-spacing: 0.025em; }
footer span a:link,
footer span a:active { font-weight: bold; color: #97bf0d; text-decoration: none; }

footer span a:hover  { text-decoration: underline; }