@import url(reset.css);

/*******************
*
* globale Selektoren
*
********************/

html {
	height: 100.1%
}

body {
	font-size: 0.8em;
	font-family: "DejaVu Sans",verdana,helvetica,arial,sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 180%
}

label,
input[type=button], input[type=submit], input[type=reset], input[type=image], input[type=checkbox], input[type=ratio]
button {
	cursor: pointer;
}

input[type=hidden] {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial,sans-serif;
	color: #7E7358;
	background: inherit;
}

h1, h2 {
	font-size:  1.4em;
	line-height: 130%;
	padding: 0 0 1em 0;
	font-weight: bold
}

h3 {
	font-size:  1.25em;
	line-height: 130%;
	padding: 0 0 0.5em 0;
	font-weight: bold
}

h4 {
	font-size:  1.1em;
	line-height: 130%;
	padding: 0 0 0.2em 0;
	font-weight: bold
}

h5 {
	font-weight: bold;
	line-height: 130%
}

h6 {
	font-style: italic;
	line-height: 130%
}

p {
	padding: 0 0 1.5em 0
}

strong {
	font-weight: bold
}

a, a:hover {
	text-decoration: none
}

#top {
	visibility: hidden
}

.clear {
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both
}

.hidden {
	display: none
}

/*******
*
* Blöcke
*
********/

#wBlockMain {
	width: 970px;
	position: relative;
	background-color: #FFFFFF;
	color: inherit;
	margin: 40px auto;
  padding: 0 0 25px 0
}

#wBlockTop {
	width: 100%;
	height: 225px;
  background: #FFFFFF url(/en/wLayout/design/img/backgrounds/header.png) no-repeat 0 0
}

#wBlockLeft {
	clear: right;
	width: 161px;
	float: left;
	margin: 40px 0 0 39px;
	display: inline;
  font-size: 0.87em
}

#wBlockContent {
	width: 690px;
	float: left;
	margin: 0 0 40px 0
}

#wBlockRight {
}

#wBlockBottom {
	clear: both;
  height: 25px;
  margin: 0 40px;
  border-bottom: 1px dashed #7E7358
}

/*************
*
* Bereich oben
*
**************/

/* Logo-Überschrift */

h1 span {
  text-indent: -3000em
}

h1 span a {
	display: block;
  width: 100%;
  height: 200px
}

/* Meta-Navigation */

#meta {
	height: 2.2em;
	font-size: 0.85em;
  border-top: 1px dashed #7E7358;
  border-bottom: 1px dashed #7E7358;
  margin: 0 40px
}

#meta span {
  line-height: 2em;
  color: #7E7358;
  background: inherit;
  display: block;
  float: left
}

#meta span.metaNavi {
  float: right
}

#meta span a {
  color: #7E7358
}

#meta span a:hover {
  color: #E20179
}

/**************
*
* Bereich links
*
***************/

/* Navigation */

#wBlockLeft ul {
  background: #E20179;
  color: #FFFFFF;
}

#wBlockLeft ul li {
	border-top: 1px dashed #FFFFFF
}

#wBlockLeft ul li.first {
  border: none
}

#wBlockLeft ul a {
	display: block;
	padding: 8px 10px 8px 20px;
	background: #E20179;
	color: #FFFFFF;
	line-height: 130%;
	height: 1%
}

#wBlockLeft ul a:hover,
#wBlockLeft ul a.level1Selected,
#wBlockLeft ul a.level1OpenSelected {
	background: inherit;
	color: #000000
}

address {
  background: #7E7358;
  color: #FFFFFF;
  margin: 25px 0 0 0;
  padding: 5px 10px 5px 20px;
  line-height: 150%;
  font-style: normal
}

/***************
*
* Inhaltsbereich
*
****************/

.blockContent {
	margin: 40px 25px 0 50px
}

.blockContent div {
	padding: 0 0 1.5em 0
}

.blockContent a {
	color: #E20179;
	background: transparent;
	border-bottom: 1px solid
}

.blockContent a:hover {
	color: #000000;
	background: transparent;
	border-bottom: 1px dashed
}

/* Element - Bilder */

span.bildLinks {
	float: left;
	padding: 0 1em 0 0
}

span.bildRechts {
	float: left
}

.textLinks span.bildRechts {
	float: right;
	padding: 0 0 0 1em
}

p.bildNebenBild {
  text-align: center
}

