@import url('fonts.css');

* { margin: 0; padding: 0; border: none; }
ul { list-style: circle; }
form { display: block; }
p, pre,
blockquote, ul, ol, dl, address { font-weight: normal; }
pre, blockquote, ul, ol, dl, address { margin: 0 0 1em 0; }
p { margin: 0 0 1.5em 0; }
xmp { padding: 15px; }
cite, em, dfn { font-style: italic; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
li, dd, blockquote { margin-left: 1em; }
li { margin-bottom: 5px; }
code, kbd, samp, pre, tt, var, textarea { font-size: 100%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom-style: dotted; border-bottom-width: 1px; }
a abbr, a acronym { border: none; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

h1 { font-size: 2.5em; margin-bottom: 0.8em; line-height: 1.2em; }
h2 { font-size: 2.0em; margin-bottom: 0.8em; line-height: 1.2em; }
h3 { font-size: 1.7em; margin-bottom: 0.8em; line-height: 1.2em; }
h4 { font-size: 1.3em; margin-bottom: 0.8em; line-height: 1.2em; }
h5 { font-size: 1.1em; margin-bottom: 0.8em; line-height: 1.2em; }
h6 { font-size: 1em; margin-bottom: 0.8em; line-height: 1.2em; }
a img { border: none; text-decoration: none; }

img { border: none; text-decoration: none; }

label, button {	cursor: pointer; }
fieldset { border: none; }

.left { float: left; }
.right { float: right; }

img.alignleft { margin: 0 15px 0 0; float: left; }
img.alignright { margin: 0 0 0 15px; float: right; }

.no_margin { margin: 0 !important; }

.hidden { display: none; }

body {
  background-color: #fff;
	background-image:url('../img/bg_body1.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
  padding-top:25px;
	font-family: 'Lato', sans-serif;
}

/* Background-Resize */
#bg { position: fixed; top: 0; left: 0; z-index: -1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


.btn-primary {
	border: none;
	background-color: #008420;
	color: #fff;
	padding: 5px 10px;
}

/* Standards */
.page_margins {
  font-family: 'Lato', sans-serif;
	margin:0 auto;
	top:0;
  font-size: 13px;
  font-weight:normal;
  color:#666;
	text-align:center;
}

.page {
	padding:0;
	margin:0 auto;
	text-align:left;
	width:980px;
	position:relative;
  background-color:#fff;
	box-shadow:  3px 3px 10px #333,
              -3px 3px 10px #333;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#header {
	height:120px;
	position:relative;
}

#header h1 {
  font-family: 'Lato', sans-serif;
  position:absolute;
  top:42px;
  left:255px;
  font-size: 28px;
  font-weight:700;
  font-style:italic;
  color:#a2a2a2;
}

#logo {
  position:absolute;
  left:30px;
  top: 42px;
  padding:0;
  margin:0;
}

#topnav {
 position:absolute;
 right:20px;
 top:20px;
 color:#a2a2a2;
}

#topnav a{
 font-size:13px;
 color:#a2a2a2;
 text-decoration:none;
}

#topnav a:hover{
 color:#008420;
}

.clear, .clearfix {
	clear: both;
}

/* Index Head */
#index_head {
  height:250px;
}

/* Site Head */
#site_head {
  height: 150px;
  width: 940px;
  margin-left:20px;
}

/* Breadcrumb */
#breadcrumb {
  width:940px;
  height:40px;
  padding:0;
  margin:0 20px 20px 20px;
  background-color:#a2a2a2;
  border-top:#666 5px solid;
}

#breadcrumb p{
  font-size:13px;
  padding:11px 0 0 20px;
  color:#fff;
}

#breadcrumb a{
 color:#fff;
 text-decoration:underline;
}

#breadcrumb a:hover{
 text-decoration:none;
}

/* Main Content */
#main {
	width: 940px;
	min-height:300px;
	margin:0 20px 0 20px;
	padding:0 0 20px 0;
}

/* Index Container */
#main div.index_cont {
  width:300px;
  height:295px;
  float:left;
  padding:0;
  margin:0 20px 0 0;
  background-color: #a2a2a2;
  position:relative;
  border-top:#666 5px solid;
}

#main div.index_cont.left{
  border-bottom-left-radius: 10px;
}

#main div.index_cont.right{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
}

#main div.index_cont img{
  border-bottom: #fff 1px solid;
  margin:0;
  padding:0;
}

#main div.index_cont h2{
  color:#fff;
  font-size:24px;
  font-weight:300;
  font-style:italic;
  margin:10px 20px 0 20px;
  padding:0;
}

