* {
	margin: 0;
	padding:0;
}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
a {
	outline: none;
}
a:link {
	color:#eb6909;
	text-decoration: none;
}
a:visited {
	color:#eb6909;
	text-decoration:none;
}
a:hover {
	color:#333;
}
a:active {
	color:#333;
}
img {
	border:none;
	

}
body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px;  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8);  z-index: 100; }
*+html img {   display:block; vertical-align:bottom;}
img a {
	border:none;
}


h1 {
	font-size: 18px;
	font-weight:bold;
	padding:5px 0;
	color:#eb6909;
	text-shadow: 1px 1px 0px #ddd;
}
h2 {
	font-size: 16px;
	font-weight:bold;
	color:#eb6909;
	
}

h3 {
color:#68AF21;
font-weight:bold;
font-size:14px;
}
p {
	padding: 5px 0
}
li {
	list-style-position:outside;
margin-left:15px ;
}



body {
	background-color:#fff;

font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
	color:#3e3e3e;
}
#wrapper {
	width:990px;
	margin:0 auto;
	text-align:left;

	
}

#header_top {
height:20px;

}

#header {
height: 137px;
background:url(images/header.jpg);
}

#header_bottom {
height:20px;
background: #eb6909;
text-align:center;
padding: 10px;
font-size: 20px;
color:#fff;
font-weight:bold;
text-shadow:1px 1px 0 #333;
}

#header_bottom a:link{
height:20px;

text-align:center;
padding: 10px;
font-size: 20px;
color:#fff;
font-weight:bold;
text-shadow:1px 1px 0 #333;
}

#header_bottom a:visited{
height:20px;

text-align:center;
padding: 10px;
font-size: 20px;
color:#fff;
font-weight:bold;
text-shadow:1px 1px 0 #333;
}

#header_bottom a:hover{
height:20px;

text-align:center;
padding: 10px;
font-size: 20px;
color:#014C90;
font-weight:bold;
text-shadow:1px 1px 0 #333;
}

#content {
min-height: 400px;
height:auto !important;
height: 400px;
background:url(images/content_bg.jpg);
background-repeat:repeat-y;
}

#content_left {
float:left;
width: 180px;
background-image:url(images/logos.jpg);
background-repeat:no-repeat;
background-color:#68AF21;
height:50%;
}

#content_middle {
float:left;
width:580px;
padding:10px;
}

#content_right {
float:left;
width: 200px;
padding:10px 5px 5px 5px;
text-align:center;
}

#footer {
clear:both;
height:20px;
background-color:#eb6909;
color:#fff;
text-align:center;
padding:5px;
border-top: 1px solid #333;
}


.grey_box {
width: 165px;
background:#e8e8e8;
border:1px solid #c5c5c5;
padding:5px;
margin: 10px 0;
text-align:left;
line-height:normal;
font-size:12px;
}

.spalte {
font-size:12px;
float:left;
width:170px;
padding: 10px;
line-height:normal;
}
.spalte_schmal {
font-size:12px;
float:left;
width:130px;
padding: 5px;
line-height:normal;
}

#sparfibel {
margin-left:-48px;
margin-top:10px;
}


/****************Menü********************************/

.glossymenu {
	padding: 0;
	width: 180px; /*width of menu*/
	margin-top:70px;
	border-right:1px solid #ddd
	
}
.glossymenu a.menuitem {

	color: #fff;
	border-top: 1px solid #fff;
    display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	height:22px;
    padding:5px 0 0px 10px;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: #fff;
	text-transform:uppercase;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background:#eb6909;
	background-repeat:repeat-x;
	color:#fff;
	text-shadow:1px 1px 0 #3e3e3e;
}
.glossymenu a.menuitem#aktuell {
	background:#eb6909;
	color:#fff;
	text-shadow:1px 1px 0 #3e3e3e;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/

}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	margin-left:0px;
		background:#fff;
		color:#68AF21;
	background-repeat:repeat-x;
	border-bottom:1px solid #ddd;
}
.glossymenu div.submenu ul li a {
	display: block;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #68AF21;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	
}
.glossymenu div.submenu ul li a:hover {
			background:#eb6909;
			color:#fff;
	
	
}
.glossymenu div.submenu ul li a#aktuell {
background:#eb6909;
color: #fff;
	}

/*********************Kontaktformular***************************************/
/*Formatierung der Tabellenzellen*/
.cs_contact_content2 {
width:100px;
text-align:right;
}
.cs_contact_content3 {

}
.cs_contact_content4 {
padding:0 0 15px 0;
font-weight:bold;
}
.cs_contact_content5 {
padding: 15px 0 0 0;
font-weight:bold;
}
/*Input-Felder*/
.cs_contact_textinput {

}
/*Textareas*/
.cs_contact_textinput2 {
height:150px;
}
/*Button*/
.cs_contact_savebutton {

}
/*Erfolgsmeldung*/
.cs_contact_msg {
	color: #339900;
	background-color: #D5FFB9;
	border: thin solid #339900;
	font-weight: bold;
	padding:3px;
}
/*Fehlermeldung*/
.cs_contact_err {
	color: #FF0000;
	background-color: #FFE6E6;
	border: thin solid #FF0000;
	font-weight: bold;
	padding:3px;
}



/* Form fields
-------------------------------------------------------------- */
/*label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }*/

input[type=text], input[type=password],
input.text, input.title,
 select {
  background-color:#fff;
  border:1px solid #bbb;
  margin:1px 2px;

}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

select {
margin-left:2px;
}

input[type=text], input[type=password],
input.text, input.title,
textarea,  {
margin:1px 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }





#cs_social_bookmarks_container img{
border:none;
margin:2px;
}


#motulwerbung{
width:175px;
height:385px;
background-image:url(images/markenoelewerbung.jpg);
background-repeat:no-repeat;
border:1px solid #000000;
margin-left:10px;
margin-top:10px;
position:relative;
}
#wslider{
width:173px;
height:190px;
margin-left:1px;
margin-top:195px;
}
.motul_link{
position:absolute;
display:block;
width:175px;
height:385px;
}


/*************************/

#newsletter {
margin-top: 15px;
background-image:url(images/newsletter.jpg);
width:160px;
height:91px;
margin:0 auto;
   background-position: 0 0;
}

#newsletter:hover {
margin-top: 15px;
background-image:url(images/newsletter.jpg);
width:160px;
height:91px;
margin:0 auto;
   background-position: 0 91px;
}

/********************************/
.mobil  {
float:right;
margin:0 auto;
width:180px;
height:120px;
background-image:url(images/mobil.jpg);
background-position: 0 0;
display:block;
}

.mobil:hover {
background-position: 0 -120px ;
}


/***********************************/

.neu:before {
content:"NEU";color:#ff0000; padding-right: 5px;
}
.glossymenu a.menuitem#aktuell neu:before {
	
	color:#fff;
	
}