@charset "utf-8";
/* CSS Document */

/********************************************
	AUTHOR:				Benjamin Schultz
	WEBSITE:			http://www.bwlv-test.de
	TEMPLATE NAME:		BWLV 2
	VERSION:			1.0
********************************************/

/***********************
	  LAYOUT
************************/
/**
*	HEADER [start]
**/
#header_detail {
	margin: 2px 2px 0 2px;
	position: relative;
	width: 900px; height: 252px;
}

/* Images [start] */
#logo_detail {
	position: relative;
	left: 18px; top: 30px;
	width: 158px; height: 102px;
}

#schwung_detail {
	position: relative;
	top: 29px;
	clear: both;
	float: none;
	width: 896px; height: 123px;
	z-index: 9999;
}

#grafik-praevention_detail {
	position: absolute;
	left: 188px; top: 76px;
	width: 177px; height: 103px;
	z-index: 999;
}
#grafik-beratung_detail {
	position: absolute;
	left: 367px; top: 76px;
	width: 177px; height: 95px;
	z-index: 999;
}
#grafik-rehabilitation_detail {
	position: absolute;
	left: 546px; top: 76px;
	width: 171px; height: 142px;
	z-index: 999;
}
#grafik-ifd_detail {
	position: absolute;
	left: 719px; top: 76px;
	width: 177px; height: 135px;
	z-index: 999;
}
/* Images [end] */

#menu_triangle {
	position: absolute;
	bottom: 0;
	width: 0px; height: 0px;
	border-style: solid;
	line-height: 0px;
	border-width: 33px 93px 33px 93px;
}

/* header background for content area [start] */
#header-bg {
	position: absolute;
	left: 188px; top: 171px;
	width: 708px; height: 86px;
	z-index: 1;
}
#header-bg #links {
	position: relative;
	width: 358px; height: 100%;
	z-index: 1;
}
#header-bg #mitte {
	position: absolute;
	left: 358px; top: 40px;
	width: 173px; height: 46px;
	z-index: 1;
}
#header-bg #rechts {
	position: absolute;
	left: 531px; top: 0;
	width: 177px; height: 100%;
	z-index: 1;
}
/* header background for content area [end] */

/* MENU [start] */
#mainmenu {
	position: absolute;
	left: 187px; top: 29px;
}
#mainmenu ul {
	position: relative;
	font: bold 12px Arial, Sans-serif;
	width: 100%;
}
#mainmenu span {
	margin: 1px;
   	float: left;
   	display: block;
   	color: #FFF;
   	background: #736864; /* grey */
}
#mainmenu a span {
   	padding: 3px 15px 3px 6px;
   	color: #FFF;
   	background: #736864; /* grey */
}

#mainmenu a span.praevention { padding: 3px 97px 3px 6px; }
#mainmenu a span.beratung { padding: 3px 109px 3px 6px; }
#mainmenu a span.rehabilitation { padding: 3px 71px 3px 6px; }
#mainmenu a span.ifd { margin: 1px; padding: 3px 154px 3px 6px; }

#mainmenu a:hover span.praevention { background: #387824; }
#mainmenu a:hover span.beratung { background: #164f92; }
#mainmenu a:hover span.rehabilitation { background: #8a0d47; }
#mainmenu a:hover span.ifd { background: #de7219; }

#mainmenu li.praevention span {
	margin: 1px 1px 0 0;
	background: #cad785; /* lightgreen */ 
	width: 156px; height: 21px;
}
#mainmenu li.beratung span {
	margin: 1px 1px 0 0;
	background: #8eaeda; /* lightblue */ 
	width: 156px; height: 21px;
}
#mainmenu li.rehabilitation span {
	margin: 1px 1px 0 0;
	background: #d8a1b8; /* lightpink */ 
	width: 150px; height: 21px;
}
#mainmenu li.ifd span {
	margin: 1px 0 0 0;
	background: #ede478; /* lightyellow */ 
	width: 156px; height: 21px;
}

#mainmenu li.praevention span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #80a41f; /* green */
}
#mainmenu li.beratung span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #417ec2; /* blue */
}
#mainmenu li.rehabilitation span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #bd6189; /* pink */
}
#mainmenu li.ifd span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #dbb83d; /* yellow */
}
/* MENU [end] */
/**
*	HEADER [end]
**/

/**
*	CONTENT [start]
**/
#content-wrap_detail {
	margin: 0 2px 2px 2px;
	position: relative;
	width: 900px;
	z-index: 1;
}
#left_detail {
	position: absolute;
	top: -5px;
	width: 190px;
}

