@charset "UTF-8";

/**
*   @file objects_elements.css
*   @copyright Copyright (c) 2009 Alexander Hall
*
*   contains style of help_info elements
*   contains style of under construction elements
*   contains style of hide/reveal elements
*   contains style of sitemap
*   contains style of form elements
*/

/* Schatten */
.schatten .r {
	width: 8px;
	background: url(/images/layout/schatten/r.jpg) top left repeat-y;
	vertical-align: top;
}

.schatten .ul {
	height: 8px;
	background: url(/images/layout/schatten/u.jpg) top left repeat-x;
	text-align: left;
}

.schatten .ur {
	width: 8px;
	height: 8px;
	background: url(/images/layout/schatten/ur.jpg) top left no-repeat;
}

.news_all .schatten .r {
	width: 8px;
	background: url(/images/layout/schatten/yr.jpg) top left repeat-y;
	vertical-align: top;
}

.news_all .schatten .ul {
	height: 8px;
	background: url(/images/layout/schatten/yu.jpg) top left repeat-x;
	text-align: left;
}

.news_all .schatten .ur {
	width: 8px;
	height: 8px;
	background: url(/images/layout/schatten/yur.jpg) top left no-repeat;
}

.news_all .schatten img {
	border: none;
}


/* Kurzbewerbung */

.bew_step {
	display:none;
}

#step_1 {
	display:block;
}

.bew_nav_prev {
	display:none;
}

/* Jobfinder */

.artikel_right .job_info {
	border: 1px solid black;
}

.job_info_tit {
	background: #FFF4B5;
}

#site a.f90 {
	color: #f90;
}

#site a.f90:hover {
	color: #000;
}

.job_info td {
	vertical-align: top;
}

.job_list {
	margin: 10px 0;
	width: 100%;
}

#site .job_list_item a {
	text-shadow: none;
}

.job_list_item:hover {
	background: #FFF4B5;
	cursor:pointer;
}

.job_list_item_even {
	background: #FFF9D7;
}

#site .job_list_bez {
	vertical-align: top;
	width: 67%;
	padding: 3px;
}

#site .job_list_ort {
	width: 33%;
	vertical-align: top;
	padding: 3px;
}

#site .job_list_count {
	height: 30px;
	vertical-align: top;
}

#job_nav_prev {
	position: absolute;
	left: 170px;
}

#job_nav_next {
	position: absolute;
	right: 10px;
}

#job_nav_list {
	position: absolute;
}

.job_nav_item {
	margin-right: 2px;
	padding: 2px 4px;
	font-weight: bold;
	position: relative;
	top: 3px;
	background: #d9d9d9;
}

#site .job_nav_arrow {
	background: #fff;
}

.job_nav .job_nav_item {
	color:#000;
	background: none;
}

.job_nav .job_nav_item:hover {
	color: #f90;
}

#site .zustimmung {
	font-weight: bold;
	color: #410;
	text-shadow: none;
}

#site #content .zustimmung:hover {
	color: #410;
	text-decoration: underline;
}

/* Forms */

.radio_header {
	float: left;
	width: 70px;
	overflow: hidden;
	margin-right: 5px;
	text-align: center;
}

.form_table textarea,
.form_table input[type="text"] {
	width: 200px;
}

.form_table td {
	padding: 0 20px 10px 0;
}

.form_left {
	max-width: 150px;
}

.form_head {
	font-weight: bold;
	font-size: 120%;
}

/* Imagemap Niederlassungsnetz */

#imap {display:block; width:300px; height:380px; background:url(/images/imgmap/map_off.jpg); position:relative; padding: 2px; float:left;}

#imap a#map_nl {display:block; width:300px; height:0; padding-top:380px; overflow:hidden; position:absolute; left:0; top:0; background:transparent; cursor:default;}
#imap a#map_nl {height:380px; height:0;}

#imap a#map_nl:hover {background: #fff url(/images/imgmap/map_on.jpg) no-repeat 0 0;}

a#nl_d, a#nl_mz, a#nl_f, a#nl_da, a#nl_lu, a#nl_ma, a#nl_hd, a#nl_ka, a#nl_s, a#nl_m, a#nl_hh {display:block; width:30px; height:0; padding-top:30px; overflow:hidden; position:absolute;}

