/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
/* ul,ol { list-style:none } */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:middle; border-spacing:0px; }


legend { display:none; }
html {height: 101%;}
body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
/*
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

 ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;} */

pre			{font-size:1.2em; }


/*	body
*******************************************************************************/
body {
	background-image:url(back.jpg);
	background-repeat:repeat-x;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}


.clear {
	clear:both;
}

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

.warning { color:#f00; }


/*	website
*******************************************************************************/

#outerFrame	{
  width: 700px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/*	header
*******************************************************************************/
#header {
	background-image:url(back_header.jpg);
	background-repeat:repeat-x;
  width: 844px;
  margin: 0 auto;
  padding: 0;
  height: 60px; 
}

/*	logo / breadcrumb
*******************************************************************************/


#logo {
	position:relative;
	top: 101px;
	left: 26px;
	width: 199px;
	height: 65px;
	background-image:url(prodeus_logo.jpg);
	background-repeat: no-repeat;	
}

#logo a {
	display:block;
	height:65px;
	width:199px;
	text-indent:-700em;
}

#breadcrumb {
	position:relative;
	top: 10px;
	left: 250px;
	font-size: 9px;
	color: #a6a6a6;
	width: 550px;
}

.login {
	font-size: 9px;
	color: #3f6fa5;
	}

#login {
	font-size: 9px;
	color: #000;
	width: 140px;
	}

#paswd {
	font-size: 9px;
	color: #000;
	width: 140px;
	}

#sprache{
position: absolute;
margin-left: 167px;
margin-top: 90px;
height: 15px;

}

.fahne a{
float: left;
padding-left: 5px;
}

#sprache a:hover{
padding-top: 2px;
}


/*	content
*******************************************************************************/


#content {
	background-image:url(content_back.jpg);
	background-repeat:repeat-x;
  width: 844px;
  margin: 0 auto;
	margin-top: 159px !important; 
  margin-top: 15px; /* nur f?r den IE */
  padding: 0;
  height: 310px;
}

#content2 {
	position: absolute;
  width: 530px;
  margin: 0 auto;
  margin-top: 25px; 
  margin-left: 250px;
  padding: 0;
}

/*	Navigation -----------------------------------------------------------------------------*/

#header-nav {
	position:relative;
	font-weight:bold;	
	top: 5px;
	left: 330px;
	width: 521px;
	height: 139px;
	overflow: hidden;
}

#header-nav img{
	float:left;
}


#header-nav #homeaktiv{
	float: left;
	width: 81px;
	height: 139px;
	
	background-image: url("home.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #home.active{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("home.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #home:hover{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("home.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #home {
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("home.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}

#header-nav #profilaktiv{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("profil.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #profil.active{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("profil.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #profil:hover{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("profil.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #profil {
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("profil.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}

#header-nav #serviceaktiv{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("service.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}


#header-nav #service.active{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("service.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #service:hover{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("service.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #service {
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("service.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}

#header-nav #kontaktaktiv{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("kontakt.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #kontakt.active{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("kontakt.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #kontakt:hover{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("kontakt.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #kontakt {
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("kontakt.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}

#header-nav #impressumaktiv{
	float: left;
	width: 82px;
	height: 139px;
	background-image: url("impressum.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}


#header-nav #impressum.active{
	float: left;
	width: 82px;
	height: 139px;
	background-image: url("impressum.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #impressum:hover{
	float: left;
	width: 82px;
	height: 139px;
	background-image: url("impressum.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #impressum {
	float: left;
	width: 82px;
	height: 139px;
	background-image: url("impressum.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}

#header-nav #internaktiv{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("intern.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #intern.active{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("intern.jpg");	
  background-position: 0 -278px;
	background-repeat: no-repeat;	
}

#header-nav #intern:hover{
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("intern.jpg");	
  background-position: 0 -139px;
	background-repeat: no-repeat;	
}

#header-nav #intern {
	float: left;
	width: 81px;
	height: 139px;
	background-image: url("intern.jpg");	
	background-position: top left;
	background-repeat: no-repeat;	
}


#header-nav ul.nav1st {
	font-weight:bold;	
}


#header-nav ul.nav1st li {
	display:block;
	font-weight:bold;	
	float:left;
	font-size: 12px;
	padding:5px 7px 5px 7px;
}

#header-nav ul.nav1st li.active {
	color:#000;
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
	font-weight:bold;
	color:#000;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
	font-weight:bold;
	color:#d5d5d5;
	font-size: 10px;
}

#header-nav ul.nav1st a:hover {
	font-weight:bold;
	color:#a5a5a5;
}


#navigation {
	float: left;
	position: absolute;
	margin-top: 25px;
	margin-left: 35px; 
}

#navigation ul.nav2nd li {
	padding: 2px;
	font-size: 12px;
	font-weight:bold;
	list-style: none;

}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	display:block;
	color:#a5a5a5;
	list-style: none;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link {
color: #3f6fa5;
list-style: none;
}