#sidemenu {
	padding: 1px 0 1px 1px;
	width: 185px; min-height: 200px;
}
#sidemenu ul {
	margin: 20px 0 10px 7px; padding-left: 25px;
	font: bold 12px Arial, Sans-serif;
}
#sidemenu ul ul {
	margin: 5px 0 5px 7px; padding-left: 18px;
	font: bold 12px Arial, Sans-serif;
}
#sidemenu li {
	margin: 5px 0; padding-left: 5px;
	display: list-item;
}
#sidemenu li a,
#sidemenu li a:hover {
	padding: 2px 0 2px 3px;
	display: block;
	width: 120px;
}
#sidemenu ul ul li a,
#sidemenu ul ul li a:hover {
	padding: 2px 0 2px 3px;
	display: block;
	width: 110px;
}
#left_detail #quick_menu {
	margin-top: 2px;
	position: relative;
	background: #ecd1bf;
	width: 186px;
}
#left_detail #quick_menu ul { font: bold 12px Arial, Sans-serif; 
				padding: 3px 89px 3px 2px;
				background: #736864; /* grey */
				color: #FFF;
				}

#left_detail #menu_ueber_uns {
	margin-top: 5px;
	position: relative;
}
#left_detail #menu_ueber_uns ul { font: bold 12px Arial, Sans-serif; }
#left_detail #menu_ueber_uns a {
	padding: 3px 89px 3px 2px;
	background: #736864; /* grey */
	color: #FFF;
}
#left_detail #menu_ueber_uns a:hover { background: #df111d; /* darkred */ }

#left_detail #ueber_uns {
	margin-top: 3px; padding-top: 2px;
	position: relative;
	background: #ecd1bf; /* lightred */
	width: 186px; height: 92px;
}
#left_detail #ueber_uns *.button { background: #cd716e; /* red */ }
#left_detail #ueber_uns ul {
	margin-top: 15px;
	font: bold 12px Arial, Sans-serif;
}
#left_detail #ueber_uns li {
	margin: 5px 0 5px 7px; 
	display: block; 
}

#left_detail #ueber_uns a,

#left_detail #impressum a {
	color: #736864; /* grey */
}

#left_detail #ueber_uns a:hover,
#left_detail #impressum a:hover,
#left_detail #ueber_uns a.active,
#left_detail #impressum a.active {
	color: #df111d; /* darkred */
}

#left_detail #menu_home {
	margin-top: 5px;
	position: relative;
}
#left_detail #menu_home ul { font: bold 12px Arial, Sans-serif; }
#left_detail #menu_home li { padding-bottom: 2px; }
#left_detail #menu_home a {
   	padding: 3px 114px 3px 2px;
	background: #736864; /* grey */
	color: #FFF;
}
#left_detail #menu_home a:hover { background: #df111d; /* darkred */ }

#left_detail #homeline {
	margin-top: 3px; padding-top: 2px;
	position: relative;
	background: #ecd1bf; /* lightred */
	width: 186px; height: 21px;
}
#left_detail #homeline *.button { 
	margin: 0;
	background: #cd716e; /* red */
}

#left_detail #impressum {
	margin: 2px 0 2px 0; padding: 2px 0 5px 0;
	position: relative;
	background: #ecd1bf; /* lightred */
	width: 186px;
}
#left_detail #impressum ul {
	margin-top: 15px;
	font: bold 12px Arial, Sans-serif;
}
#left_detail #impressum li {
   	margin: 5px 0 5px 7px; 
}

#content_detail {
	padding-bottom: 15px;
	position: relative;
	left: 188px;
	width: 708px; min-height: 459px;
	z-index: 5;
}
#content_detail #topmenu {
	margin: 0 0 35px 15px;
	position: relative;
	top: 0;
	visibility: hidden;
}
#content_detail #topmenu ul,
#content_detail #bottommenu ul {
	font: bold 12px Arial, Sans-serif;
	width: 100%;
}
#content_detail #topmenu li { margin-right: 43px; }
#content_detail #topmenu a,
#content_detail #bottommenu a {
   	color: #736864;
}
#content_detail #bottommenu {
	margin: 30px 30px 0 15px; padding-bottom: 10px;
	position: relative;
	bottom: 0;
	visibility: hidden;
}

#content_detail #bottommenu li { margin-right: 125px; }

