a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #000; }
a:active { text-decoration: underline; color: #000; }

div#content a { text-decoration: underline; color: #000; }
div#content a:link { text-decoration: underline; color: #000; }
div#content a:visited { text-decoration: underline; color: #000; }
div#content a:hover { text-decoration: underline; color: #000; }
div#content a:active { text-decoration: underline; color: #000; }

form {
	margin: 0px;
	}
	
/*------------------------------*/
/*general layout                */
/*------------------------------*/


body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	}

#master {
	position: absolute;
	text-align: left;
	background-color: #fff;
	left: 50%;
	height: 400px;
	width: 780px;
	text-align: left;
	margin: 10px 0px 0px -390px;
	}


#wrapper {
	width: 780px;
	}
	

#col_left {
	width: 100px;
	float: left;
	}

#col_main {
	position: relative;
	padding: 20px 40px 20px 20px;
	height: 350px;
	width: 385px;
	border: 5px solid #000;
	float: left;
	}

#col_right {
	width: 225px;
	float: left;
	}

.navi_top {
	height: 50px;
	}


/*
scrolling layer
*/

#wn	{ 
	position: relative;
	width: 375px;
	height: 300px; 
	overflow: hidden;
	}


#impressum {
	float: right;
	}

#impressum, #impressum a {
	font-size: 11px;
	color: #0099CC;
	line-height: 12px;
	text-align: right;
	}

	
/*------------------------------*/
/*general stuff                 */
/*------------------------------*/


h1, h2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 12px;
	font-weight: bold;
	}

.mycontent_title h1 {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	}	


h2 {
	font-size: 12px;
	padding-bottom: 0px;
	}

p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

.float_left {
	float: left;
	}

.float_right {
	float: right;
	}
	
.float_clear {
	clear: both;
	}

ol li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
	
table {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	width: 360px;
	border-collapse: collapse;
	}

table td, table th {
	font-weight: normal;
	width: 180px;
	padding: 5px 0px 5px 0px;
	vertical-align: center;
	text-align: left;
	}

table p {
	margin-top: 10px;
	font-size: 10px;
	text-align: left;
	}
	
table img {
	}


/*
scroller
*/

div#scrollbar {
    display: block; /* initially display: none; to hide from incapable */
    }

    
div#scrollbar { 
  position: absolute;
  right:  10px;
  top:  60px;
  width: 11px;
  height: 310px; 
  font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position: absolute; left: 0; top: 12px;
  width: 11px;
  height: 286px;
  background:  #336;
  }
div#dragBar {
  position: absolute; left: 1px; top: 1px;
  width: 9px;
  height: 20px;
  background-color: #ceced6;
  }  
div#up { position: absolute; left: 0; top: 0; }  
div#down { position: absolute; left: 0; bottom: 0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select:  none;
    -khtml-user-select:  none;
}


/* so no gap or misplacement due to image vertical alignment
font-size: 1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display: block; 
    } 




/*old css*/

/*
td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px}
.body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px}
.headline { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; text-decoration: none; font-weight: bold }
*/

.formfield {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	width: 200px;
	border: 1px solid #000000;
}
.formfieldMed {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	width: 100px;
	border: 1px solid #000000;
}
.formfieldSmall {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	width: 20px;
	border: 1px solid #000000;
}
.button {
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	width: 87px;
	border: 1px solid #000000;
}


/* impressum: 0099CC */

