/*======================Allgemeines==================*/

html	{
margin:0;
padding: 0;
width: 100%;
height: 101%;}

body {
background: url("images/body_bg.jpg") repeat;
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 1.1em;
color: #000000;
text-align: center;}

a:link, a	{
text-decoration: none;}

a:hover, a:focus	{
text-decoration: underline;}

ul, li  {
margin: 0; 
padding: 0;
list-style-type: none;}

dd	{margin-left: 0;}

em  {
font-weight: bold;
color: #1A0694;}


h1  {
font-size: 1.6em;
color:#1A0694;
text-align:center;
margin: 0;
margin-top: 0.5em;}

h2 { 
color: #1A0694; 
text-align: center;
font-size: 1em;}

h3 {
color: #1A0694;
font-size: 1em;
font-weight: normal;}

h4  {
font-weight: bold;
font-size: 1em;
color: #1A0694;
margin: 0;
padding: 0;}

h5  {
font-size: 0.8em;
margin: 0;  
padding-bottom: 0.1875em;
color: #1A0694;}
    
h6       {
font-size: 0.85em;
color: #1A0694;
text-align: left;
margin-top: 1.2em;
margin-left: 13.5em;
margin-bottom: 0.8em;}

img {
border: none;
text-align: center;
padding: 0;
margin: 0;}

img a,
img a:link	{
text-decoration: none;}

#kopf  {
border: none;
text-align: center;
padding: 0;
padding-top: 0;}

#kopf img {
display: block;
padding: 0;
margin: 0;}
    
span  {font-size: 0.875em;}

label {
float:left;
width: 8em;}

form	{
margin-top: 1em;}

select	{
width: 15em;
margin-bottom: 0.5em;}

input	{
width: 14.6em;
margin-bottom:0.5em;}

/*==============Navigation-Top============*/

#menu {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
position: relative;
height: 2.25em;
text-transform: uppercase;
background: transparent url("navigation/OFF2.gif") repeat top right;
font-family: Arial, Verdana, sans-serif;
border-bottom: 0.125em solid #555555;
border-top: 0.0625em solid #555555;}
 
#menu li {
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;}

#menu li a, #menu li a:link {
display: block;
color: #1A0694; /* alte farbe #2d81ff; */
text-decoration: none;
font-weight: bold;
font-size: 0.75em;
padding: 0.9em 1.9em;
background:transparent url("navigation/DIVIDER.gif") no-repeat top left;}

#menu a:hover, #menu a:focus, #menu a:active {
background: transparent url("navigation/HOVER.gif") no-repeat top left;
text-decoration: none;}

/*==============Navigation-left============*/

#nav {
float: left;
width: 10em;    
font-weight: bold;
color: #1A0694; 
min-height: 21.25em;
padding-bottom: 0.625em;
margin: 0.1875em 0;
margin-top: 0.625em;
text-align: left;}
  
#nav h3 {
font-weight: bold;
color: #1A0694;}

#nav ul {       
margin-top: 0.5em;
margin-left: 0;
font-size: 0.81em;}

#nav li {margin-bottom: 0.3em;}

#nav li a, 
#nav li a:link {
text-decoration: none;
display: block;
width: auto;    
color: #1A0694;        
margin-bottom: 0.0625em;
font-weight: bold;
padding: 0.4em 0.25em;}

#nav li a:hover, #nav li a:focus {    
background: transparent url("navigation/HOVER.gif") repeat-x bottom right;
font-weight: bold;}
        
.aktuell {  
padding: 0.4em 0.25em;
border: 1px solid #000000;   
background-color: white;}

.navi1 {  
background:transparent url("navigation/OFF2.gif") repeat-x top right; 
border: 1px solid #000000;}
  
.navi2  {
padding-left: 0.3em;
border: none;
background: white; 
font-size: 0.8955em;}

.navi2
{
/* ... */
  zoom:1;
}

  
.navi3  {
padding: 0.25em;
padding-left: 0.6em;
border: none;
font-size: 0.9355em; }

/*=================Allgemeine IDs und Klassen=============*/

#wrapper {
width: 59.375em;
margin: 0em auto;
padding-bottom: 1em;}

#inhalt {  
width:50em;
min-height: 30.5em;   
padding: 0.1em 0.1em;
font-size: 0.95em;
margin-left: 12em;
text-align: left;}  
  
#befinden {
font-size: 0.8em;
padding: 0.5em 0em;
margin-top: 2px;
border: 0;
text-align: left;
clear: both;}


#box2 {
width: 59.3em;
background: #c5c5c5;
padding: 0.05em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
border-bottom: 0.1245em solid #555555;
border-top: 0.1245em solid #555555;}

.umschliessend	{
margin-top: 1em;
margin-bottom: 1em;}

.umschliessend_special	{
margin-top:0.5em;
margin-bottom:2.3em;}

.umschliessend_special2	{
margin-top: 1.5em;
margin-bottom: 2em;}

.images {
text-align: center;
margin-top: 2em; }

.text   {margin-left: 2em;}
    