#main div.index_cont p{
  color:#858585;
  padding:5px 20px 5px 20px;
  margin:0;
  font-size: 11px;
  line-height:16px;
}

#main div.index_cont a{
  font-size:24px;
  line-height:30px;
  font-weight:300;
  font-style:italic;
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  text-align:right;
  width:280px;
  height:74px;
  padding: 10px 20px 10px 0;
  color:#fff;
  text-decoration:none;
  background-color:#666;
}

#main div.index_cont a:hover{
  background-color:#0d982e;
}

#main div.index_cont.left a{
  border-bottom-left-radius: 10px;
}

#main div.index_cont.left a:hover{
  background-color:#008420;
}

#main div.index_cont.right a{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
}

#main div.index_cont.right a:hover{
  background-color:#1dac40;
}

#main div.index_cont ul#tips {
	list-style-type: none;
  margin:10px 0 0 20px;
  padding:0;
}

#main div.index_cont ul#tips li {
	list-style-type: none;
  line-height: 20px;
	padding:0 10px 0 0;
	margin: 0;	
}

#main div.index_cont ul#tips li h2 {
  color:#666;
  font-size:15px;
  line-height:20px;
  padding:0;
  margin:0 0 10px 0;
  font-weight:600;	
}

#main div.index_cont ul#tips li p {
  color:#fff;
  font-size:14px;
  text-align: left;
  line-height:22px;	
  padding:0;
  margin:0 0 10px 0;
}

/* col1 */
#col1 {
  width:760px;
  min-height:520px;
  float:left;
  padding:0 140px 0 0;
  margin:0 20px 0 20px;
}

#col1 h1 {
  font-size: 40px;
  font-weight:300;
  font-style:italic;
  line-height:46px;
  margin:0 0 20px 0;
  padding:0;
  color:#008420;
}

#col1 h2 {
  font-size: 18px;
  font-weight:700;
  font-style:italic;
  line-height:24px; 
  margin:0 0 5px 0;
  padding:0;
  color:#a2a2a2;
}

#col1 a{
  font-size:14px;
  color:#008420;
  text-decoration:none;
}

#col1 a:hover{
  color:#858585;
}

#col1 p{
  text-align: justify;
  padding:0;
  margin:0 0 10px 0;
  font-size:14px;
  font-weight:normal;
  color:#666;
  line-height:22px;
}

#col1 p label{
  width:100px;
  float:left;
  display:block;
  font-weight:normal;
  line-height:22px;
}

#col1 img {
  margin:0 20px 20px 0;
  float: left;
}

#col1 img.shadow {
	box-shadow: 1px 1px 3px #a2a2a2;
  -webkit-box-shadow: 1px 1px 3px #a2a2a2;
  -moz-box-shadow: 1px 1px 3px #a2a2a2;
  -o-box-shadow: 1px 1px 3px #a2a2a2;
}

#col1 ul{
  margin:0 40px 10px 0;
  padding:0;
  list-style:disc;
  list-style-position:outside;
}

#col1 ol {
  margin:0 40px 10px 35px;
  padding:0;
}

#col1 ol li{
  font-size:12px;
  line-height:22px;
  font-weight:normal;
  color:#858585;
  margin:0 20px 5px 30px;
  padding:0;
  text-align:left;
}

#col1 ul li{
  font-size:12px;
  line-height:22px;
  font-weight:normal;
  color:#858585;
  margin:0 20px 5px 30px;
  padding:0;
  list-style-position:outside;
  list-style:disc;
  text-align:left;
}

#col1 ul.blanklist{
  margin:0 40px 10px 60px;
  padding:0;
  list-style-type:none;
}

#col1 ul.blanklist li{
  margin:0 20px 0 20px;
  padding:0;
  list-style-type:none;
}

/* Aufklapp-Container */
#col1 p.more {
 display:block;
 clear:both;
 margin:0 0 10px 0;
 background-color:#a2a2a2;
 height:19px;
 cursor:hand;
 cursor:pointer;
 position:relative;
}

#col1 p.more img {
 float:left;
 border-right:#ffffff 3px solid;
 margin:0 5px 0 0;
 cursor:hand;
 cursor:pointer;
}

#col1 p.more span {
 font-size: 13px;
 font-weight:600;
 line-height: 12px;
 color:#fff;
 position:absolute;
 top:3px;
 left:27px;
}

#col1 div.more_cont {
  margin: 0 0 10px 0;
  display: none;
}

#col1 #col1 div.more_cont div.download {
  margin:0 40px 20px 21px;
  display: block;
}