span.bildLinks span,
span.bildRechts span {
	line-height: 130%;
	font-size: 0.85em
}

.vierBilder span.bildLinks span,
.vierBilder span.bildRechts span {
	display: block;
	width: 135px
}

span.bildLinks a, span.bildLinks a:hover,
span.bildRechts a, span.bildRechts a:hover {
  border: none
}

/* Element - Listen */

.blockContent ul {
	list-style: disc;
	padding: 0 0 1em 16px
}

.blockContent ol {
	list-style-type: decimal;
	padding: 0 0 1em 2.2em
}

/* Element - Definitionsliste */

dl, dd {
	padding: 0 0 1em 0
}

dt {
	font-size: 1.1em;
	font-style: italic
}

dd {
	padding-left: 5em
}

/* Element-Tabelle */

.blockContent caption {
  font-size: 1.2em;
  font-weight: bold;
  color: #7E7358;
  background: inherit;
  margin: 0 0 1em 0
}

.blockContent table {
  width: 100%
}

.blockContent table td {
  padding: 2px 5px
}

.blockContent table th {
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px solid #7E7358
}

/* Element - Sitemap */

ul.sitemap,
ul.sitemap ul {
	list-style: disc
}

ul.sitemap li {
	padding: 0 0 1em 0
}

ul.sitemap2 {
	padding: 0 0 0 5em
}

ul.sitemap2 li {
	padding: 0.5em 0 0 0
}

ul.sitemap3 {
		padding: 0 0 0 5em
}

ul.sitemap3 li {
	padding: 0
}

/* Kotaktformular */

#kontakt input {
	display: block;
	float: left;
	width: 30em;
	margin: 2px 5px 2px 5px;
	padding: 5px;
}

#kontakt input,
#kontakt select,
#kontakt textarea {
	outline: none;
	border: 1px solid #7E7358
}

#kontakt input:focus,
#kontakt select:focus,
#kontakt textarea:focus,
#kontakt input:hover,
#kontakt select:hover,
#kontakt textarea:hover {
	background: #7E7358;
	color: #FFFFFF;
	border-color: #000000
}

#kontakt select#Anrede {
	padding: 0;
	margin-top: 7px
}

#kontakt input#PLZ {
	width: 4em
}

#kontakt input#Ort {
	width: 15.7em
}

#kontakt input#datum, #kontakt input#uhrzeit {
	width: 5em
}

#kontakt input#checkbox {
	width: auto;
	padding: 0;
	margin: 10px 5px 2px 5px
}

#kontakt input.submit, #kontakt input.reset {
	width: 10em;
	border: 3px double #FFFFFF;
	outline: none;
	background: #E20179;
	color: #FFFFFF
}

#kontakt input.submit:focus,
#kontakt input.reset:focus,
#kontakt input.submit:hover,
#kontakt input.reset:hover {
	background: #FFFFFF;
	color: #E20179;
	border-color: #E20179
}

#kontakt select {
	margin: 2px 5px 2px 5px;
	padding: 5px
}

#kontakt textarea {
 	width: 30em;
	margin: 2px 5px 2px 5px;
	padding: 5px
}

#kontakt label  {
	width: 7em;
	float: left;
	padding: 5px;
	margin: 2px 5px 2px 5px;
	text-align: right
}

#kontakt form p {
	clear: left;
	float: left;
	width: 100%
}

#kontakt form p.senden input {
	float: right
}

/* IE6+IE7-Hacks Kontaktformular */

* html #kontakt  p textarea {
	width: 29em
}

* + html #kontakt p textarea {
	width: 29em
}

/* Bewerbungsformular */

#bewerbung .trenner {
  margin: 0 0 1em 0
}

#bewerbung .legend {
  margin: 0;
  font-weight: bold;
  text-align: center
}

#bewerbung input {
  display: block;
  float: left;
  width: 11em;
  margin: 2px 5px 2px 5px;
  padding: 5px;
  border: 1px solid #7E7358
}

#bewerbung label  {
  width: 9em;
  float: left;
  padding: 5px;
  margin: 2px 5px 2px 5px;
  text-align: right
}

#bewerbung select {
  margin: 2px 5px 2px 5px;
  padding: 5px
}

#bewerbung input,
#bewerbung select,
#bewerbung textarea {
  outline: none;
  border: 1px solid #7E7358
}

#bewerbung textarea {
  height: 7em;
  padding: 5px
}

#bewerbung p {
  clear: both
}