.box1 {
margin-top: 0em; 
float: left;}

.box2 {
margin-left: 11.5em;
margin-top: 0em;
margin-bottom: 1em;
font-size: 1em;}

.fixed  {
position: absolute;
margin-left: 35.5em;
margin-top: -2.1em;
font-size: 0.85em;}

.middle {vertical-align: middle;}

.baseline   {vertical-align: baseline;}

.top	{vertical-align: top;}

/*=================================Layout==================================*/
.fixed a, .fixed a:link	{text-decoration: underline;}

dl.images	{
text-align: center;
float:left;}

#inhalt .box2 p {margin-top: 1em;}

#inhalt a,
#inhalt a:link	{text-decoration: underline;}

#inhalt span   {
font-size: 1em;
font-weight: bold;}

#inhalt img {  
padding: 0.2em 1em 0.2em 0em;
text-align: center;
border: none;}

#inhalt h3 { text-align: center; }

#inhalt p{
margin: 0;
margin-top: 1em;
padding: 0;}

#befinden a {
color: #d90000;
text-decoration: none;}

#befinden a:hover, #befinden a:active, #befinden a:focus {
text-decoration: underline;} 

#box2 a,  #box2 a:link {
font-size: 0.75em;
text-decoration: none;
color: #1A0694;}

#box2 a:hover, #box2 a:focus, #box2 a:active {text-decoration: underline;} 

.box2 ul    {margin-bottom: 0.5em;}

.box2 li    {
list-style-type: disc;
margin-left: 1.5em;
padding-top: 0.5em;}

.clear	{
width: 0px;
clear: both;}

/*=============Schattenboxen  Leistungsangebot===========*/

.container  {
  width: 32%;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 1em;}

.shadow    {
  width: 99%;
  position: relative;
  margin-bottom: 1em;
  margin-top: 0.5em;
  background-color:#909090;
  height: 19em;}

.shadow2    {
  width: 99%;
  position: relative;
  margin-bottom: 1em;
  margin-top: 0.5em;
  background-color:#909090;
  height: 26em;}

.shadow3    {
  width: 99%;
  position: relative;
  margin-bottom: 1em;
  margin-top: 0.5em;
  background-color:#909090;
  height: 14.6125em;}

.content   {
  position: absolute;
  left: 4px;
  top: 1px;
  width: 92.5%;
  height: 98.5%;
  margin: 2px 0 0 0;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom:0;
  background-color: #FFFFC0;
  border:1px solid #000000;
  text-align: left;
  vertical-align:middle;
  bottom: -3px;}

/*==================Table===============*/

table {
width: 50em;
border-collapse: collapse;
display: inline-table;} 

caption {
font-weight: bold;
margin-top: 0.5em;
margin-bottom:0;
text-align: left;}

td {padding: 3px;}

td.big {padding: 20px 0px 20px 0px;}

td.td2  {width: 25em;}

tr.gerade td {
background: #c5c5c5;
margin: 0;}

/*===============================Seitenspezifikation===========================*/

/*==acmotoren==*/
#acmotoren #box2	{
text-align:center;}

#acmotoren .fixed	{
margin-left: 52em;}

#acmotoren .box2,
#dcmotoren .box2	{
text-align: center;
margin-right: 0;
padding: 0;
margin-bottom: 1.5em;
margin-left: 35em;}

#acmotoren img,
#dcmotoren img	{
padding: 0;}


#acmotoren #inhalt	{
height: 43.2em;}
/*==acservo==*/
#acservo table {
  width: 35em;
  margin-top: 1em;}  
  
/*==agb==*/

#agb #inhalt .box2  {
margin-top: 0;
margin-left: 1.5em;
margin-bottom: 0;
font-size: 1em;}  
  
#agb #inhalt h4 {
color: #000000;
margin: 0.5em 0 0 0;
font-size: 1em;}

#agb .fixed	{
margin-left: 59em;}

/*==anfahrt==*/
#anfahrt #inhalt h4 {
margin-bottom: 1em;
margin-top: 1em;
font-size: 1em;
color: #000000;}
  
#anfahrt #inhalt li {
list-style-type: disc;
margin-bottom: 0.5em;
margin-left: 1em;}
  
#anfahrt #inhalt img    {
border: 1px solid #000000;
padding: 0;}

/*==dcservo==*/

#dcservo #box2	{margin-top: 4em;}

#dcservo .box2	{margin-bottom: 0;}

#dcservo span   {margin-bottom: 0;}

#dcservo table,
#hydraulik table  {
margin-top:0.5em;
width: 37em;}

#dcservo #inhalt img	{padding-right:1em;}

#dcservo .umschliessend	{
padding-bottom: 1em;
margin-top: 0;
margin-bottom:0.3em;}

/*==leistungsangebot==*/

#leistungsangebot #inhalt li    {
  list-style-type: disc;
  margin-left: 1.5em;}
  
#leistungsangebot p {
margin: 0;
padding-bottom: 0.5em;
padding-top:0.2em;}