a#nl_hh, a#nl_d, a#nl_mz, a#nl_f, a#nl_da, a#nl_lu, a#nl_ma, a#nl_hd, a#nl_ka, a#nl_s, a#nl_m {height:30px; height:0;}

a#nl_hh {left:115px; top:60px; background:transparent;}
a#nl_d {left:33px; top:159px; background:transparent;}
a#nl_mz {left:54px; top:222px; background:transparent;}
a#nl_f {left:82px; top:211px; background:transparent;}
a#nl_da {left:80px; top:233px; background:transparent;}
a#nl_lu {left:58px; top:247px; background:transparent;}
a#nl_ma {left:74px; top:256px; background:transparent;}
a#nl_hd {left:90px; top:262px; background:transparent;}
a#nl_ka {left:65px; top:285px; background:transparent;}
a#nl_s {left:97px; top:295px; background:transparent;}
a#nl_m {left:174px; top:297px; background:transparent;}

a#nl_hh:hover {background:#fff url(/images/imgmap/hh.jpg) no-repeat 0 0;}
a#nl_d:hover {background:#fff url(/images/imgmap/d.jpg) no-repeat 0 0;}
a#nl_mz:hover {background:#fff url(/images/imgmap/mz.jpg) no-repeat 0 0;}
a#nl_f:hover {background:#fff url(/images/imgmap/f.jpg) no-repeat 0 0;}
a#nl_da:hover {background:#fff url(/images/imgmap/da.jpg) no-repeat 0 0;}
a#nl_lu:hover {background:#fff url(/images/imgmap/lu.jpg) no-repeat 0 0;}
a#nl_ma:hover {background:#fff url(/images/imgmap/ma.jpg) no-repeat 0 0;}
a#nl_hd:hover {background:#fff url(/images/imgmap/hd.jpg) no-repeat 0 0;}
a#nl_ka:hover {background:#fff url(/images/imgmap/ka.jpg) no-repeat 0 0;}
a#nl_s:hover {background:#fff url(/images/imgmap/s.jpg) no-repeat 0 0;}
a#nl_m:hover {background:#fff url(/images/imgmap/m.jpg) no-repeat 0 0;}


/* pic replace */

.links {
	float: left;
	margin: 0 15px 5px 0;
}

.rechts {
	float: right;
	margin: 0 0 5px 15px;
}

.inline{
	display: inline;
}

.pictag  {
	text-align: center;
}

.pictag span {
	text-align: center;
}

/* Slideshow */

.carousel {
	width: 150px;
	margin:0 auto;
}

.slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	border:0px solid #ccc;
	padding: 0px;
}

	/* remove the list styles, width : item width * total items */	
.slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:50000px;	
}

	/* width of the item, in this case I put 250x250x gif */
.slides li {
	float:left;
	margin: 0;
	padding:0;
}

.slides li img {
	padding:5px;
}

	/* Styling for prev and next buttons */

.buttons {
	display: none;
}

.buttons {
	padding:0 0 5px 0;	
	float:right;
}

.buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a.prev {
	background:url(/images/icons/arrows.gif) 0 -31px no-repeat; 
}

a.prev:hover {
	background:url(/images/icons/arrows.gif) 0 0 no-repeat;
}

a.next {
	background:url(/images/icons/arrows.gif) -32px -31px no-repeat; 
}

a.next:hover {
	background:url(/images/icons/arrows.gif) -32px 0 no-repeat;
}

a#prev {
	background:url(/images/icons/arrows.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(/images/icons/arrows.gif) 0 0 no-repeat;
}

a#next {
	background:url(/images/icons/arrows.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(/images/icons/arrows.gif) -32px 0 no-repeat;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	border:0px solid #ccc;
	padding: 0px;
}

	/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:50000px;	
}

	/* width of the item, in this case I put 250x250x gif */
#slides li {
	float:left;
	margin: 0;
	padding:0;
}

#slides li img {
	padding:5px;
}

#buttons {
	display: none;
}

#buttons {
	padding:0 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

#carousel {
	width: 150px;
	margin:0 auto;
}

.clear {
	clear: both;
}



/* einblick / presse */

#content .einblick {
	float: left;
	width: 190px;
	height: 220px;
	margin: 0 3px 3px 0;
}


#navigationr .einblick .wsv_titel {
	display: none;
}

#content .einblick .short {
	max-height: 150px;
	overflow: hidden;
}

