*{
	margin:0;
	padding:0;
	
}


html{
	overflow: hidden;
}

body {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#000000; /*Farbe des Hintergrund w�hrend Fullscreen-Image l�dt */
	font-size: 12px;
	font-family: Arial, Veradna, sans-serif;
	text-decoration: none;
	font-weight: normal;
}

p,td,div,th,form,h1,h2,h3{
	margin:0px;
	padding:0px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #342727;
}

img,fieldset{
	border:none;
}


ul{
  padding-top:		0px;
  padding-bottom:	0px;
  margin-bottom: 	0px;
  list-style-type: 	none;
  list-style: 		none;
  padding-left: 	2px;
  margin-left: 		0px;
  margin-top: 		0px;
}

li{
	float:	left;
}

a{
	color:				#342727;
	text-decoration: 	underline;
	outline: 			none;
}

a:hover{
	text-decoration: underline;
}


a.maillink{
	background: 	url('../images/icons/mail.png') no-repeat 0px 3px; 
	padding-left:	20px; 
	text-decoration: underline;
}

a.tellink{
	background: 	url('../images/icons/tel.png') no-repeat 0px 0px; 
	padding-left:	20px; 
	text-decoration: none;
}


table{
	color: 		#fff7b1;
	font-size: 12px;
	padding: 	0px;
	margin: 	0px;
}

form{
	padding:0px;
	margin:0px;
	z-index: 10;
}

input{
	font-size: 	11px;
	height: 	14px;
}

select{
	height: 	20px;
	font-size: 	11px;
}



.content{
	height:		100%;
	width:		100%;
	z-index: 	3;
	top:		24px;
	position:	absolute;
	
}

.contentAbstand{
	margin:		0px auto;
	padding-left:33px;
}

.trigger{
	height: 69px;
}


		
		
/* ****************
	Supersize Img 
   ****************/		
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

/* ****************
	Background Image
   ****************/
#bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}


/* ****************
	Vertical Slide 
   ****************/
#vertical_slide, #horizontal_slide {
	background:url(../images/laender_canvas.png)  no-repeat;
	height: 204px;
}

.toggle_container {
	
	padding-left:	2px;
	overflow: 		hidden;
	position:		absolute; 
	top:			64px; 
	left: 			33px; 
	width: 			274px; 
	height: 		204px;
	
}

.toggle_container_content {
	width:274px;
	height:204px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

/* ****************
	Navigationen 
   ****************/

.menu{
	display: 		inline; 
	position: 		absolute; 
	top:			28px; 
	padding-left:	27px;
}

.menu .menuLine{
	float:			left;
	margin-top:		-2px;	
}

.menu .menuEntryFirst{
	float:			left; 
	padding-right:	8px; 
	float:			left;
}

.menu .menuEntry{
	float:			left; 
	position:		relative; 
	padding-right:	8px; 
	padding-left:	8px;
}

.submenu{
	position:		absolute;
	padding-top:	6px !important;
	margin-top:		3px; /* nur f�r IE */
}



.submenu li{
	float: none;
	margin-bottom: 0px;
	margib-top:0px;
}
		
#laenderCanvas{
	width:		238px;
	height:		197px;
	position: 	absolute; 
	top:		62px;
	left:		35px; 
}

.klappmenu{
	padding-left:	25px; 
	padding-top:	6px;
}

.klappmenu li{
	float: none;
	margin-bottom: 0px;
}



.klappmenuLine{
	margin-top:			3px;
	margin-bottom:		3px;
	margin-left:		-2px; 
	background-color: 	#617691; 
	height: 			1px; 
	width: 				195px;
}

.naviNextIcon{
	background:		url('../images/laender/iconNext.png') no-repeat; 
	position: 		absolute; 
	bottom:			336px; 
	right:			9px; 
	width: 			12px; 
	height: 		22px;
	cursor: 		pointer;
	cursor: 		hand;
}

.naviNextBg{
	background:		url('../images/klappmenu/buttons/naviNextBg.png') no-repeat; 
	position: 		absolute; 
	bottom:			305px; 
	right:			0px; 
	width: 			104px; 
	height: 		79px;
	cursor: 		pointer;
	cursor: 		hand;
}

.naviNextContent{
	padding-top:	7px;
	padding-left:	10px; 
	font-size: 		10px; 
}

.naviNextContentText{
	padding-top:	0px; 
	line-height: 	1.1em;
	color:			#eabb55;
}

.naviNextImg{
	padding-bottom:	4px; 
}