#leistungsangebot #inhalt	{
padding-top:0;}

/*==downloads==*/

#downloads table	{width: 50em;}

#downloads #inhalt img	{padding-bottom: 0;}

/*==feiertage==*/
#feiertage caption  {
  padding-bottom: 1.5em;}
  
#feiertage h5	{
margin-top: 1.15em;
color: #000000;
font-size: 1em;}

/*==firmenchronik==*/

#firmenchronik table	{width: 50em;}

#firmenchronik td   {vertical-align: top;}

/*==geschaeftsfelder==*/

#geschaeftsfelder .umschliessend	{
margin-bottom: 1em;
padding-bottom: 0;}

#geschaeftsfelder .umschliessend_special	{
margin-top: 8em;
margin-bottom:4em;}

#geschaeftsfelder .umschliessend_special2	{
margin-bottom: 6em;}

#geschaeftsfelder .box2	{
font-size: 0.9em;
margin-left:10em;}

#geschaeftsfelder .umschliessend_special3	{
margin-bottom: 3em;}

#geschaeftsfelder #inhalt p	{
margin-bottom: 1em;}

#geschaeftsfelder #inhalt h4    {
color: #000000;
font-size: 0.95em;}

#geschaeftsfelder span   {font-weight: normal;}
  
#geschaeftsfelder #inhalt img	{
margin: 0;
padding:0;
padding-right: 0.5em;}
  
/*==hochleistungsmotoren==*/

#hochleistungsmotoren #box2	{margin-top: 2em;}

/*==hydraulik==*/

#hydraulik .umschliessend	{margin-bottom: 7em;}

/*==impressum==*/
#impressum #inhalt p	{
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top:0;
margin-bottom: 0;}

#impressum #inhalt h5	{
padding-bottom: 0;
font-size: 1em;
color: #000000;}

#impressum h6	{margin-top: 1.3em;}

#impressum .box1	{margin-bottom: 1em;}

#impressum .box2	{
margin-bottom: 2.5em;
margin-left: 24em;}

/*==kontakt==*/

#kontakt .box1 h4   {
padding-top: 1.1em;
font-size: 1em;color: #000000;}

#kontakt .box2 h4   {
padding-top: 1.15em;
font-size: 0.9em;
color: #000000;} 

#kontakt .box1	{}

#kontakt .box1  p {
  margin-left: 0;
  width: 25em;}

#kontakt .box2 p    {
  margin-top: 0.5em;
  margin-bottom: 1em;}
  
#kontakt .box2	{margin-bottom: 6em;}
  
/*==leitbild==*/

#leitbild #inhalt h4    {font-size: 1em;}

#leitbild #inhalt p {
margin-top: 0.3em;
padding-bottom: 0.3em;}

/*==main==*/


/*==mehrere==*/
#acmotoren .box1,
#dcmotoren .box1	{
text-align: center;
margin-right: 3em; 
margin-bottom: 1.5em;}


#produkte .images,
#motoren .images     {margin-top: 5em;}

#kontakt #nav h3,
#anfahrt #nav h3,
#feiertage #nav h3,
#downloads #nav h3,
#impressum #nav h3    {
font-size: 90%;
margin-top: 0.5em;}

#kontakt #nav h4,
#anfahrt #nav h4,
#feiertage #nav h4,
#downloads #nav h4,
#impressum #nav h4	{
font-size: 90%;
margin-top: 1em;
margin-bottom:1em;}

#dcservo table td,
#sensorik table td,
#hydraulik table td   {border: 1px solid gray;}

#frequenzumrichter .box2,
#acservo .box2,
#pneumatik .box2	{margin-left: 13em;}

#frequenzumrichter .umschliessend,
#hochleistungsmotoren .umschliessend	{
margin-bottom: 2em;}

/*==referenzen==*/
#referenzen table	{width: 40em;}

#referenzen .umschliessend	{margin-bottom: 2.5em;}

#referenzen #box2 	{margin-top: 3em;}

#referenzen td.td2	{width: 20em;}

#referenzen td.td3	{
vertical-align: top;
width: 10.3em;}

/*==sensorik==*/
#sensorik td.td2	{width: 7em;}
#sensorik td.td3	{width: 5em;}
#sensorik td.td4	{width: 15em;}

#sensorik .box1,
#sensorik .box1_sensorik	{
float: left;
margin-top: 0.8em;}

#sensorik .box1 img,
#sensorik .box1_sensorik img	{
padding: 0;}

#sensorik table	{
margin-top: 1em;
margin-left: 1em;
width: 35em;}
  
/*==wirueberuns==*/

#wirueberuns .images	{
margin-top: 1em;}

/*==zubehoerantrieb==*/

#zubehoerantrieb #inhalt	{
height: 77em;}

#zubehoerantrieb .umschliessend	{
margin-top: 0;
margin-bottom: 4em;}
  
#zubehoerantrieb table	{
margin-bottom: 0;
width: 37em;}

#zubehoerantrieb #box2	{margin-top: 1em;}

