/*

  Home CSS -->  NIDAG - Typo3
  03-2005
  MKL


  ID's die mit "B_" beginen sind immer die äusseren boxen für die simulation der 1px boder dotted,
  die boxen die mit "_Box" enden wird für den eigentlichen inhalt dieser box bereit gestellt


*/

/*__________________Anfang Seiten Standart _________________________*/
/*_______________________________________________________________*/


html {

  margin:	0px;
  padding:	0px;
}

body, #Spacer_Bottom {

  margin: 		0px;
  padding:		0px;
  background:	#878D92 url("../Images/Layout/page_background.jpg") repeat;
  font-family: Verdana ,Times;
  font-size: 9px;
  color: #666666;
}




/*_______________________________________________________________*/

/* Seite mittig ausrichten für den IE 5 /  5.5 */
* html body {

  text-align /**/: center;
}
/*__________________Ende Seiten Standart _________________________*/




/*__________________Anfang Layout Boxen____________________________*/
/*_______________________________________________________________*/


/* dies ist der Weisse Hintergrund */
#Main_Background {

  width: 				900px;
  margin: 				0px auto;
  margin-bottom: 		0px;
  background-color:	    #ffffff;
  text-align:           center;
  position:             relative;
  padding-top:          10px;
  margin-top:           10px; 
}

/* hintergrund grafik für die 1px border dotted */
#Main-Border, #B_Head_BG-W, #B_Main-Menu, #B_Flash-Banner, #B_Press-News, #B_Events, #B_Clients, #B_Lounge, #B_Footer, .B_Main-Menu-Entry {

  background: 	#000000 url("../Images/Layout/nidag_border-full.gif") repeat;
}

#Main-Border {

  width: 				880px;
  margin: 			0px;
  margin-right: 		10px !important;
  margin-left: 		10px !important;
  margin-left:		5px;
  margin-right:		5px;
  border: 			1px solid white;
  border-top: 		0px;
  text-align:			center;
}

/* anpassung für Mozilla, NS, O */
html > body #Main-Border {

  margin-left: 	10px;
}

#Main-Border_BG-W {

  background: 	#ffffff;
  margin-right: 	1px !important;
  margin: 		0px -5px 1px 1px;
}

/* anpassung für Mozilla, NS, O */
html > body #Main-Border_BG-W {

  margin-right: 1px;
}
/* anpassung für den IE */
* html #Main-Border_BG-W {

  margin-right: 1px;
}


#B_Head_BG-W {

  margin-left:          10px;
  margin-right:         10px;
  height: 				257px;
  width:                858px;
  padding-bottom:		1px;
  padding-top:		    1px;  
}
/* anpassung für den IE */
* html #B_Head_BG-W  {

  margin-left: 6px;
  margin-right: 5px;
}

/* Weisser Hintergrund um die border auf  1px zu reduzieren */
#Head_BG-W {

  text-align: 			left;
  height: 				257px;
  margin-bottom:		0px;
  background-color:	#ffffff;
}

#heatmap{
	display: none;
}
	
#B_Content-Home {

  width: 				858px;
  height: 			168px;
  margin-left: 		4px;
}

/* anpassung für Mozilla, NS, O */
html > body #B_Content-Home {

  margin-left:	10px;
}
/* anpassung für IE 5, 5.5 */
* html #B_Content-Home  {

  margin-left: 		4px;
}

*+html #B_Content-Home {margin-left:0px;width:auto;height:auto;}

#B_Main-Menu {

  width: 				282px;
  height: 			507px;
  float: 				left;
  margin-right: 		1px;
}

#Main-Menu_Box {

  text-align:			left;
  width: 				281px;
  height: 			507px;
  margin-right: 		1px;
  margin-bottom: 	0px;
  background-color: #ffffff;
}

/*    nur für Opera 6    */
 html *>b\ody #Main-Menu_Box, [ie4filter] {

  margin-top:-5px;
}


#Events_Box, #Press-News_Box, #Clients_Box, #Lounge_Box, #Career_Box {

  text-align:left;
  margin-bottom:1px;
  background-color: #ffffff;
  padding-top: 2px;
  padding-bottom:10px;
}


#B_Flash-Banner {

  height:		168px;
  width:575px;
  float:left;
}

#Flash-Banner_Box {

  text-align:	left;
  height:		167px;
  width:		575px;
  margin-bottom: 1px;
  padding-left: 0px;
  background-color:#ffffff;
  padding-top: 10px;
  padding-bottom:10px;
}
/* für alle ausser dem IE */
html > body #Flash-Banner_Box {

  height: 147px;
  padding-left: 5px;
}

#B_Press-News {

  height: 165px;
  width: 574px;
  float: left;
}

