@media screen, projection

{

 h4 {

	font-family: verdana;

	font-size: 14px;



}



  body {

	overflow-y: scroll;

	background-color: #F8F8F8;

}



 

  /* (de) Randbereiche & Seitenhintergrund */

  body {

	padding: 10px 0;

	font-family:Verdana,;

}



  /* Layout Alignment | Layout-Ausrichtung */

  .page_margins {

	margin: 0 auto;

	border: 1px solid #666699;

	background-color: #FFFFFF;

}



  /* Layout Properties | Layout-Eigenschaften */

  .page_margins {

	width: 967px;

	border: 1px solid #8E519A;

}

  .page {

}



 

  #header {
	position: relative;
	width: auto;
	height: 188px;
}

  #topnav { position:absolute top:10px;

	text-align:left;

	color: #aaa;

	background: transparent;

	margin-top: 35px;

	margin-left: 0px;

}



  #main {
	margin: 20px 0;
	text-align: justify;
	height: auto;

}

  #footer {

	padding: 10px 20px;

	font-size: 10px;

	width: 920px;

	margin: 0px auto;

	height: 20px;

}



  /*(de) horizontale Ausrichtung  */

    #nav {

	height: 37px;

	margin-left: 262px;

	font-family: Verdana;

	font-size:12px;

	list-style: none;

	font-weight:bold;





}

  #nav ul { margin-left: 20px; }

ul#nav {

    margin: 0; padding: 0;

	

  }

  ul#nav li {

    list-style: none;

    margin: 0; padding: 0;

	

  }

#nav ul {

  margin:0;

  padding:0;

  list-style:none;

  

  }

#nav li {

	float:left;

	margin:0px;

	line-height: 35px;





 



  }

#nav a {

	display:block;

	background-repeat:no-repeat;

	background-image:url(bilder/topnavi.png);

	height:38px;

	text-align:center;

	text-decoration:none;

	width: 141px;

	color: #000000;





  }

#nav a:hover {

	color:#CCCCCC;

	background-image:url(bilder/topnaviactive.png)

      }

	  

#ta #nav a.index,

#tb #nav a.bewerber,

#tc #nav a.unternehmen,

#td #nav a.kontakt,

#te #nav a.login{

	color:#dddddd;

	background-image:url(bilder/topnaviactive.png);

      }

#seitlich {

	color:#9076AA;

	font-size:11px;

	font-family:Verdana;

	font-weight:bold;

	text-align:left;

	background-repeat: no-repeat;

	text-decoration: none;

	display: block;

	height:auto;

 	

	padding:0 0 0 60px;

 

      }

#seitlich a {

	color:#9076AA;

	font-size:11px;

	font-family:Verdana,;

	font-weight:bold;

	text-align:left;

	background-image:url(bilder/sidenavi.png);

	background-repeat: no-repeat;

	text-decoration: none;

	display: block;

	height:20px;

	line-height: 20px;





 

	 padding:0 0 0 25px;

 

      }

#seitlich a:hover  {

	background-image:url(bilder/sidenaviactive.png);

	display: block;

	padding-left: 25px;

      }

#seitlich :active  {

	background-image:url(bilder/sidenaviactive.png);

	display: block;

      }

#seitlich a:focus {

	background-image:url(bilder/sidenaviactive.png);

	display: block;

	padding-left: 25px;

      }

#ma #seitlich a.uns,

#mb #seitlich a.phil {

    background-image:url(bilder/sidenaviactive.png);

	display: block;

      }

/* DIV-Boxen */

  /*-------------------------------------------------------------------------*/



  /**

  

   * (de) Formatierung der Inhalts-Container

 

   */



  #col1 {

	float: left;

	width: 255px;

}

  #col2 { display:none}

  #col3 {
	width: auto;
	margin: 0 0 0 256px;
	padding-right: 10px;
	text-align: justify;
}



  #col3_content {
	padding: 0 0px 0 5px;
	font-size: 12px;
	font-family: Verdana;
}

	.Stil4 {font-size: 12px}


  /*-------------------------------------------------------------------------*/

}

a:link {

	color: #6D1E7E;

}

a:visited {

	color: #6D1E7E;

}

a:hover {

	color: #000000;

}

.text {

	width: 45%;

}