/* 1.38/22 * pixel = em */


body {
	font-family: arial, sans-serif, helvetica, veradana;
	_overflow: hidden; /* IE6 */
	margin: 0.6em 0 0.6em 0;
	padding:0;
	text-align: center;
	font-size: 100.1%;
	/*background-color: #b22829;*/
	background-color: #7a2426;
}

form {
	margin: 0;
	padding: 0;
	text-align:left;
}

fieldset {
	border: 0;
	padding:0;
	margin: 0;
}

p {
	margin:0;
	padding:0;
	line-height:1em;
}

#outer {
	font-size: 0.753em; /*entspricht ungefähr 12px*/
	margin:0 auto;
	text-align:center;
	width:65em;
	border: 1px solid white;
	background-color: white;
	position:relative;
}

#header {
	position:relative;
	width: 65em;
	height:13.66em;
	margin: 0 auto;	/* firefox und opera brauchen dies, um #header zu zentrieren*/
	
	border-bottom:1px solid #e7e7e7;
}

#font-control {
	/*nearly the same values as #outer*/
	width: 63.2em;
	margin: 0 auto;	/* firefox und opera brauchen dies, um #header zu zentrieren*/
	text-align:right;
	
	padding: 1em;
	
	font-size: 0.753em; /*entspricht ungefähr 12px*/
	color: white;
	
	background-color: #7a2426;
}

#content {
	clear:left;
	width: 61em;
	padding: 3em 2em 2em 2em; /*padding values funktionieren im ie6 nicht*/
	
}

#bottom {
	width: 63em;
	height: 1.85em;
	margin: 0 auto;	/* firefox und opera brauchen dies, um #header zu zentrieren*/
	padding: 0;
	background-color:#f3f3f3;
	text-align:right;
	padding-right:2em;
}

#bottom h1 {
	display:none;
}

.fixfloat {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  width: 0px;                  /* Breite: 1px */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  font-size: 0px;              /* Schriftgröße: 0px */
  line-height: 0px;            /* Zeilenhöhe: 0px */
  height: 0px;                 /* Höhe: 0px */
}




/*****************************************nav-dropdown****************************/
#main_menu {
	position:absolute;
	top: 11.2em;
	left: 0;
	width: 65em;
	padding:0;
	height: 2.5em;
	background-color: #e7e7e7;
	background: url(images/main_menu_bar_bg.png) repeat-x top;
	/*border-bottom: 1px solid #e7e7e7;*/

}

#main_menu h1{
	display:none;
}

#nav_drop, #nav_drop ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


#nav_drop {
	position:relative;
	top:-0.25em; /*height of border top*/

	_position:static; /*fix for ie6: gab einen unschönen rand unten, der so hoch war wie die farbigen rahmen - position:relative hat zwar die ul nach oben verschoben, aber eben den rand gelassen*/
	
	text-align:left;	/*fixes problem in ie - childs were centered as well; alignment of first level is achieved by applying it to a-(block)-elements*/
	width: 51em;	/*centers first level bar everything; */
	margin:0 auto;	/*centers first level bar everything*/

}



#nav_drop a {
	display:block; /*see #nav_drop*/
	text-align:center; /*see #nav_drop*/
	text-decoration:none;
	/*color:#a7a7a7;*/
	color: black;
	line-height: 2.43em;
	border-top:1px solid #e7e7e7;
	border-left: 1px solid white;
	
}

#nav_drop a:hover {
	color:black;
	text-decoration:underline;
}
	
#nav_drop li.firstlevel {
	float: left;
	background-color: #f3f3f3;
	background: url(images/firstlevel_bg.png) repeat-x top;
	margin-left: 1px;
	width: 12.5em;
	height: 2.5em;
	border-top: 0.25em solid #f12938;
	border-bottom: 1px solid #e7e7e7;

}

#nav_drop li.firstlevel:hover, #nav_drop li.active{
	font-weight:bold;
	border-top: 0.25em solid #2a2aff;
	
}


/*snd level*/

#nav_drop li:hover ul, #nav_drop li.sfhover ul {
	left: auto; /*macht left -999em wieder rückgängig*/
}

#nav_drop li ul {
	position: absolute;
	left: -999em;

	font-weight:normal;
	background-color: white;
	background: url(images/sndlevel_area_bg.png) repeat-x bottom;
	_background: url(images/nix.png); /*lieber kein hintergrundbild anzeigen, weil transparenz in ie6 nicht funktioniert; nix.png gibt es nicht*/
	padding:3px 0 10px 0 ;	/*makes white gap between 1st und 2nd level and at the very bottom of seceond level list*/
	border-top:1px solid #e7e7e7;
}

#nav_drop li ul li {
	/*height can not be specified here as IE6 shows ul then*/
	/*margin-top:1px; makes border between entries*/
	border-top: 1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
}



#nav_drop ul li a {
	display:block;
	width:21em; /*breite der ganzen sublevel*/
	padding-left: 1.833em;
	padding-right: 1em;
	text-align:left;
	text-decoration:none;
	line-height: 1.833em;
	color:black;
	background-color:#f5f5f5;
	background:url(images/sndlevel_bg.png) no-repeat left center;
	border:0;
}

#nav_drop ul li a:hover, #nav_drop ul  li a.active {
	background-color: white;
	background:url(images/sndlevel_bg_hover.png) no-repeat left center;
	font-weight:bold;
}

#nav_drop ul li a.last {
	border-bottom: 1px solid #e7e7e7;
}