.btnNaviBack{
	background:		url('../images/klappmenu/buttons/btnNaviBack.png') no-repeat; 
	position: 		absolute; 
	bottom:			305px; 
	left:			0px; 
	width: 			35px; 
	height: 		79px;
	cursor: 		pointer;
	cursor: 		hand;
}



/* ****************
	    Home 
   ****************/
.home{
	position: 	absolute; 
	top:		152px; 
	left:		358px;
}

.teaserHome{
	position:	absolute;
	bottom:		81px; 
	right:		165px; 
}

/* ****************
	    L�nder 
   ****************/
.landHeadlineBig{
	padding-top:25px; 
	padding-left:8px; 
}

.landHeadline{
	padding-top:	9px; 
	padding-left:	27px; 
}

.landHeadlineOhne{
	padding-top:	85px; 
	padding-left:	27px; 
}
   
/* ****************
	 Contentboxen 
   ****************/  
.contentBottomRight{
	position:	absolute;
	bottom:		79px; 
	right:		134px; 
	
}

.contentBoxStandard{
	background:	url('../images/boxen/contentboxStandard.png') no-repeat; 
	width: 		420px; 
	height: 	305px; 
	float:		left;
}


.contentBoxStandardContent{
	padding-top:	22px;
	width: 			365px; 
	line-height: 	1.4em;
 	margin-left:	29px;
}

.contentBoxWideKontaktContent{
	padding-top:	22px;
	width: 			565px; 
	line-height: 	1.4em;
 	margin-left:	29px;
}

.mainHeadline{
	text-indent:-999em; 
	height:20px;
}

.mainHeadlineDouble{
	text-indent:-999em; 
	height:42px;
}

.subHeadline{
	text-indent:-999em; 
	height:20px; 
}

.contentBoxText{
	padding-top:	15px; 
	color:			#342727; 
}

.contentBoxText #auswahl{
	float:left; 
	width: 310px;
	padding-top:19px;
}

.contentBoxText #formular{
	padding-top:12px;
	width:370px;
}

.contentBoxCheckbox{
	position:relative;
	padding-left:20px;
	line-height:24px;
}

.contentBoxCheckbox input{
	position:absolute;
	margin-top:4px;
	left:0px;
}

.contentBoxWide{
	background:	url('../images/boxen/contentboxWide.png') no-repeat; 
	width: 		580px; 
	height: 	305px;
	float:		left;
}

.contentBoxWideBewerbungen{
	background:	url('../images/boxen/contentboxBewerbung.png') no-repeat; 
	width: 		450px; 
	height: 	437px;
	float:		left;
}

.contentBoxWideContent{
	padding-top:	26px;
	width: 			355px; 
	line-height: 	1.4em;
	float: 			left;
 	margin-left:	28px;
}

.contentBoxWideContentBewerbungen{
	padding-top:	26px;
	width: 			355px; 
	line-height: 	1.4em;
	float: 			left;
 	margin-left:	28px;
}

.contentBoxLeft{
	background:	url('../images/boxen/contentboxLeft.png') no-repeat; 
	width: 		300px; 
	height: 	365px; 
	float:		left; 
	margin-right:10px;
}

.contentBoxLeftContent{
	padding-top:	22px;
	width: 			245px; 
	line-height: 	1.4em;
	margin-left:	28px;
}




.contentBoxHeadlineSmall{
 	color:			#fff7b1; 
 	padding-top:	28px;
 	margin-left:	29px;
}

.contentBoxHeadlineDouble{
 	color:			#fff7b1; 
 	padding-top:	50px;
 	margin-left:	29px;
}

.contentBoxHeadlineDoubleSmall{
 	color:			#fff7b1; 
 	padding-top:	48px;
 	margin-left:	29px;
}


.contentboxBig{
	background:	url('../images/boxen/contentboxBig.png') no-repeat; 
	width: 		420px; 
	height: 	365px; 
	float:		left;
}

.contentboxWideArticles{
	background:	url('../images/boxen/contentboxWideArticles.png') no-repeat; 
	width: 		832px; 
	height: 	437px; 
	float:		left;
	line-height:20px;
}

.contentboxWideArticlesBox{
	width:225px;
	float:left;
	margin-left:30px;
	margin-right:19px;
}

.contentboxWideArticlesBoxHeadline{
	margin-top:19px;
	text-indent:-999em;
}

.contentboxWideArticlesBoxImage{
	margin-top:10px;
	width:225px;
	height:134px;
}

.contentboxWideArticlesBoxPrice{
	margin-top:6px;
	margin-bottom:6px;
	text-indent:-999em;
	height:20px;
}

.contentboxWideArticlesButton{
	position:absolute;
	bottom:24px;
	right:29px;
}