#Press-News_Box {

  height: 152px;
  width: 585px;
  margin-right: 0px;
}

* html #Press-News_Box {
  width: 574px;
}

#Groups_Box {

  display: block;
  float:left;
  width:575px;

}

#B_Events {

  width: 284px;
  height: 168px;
  float: left;
}

* html #B_Events {
  overflow: hidden;
}

#Events_Box {
  width: 284px;
  height: 155px;
  margin-right: 0px;
  margin-bottom: 1px;
}

* html #Events_Box {
	height: 			167px;
	width: 				283px;
	padding:			2px 0px 0px !important;
}

* html #Events_Box h1 {
	margin-bottom:			10px !important;
}

#Events_Box a{
	display:block;
	margin-left:7px;
	margin-top:27px;
}

#B_Clients {
  width: 291px;
  height: 168px;
  float: left;
}

#Clients_Box {
  width: 290px;
  height: 155px;
}
* html #Clients_Box {
  height: 167px;
}

#B_Lounge {

  width: 291px;
  height: 174px;
  float: left;
}

* html #B_Lounge {
  height: 184px;
}

#Lounge_Box {

  width: 290px;
  height: 162px;
  margin-right: 1px;
}

*html #Lounge_Box {
  height: 174px;
}

#B_Career {

  width:				284px;
  height: 			174px;
  float:				left;
  margin-right: 		-1px;
  margin-bottom: 	-11px; /* Bugfix only for IE 6 */
}

#Career_Box {

  width:			575px;
  height: 			174px;
}
/* für alle ausser dem IE */
html > body #Career_Box {

  height: 154px;
}


#B_Footer {

  height:			27px;
  padding-top: 	1px;
  clear: 			both;
}

#Footer {

  text-align: 			left;
  height:					27px;
  background-color: 	#ffffff;
  border: 0;
}

* html #Footer {
  height: 28px;
}


/* abstandshalter zwischen footer und dem unterem rand*/
#Spacer_Bottom-In {

  height: 				48px;
  background-color: 	#ffffff;
}

/* abstandshalter unterhalb der seite zum browser*/
#Spacer_Bottom-Out {

  height: 			61px;
  width: 				900px;
  margin: 			0px auto;
  margin-bottom: 	0px;
}
/*__________________Ende Layout Boxen_____________________________*/




/*__________________Anfang Elementen Positionierung__________________*/
/*_______________________________________________________________*/

/*für die Person im Headder*/
#Head_Pic-left {
  height: 		247px;
  width:		472px;
  //background: url(../Images/Head/Home/start_header_B_v2.jpg);
  background: 	url(../Images/Head/Home/start_header_fastnacht.png);
  float:		left;
}

#Head_Logo {
  height: 			120px;
  width: 			256px;
  float:			   left;
  margin-top:		125px;
  background-color: #ffffff;
}

/*hintergrund der systemnavi*/
#Head_Pic-right {
  height: 			247px;
  width: 			130px;
  margin-right: 	0px !important;
  margin-right: 	-2px; /* only IE 6 */
  //background: 	url(../Images/Layout/Head/home_sitemap.jpg);
  background: 		url(../Images/Layout/Head/home_sitemap_fastnacht.png);
  float:			left;
}
/* IE 5, 5.5 */
* html #Head_Pic-right {

  margin-right /**/: -2px;
}

#Fastnacht_Image{
  position:absolute;
  background: 	url(../Images/Layout/Head/luftschlangen.png);
  height: 		110px;
  width: 		73px; 
  z-index: 		2;
  top:          258px;
  left:			243px;
}

* html #Fastnacht_Image{
  background: none; 
  filter:
  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/Images/Layout/Head/luftschlangen.png');
  
}

#B_System-Navi {

    width: 112px;
    height: 24px;
  /*
    padding-top: 1px;
    padding-left: 1px;
    margin-top: 214px;
    margin-left: 9px;
  */
    font-size: 8px;
    letter-spacing:1px;  
    position:absolute;
    right:51px;
    top:213px;
}

#B_System-Navi a {
  text-decoration: none;
  color: #000;
  /* color: #FFFFFF; */
}

#System-Navi_Box_eins, #System-Navi_Box_zwei, #System-Navi_Box_drei, #System-Navi_Box_vier {

  width: 55px;
  height: 11px;
  margin-right: 1px;
  margin-bottom: 1px;
  float: left;
  color: #666666;
  font-size: 8px;
}

/* anpassung für den IE */
* html #System-Navi_Box_zwei {

  margin-right: -1px;
}


/* anpassung für den IE */
* html #System-Navi_Box_vier {

  margin-right: -1px;
}






/*######______2colums_______###*/

div.colum2MainLounge {

  float:			right;
  margin-top:	50px;
}