#col1 div.more_cont img{
 float:left;
 margin: 5px 15px 15px 22px;
}

#col1 div.more_cont p{
 margin-left: 22px;
}

#col1 div.more_cont ul li{
  margin:0 20px 5px 0;
}

/* Download-Container */
#col1 div.download {
  margin:0 0 25px 0;
  display:block;
}

#col1 div.download img {
  margin:2px 12px 0 0;
  float:left;
}

#col1 div.download p {
  margin-bottom:5px;
}

#col1 div.download p.small {
  font-size:10px;
}

#col1 div.download p a {
  padding: 0;
  margin:0;
  color:#666;
  text-decoration:underline;
}

#col1 div.download p a:hover {
  text-decoration:none;
}

/* Get-Acrobat */
#col1 div.getacrobat {
  border-top:#a2a2a2 1px dotted;
  border-bottom:#a2a2a2 1px dotted;
  padding:2px 0 5px 0; 
  margin:0 40px 0 0;
}

#col1 div.getacrobat p{
  margin-bottom:22px; 
  float:left; 
  font-size:11px;
}

#col1 div.getacrobat img{
  margin:5px 0 0 50px; 
  float:none;
}

/* Tabellen */
#col1 table.lenkzeiten {
  border:0;
  margin:0;
  padding:0;
}

#col1 table.lenkzeiten tr.light {
  background-color:#fff;
}

#col1 table.lenkzeiten tr.dark {
  background-color:#F0F0F0;
}

#col1 table.lenkzeiten td{
  padding: 10px;
  vertical-align:top;
  font-size:12px;
  font-weight:normal;
  color:#858585;
  line-height:22px;
}

#col1 table.lenkzeiten td.tt{
  font-size:14px;
  font-weight:600;
  width:180px;
  margin:0 2px 2px 0;
}

#col1 table.lenkzeiten td.zt{
  font-size:20px;
  font-weight:600;
  text-align:center;
  width:160px;
  margin:0 2px 2px 0;
}

#col1 table.lenkzeiten td.bg{
  font-weight:normal;
  width:360px;
  margin:0 0 2px 0;
}

/* Formularelemente */
#col1 .input500{
  font-family: 'Lato', sans-serif;
  color: #858585;
  width: 500px;
  height: 23px;
  padding:2px 0 0 5px;
  margin:0;
  background-color: #fff;
  border-right: 1px #a2a2a2 solid;
  border-bottom: 1px #a2a2a2 solid;
}

#col1 .input240{
  font-family: 'Lato', sans-serif;
  color: #858585;
  width: 240px;
  height: 23px;
  padding:2px 0 0 5px;
  margin:0;
  background-color: #fff;
  border-right: 1px #a2a2a2 solid;
  border-bottom: 1px #a2a2a2 solid;
}

#col1 select option {
  height:20px;
}

#col1 .select506{
  font-family: 'Lato', sans-serif;
  color: #858585;
  width: 506px;
  height: 26px;
  padding:4px 4px 4px 5px;
  border-right: 1px #a2a2a2 solid;
  border-bottom: 1px #a2a2a2 solid;
  margin:0;
}

#col1 .textarea500{
  font-family: 'Lato', sans-serif;
  color: #858585;
  width: 500px;
  height: 85px;
  margin:0;
  padding:2px 0 0 5px;
  border-right: 1px #a2a2a2 solid;
  border-bottom: 1px #a2a2a2 solid;
  overflow: auto;
  resize:none;
}

#col1 .textarea500.error{
  font-family: 'Lato', sans-serif;
  color: #858585;
  width: 500px;
  height: 85px;
  margin:0;
  padding:2px 0 0 5px;
  border-right: 1px #ff0000 solid;
  border-bottom: 1px #ff0000 solid;
  overflow: auto;
  resize:none;
}

#col1 .input240.error,
#col1 .input500.error,
#col1 .textarea500.error,
#col1 .select506.error {
  border-right: 1px #ff0000 solid;
  border-bottom: 1px #ff0000 solid;
}

#col1 form p label{
  width:180px;
}

#col1 .button{
  font-weight: 200;
  font-size: 16px;
  width: 160px;
  height: 25px;
  color:#008420;
  background-color:transparent;
  cursor:pointer;
}

/* Infobox */
#col1 div.infobox {
  padding: 10px; 
  width:340px; 
  height:440px; 
  margin:0 0 30px 0; 
  border:1px solid #a2a2a2;
  float:left;
}

#col1 div.infobox p {
  margin:0;
}

#col1 div.infobox p strong {
  font-size: 14px;
  color:#008420;
}