.contentboxWideArticlesHint{
	position:absolute;
	bottom:24px;
	left:29px;
	font-weight:bold;
}

.contentboxWideKontakt{
	background:	url('../images/boxen/contentboxWideKontakt.png') no-repeat; 
	width: 		730px; 
	height: 	365px; 
	float:		left;
}

.contentboxBewerbung{
	background:	url('../images/boxen/contentboxBewerbung.png') no-repeat; 
	width: 		450px; 
	height: 	437px; 
	float:		left;
}

.contentboxStellen{
	background:	url('../images/boxen/contentboxStellen.png') no-repeat; 
	width: 		450px; 
	height: 	550px; 
	float:		left;
}



.contentBoxLeftSmall{
	background:	url('../images/boxen/contentboxLeftSmall.png') no-repeat; 
	width: 		300px; 
	height: 	305px; 
	float:		left; 
	margin-right:10px;
}

.contentBoxLeftSmaller{
	background:	url('../images/boxen/contentboxLeftSmaller.png') no-repeat; 
	width: 		150px; 
	height: 	365px; 
	float:		left; 
	margin-right:10px;
}

.contentBoxLeftSmallest{
	background:	url('../images/boxen/contentboxLeftSmallest.png') no-repeat; 
	width: 		150px; 
	height: 	305px; 
	float:		left; 
	margin-right:10px;
}

.contentBoxMitLinks {
	background:	url('../images/boxen/contentboxStellen.png') no-repeat; 
	width: 		450px; 
	height: 	550px; 
	float:		left; 	
}

.contentBoxMitLinks a {
	font-weight:bold;
	line-height:22px;
}

.contentBoxMitBildUndFormular {
	background:	url('../images/boxen/contentboxMitBildUndFormular.png') no-repeat; 
	width: 		580px; 
	height: 	365px; 
	float:		left; 	
}


.contentboxBigWide{
	background:	url('../images/boxen/contentboxBigWide.png') no-repeat; 
	width: 		580px; 
	height: 	365px; 
	float:		left;
}

.contentBoxMitBildUndText{
	background:	url('../images/boxen/contentboxMitBildUndText.png') no-repeat; 
	width: 		580px; 
	height: 	365px; 
	float:		left;
}

.contentBoxBigMitBild{
	background:	url('../images/boxen/contentboxBig.png') no-repeat; 
	width: 		420px; 
	height: 	365px; 
	float:		left;
}

.contentBoxWideImg{
	float:			left; 
	padding-left:	20px; 
	padding-top:	23px;		
}

.contentBoxWideImg p{
	font-size:11px;
	width:140px;
}

.contentBoxNiederlassungen{
	background:	url('../images/boxen/contentboxNiederlassungen.png') no-repeat; 
	width: 		832px; 
	height: 	437px; 
}

.contentBoxNiederlassungenDunkel{
	background:	url('../images/boxen/contentboxNiederlassungenDunkel.png') no-repeat; 
	width: 		832px; 
	height: 	437px; 
}

.contentBoxNiederlassungenContent{
	padding-top:	26px;
	width: 			800px; 
	line-height: 	1.4em;
	float: 			left;
 	margin-left:	28px;
}

.imgLink{
	padding-top:	2px;
	padding-bottom:	10px;
}

.contentButton{
	text-align: 	right; 
	padding-top:	26px; 
	padding-right:	7px;
}

.contentButtonStellen{
	text-align: 	right; 
	padding-top:	10px; 
	padding-right:	7px;
}

/* ****************
	   342727r 
   ****************/ 
#datenschutz{
	width: 20px;
}

.layer_content{
	width: 			380px;
}

.layer_contentBewerbung{
	width: 			420px;
}

/* Formular */
.formSpalte1{
	width:			116px; 
	float:			left;
	clear:			left;
	padding-bottom: 6px;
}

.formBewerbungSpalte1{
	width:			150px; 
	float:			left;
	clear:			left;
	padding-bottom: 6px;
}
 
.formSpalte2{
	float:			left;
	width: 			250px;
	height:24px;
}

.formSpalte2area{
	float:			left;
	width: 			250px;
	margin-bottom:5px;
}

.sendButton{
	height: 23px;
}

.pflichtfeld{
	font-size:11px;
}

.vorname{
	width: 110px; 
	margin-right: 5px;
}

.nachname{
	width: 116px;
}

.plz{
	width: 63px; 
	margin-right: 5px;
}

.ort{
	width: 163px; 
	margin-right: 5px; 
}

.formularUnten{
	width:350px; 
	padding-top:7px; 
	float:left; 
	clear:left; 
	font-size:11px; 
	line-height:1.2em;
}

