/**
 * Project:     
 * File:        style.css
 *
 * @link http://www.thinkclever.ch/
 * @copyright 2006 Thinkclever IT Solutions
 * @author Nils Caspar <caspar@thinkclever.ch>
 * @author Manuel Schweizer <schweizer@thinkclever.ch>
 * @package Codix
 */
 
/***  HTML, BODY ***/
html, body {
	margin:					0;
	padding:				0;
	background:				#b6aca1 url(../pix/background.gif) repeat-y top center;
}
body {
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	font-size:				12px;
	padding-left:			1px;
}
* html body {
	padding-left:			1px;		/*stupid ie*/
}
img {
	border:					0;
}
p {
	padding-top:			0;
	margin-top:				0;
}
#outer {
	margin:					0 auto;
	width:					800px;
}
#inner {
	width:					625px;
}
#top {
	width:					625px;
	height:					115px;
	overflow:				hidden;
	background:				url(../pix/logo_holbeinstrasse.gif) no-repeat top center;
	margin-right:			175px;
}
#top a {
	float:					right;
	display:				block;
	width:					450px;
	height:					50px;
	text-decoration:		none;
}
#left {
	display:				block;
	float:					left;
	width:					175px;
	overflow:				hidden;
}
.navigation a {
	display:				block;
	width:					175px;
	height:					57px;
}
#ruth_doenni { background: url(../pix/button_doenni.gif) no-repeat top center; }
#ruth_doenni:hover { background: url(../pix/button_doenni.gif) no-repeat bottom center; }
#carmen_wettstein { background: url(../pix/button_wettstein.gif) no-repeat top center; }
#carmen_wettstein:hover { background: url(../pix/button_wettstein.gif) no-repeat bottom center; }
#ingrid_indermaur { background: url(../pix/button_indermaur.gif) no-repeat top center; }
#ingrid_indermaur:hover { background: url(../pix/button_indermaur.gif) no-repeat bottom center; }
#christine_kessi { background: url(../pix/button_kessi.gif) no-repeat top center; }
#christine_kessi:hover { background: url(../pix/button_kessi.gif) no-repeat bottom center; }
#nadja_herz { background: url(../pix/button_herz.gif) no-repeat top center; }
#nadja_herz:hover { background: url(../pix/button_herz.gif) no-repeat bottom center; }

#ruth_doenni_invers { background: url(../pix/button_doenni.gif) no-repeat bottom center; }
#ruth_doenni_invers:hover { background: url(../pix/button_doenni.gif) no-repeat top center; }
#carmen_wettstein_invers { background: url(../pix/button_wettstein.gif) no-repeat bottom center; }
#carmen_wettstein_invers:hover { background: url(../pix/button_wettstein.gif) no-repeat top center; }
#ingrid_indermaur_invers { background: url(../pix/button_indermaur.gif) no-repeat bottom center; }
#ingrid_indermaur_invers:hover { background: url(../pix/button_indermaur.gif) no-repeat top center; }
#christine_kessi_invers { background: url(../pix/button_kessi.gif) no-repeat bottom center; }
#christine_kessi_invers:hover { background: url(../pix/button_kessi.gif) no-repeat top center; }
#nadja_herz_invers { background: url(../pix/button_herz.gif) no-repeat bottom center; }
#nadja_herz_invers:hover { background: url(../pix/button_herz.gif) no-repeat top center; }

#doenni_small a { background: url(../pix/ruth_doenni_small.gif) no-repeat top center; }
#doenni_small a:hover { background: url(../pix/ruth_doenni_small.gif) no-repeat bottom center; }
#wettstein_small a { background: url(../pix/carmen_wettstein_small.gif) no-repeat top center; }
#wettstein_small a:hover { background: url(../pix/carmen_wettstein_small.gif) no-repeat bottom center; }
#indermaur_small a { background: url(../pix/ingrid_indermaur_small.gif) no-repeat top center; }
#indermaur_small a:hover { background: url(../pix/ingrid_indermaur_small.gif) no-repeat bottom center; }
#kessi_small a { background: url(../pix/christine_kessi_small.gif) no-repeat top center; }
#kessi_small a:hover { background: url(../pix/christine_kessi_small.gif) no-repeat bottom center; }
#herz_small a { background: url(../pix/nadja_herz_small.gif) no-repeat top center; }
#herz_small a:hover { background: url(../pix/nadja_herz_small.gif) no-repeat bottom center; }

.portrait_small {
	cursor:					pointer;
	float:					left;
	width:					225px;
	height:					113px;
	overflow:				hidden;
}
.portrait_small a {
	display:				block;
	width:					225px;
	height:					113px;
}
.details_person {
	width:					163px;
	height:					153px;
	overflow:				hidden;
	text-align:				right;
	padding-top:			75px;
	padding-right:			12px;
	color:					#504b48;
}
.details_person p a {
	display:				inline;
	color:					#504b48;
}
.details_person a:hover {
	color:					black;
}
.details_person p {
	padding-top:			8px;
}
* html .details_person p {
	padding-top:			0px;
}
#details_carmen_wettstein { background: url(../pix/details_wettstein.gif) no-repeat top center; }
#details_ruth_doenni { background: url(../pix/details_doenni.gif) no-repeat top center; }
#details_ingrid_indermaur { background: url(../pix/details_indermaur.gif) no-repeat top center; }
#details_christine_kessi { background: url(../pix/details_kessi.gif) no-repeat top center; }
#details_nadja_herz { background: url(../pix/details_herz.gif) no-repeat top center; }

#links { background: url(../pix/button_links.gif) no-repeat top center; }
#links:hover { background: url(../pix/button_links.gif) no-repeat bottom center; }
#lage { background: url(../pix/button_lage.gif) no-repeat top center; }
#lage:hover { background: url(../pix/button_lage.gif) no-repeat bottom center; }

#links_invers { background: url(../pix/button_links.gif) no-repeat bottom center; }
#links_invers:hover { background: url(../pix/button_links.gif) no-repeat top center; }
#lage_invers { background: url(../pix/button_lage.gif) no-repeat bottom center; }
#lage_invers:hover { background: url(../pix/button_lage.gif) no-repeat top center; }


#picture {
	float:					left;
	display:				block;
	width:					450px;
	height:					226px;
	background-color:		#978e83;
	overflow:				hidden;
}
#content {
	float:					left;
	padding:				12px 12px 0 12px;
	width:					426px;
	display:				block;
	color:					#887d74;
	line-height:			1.5;
	letter-spacing:			1px;
}
#content a {
	line-height:			3;
	color:					#887d74;
}
#content a:hover {
	color:					black;
}
#content ul {list-style-type: none; margin-left: 0.2em; padding-left: 0;}
#content ul li {text-indent: -0.9em; padding-left: 0.8em;}
#content .powered {
	text-align:				center;
	margin-top:				40px;
	border-top:				1px dotted #b6aca1;
	color:					#b6aca1;
	font-size:				8px;
	padding-top:			2px;
	margin-bottom:			10px;
}
#content .powered a {
	line-height:			1;
	color:					#b6aca1;
	text-decoration:		none;
}
#content .powered a:hover {
	color:					#504b48;
}
/****** www.access-for-all.ch ******/
.hidden {
	display:				inline;
	left:					-1000px;
	overflow:				hidden;
	width:					0px;
	position:				absolute;
	top:					-1000px;
	height:					0px
}