#col1 div.infobox p a:hover {
  text-decoration:none;
}

#col1 div.infobox p label {
  width: 100px;
}

/* Galerie Partner */
#col1 #partner {
  padding:0;
  margin:0;
}

#col1 #partner h2 {
  display:block;
  margin:0 0 10px 0;
  padding: 0;
  font-size: 15px;
  font-weight:200;
  color:#a2a2a2;
  clear:both;
}

#col1 #partner p{
  width:150px;
  height:150px;
  text-align:center;
  padding:0;
  margin:0 20px 20px 0;
  float:left;
}

#col1 #partner p a{
  display:block;
  width:150px;
  height:150px;
	box-shadow: 1px 1px 3px #a2a2a2;
  -webkit-box-shadow: 1px 1px 3px #a2a2a2;
  -moz-box-shadow: 1px 1px 3px #a2a2a2;
  -o-box-shadow: 1px 1px 3px #a2a2a2;
}

#col1 #partner p a:hover{
	box-shadow: 0px 0px 0px #a2a2a2;
  -webkit-box-shadow: 0px 0px 0px #a2a2a2;
  -moz-box-shadow: 0px 0px 0px #a2a2a2;
  -o-box-shadow: 0px 0px 0px #a2a2a2;
}

#col1 #partner img{
  padding:0;
  margin:0;
}

/* Fahrzeug-Galerie */
#col1 div.fzg {
  float:left; 
  width:760px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color:#fff;
  border:#858585 1px solid;
  padding:15px;
}

#col1 div.fzgdata {
  float:left; 
  width:300px;
  margin:0px 20px 10px 0px;
}

#col1 div.fzgimg {
  float:left; 
  width:440px;
}

#col1 div.fzgimg img {
  margin:0 10px 0 0;
	box-shadow: 1px 1px 3px #a2a2a2;
  -webkit-box-shadow: 1px 1px 3px #a2a2a2;
  -moz-box-shadow: 1px 1px 3px #a2a2a2;
  -o-box-shadow: 1px 1px 3px #a2a2a2;
}

.has-error label,
.has-error span.help-block {
  color:#ff0000!Important;
}

.has-error .form-control {
  background-color:#fff;
  border:1px #ff0000 solid;
}

.has-error .form-control:focus {
  border-color: #ff0000;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  outline: 0 none;
}

.has-error .input-group-addon {
  background-color: #f0f0f0;
  border-color: #ff0000;
  color: #303030;
}

/* Ansprechpartner */
#col1 div.ansprech {
  float:left; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color:#fff;
  border:#858585 1px solid;
  padding:15px;
  margin:0 15px 15px 0;
  min-height:135px;
}

#col1 div.ansprech div{
  float:left; 
}

#col1 div.ansprech a{
  font-size:12px;
}

#col1 div.ansprech ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#col1 div.ansprech li{
  margin:0;
  padding:0;
  list-style-type:none;
}

#col1 div.ansprech_data { 
  margin:0;
  padding:0;
  width:180px;
}

#col1 div.ansprech_img {
  margin:0;
  padding:0;
  width:80px;
}

#col1 div.ansprech_funkt {
  margin:0;
  padding:0;
  width:150px;
}
 
/* footer */
#footer {
  color: #009933;
  background-color:#a2a2a2;
	width:100%;
  height:211px;
	line-height: 15px;
	padding:0;
  margin:50px 0 0 0;
  border-top:#666 5px solid;
	background-image:url('../img/bg_footer.jpg');
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left bottom;
}

#footer #footercont { 
  text-align:left;  
  padding:0;
	margin:0 auto;
  width:980px; 
  height:200px;
  position:relative;
}

#footer #footercont div.bot_logo {
  position:absolute;
  right:0;
  top:-41px;
}

#footer #footercont  h2{
  color:#666;
  font-size:18px;
  font-weight:600;
  font-style:italic;
  margin:30px 0 5px 0;
  padding:0;
}

#footer #footercont p{
  color:#fff;
  font-size:11px;
  margin:0;
  padding:0 0 5px 0;
}

#footer #footercont ul{
  margin:0 0 8px 0;
  padding:0;
  list-style:none;
}

#footer #footercont li{
  font-size:11px;
  color:#fff;
  list-style-type:none;
  margin:0;
  padding:0;
  height:16px;
}

#footer #footercont li label{
  width:40px;
  float:left;
  display:block;
  font-size:11px;
}


#footer #footercont li a{
  font-size:12px;
  text-decoration: none;
  display:block;
  color:#fff;
}

#footer #footercont li a:hover{
  text-decoration:underline;
}