/* *************************************** *
 * Environment                             *
 * *************************************** */

body {
  font-family:    Verdana, Helvetica, Arial sans-serif;
  font-size:      12px;
  background:     url('../_p/background.png') no-repeat top right;
  line-height:    140%;
}

.typeface-js {
	font-family:	Optimer;
	line-height:	100%;
}

h1, h2, h3, h4, h5 {
  color:          #00305e;
  margin-bottom:  .4em;
  line-height:	  100%;
  text-align:	  left;
}

h1 {
  font-size:      23px;
}

h2 {
  font-size:      20px;
}

h3 {
  font-size:      14px;
}

h4 {
  font-size:      13px;
}

h5 {
  font-size:      11px;
}

a {
  color:          #00305e;
}

p {
  line-height:    140%;
  margin-bottom:  1.0em;
}

.clear {
  clear:          both;
  float:          none;
}

.left {
	float:		  	left;
}

.right {
	float:			right;
}


#wrapper {
  width:          960px;
  margin:         0 auto 0 auto;
}

/* *************************************** *
 * Misc                                    *
 * *************************************** */

a.button {
	display:		block;
	background:		#00305e;
	color:			#FFFFFF;
	font-weight:	bold;
	padding:		5px;
	width:			110px;
	text-align:		center;
}

/* *************************************** *
 * Header                                  *
 * *************************************** */ 

#header {
	width:		 960px;
	border:		 0px;
	padding:	 0px;
}

#header #headerImage {
  width:          580px;
  height:         350px;
  margin:         10px 0px 0px 10px;
  float:          left;
  position:		  relative;	
	border:		 0px;
	padding:	 0px;
  display:		  inline;
}

#header #headerImage img {
  width:          580px;
  height:         350px;
	position: 			absolute;
	top:						0px;
	left:						0px;
}

#header #logo {
  display:		  inline;
  width:          360px;
  color:          #FFFFFF;
  float:          left;
  margin:         10px 10px 0px 0px;
  position:		  relative;	
	border:		 0px;
	padding:	 0px;
} 

#header #logo h1 {
  display: 		  none;
  margin:         62px 7px 0px 7px;
}


#header #logo img {
  position:       absolute;
  top:            55px;
  left:           7px;
}

#header #logo h1 a  {
  text-indent:    -3000px;
  outline:        none;
  height:         57px;
  width:          154px;
  display:        block;
}

#header #logo div {
  position:	      relative;
  background:     #00305e;
  display:        inline;
  height:         170px;
  width:          170px;
  margin:         0px 0px 10px 10px;
  float:          left;	
	border:		 0px;
	padding:	 0px;
}

#header #logo .slogan {
	
  font-family:	  Optimer;
  font-weight:	  normal;
  position:		  absolute;
  bottom:		  10px;
  left:           10px;
  font-size:	  20px;
}


/* *************************************** *
 * Navigation                              *
 * *************************************** */

#navigation {
  display:		  inline;
  float:          left;
  width:          170px;
  margin:         -10px 10px 10px 10px;
  padding:		  0px;
}

#navigation li {
  display:		  block;
  background:     #EAF3FC;
  margin:         10px 0px 10px 0px;
}

#navigation li.extended {
  background:     #F0F0F0;
}

#navigation li a {
  display:        block;
  padding:        10px;
  font-weight:    bold;
  text-decoration:     none;
}

#navigation li.selected a,
#navigation li.extended a,
#navigation li a:hover {
  background:     #00305e;
  color:          #FFFFFF;
}

#navigation li ul {
  display:        none;
  list-style-type:disc;
  margin-left:    30px;
}

#navigation li.extended ul {
  display:        block;
}

#navigation li ul li {
  margin:         0px;
}

#navigation li ul li a {
  padding:        5px 10px 5px 0px;
}

#navigation li ul li a:hover {
  text-decoration:underline;
  background:     #F0F0F0;
  color:		  #00305e;
}

#navigation li.selected ul li a,
#navigation li.extended ul li a {
  color:          #00305e;
  background:     #F0F0F0;
}


#navigation li.extended ul li.selected a {
  color:          #00305e;
  background:     #F0F0F0;
  text-decoration:	underline;
}

/* *************************************** *
 * Sidebar                                 *
 * *************************************** */

#sidebar {
  display:		  inline;
  float:          left;
  width:          170px;
  margin:         -10px 10px 10px 10px;
}

#sidebar div {
  padding:        10px;
  background:     #F0F0F0;
  margin:         10px 0px 10px 0px;
}

#sidebar div p {
  text-align:     justify;
} 

#sidebar div p.elevatorpitch {
	text-align: left;
}

#sidebar div h2 {
  font-size:      10pt;
}