#navigation ul.nav2nd a:hover {
color: #000;
list-style: none;
}

.login {
	float: left;
	position: absolute;
	margin-left: 45px;
	margin-top: 200px;
	width: 155px;
}


/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
h1 {
	color:#3f6fa5;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	padding-bottom: 10px;
}

 .teaser h1 {
	font-size:1.4em;
}


/*	Hyperlinks
------------------------------------------------------------------------------*/
#content a, #content a:link {
	color:#a0a0a0;
	text-decoration:none;
	}

#content a:visited {
	color:#a0a0a0;
	text-decoration:none;	
}

#content a:hover {
	color:#000;
	text-decoration:none;	
}

#content img{
	padding: 0 5px 5px 0;
}



/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 10px
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
}

#form-module label {
	display:block;
	float:left;
	width:120px;
}

#form-module label.checkbox {
	width:372px;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height: 15px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 126px;
	padding:2px 5px;
	border:1px solid #333;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 10px;
} 


/* 
FORMATION CSS:
Heavily borrowed from:
http://silice.de/csstest/formtest.html
*/

form.formation *
{	font-size:100.01%;
	margin:0;
	padding:0;
	color:black;
	background-color:white;
	font-family:Verdana,Sans-serif;
}

form.formation fieldset
{	border:1px solid #CCC;
	margin:2em;
	padding:1em;
	font-size:0.9em;font-weight:700;
	width:25em;
}

form.formation  p.radio,
form.formation p.checkbox
{	font-size:0.9em;
}

/* really bad IE hack \*/
* html form.formation fieldset { width:29em; }
* html form.formation fieldset legend { margin-bottom:1em; }
/* IE hack */

form.formation label
{	font-size:0.8em;
	font-weight:700;
	width:10em;
	float:left;
	margin:0 0 0.3em 0;
}

form.formation input, 
form.formation select, 
form.formation textarea
{	font-weight:normal;
	float:left;
	margin:0 0 0.3em 0;
	font-size:0.8em;
}

form.formation fieldset br
{	clear:left;
}

form.formation input.text,
form.formation input.password
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation select
{	width:20.3em;
	border:1px solid #CCC;
}

form.formation textarea
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation input.checkbox
{	margin-left:8em;
}

form.formation label.checkbox
{	font-weight:normal;
	margin-left:1em;
}
form.formation input.radio
{	margin-left:8em;
}

form.formation label.radio
{	font-weight:normal;			
	margin-left:1em;
}
form.formation input.button
{	width:30.3em;
	border:1px solid #CCC;
	background-color:#DDD;
	font-weight:700;
	font-size:0.8em;
	margin-top:2em;
	color:black;
}

form.formation input.button:hover
{	border:1px solid black;
}

form.formation p.FORMATIONerror
{	border:1px solid #CC6666;
	color:#000000;
	background-color:#FFCCCC;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}

form.formation p.FORMATIONsuccess
{	border:1px solid #76CB66;
	color:#000000;
	background-color:#D3FECB;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}
form.formation strong
{	background:none;
}

.textformarea
{
  font-family: Tahoma, Arial, Helvetica, Verdana;
  font-size: 11px;
  color: #000;
  background-image: url(prodeus_fade.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.redMandatory
{
  font-family: Tahoma, Arial, Helvetica, Verdana;
  font-size: 10px;
  color:#990000;
}

.blueSelect
{
  font-family: Tahoma, Arial, Helvetica, Verdana;
  font-size: 10px;
  color:#0080d9;
}