#content .einblick .a_block {
	text-decoration: none;
	color: black;
	display: block;
	padding: 2px;
	margin-top: 8px;
}

#content .einblick .a_block:hover {
	background: #f7c600;
}

#content .einblick p {
	margin: 0;
	padding: 3px 0 0 0;
}

/* Wir stellen vor */

#content .worker {
	float: left;
	width: 190px;
	height: 330px;
	margin: 0 3px 3px 0;
}


#navigationr .worker .wsv_titel {
	display: none;
}

#content .worker .short {
	height: 250px;
	overflow: auto;
}

#content .worker .a_block {
	text-decoration: none;
	color: black;
	display: block;
	padding: 2px;
	margin-top: 8px;
}

#content .worker .a_block:hover {
	background: #f7c600;
}

#content .worker p {
	margin: 0;
	padding: 3px 0 0 0;
}

/* general */

.striked {
	text-decoration: line-through; 
}

#site .center,
.mitte,
.center {
	text-align: center;
}

#toplink {
	position: fixed;
	top: 180px;
	margin-left: 974px;
	outline: none;
	padding: 5px;
	background: white;
	border: 1px solid #000;
	border-width: 1px 1px 1px 0;
	z-index: 99;
	display: none;
}

/* Bewerbung */

.bew_nav_wrapper {
	position: relative;
	display: block;
	text-align: center;
}

.bew_nav_wrapper span {
	font-size: 400%;
	color: #FFF4B5;
	font-weight: bold;
	margin: 5px 15px 5px 15px;
}

.bew_nav_wrapper span._active {
	color: #f7c600;
}

.bew_nav_next {
	float:right;
	margin:10px 250px 10px 0;
}

.bew_nav_prev {
	float:left;
	margin:10px 0 10px 250px;
}

#upload_button {
	width: 130px;
	height: 20px;
	background: #f90;
	border: 1px solid black;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	cursor:pointer;
}

#fileloader .files li {
	font-weight: bold;
}

/* Form */

#navigationl input,
#navigationl select,
#navigationl textarea {
	padding: 3px;
	background: #fff;
	border: 1px solid #000;
	margin-right: 5px;
}

#site input,
#site select,
#site textarea {
	padding: 3px;
	background: #FFF4B5;
	border: 1px solid #000;
	margin-right: 5px;
}

#navigationl select,
#site select {
	padding: 0px;
}

#navigationl select:focus
#site select:focus {
	background: #ffff78;
}

#navigationl input:focus,
#navigationl textarea:focus,
#site input:focus,
#site textarea:focus {
	background: #ffff78;
}

#navigationl input:active,
#navigationl textarea:active,
#site input:active,
#site textarea:active {
	background: #ffff45;
}

/* Sitemap */

#sitemap {
	margin-left: 100px;
}

#sitemap p {
	margin:0;
	border-bottom: 1px dotted black;
	display: block;
}

#sitemap p:hover {
	background: #ff9;
}

#sitemap p.lvl_1 {
	margin-left:0px;
	margin-top:10px;
	background: #ffa;
	width: 350px;
}

#sitemap p.lvl_2 {
	margin-left:10px;
	margin-top:6px;
	width: 340px;
}

#sitemap p.lvl_3 {
	margin-left:20px;
	width: 330px;
}

#sitemap p.lvl_4 {
	margin-left:30px;
	width: 320px;
}

#sitemap p.lvl_5 {
	margin-left:40px;
	width: 310px;
}

/* Hide Reveal Text */

.whole_text {
	font-weight: bold;
	margin-bottom: 10px;
	border: 1px dotted black;
	padding: 5px;
	background: #fff1a3;
}

#site a.reveal {
	float:right;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	text-shadow: none;
	color: #fff;
	background: #f90;
	padding: 0 5px 0 5px;
}

#site a.reveal:hover {
	background: none;
	color: #f00;
}

.news_middle .whole_text {
	border: 0;
	padding: 0;
	margin: 0;
}

#content .whole_text .spoiler,
#content .whole_text .spoiler_n {
	font-weight: normal;
}

.read_more {
	margin-top: 5px;
}

/* Under Construction */

div.uc {
	position: relative;
	width: 290px;
	height: 350px;
	left: 50%;
	margin-left: -145px;
	border: 1px solid #ffe349;
	background: #fff;
	text-align: center;
	padding: 0 5px 0 5px;
	overflow: hidden;
	background: url(/images/layout/under_construction.jpg) no-repeat bottom center #fff;
}