#content_detail #inhalt {
	margin: 0 30px 0 5px;
	position: relative;
	min-height: 304px;
	font: normal 10pt Arial, Helvetica, sans-serif;
	z-index: 6;
}
#content_detail #inhalt p {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 12px;
}
#content_detail #inhalt span.important {
	color: #0000CC;
}
#content_detail #inhalt table {
	margin-left: 10px;
	font: normal 10pt Arial, Helvetica, sans-serif;
	/*border: solid 1px black;
	border-collapse: collapse;*/
	/*width: 518px;*/
	width: 645px;
}
#content_detail #inhalt table.adresse {
	width: 300px;
}
#content_detail #inhalt table.normal {
	border: solid 1px black;
	border-collapse: collapse;
}
#content_detail #inhalt table.noBorder,
#content_detail #inhalt table.normal_noBorder,
#content_detail #inhalt table.plaetze {
	border: hidden;
	width: auto;
}
#content_detail #inhalt table.sprechzeiten,
#content_detail #inhalt table.tagesplan,
#content_detail #inhalt table.team,
#content_detail #inhalt table.adresse {
	border: hidden;
}
#content_detail #inhalt table caption {
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}
#content_detail #inhalt table.sprechzeiten caption {
	margin-top: 15px;
}
#content_detail #inhalt tr {
	vertical-align: top;
}
#content_detail #inhalt td {
	padding: 2px 5px;
}
#content_detail #inhalt td.td-0 {
	padding: 2px 5px 2px 0;
}
#content_detail #inhalt table.normal td {
	border: solid 1px black;
}
#content_detail #inhalt table.team td {
	padding-bottom: 20px;
}
#content_detail #inhalt table.normal td.td-0 {
	padding: 2px 5px;
}
#content_detail #inhalt table.normal td.td-0,
#content_detail #inhalt table.normal_noBorder td.td-0,
#content_detail #inhalt table.plaetze td.td-0,
#content_detail #inhalt table.adresse td.td-0 {
	font-weight: bold;
}
#content_detail #inhalt table.sprechzeiten td.td-0 {
	width: 250px;
}
#content_detail #inhalt table.tagesplan td.td-0,
#content_detail #inhalt table.plaetze td.td-0 {
	width: 200px;
}
#content_detail #inhalt table.plaetze td.td-1 {
	width: 100px;
	background-color: #FFF;
}
#content_detail #inhalt ul {
	margin-left: 30px;
	display: block;
}
#content_detail #inhalt li {
	display: list-item;
}
#content_detail #inhalt a {
	color: #FF0000;
}
#content_detail #inhalt a:hover {
	color: #df111d; /* darkred */
}

/* mailform */
#mailform fieldset {
	text-align: right;
	border: 0 none;
	width: 400px;
}

.csc-mailform-field {
	margin-top: 5px;
}

.mf-input {
	border: 0 none;
	width: 255px;
	height: 20px;
}
.mf-text {
	border: 0 none;
	width: 255px;
	height: 150px;
}
.mf-select {
	border: 0 none;
	width: 255px;
	height: 150px;
}
.mf-submit {
	font-weight: bold;
	border: 0 none;
	width: 255px;
	height: 20px;
}

/* map */
#legende {
	padding-left: 20px;
	position: absolute;
	top: 0; left: 200px;
	width: 170px;
	z-index: 10;
	visibility: hidden;
}
#legende_not_bw {
	padding-left: 20px;
	position: absolute;
	top: 55px; left: 620px;
	width: 157px;
	z-index: 10;
	visibility: hidden;
}
#legende_not_bw #head { font: bold 10pt Arial, Helvetica, sans-serif; }
#legende_not_bw #cities,
#legende #entries {
	font: normal 10pt Arial, Helvetica, sans-serif;
	display: block;
}
#legende_not_bw li,
#legende li {
	display: list-item;
}

a.legende,
a.legende:hover {
	color: #000000;
}