.datenschutzText{
	font-size:11px; 
	line-height:1.2em; 
	width:330px;
}

textarea.textarea{ width:235px; }

input.long{
	width: 		235px;
}

select.bewerbung{
	width: 		239px;
	height:18px;
}

input.long.error{
	width: 		238px;
	border: 	2px solid #cf054b; 
}

input.error{
	border: 2px solid #cf054b; 
}

select.error{
	border: 2px solid #cf054b; 
}

.error{
	border: 2px solid #cf054b; 
}


#error_erstellen{
	display:none;
}

#error_erstellen.error{
	display:block;
	color:#e3004f;
	position: absolute; 
	top: 323px; 
	left:343px; 
	font-size: 11px;
	border:0px;
	width: 200px;
}



textarea{
	font-family: Arial, Veradna, sans-serif;
	font-size: 12px;
	width: 238px;
}

textarea.error{
	border: 2px solid #cf054b; 
	font-family: Arial, Veradna, sans-serif;
	font-size: 12px;
	width: 238px;
}


.formularButton{
	float:			left;
	padding-bottom: 7px;
	width: 			355px;
	margin-top:	9px; 
	text-align: 	right;
}

.formularButtonBewerbung{
	float:			left;
	padding-bottom: 7px;
	width: 			387px;
	padding-top:	8px; 
	text-align: 	right;
}

/* ****************
	   Buttons 
   ****************/ 
.button{
	padding-top:13px;
}

.btnMeineWahl{
	position:		absolute; 
}

.btnMeineWahlRadio{
	margin-left:	5px;
	margin-top:		2px;
}

.weinwahlDanke{
	text-align: 	center; 
	width: 			150px; 
	margin-top:		-90px; 
	color: 			#fff7b1; 
	line-height: 	1.5em;
	font-size:		12px;		
	font-family: 	Verdana;
	font-weight: 	bold;
}

/* ****************
	   Slider 
   ****************/ 


/*  slider container(s) */
#container { 
	position: relative; 
	margin: 0px 0 10px; 
	width: 100%; 
	height: 700px; 
	overflow: auto; 
	background-color:#333; }

.item { 
	display: block; 
	width: 100%; 
	height: 100%; 
}

/* controls styling */

.prev_btn { 
	width: 		32px; 
	height: 	79px; 
	position:	absolute;
	left:		0px;
	bottom:		0px;
	xborder:	1px solid black;
	xbackground-color:#513328;
}

.next_btn {
	width: 		104px; 
	height: 	80px; 
	position:	absolute;
	right:		0px;
	bottom:		0px;
	xborder:	1px solid black;
	xbackground-color:#513328;
}

html, body {
     margin:0;
     padding:0;
     height:100%;
}
div#container {
     min-height: 100%;
}
* html #container {
     height: 100%;
}


.clearit { clear: both; }

/* ############# googlemaps ############# */

.googlemaps{
	padding-left:15px;
	padding-top:15px;
}

.googlemaps #map{
	width:802px;
	height:407px;
}

/* ############# Veranstaltungskalender ############# */
.kalenderLeft{
	width: 	414px; 
	float: 	left;
}

.kalenderRight{
	width: 	300px; 
	float: 	left;
}

.kalenderContent{
	width: 	350px;
}

.terminIcon{
	background: url('../images/icons/veranstaltung_pfeil.png') no-repeat 0px 3px; 
	padding-left: 10px;
	font-weight: bold;
	
}


/* ############# Scrollbar ############# */
.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	float: left;
}


#pane2New {
	height: 350px;
	width: 413px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: 		pointer;
	cursor: 		hand;
	right: 0;
	top: 0;
	height: 100%;
	background: #3e3231;
	width: 20px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff7b1;
	cursor: 		pointer;
	cursor: 		hand;
	overflow: hidden;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
	background: url('../images/icons/basic_arrow_up.gif') repeat-x 0 0;
}

a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
	background: url('../images/icons/basic_arrow_down.gif') repeat-x 0 0;
}

a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}

/* Stellenangebote */
.stelleOn{
	background: url('../images/icons/veranstaltung_pfeil_on.png') no-repeat 0px 3px; 
	padding-left: 10px;
	font-weight: bold;
	color: 		#be0244;
	font-family: Verdana;
}

.stelleOff{
	background: 		url('../images/icons/veranstaltung_pfeil.png') no-repeat 0px 3px; 
	padding-left: 		10px;
	font-weight:		bold;
	text-decoration: 	underline;
	font-size: 			12px;
	cursor: 			pointer;
	cursor: 			hand;
	font-family: 		Verdana;
}