#bewerbung .checkbox input {
  width: auto;
  margin: 10px 5px 2px;
  border: none;
  padding: 0
}

#bewerbung .textarea label {
  text-align: left
}

#bewerbung .textarea textarea {
  margin: 2px 5px 2px 5px;
  width: 33em
}

#bewerbung input:focus,
#bewerbung select:focus,
#bewerbung textarea:focus,
#bewerbung input:hover,
#bewerbung select:hover,
#bewerbung textarea:hover {
  background: #7E7358;
  color: #FFFFFF;
  border-color: #000000
}

#bewerbung #arbeitsmoeglichkeiten label {
  float: none;
  display: block;
  width: 100%;
  text-align: center;
}

#bewerbung #arbeitsmoeglichkeiten textarea {
  width: 100%
}

#bewerbung #kentnisse label {
  width: 12em
}

#bewerbung #kentnisse input#Sonstige,
#bewerbung #kentnisse input#Studium {
  width: 32em
}

#bewerbung #erfahrung label,
#bewerbung #erfahrung input {
  width: 10em
}

#bewerbung #erfahrung .checkbox input {
  width: auto
}

#bewerbung #erfahrung #promotionserfahrung label {
  width: 30em
}

#bewerbung #Messen label{
  width: 17em
}

#bewerbung #Messen input {
  width: 26em
}

#bewerbung #Messen .textarea textarea {
  width: 26em
}

#bewerbung #Messen .checkbox input {
  width: auto
}

#bewerbung #Messen .textarea label {
  text-align: right
}

#bewerbung #Messen #Messenbereits label {
  width: 30em
}

#bewerbung #sprachen select {
  float: left;
  width: 12.5em
}

#bewerbung #sprachen input {
  width: 35.5em
}

#bewerbung #aufgaben .checkbox label {
  width: 12em
}

#bewerbung #andere label,
#bewerbung #andere textarea {
  width: 100%
}

#bewerbung #zeit input {
  width: 35em
}

#bewerbung #veranstaltungen label,
#bewerbung #veranstaltungen input {
  width: 100%
}

#bewerbung #veranstaltungen p {
  padding-top: 1em
}

#bewerbung p.senden {
  padding-bottom: 1em
}

#bewerbung input.submit, #bewerbung input.reset {
  width: 10em;
  border: 3px double #FFFFFF;
  outline: none;
  background: #E20179;
  color: #FFFFFF
}

#bewerbung input.submit:focus,
#bewerbung input.reset:focus,
#bewerbung input.submit:hover,
#bewerbung input.reset:hover {
  background: #FFFFFF;
  color: #E20179;
  border-color: #E20179
}

#bewerbung input.submit,
#bewerbung input.reset {
  float: right
}

/* Photoalbum */


#photoalbum input,
#photoalbum select,
#photoalbum textarea {
  outline: none;
  border: 1px solid #7E7358;
}

#photoalbum input {
  width: 30em;
  margin: 2px 5px 2px 5px;
  padding: 5px;
}

#photoalbum select {
  width: 15em;
  margin: 2px 5px 2px 5px;
  padding: 5px;
}

#photoalbum textarea {
  width: 30em;
  height: 7em;
  margin: 2px 5px 2px 5px;
  padding: 5px;
}

#photoalbum table {
  width: auto
}

#photoalbum span.bildLinks {
  padding: 0 1.1em 1.1em 0
}

#photoalbum p.linkFooterLeft {
  float: left
}

#photoalbum p.linkFooterRight {
  float: right
}

#photoalbum p.linkFooterCenter {
  clear: both;
  text-align: center
}

/*************
*
* Druckansicht
*
**************/

table#print {
  width: 100%;
}

table#print #metaPrint td {
  text-align: right;
  height: 50px;
  padding-right: 2em;
  vertical-align: bottom
}

/****************
*
* Editorspezifika
*
*****************/

form .blockContent {
	width: 630px
}

form .blockContent div {
	padding: 0
}

form .blockContent span.bildRechts {
	float:right
}

form .blockContent input,
form .blockContent label,
form .blockContent select,
form .blockContent textarea {
	border: none;
	outline: 1px solid black;
	font-family: inherit;
	padding: 0;
	margin: 0
}

form .blockContent :focus,
form .blockContent :active {
	outline: 1px solid red;
	padding: 0;
	margin: 0
}

form .blockContent table td {
  vertical-align: bottom
}