/* niederlassungen */

.nl_pic {
	float: left;
	background-position:center center;
	margin-right: 5px;
	margin-top: 15px;
	padding: 0px;
	height: 54px;
}

/* Hover Info */

.hinfo_a {
	border-bottom: 1px dotted #f90;
	cursor: pointer;
}

.hinfo_a:hover {
	color: #f90;
	text-decoration: underline;
}

.hinfo_a span {
	position: absolute;
	visibility: hidden;
	background: #fff;
	max-width: 300px;
	border: 1px solid #f90;
	padding: 3px;
	color: #444;
	margin-left: -1px;
	z-index: 200;
}

.hinfo_a:hover span {
	visibility: visible;
}

/* Help Info */

.help_info_pic {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.help_info_span {
	width: 250px;
	min-height: 500px;
	position: fixed;
	visibility: hidden;
	left: 50%;
	margin-left: -125px;
	top: 90px;
	overflow: hidden;
	border: 1px solid #f90;
	padding: 4px;
	background: #fff;
	z-index: 10001;
}

.help_darken {
	position: fixed;
	left: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	border: 0px solid #f90;
	background-color: #000;
	/* filter: alpha(opacity=50); */
	/* Mozilla 1.6 und frueher */
	/* -moz-opacity: 0.5;
	opacity: 0.5; */
	text-align: right;
	color: #fff;
	z-index: 10000;
}

.help_darken p {
	margin-right: 15px;
}

a .ishadow20 {
	cursor:url(/images/graphics/ypointer.gif), pointer !important;
}

/* Adventskalender */

.akDoor {
	position: absolute;
	cursor:pointer;
	overflow: hidden;
	z-index:400;
}

.akLink {
	position: absolute;
	cursor:pointer;
	overflow: hidden;
	z-index:399;
}

.akd1 {
	left: 85px;
	top: 193px;
	width: 13px;
	height: 23px;
}

.akd2 {
	left: 70px;
	top: 131px;
	width: 8px;
	height: 18px;
}

.akd3 {
	left: 125px;
	top: 217px;
	width: 11px;
	height: 18px;
}

.akd4 {
	left: 74px;
	top: 217px;
	width: 10px;
	height: 18px;
}

.akd5 {
	left: 72px;
	top: 193px;
	width: 14px;
	height: 23px;
}

.akd6 {
	left: 124px;
	top: 193px;
	width: 13px;
	height: 23px;
}

.akd7 {
	left: 137px;
	top: 193px;
	width: 13px;
	height: 23px;
}

.akd8 {
	left: 138px;
	top: 217px;
	width: 10px;
	height: 18px;
}

.akd9 {
	left: 86px;
	top: 217px;
	width: 10px;
	height: 18px;
}

.akd10 {
	left: 270px;
	top: 321px;
	width: 46px;
	height: 33px;
}

.akd11 {
	left: 163px;
	top: 323px;
	width: 15px;
	height: 13px;
}

.akd12 {
	left: 103px;
	top: 159px;
	width: 21px;
	height: 16px;
}

.akd13 {
	left: 67px;
	top: 372px;
	width: 29px;
	height: 48px;
}

.akd14 {
	left: 358px;
	top: 287px;
	width: 18px;
	height: 18px;
}

.akd15 {
	left: 415px;
	top: 382px;
	width: 55px;
	height: 49px;
}

.akd16 {
	left: 103px;
	top: 265px;
	width: 16px;
	height: 37px;
}

.akd17 {
	left: 131px;
	top: 144px;
	width: 22px;
	height: 16px;
}

.akd18 {
	left: 526px;
	top: 272px;
	width: 26px;
	height: 44px;
}

.akd19 {
	left: 172px;
	top: 299px;
	width: 19px;
	height: 16px;
}

.akd20 {
	left: 74px;
	top: 266px;
	width: 14px;
	height: 24px;
}

.akd21 {
	left: 133px;
	top: 266px;
	width: 14px;
	height: 24px;
}

.akd22 {
	left: 355px;
	top: 334px;
	width: 18px;
	height: 18px;
}

.akd23 {
	left: 393px;
	top: 122px;
	width: 48px;
	height: 43px;
}

.akd24 {
	left: 382px;
	top: 5px;
	width: 71px;
	height: 94px;
}