#IFD_Mannheim,
#Fachstelle_Sucht_Mannheim {
	position: absolute;
	left: 134px; top: 33px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 521px;
	visibility: hidden;
	z-index: 20;
}
#IFD_Mosbach,
#Fachstelle_Sucht_Mosbach,
#Therapie_Bauernhof {
	position: absolute;
	left: 234px; top: 43px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 421px;
	visibility: hidden;
	z-index: 20;
}
#IFD_Heidelberg {
	position: absolute;
	left: 151px; top: 57px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 504px;
	visibility: hidden;
	z-index: 20;
}
#IFD_Karlsruhe,
#Fachstelle_Sucht_Karlsruhe {
	position: absolute;
	left: 117px; top: 109px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 538px;
	visibility: hidden;
	z-index: 20;
}
#Fachklinik_Friedrichshof {
	position: absolute;
	left: 240px; top: 116px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 415px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Rastatt {
	position: absolute;
	left: 95px; top: 139px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 550px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Pforzheim,
#IFD_Pforzheim {
	position: absolute;
	left: 164px; top: 139px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 491px;
	visibility: hidden;
	z-index: 20;
}
#Fachklinik_Schielberg {
	position: absolute;
	left: 139px; top: 145px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 516px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_BadenBaden {
	position: absolute;
	left: 107px; top: 158px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 548px;
	visibility: hidden;
	z-index: 20;
}
#Geschaeftsstelle_Renchen {
	position: absolute;
	left: 67px; top: 168px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 588px;
	visibility: hidden;
	z-index: 20;
}
#Fachklinik_Haus_Renchtal_stat {
	position: absolute;
	left: 81px; top: 168px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 574px;
	visibility: hidden;
	z-index: 20;
}
#Fachklinik_Haus_Renchtal_tag {
	position: absolute;
	left: 93px; top: 168px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 562px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Calw {
	position: absolute;
	left: 140px; top: 188px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 515px;
	visibility: hidden;
	z-index: 20;
}
#Drogenberatung_Kehl {
	position: absolute;
	left: 66px; top: 198px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 589px;
	visibility: hidden;
	z-index: 20;
}
#Therapieverbund_Blaesiberg {
	position: absolute;
	left: 171px; top: 211px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 484px;
	visibility: hidden;
	z-index: 20;
}
#Drobs_Tuebingen {
	position: absolute;
	left: 197px; top: 211px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 458px;
	visibility: hidden;
	z-index: 20;
}
#IFD_Nagold {
	position: absolute;
	left: 147px; top: 215px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 508px;
	visibility: hidden;
	z-index: 20;
}
#Haus_Wiesengrund {
	position: absolute;
	left: 98px; top: 220px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 557px;
	visibility: hidden;
	z-index: 20;
}
#Drogenhilfe_Lahr {
	position: absolute;
	left: 55px; top: 224px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 600px;
	visibility: hidden;
	z-index: 20;
}
#Drobs_Reutlingen {
	position: absolute;
	left: 227px; top: 232px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 428px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Offenburg {
	position: absolute;
	left: 101px; top: 218px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 554px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Rottweil {
	position: absolute;
	left: 145px; top: 253px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 510px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Emmendingen {
	position: absolute;
	left: 47px; top: 258px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 608px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_VillingenSchwenningen {
	position: absolute;
	left: 124px; top: 272px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 531px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Freiburg,
#IFD_Freiburg {
	position: absolute;
	left: 65px; top: 287px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 590px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Tuttlingen {
	position: absolute;
	left: 160px; top: 297px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 495px;
	visibility: hidden;
	z-index: 20;
}
#Rehabilitationseinrichtung_Loerrach_Adaption,
#Fachstelle_Sucht_Loerrach,
#Drogenhilfe_Drehscheibe_Loerrach {
	position: absolute;
	left: 23px; top: 323px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 632px;
	visibility: hidden;
	z-index: 20;
}
#Fachstelle_Sucht_Waldshut {
	position: absolute;
	left: 110px; top: 323px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 545px;
	visibility: hidden;
	z-index: 20;
}
#IFD_Radolfzell,
#Fachstelle_Sucht_Radolfzell {
	position: absolute;
	left: 188px; top: 323px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 467px;
	visibility: hidden;
	z-index: 20;
}
#Haus_Weitenau {
	position: absolute;
	left: 45px; top: 349px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 610px;
	visibility: hidden;
	z-index: 20;
}
#Drobs_Rheinfelden {
	position: absolute;
	left: 42px; top: 353px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 613px;
	visibility: hidden;
	z-index: 20;
}


#station_hofheim,
#ausbildung_koenigsberg {
	position: absolute;
	left: 350px; top: 125px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	text-align: right;
	width: 305px;
	visibility: hidden;
	z-index: 20;
}
/**
*	CONTENT [end]
**/

/**
*	FOOTER [start]
**/

/**
*	FOOTER [end]
**/

/**
*	Classes
**/
.station, .station_hofheim { list-style-image: url(/uploads/tf/Kreis_blau.png); }
.ambulanz { list-style-image: url(/uploads/tf/Kreis_rot.png); }
.ausbildung, .ausbildung_koenigsberg { list-style-image: url(/uploads/tf/Kreis_gruen.png); }
.tagAbt { list-style-image: url(/uploads/tf/Kreis_orange.png); }
.betreut { list-style-image: url(/uploads/tf/Kreis_gelb.png); }
.geschaeftsstelle { list-style-image: url(/uploads/tf/Quadrat_rot_klein.png); }
/**
*ml_maps Einstellungen
**/
div.tx-mlmaps-pi1 img {
border:0px;
}
/***********************
	  LAYOUT [end]
************************/