#sidebar div#search {
  height:         40px;
  background:     #F0F0F0 url('../_p/search.png') no-repeat 110px;
  padding:        15px 50px 10px 10px;
}

#sidebar div#search input.text {
  width:          90px;
}

#sidebar div#search input.button {
  background:     #F0F0F0;
  border:         solid 0px #F0F0F0;
  color:          #00305e;
  font-weight:    bold;
  padding:        0px;
}

#sidebar div#portal {
  height:         15px;
  background:     #F0F0F0 url('../_p/euro.png') no-repeat 125px;
  padding:        25px 50px 20px 10px;
}

#sidebar div#portal a {
  font-weight:    bold;
  text-decoration:none;
}

#sidebar div#portal a:hover {
  text-decoration:underline
}

#sidebar div#emergency {
  background:     #F0F0F0 url('../_p/phone.png') no-repeat 115px;
  padding:        15px 50px 5px 10px;
}

#sidebar div#emergency a {
  font-weight:    bold;
  text-decoration:none;
}

#sidebar div#emergency a:hover {
  text-decoration:underline
}

/* *************************************** *
 * Infobar                                 *
 * *************************************** */

body.full #infobar {
  display:        none;
}

#infobar {
  display:        inline;
  float:          left;
  width:          170px;
  margin:         -10px 0px 10px 10px;
}

#infobar div {
  padding:        10px;
  background:     #EAF3FC;
  margin:         10px 0px 10px 0px;
}

#infobar div.fulltext ul {
  list-style:	  disc;
  padding-left:  15px;
}

#infobar div p {
} 

#infobar div h2 {
  font-size:      10pt;
}

#infobar a.more {
  background:     url('../_p/square.png') no-repeat left 5px;
  padding-left:   12px;
  font-weight:    bold;
  text-decoration:none;
}

#infobar a.more:hover {
  text-decoration:underline;
}

#infobar div#jobs li {
  border-bottom:         dotted 1px #000000;
  padding:               10px 0;
}


#infobar div#jobs li.last {
  border-bottom:         none;
}


/* *************************************** *
 * Content                                 *
 * *************************************** */

#content {
  display: 		  inline;
  float:          left;
  margin:         0px 0px 10px 0px;
}



#content h3, 
#content h4, 
#content h5 {
	margin-top:   1.0em;
}

#content ul {
  list-style:	  disc;
  padding-left:  15px;
}

body.full #content {
  width:          580px;
}

body.reduced #content {
  width:          400px;
}

#content .article { 
  display:        inline;
  float:          left;
  text-align:     justify;
  margin-bottom:	40px;
}

body.full #content .article {
  width:         580px;
}

body.reduced #content .article {
  width:          400px;
}

#content .teaser {
  font-weight:    bold;
  line-height:    130%;
}


#content .more {
  padding:        5px;
  border-top:     dotted #000000 1px;
  border-bottom:  dotted #000000 1px
}

#content .more span {
  float:          left;
  font-weight:    bold;
  color:          #00305e;
}

#content .more a {
  background:     url('../_p/square.png') no-repeat left 2px;
  padding-left:   12px;
  font-weight:    bold;
  text-decoration:none;
  float:          right;
}

#content .more a:hover {
  text-decoration:underline;
}

/* *************************************** *
 * Footer                                  *
 * *************************************** */

#footer {
  float:          none;
  clear:          both;
  text-align:     center;
  padding:        10px;
  border-top:     dotted #000000 1px;
  border-bottom:  dotted #000000 1px;  
  margin:         10px 0px 10px 0px;
}

#footer a {
  font-weight:    bold;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#footer p {
  margin-bottom:  5px;
}

#footer .copyright {
  color:          #5F5F5F;
  font-size:      9px;
}
/* *************************************** *
 * PAGE: Standorte                       *
 * *************************************** */

#standorte #content #map_standorte {
	margin-bottom:	10px;
}

#standorte #content .location_details .location,
#standorte #content .location_details .contact_person {
	float:				left;
	width:				280px;
}

#standorte #content .location_details .location {
	padding-right:		10px;
}

#standorte #content .location_details p {
	margin-top:			10px;
	text-align:			justify;
}

#standorte #content .location_details dt {
	font-weight:		bold;
	float:				left;
	clear:				left;
	width:				70px;
	margin-bottom:		5px;
}

#standorte #content .location_details dd {
	width:				210px;
	float:				left;
	margin-bottom:		5px;
}


#standorte #content ul.gallery {
	list-style:			none;
	padding:			0px;
}
#standorte #content .galleryimage {
	float:				left;
	padding:			5px;
}

/* *************************************** *
 * PAGE: Presse                            *
 * *************************************** */

#press #content .press_article {
	margin-bottom:	20px;
}

#press #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
	float:			none;
	clear:			both;
	margin-bottom:	10px;
}