/******************************************bottom***********************************/

#bottom ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#bottom li {
	float:right;
	margin-top: 0.2em;
}

#bottom li a {
	padding: 0 2em 0  0;
	
	text-decoration: underline;
	color:black;	
}

/******************************************content***********************************/
#content a {
	text-decoration: none;
	color: #2a2aff;
	border-bottom: 1px dashed #2a2aff;
}

#content a:visited {
	text-decoration:none;
	color:black;
	border-bottom: 1px dashed black;
}

#content a:hover {
	text-decoration:none;
	color:red;
	border-bottom: 1px dashed #f12938;
}

#content a:active {
	font-weight:bold;
}

#content p {
	clear:right;
	float:right;
	width: 34em;
	margin: 0 0 1.3em 0;
	padding-right: 3em;  /*konnt abstand  nach rechts nicht in margin unterbringen, weil ie6 da Probleme gemacht hat.*/

	line-height: 1.6em;	
	text-align:left;
	

	
	/*background-color: yellow;*/

}

/*
#content p.first {
	padding-top: 1em;
	border-top: 1px solid black;
}

*/

#content ul {
	clear:both;
	float:right;
	width: 31em;
	
	margin: 0 0 1.3em 0em;
	padding: 0 3em 0 2em;
	
	line-height: 1.6em;	
	text-align:left;
	
		/*background-color: yellow;*/

}

#content ul  li{
	margin-bottom: 0.4em;
}

#content h1 {
	position:relative;
	top:-8em;
	
	margin:0;
	padding:0;
	
	color:  #a7a7a7;
	font-size: 1.5em;

}

#content h2 {
	clear:both;
	float:left;
	width: 18em; 
	margin:-0.1em 2em 0  0;

	
	text-align:right;
	font-size:1.166em;
	line-height: 1.6em;
	color:#b22829;
	
	/*background-color:red;*/
}

#content h3 , #content h4{
	clear:right;
	float:right;
	width: 34em;
	margin: 0 0 1.3em 0;
	padding-right: 3em;

	font-size: 1em;
	line-height: 1.6em;	
	text-align:left;
	
	/*background-color: red;*/
}

/*
#content h3 .employer {
	color:#2a2aff;
}
*/
#content h4{
	color: #a7a7a7;
}


/*not used but in referenzen.test*/
#content .picture {
	float:left;
	text-align: right;
	width: 21em;
	margin: 0.5em 3em 0 0 ;
	padding-bottom: 1.5em;


}

/*referenzen*/
#content .img-paragraph {
	width: 24.5em;
}

/*referenzen */
#content .img {
	float:right;
	margin: -0.5em 0.3em 2em 0;
	width:10em;
	height:7.9em;
	border:0;
}
 

#content p.title {
	float:none;
	width:auto;

	margin:0 0 0.4em 0;	/*margin-top value doesn't work in IE7 - therfore padding-top was applied*/
	padding:0.5em 0 0 0;
	
	text-align:center;
	color: #a7a7a7;
	font-size:4em;	
}

#content p.email {
	float:none;
	width:auto;

	margin:0 0 2em 0;
	padding:0;
	
	text-align:center;	
	color: #a7a7a7;	
}

#content p.subtitle {
	float:none;
	width:auto;

	margin:0 0 8em 0;
	padding:0;
	
	text-align:center;	
	color: #a7a7a7;
	font-size:1.5em;
}

/******************************font-control*******************************/

#font-control a {
	text-decoration:none;
	color: white;
}

#font-control a:hover{
	text-decoration:underline;
}


/******************************* E-Mail-Formular***********************************/

#form_email p {
	float:none;
}

#message , #recaptcha, #email_absender, #name{
	padding: 0.417em 0.417em 0.417em 0.833em;
	margin: 0 0.833em 0.833em 0;
}

.error {
	font-weight: bold;
	color: red;
	margin: 1.666em 0 1.666em 0;
}

.ok{
	font-weight: bold;
	color: #009900;
	margin: 1.666em 0 1.666em 0;
	height:4.166em;
}

.err1 {
	background-color:#ff9999;
}

.err , .err0 {
	background-color: #e8eaf2;
}

	
#form_email #input_name, #form_email #recaptcha_response_field, #form_email textarea, #form_email #input_email_absender {
	border: 1px solid #cccccc;
	padding: 0.3em 0.3em 0 0.3em;
	font-size: 1.14em;
}


#input_name, #input_email_absender {
	width: 16.666em;
	height: 1.666em;
}

#input_message {
	width: 30.5em;
	height: 10em;

}


#form_email fieldset{
	padding: 0;
}

#form_email legend {
	display: none;
}

#form_email label {
	font-size: 1em;
}

#form_email .button {
	border:0;
	width: 10em;
	height: 2em;

	text-align: center;	
	font-size: 1.2em;
	color: black;
	cursor: pointer;
}

#form_email  .hinweis {
	font-size: 0.833em;
	color: #999;
}

/*captcha*/

#captcha_bild {
	float:left;
	margin: 3px 0 0 1px;
}

#captcha_alternativen {
	float:left; 
	margin: 3px 0 0 10px;
	font-size: 0.714em;
	width: 13em;
}

#captcha_alternativen  div{
	background-image: url(images1/pfeil_schwarz.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 13px;
	margin-bottom: 3px;
	
}

#captcha_antwort {
	clear:left; 
	margin: 10px 0 0 0;
}

#recaptcha_response_field {
	width: 16.666em;
	height: 1.666em;
}