div.colum2LeftLounge {

  float:left;
}

div.colum2RightLounge {

  float:left;
}

#Lounge_Box div.colum2MainLounge p {

  margin-right:		10px;
  margin-left:		0px;
}





/*####___Anfang Bottomnavi___###*/

#Footer ul {

  list-style: 		none;
  display: 		inline;
  margin: 		0px;
  padding: 		0px;
  margin-left: 	-60px;
}

#Footer ul li {

  display: 	inline;
  margin: 	0px;
  padding: 	0px;
}

#Footer ul a {

  text-decoration: 	none;
  color: 				#666666;
}

#B_Bookmark, #B_Print, #B_VCard, #B_Impressum, #B_Twitter, .w3, .w3Left {

  height: 18px;
  background: #ffffff url(../Images/Icons/icon_bookmark.gif) no-repeat;
  padding-left: 25px;
  padding-top: 6px;
  margin-left: 20px;
  float: left;
  border: 0;
}

#B_Print {

  background: #ffffff url(../Images/Icons/icon_print.gif) no-repeat;
  margin-left: 70px;
}

#B_VCard {

  background: #ffffff url(../Images/Icons/icon_vcard.gif) no-repeat;
  margin-left: 70px;
}

#B_Impressum {

  background: #ffffff url(../Images/Icons/icon_impressum.gif) no-repeat;
  margin-left: 70px;
}

#B_Twitter {
	background: none;
	float: right;
}

.w3, .w3Left {

  background: none;
  margin-left: 10px;
  padding-top:3px;
}

.w3 img , .w3Left img {

  border: 0px;
}

.w3Left {

  margin-left: 150px;
}
/*		Ende Bottomnavi			*/



/*__________________Ende Elementen Positionierung_____________________________*/



/*_______________________Anfang Haupt Menü___________________________*/
/*_______________________________________________________________*/

/* nur für den IE 5 */
.B_Main-Menu-Entry {

  height: 28px;
  width:280px;
  margin-bottom: -4px;
}


/* alle anderen aktuellen browser */
.B_Main-Menu-Entry/* */ {

  margin-bottom: 0px;
}

/*    nur für Opera 6    */
 html *>b\ody .B_Main-Menu-Entry, [ie4filter] {

  height: 25px;
}

.Main-Menu-Entry_Box {

  height: 27px;
  width:281px;
  background-color: #ffffff;
}

/*    nur für Opera 6    */
 html *>b\ody .Main-Menu-Entry_Box, [ie4filter] {

  height: 23px;
  margin-top: -5px;
}

#Main-Menu_Box ul {

  margin:0px;
  padding:0px;
  list-style-type:none;
}

/* anpassung für den Opera 7.5 + 8 */
@media screen and (min-width: 550px){


  .B_Main-Menu-Entry{

    height: 28px !important;
    width: 280px !important;
  }

  .Main-Menu-Entry_Box {

    height: 27px !important;
    width: 280px !important;
  }

}


/*________________________Ende Haupt Menü___________________________*/


/*_______________________Anfang Specials___________________________*/
/*_______________________________________________________________*/

/* verstecken wenn der Browser CSS intepretiert */
.skip, #noCss {

  display: none;

}

/*________________________Ende Specials___________________________*/







#Press-News_Box img {
  float: left;
  margin: 0 12px 0 7px;
}

#Press-News_Box .Press-News_Item {
  width: 280px;
  float: left;
  margin-right: 10px;
}

* html #Press-News_Box .Press-News_Item {
  width: 277px;
}


#Press-News_Box .Press-News_Item h2 {
  margin-top: 0;
  font-size: 10px;
}

#Press-News_Box .Press-News_Item p {
  font-size: 10px;
}



div.tagcloud {
  background: 0;
  border: 0;
  width: 284px;
}

div.tagcloud a {
    color: #B2B3B7;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

div.tagcloud a:hover {
  color: white;
}

#Press-News_Item {
  margin-left: 0px;
}

#more_jobs {
  float: right;
  margin-top: 5px;
}

/*__________________Promotion Banner _________________________*/

#promotion_main {
	border: 0;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

#promotion_main_bottom {
	border: 0;
	margin-top: 26px;
	margin-left: 0px;
	padding-left: 0px;
}

a#gb_link {
	position:absolute;
	width:180px;
	height: 180px;
}

a#gb_link:hover {
	background: none;
}

#imageflip {
	position: relative;
	overflow: hidden;
	width: 274px;
	height: 137px;
}

.imageflip_link{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.imageflip_link.active {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

a.nolink, #promotion_main a.nolink {
	text-decoration: none;
	background: none;
	background-color: transparent;
	color: transparent;
	cursor: pointer;
}