#press #content h3 a{
	color:			#FFFFFF;
}

/* *************************************** *
 * PAGE: Mitarbeiter                       *
 * *************************************** */

#mitarbeiter #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
	float:			none;
	clear:			both;
	margin-bottom:	10px;
}
 
#mitarbeiter #content .employee {
	width:				145px;
	text-align: 		center;
	float:				left;
	margin-bottom:		10px;
}

#mitarbeiter #content .employee img {
	margin-bottom:		5px;
}

#mitarbeiter #content .employee a {
	text-decoration:	none;
}

#mitarbeiter #content .employee:hover a {
	text-decoration:	underline;
}

#mitarbeiter #content .employee_details {
	position:			relative;
	min-height:			395px;
}

#mitarbeiter #content .employee_details img {
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			0;
}

#mitarbeiter #content .employee_details div.description {
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			1;
	
	width:				270px;
	padding:			10px;
}

#mitarbeiter #content .employee_details p {
	margin-top:			10px;
	text-align:			justify;
}

#mitarbeiter #content .employee_details dt {
	font-weight:		bold;
	float:				left;
	clear:				left;
	width:				70px;
	margin-bottom:		5px;
}

#mitarbeiter #content .employee_details dd {
	width:				180px;
	float:				left;
	margin-bottom:		5px;
}


#mitarbeiter #content a.next,
#mitarbeiter #content a.prev  {
	text-indent:		-2000px;
	width:				27px;
	height:				20px;
	display:			block;
	float:				left;
}

#mitarbeiter #content a.next {
	background:			url('../_p/arrow_right.png') no-repeat;
}

#mitarbeiter #content a.prev {
	background:			url('../_p/arrow_left.png') no-repeat;
}

/* *************************************** *
 * PAGE: Downloads                         *
 * *************************************** */

#downloads #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
}


#links #content h4 { 
	float:			left;
	width: 			390px;
}

#downloads #content .download {
	border-bottom:  dotted 1px #00305e;
	margin-bottom:	20px;
	padding:		10px;
}

#downloads #content .download p {
	float:			left;
	width:			390px;
}

#downloads #content .download_link {
	float:			right;
	position:		relative;
	height:			45px;
	width:			152px;
}

#downloads #content .download_link img {
	position:		absolute;
	z-index:		2;
}

#downloads #content .download_link a {
	position:		relative;
	top:			18px;
	left:			5px;
	background:		#00305e;
	color:			#FFFFFF;
	font-weight:	bold;
	padding:		7px 30px 7px 50px;
	text-decoration: none;
}

/* *************************************** *
 * PAGE: Links                             *
 * *************************************** */

#links #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
}

#links #content h4 { 
	float:			left;
	width: 			390px;
}

#links #content .link {
	border-bottom:  dotted 1px #00305e;
	margin-bottom:	20px;
	padding:		10px;
}

#links #content .link p {
	float:			left;
	width:			390px;
}

#links #content .link_link {
	float:			right;
	position:		relative;
	width:			152px;
}


/* *************************************** *
 * PAGE: Jobs                              *
 * *************************************** */

#jobs #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
	position:		relative;
}


#jobs #content h3 a.top {
	background:		url('../_p/arrow_up.gif') no-repeat;
	display:		block;
	width:			14px;
	height:			10px;
	text-indent:	-3000px;
	position:		absolute;
	top:			10px;
	right:			10px;
}

#jobs #content .job {
	border-bottom:  dotted 1px #00305e;
	margin-bottom:	20px;
	padding:		10px;
}

/* *************************************** *
 * PAGE: Suche                             *
 * *************************************** */

#suche #content h3 {
	background:		#00305e;
	color:			#FFFFFF;
	padding:		5px;
	position:		relative;
}



#suche #content .result {
	border-bottom:  dotted 1px #00305e;
	margin-bottom:	20px;
	padding:		10px;
}




/* *************************************** *
 * EXTRA: Kontaktformular                  *
 * *************************************** */


#kontakt-form label {
	display:	block;
	color:		#00305e;
	font-weight:	bold;
}

#kontakt-form .form-zeile {
	clear:			both;
}

#kontakt-form .form-zeile input,
#kontakt-form .form-zeile textarea {
	float:		left;
	margin-bottom:	10px;
	width:		 390px;
	background:	#F0F0F0;
	border:		solid 0px transparent;
	padding:	 5px;
}

#kontakt-form .submitbutton {
	background:		#00305e;
	padding:		5px 20px;
	color:			#FFFFFF;
	border:			solid 0px transparent;
}


#kontakt-form .feedback {
	margin-bottom:	10px;
	padding:		10px;
	font-weight:	bold;
	border:			solid 1px #00305e;
	color:			#00305e;
}