.bodyImpressum { color: #0099CC }

a:link.naviImpressum { text-decoration: none; color: #000000 }
a:visited.naviImpressum { text-decoration: none; color: #000000 }
a:hover.naviImpressum { text-decoration: underline; color: #0099CC }
a:active.naviImpressum { text-decoration: underline; color: #0099CC }

.linkBodyImpressum { color: #0099CC; font-size: 10px }


/* aktuelles: 0099CC */

#wrapper.aktuelles #col_main { border-color: #0099CC }

.naviAktuelles { color: #0099CC }

a:link.naviAktuelles { text-decoration: none; color: #000000 }
a:visited.naviAktuelles { text-decoration: none; color: #000000 }
a:hover.naviAktuelles { text-decoration: underline; color: #0099CC }
a:active.naviAktuelles { text-decoration: underline; color: #0099CC }

.linkBodyAktuelles { color: #0099CC font-weight: bold }


/* wohnbegleitung: 3366CC */

#wrapper.wohnbegleitung #col_main { border-color: #3366CC }

.naviWohn { color: #3366CC }

a:link.naviWohn { text-decoration: none; color: #000000 }
a:visited.naviWohn { text-decoration: none; color: #000000 }
a:hover.naviWohn { text-decoration: underline; color: #3366CC }
a:active.naviWohn { text-decoration: underline; color: #3366CC }

.linkBodyWohn { color: #3366CC font-weight: bold }


/* tageszentrum: FF0000 */

#wrapper.tageszentrum #col_main { border-color: #FF0000 }

.naviTages { color: #FF0000 }

a:link.naviTages { text-decoration: none; color: #000000 }
a:visited.naviTages { text-decoration: none; color: #000000 }
a:hover.naviTages { text-decoration: underline; color: #FF0000 }
a:active.naviTages { text-decoration: underline; color: #FF0000 }

.linkBodyTages { color: #FF0000 font-weight: bold }


/* beratungsstelle: CCCC00 */

#wrapper.beratungsstelle #col_main { border-color: #CCCC00 }

.naviBeratungs { color: #CCCC00 }

a:link.naviBeratungs { text-decoration: none; color: #000000 }
a:visited.naviBeratungs { text-decoration: none; color: #000000 }
a:hover.naviBeratungs { text-decoration: underline; color: #CCCC00 }
a:active.naviBeratungs { text-decoration: underline; color: #CCCC00 }

.linkBodyBeratungs { color: #CCCC00 font-weight: bold }


/* psag: 003360 */

#wrapper.psag #col_main { border-color: #003360 }

.naviPsag { color: #003360 }

a:link.naviPsag { text-decoration: none; color: #000000 }
a:visited.naviPsag { text-decoration: none; color: #000000 }
a:hover.naviPsag { text-decoration: underline; color: #003360 }
a:active.naviPsag { text-decoration: underline; color: #003360 }

.linkBodyPsag { color: #003360 font-weight: bold }


/* kontakte: 003360 */

.naviKontakte { color: #003360 }

a:link.naviKontakte { text-decoration: none; color: #000000 }
a:visited.naviKontakte { text-decoration: none; color: #000000 }
a:hover.naviKontakte { text-decoration: underline; color: #003360 }
a:active.naviKontakte { text-decoration: underline; color: #003360 }

.linkBodyKontakte { color: #003360 font-weight: bold }


/* besuchsdienst: 996600 */

#wrapper.besuchsdienst #col_main { border-color: #996600 }

.naviBesuchsdienst { color: #996600 }

a:link.naviBesuchsdienst { text-decoration: none; color: #000000 }
a:visited.naviBesuchsdienst { text-decoration: none; color: #000000 }
a:hover.naviBesuchsdienst { text-decoration: underline; color: #996600 }
a:active.naviBesuchsdienst { text-decoration: underline; color: #996600 }

.linkBodyBesuchsdienst { color: #996600 font-weight: bold }


/* jobcoaching: AADD6D */

#wrapper.jobcoaching #col_main { border-color: #AADD6D }

.naviJobcoaching { color: #AADD6D }

a:link.naviJobcoaching { text-decoration: none; color: #000000 }
a:visited.naviJobcoaching { text-decoration: none; color: #000000 }
a:hover.naviJobcoaching { text-decoration: underline; color: #AADD6D }
a:active.naviJobcoaching { text-decoration: underline; color: #AADD6D }

.linkBodyJobcoaching { color: #AADD6D font-weight: bold }



/* ambiente: #FF6600 */

#wrapper.ambiente #col_main { border-color: #FF6600 }

.naviAmbiente { color: #FF6600 }

a:link.naviAmbiente { text-decoration: none; color: #000000 }
a:visited.naviAmbiente { text-decoration: none; color: #000000 }
a:hover.naviAmbiente { text-decoration: underline; color: #FF6600 }
a:active.naviAmbiente { text-decoration: underline; color: #FF6600 }

.linkBodyAmbiente { color: #FF6600 font-weight: bold }