/*
	Website: 
	BOB Design http://www.bob-design.de/ 
	Imagion AG http://www.imagion.de/
	CSS Datei
	20.04.2007 Daan Meskers
	$last_change: 20.07.2008 Daan Meskers
*/


/* =================== Niederlassungen ============= */

HTML BODY DIV#Main DIV#Inhalt div.Zweigstellen {
	text-align: center;
	float: none;
	width: 437px;
	margin: auto;
	position: relative;
	padding: 5px 145px 300px 145px;
}
HTML BODY DIV#Main DIV#Inhalt {
	text-align: center;
	background: transparent  url(../../img/Layout/Niederlassung/Kreise_FZ.png) no-repeat;
	/*  
	background: transparent  url(../../img/Layout/Niederlassung/Kreise_FZ-dunkel.png) no-repeat; /* * /
	background: transparent  url(../../img/Layout/Niederlassung/Kreise_FZ-dunkel2.png) no-repeat; /* */
	height: auto;
	background-position: bottom center; 
}
HTML BODY {
	/* * /
	background: #e2e6e3; /*#c4ccc8 ; */
}

/* =================== Niederlassungen ============= */
div.Zweigstellen div.Niederlassung {
	position: absolute;
	width : 350px; height: auto;
	top: 0; left: 0;
	background-image: url(../../img/Layout/Niederlassung/FZ_Niederlassung.png);
        background-repeat: no-repeat;
	background-position: 205px 50px;   
	overflow: visible;     
}
div.Zweigstellen div.Niederlassung A.dot {
	position: absolute;
	width : 40px; height: 40px;	
	background: transparent url(../../img/Layout/Niederlassung/dot.png) no-repeat center center;
	z-index: 999;
}

div.Zweigstellen div.Niederlassung div.linie {
	position: absolute;
	border-top: 1px solid #787e7c;
	border-right: 1px solid #787e7c;
	width : 45px; 
	height: 50px;
	top: 23px; left: 195px;
	opacity: 0; filter: alpha(opacity=0);
}
div.Zweigstellen div.Niederlassung div.Box {
	position: absolute;
	width : 200px;
	top: 0; left: 0;
	background: #c4ccc8;
	font-size: 10pt;
	text-align: left;
	opacity: 0; filter: alpha(opacity=0);
}
div.Zweigstellen div.Niederlassung div.Box H3 {
	padding: 3px 0 3px 5px; margin: 0;
	background: #007099; height: 18px;
	color: #FFF;
	font-size: 9pt;
}
div.Zweigstellen div.Niederlassung div.Box P {
	padding: 1px 0 0px 5px; margin: 0;
	font-size: 8pt;
}

/* --- Trier --- */
div.Zweigstellen div#Trier {
	top: 220px; left: 0px;
}
div.Zweigstellen div#Trier A.dot {
	top: 65px; left: 220px;
}


/* --- Erfurt --- */
div.Zweigstellen div#Erfurt{
	top: 155px; left: 90px;
	background-position: 275px 45px;
}
div.Zweigstellen div#Erfurt  div.linie {
	width : 115px; 
	height: 45px;
}
div.Zweigstellen div#Erfurt A.dot {
	top: 60px; left: 290px;
}


/* --- Magdeburg --- */
div.Zweigstellen div#Magdeburg {
	top: 90px; left: 120px;
	background-position: 265px 40px;
}
div.Zweigstellen div#Magdeburg div.linie {
	width : 55px; left: 245px;
	height: 35px;
}
div.Zweigstellen div#Magdeburg div.Box {
	width : 260px;
}
div.Zweigstellen div#Magdeburg A.dot {
	top: 55px; left: 280px;
}

/* --- München --- */
div.Zweigstellen div#Muenchen {
	top: 320px; left: 390px;
	background-position: 0px 50px;
}
div.Zweigstellen div#Muenchen A.dot {
   left: 15px; top: 65px;
}
div.Zweigstellen div#Muenchen div.Box {
	left: 105px;
	width : 260px;
}
div.Zweigstellen div#Muenchen div.linie {
	border-right: 0;
	border-left: 1px solid #787e7c;
	left: 35px; width: 80px;
}


/* --- Leipzig --- */
div.Zweigstellen div#Leipzig {
	top: 145px; left: 425px;
	background-position: 0px 30px;
}
div.Zweigstellen div#Leipzig A.dot {
   left: 15px; top: 45px;
}
div.Zweigstellen div#Leipzig  div.Box {
	left: 100px;
}
div.Zweigstellen div#Leipzig div.linie {
	border-right: 0;
	border-left: 1px solid #787e7c;
	left: 35px; width: 75px;
	height: 30px;
}

/* --- Berlin --- */
div.Zweigstellen div#Berlin {
	top: 65px; left: 450px;
	background-position: 0px 50px;        
}
div.Zweigstellen div#Berlin A.dot {
   left: 15px; top: 65px;
}
div.Zweigstellen div#Berlin div.Box {
	left: 70px;
}
div.Zweigstellen div#Berlin div.linie {
	border-right: 0;
	border-left: 1px solid #787e7c;
	left: 35px; width: 45px;
	height: 50px;
}


/* --- Hamburg --- */
div.Zweigstellen div#Hamburg {
	top: 5px; left: 125px;
}
div.Zweigstellen div#Hamburg A.dot {
	top: 60px; left: 220px;
}