﻿  body {
    color: black; background-color:rgb(232,232,232);
    font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px;
    margin: 0; padding: 1em 0;
    text-align: center ;
  }

.style1 {
	color: rgb(59,109,180);
	font-weight:bold;
}

.link {
	line-height: 1.5em
}
  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 925px;
    height: 750px;
    padding: 0;
    /*background:white url('Pics/hintergrund.gif') repeat-y;*/
    background: white ;
    border: 2px ridge silver;
  }

  h1 {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    height: 101px;
    text-align: center;
    border-bottom: 1px solid #5c5c5c;
   }
  h1#index {
     background: #b3b9b9 url('Pics/banner-jobs.jpg') no-repeat 100% 45%;
  }
  h1#uber_uns {
    background: #b3b9b9 url('Pics/banner-losungen.jpg') no-repeat 100% 45%;
  }
  h1#kontakt {
    background: #b3b9b9 no-repeat  100%  45% url('Pics/banner-impr.jpg');
  }
  h1#jobs {
    background: #b3b9b9 no-repeat  100%  45% url('Pics/banner-agb.jpg');
  }
  h1#winline  {
    background: #b3b9b9 no-repeat  100%  45% url('Pics/banner-meso.jpg');
  }
  h1#dienst  {
    background: #b3b9b9 no-repeat  100%  45% url('Pics/banner-kontakt.jpg');
  }

div#Navigation {
  	float:left;
  	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px;
  	width: 180px; height:596px;
    margin: 0; padding: 0 0 1em 0; 
    background-color: #3b6db4;
}

  ul#Navigation {
  	float:left;
  	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px;
  	width: 180px; height:596px;
    margin: 0; padding: 0 0 1em 0; 
    background-color: #3b6db4;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }

   ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
   	display:list-item;
    padding: 0.2em 0.2em 0.2em 1.5em;
    text-decoration: none; font-weight: bold;
    color: white; background: url('Pics/0068_green_box.png') no-repeat left center;
  }
  * html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2 {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
  ul#Navigation a {
	margin-left:2em;
	}

  ul#Navigation a:visited {
    background:url('Pics/0173_ok.png') no-repeat left center; 
  }

  ul#Navigation a:hover {
    margin-left: 3em;
    color: white;
    background:url('Pics/0107_dl.png') no-repeat left center; 
  }


  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0em 0.5em 0em 0.5em;
  }

  ul#Navigation span {
    margin-left:2em; margin-right:2em;
    color:red; background: rgb(255,221,120) url('Pics/0079_wp-industrial-bullet-green-10x10.png') no-repeat left center;
  }


  ul#Navigation h2 {
    font-size: 1em;
    margin: 1.1em 0 1.1em 0;
    border-color: gray;
    color: black; background: rgb(255,248,228);
  }

	.imagemiddle {
	position:inherit ;
	margin-left: 20% ;
}

	.imageright {
	background: url('Pics/imperessum.png') no-repeat transparent scroll right top ;
	}
	
  div#Inhalt {
  	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 1em 1em 1em; 
    height:596px;
    width:auto;
    overflow:auto;
    border-left:4em #b3b9b9 solid; 
  }
  * html div#Inhalt {
    height: 596px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
      }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
  }
    div#Inhalt  h2.info {
    font-size: 1.5em;
    text-align:center;
	margin-top:15em;
  }
    div#Inhalt  h2.error {
    font-size: 1.5em;
    text-align:center;
	margin-top:15em;
	color: red;
  }

  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
    div#Inhalt p.info {
    font-size: 1em;
    margin: 1em 0;
   	text-align: center;
   	color: navy;
  }
  div#Inhalt li {
    font-size: 1em;
    margin: 0;
  }

	div#Inhalt a {
		color: #5c5c5c;
		font-weight:bold;
	}

	div#Inhalt a:hover {
		color: #3b6db4;
	}
	
  div#Fusszeile {
    font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px;
    margin: 0;
    height: 35px; width: 925px;  
    padding: 5px 0 0 0;
    text-align: center;
    background-color: #b3b9b9;
    border-top: 1px solid #5c5c5c;
    overflow:auto;
  }
 
 div#Version {
	display:block;	
	position:relative; 
	padding: 0 ;
	border: 0;
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	font-size: 1em;
	margin:auto;
	margin-top: 0.5em;
	width: 925px;
	height: auto;
	text-align: right ;
	}
	
	form#kontakt {
	border:1px #3b6db4 solid ;
	padding:1em;
	margin:1em 0 0 0;
	background:white url('Pics/ATsign.png') no-repeat right top ;
	}
	form#kontakt label{
	width: 10em;
	float: left;
	text-align: right;
	margin: 0.5em 0 0 1em;
	display: block;
	vertical-align: middle;
	}
	form#kontakt input{
	margin: 0.5em 0 0 1em;
	BACKGROUND-COLOR:#b3b9b9; 
	BORDER-BOTTOM: #3b6db4 1px solid; 
	BORDER-LEFT: #3b6db4 1px solid; 
	BORDER-RIGHT: #3b6db4 1px solid; 
	BORDER-TOP: #3b6db4 1px solid; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	vertical-align:middle;
	}
	form#kontakt textarea{
	margin: 0 0 0 1em;
	BACKGROUND-COLOR:#b3b9b9; 
	BORDER-BOTTOM: #3b6db4 1px solid; 
	BORDER-LEFT: #3b6db4 1px solid; 
	BORDER-RIGHT: #3b6db4 1px solid; 
	BORDER-TOP: #3b6db4 1px solid; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	overflow:auto;
	}
	form#kontakt span {
	margin: 1em 0 0 12em;
	vertical-align:bottom;
	}
	form#kontakt input.radio{
	margin: 0 0 0 0;
	background-color:white;
	border: 0;
	}

	fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	}
	
	img.jumpright {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	float: none;
	}
	
	img.jumptop {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	float: right; 
	}
