*{
	margin:0;
	padding:0;
	
}

a{
	color:				#fff7b1;
	text-decoration: 	none;
	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;
}

img{
	border:none;
}

body {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#000;
	font-size: 12px;
	font-family: Arial, Veradna, sans-serif;
}

html{
	overflow: hidden;
}

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

form{
	padding:0px;
	margin:0px;
}

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;
}


		
		
/* ****************
	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: 197px;
}

.toggle_container {
	
	padding-left:	2px;
	overflow: 		hidden;
	
	
}

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:			25px; 
	padding-left:	35px;
}

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

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

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

.submenu{
	position:		absolute;
	padding-top:	7px;
}
		
#laenderCanvas{
	width:		238px;
	height:		197px;
	position: 	absolute; 
	top:		62px;
	left:		35px; 
}

.laendermenu{
	padding-left:	25px; 
	padding-top:	11px;
}

.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/laender/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; 
	color:			#fff7b1;
}

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

.naviNextImg{
	padding-bottom:	4px; 
}

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



/* ****************
	    Home 
   ****************/
.home{
	position: 	absolute; 
	top:		104px; 
	left:		425px;
}

/* ****************
	    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; 
}


.contentBoxStandardContent{
	padding-top:	22px;
	width: 			395px; 
	line-height: 	1.4em;
}

.contentBoxHeadline{
 	color:			#fff7b1; 
 	padding-top:	36px;
 	margin-left:	29px;
}

.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;
}

.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;
}

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

.contentBoxLeftContent{
	padding-top:	22px;
	width: 			279px; 
	line-height: 	1.4em;
}

.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;
}



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

.contentBoxWideContent{
	padding-top:	22px;
	width: 			389px; 
	line-height: 	1.4em;
	float: 			left;
}

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

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

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

.contentBoxNiederlassungenContent{
	padding-top:	22px;
	width: 			880px; 
	line-height: 	1.4em;
}

.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;
}

/* ****************
	   Formular 
   ****************/  
.layer_content{
	width: 			380px;
}

.layer_contentBewerbung{
	width: 			420px;
}


.formSpalte1{
	width:			116px; 
	float:			left;
	clear:			left;
	padding-bottom: 7px;
}

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

input.long{
	width: 		235px;
}

select.bewerbung{
	width: 		239px;
}

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;
	padding-top:	15px; 
	text-align: 	right;
}

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

/* ****************
	   Buttons 
   ****************/ 
.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;
}