/*	Autor:						Claude Roulet
	Autor URL:					http://exquisito.ch/
	Kunden URL:					http://inneremraumgeben.ch/
	Angelegt:					2008-03-27
	Letzte Änderungen:			2011-10-26		*/


html {
	font-size: 100%;
}

body, ul, ol, dl, li, dt, dd, button, input, select, textarea {
	font-family: dejarip, sans-serif;
	padding: 0;
	margin: 0;
}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
	padding: 0;
	margin: 0;
}

header h1, nav li, #index #zitat, #fehler #content h2 {
	font-family: apolline, serif;
}

header h2 {
	font-family: apolline-sc, serif;
}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

a {
	text-decoration: none;	
}

	
@media screen {

body {
	font-size: .875em;			/* 14px */
	line-height: 1.5;			/* 21px */
	color: #252123;
	text-align: left;
	padding: 0 0 3em;
	background: #fff;
}

a {
	color: #ea0c6d;
	border-bottom: .071em solid #ea0c6d;
}

a:hover, a:focus, a:active { 
	color: #890740;
	border-color: #890740;
}

a:focus {
	outline: 1px dotted;
}

h1, h2, h3, h4, #index #zitat, nav li {
	text-rendering: optimizeLegibility;
}

h1 {
	font-size: 1.5em;			/* 21px */
	line-height: 1.333;			/* 28px */
	color: #ea0c6d;
	padding: 0;
	margin: 0 0 .667em;			/* 14px */
}

#texte section > h1, #kurse section > h1 {
	font-size: .929em;			/* 13px */
	line-height: 1.231;			/* 16px */
	text-transform: uppercase;
	letter-spacing: .154em;		/* 2px */
	color: #6c6268;
	margin: 0 0 2.154em;		/* 28px */
}

#texte section article h1, #kurse section article h1 {
	font-size: 1.286em;			/* 18px */
	line-height: 1.333;			/* 24px */
	margin: 0 0 .778em;			/* 14px */
}

h1 a {
	color: #ea0c6d;
	border: 0 none;
}

h1 a:hover, h1 a:focus, h1 a:active { 
	color: #990847;
}

h2 {
	font-size: 1.286em;			/* 18px */
	line-height: 1.33;			/* 24px */
	color: #990847;
	padding: .611em 0 0;		/* 11px */
	margin: 0 0 .389em;			/* 7px */
}

h3, #texte section article h2, #kurse section article h2, #netzwerk h2 {
	font-size: 1.143em;			/* 16px */
	line-height: 1.25;			/* 20px */
	color: #5a5257;
	padding: .5em 0 0;			/* 8px */
	margin: 0 0 .438em;			/* 7px */
}

h4, #texte section article h3, #kurse section article h3 {
	font-size: 1em;				/* 14px */
	line-height: 1.286;			/* 18px */
	color: #5a5257;
	padding: .714em 0 0;		/* 10px */
	margin: 0 0 .5em;			/* 7px */
}

#texte section article h2, #kurse section article h2 {
	color: #990847;
}

#texte section article h3, #kurse section article h3 {
	color: #5a5257;
}

h1 + h2 {
	padding: .222em 0 0;		/* 4px */
}

h2 + h3, #texte section article h1 + h2, #kurse section article h1 + h2 {
	padding: .063em 0 0;		/* 1px */
}

h3 + h4, #texte section article h2 + h3, #kurse section article h2 + h3 {
	padding: .214em 0 0;		/* 3px */
}

p, ul, ol, dl {
	margin: 0 0 .5em;
}

a img, a.gross {
	border: 0 none;
	cursor: url(/grafiken/lupe.cur), pointer;
}

header img, #zitat img {
	cursor: pointer;
}

abbr, .versal {
	font-size: 0.929em;			/* 13px */
}

h1 abbr, h1 .versal {
	font-size: 0.889em;			/* 16px von 18px */
}

#texte section article h1 abbr, #texte section article h1 .versal, #kurse section article h1 abbr, #kurse section article h1 .versal {
	font-size: 0.938em;			/* 15px von 16px */
}

abbr[title] {
	border-bottom: .077em dotted #aaa;
	cursor: help;
}

a abbr[title] {
	cursor: pointer;
	border: 0 none;
}

.eng {
	word-spacing: -.071em;
}


#wrapper {
	width: 68.571em;			/* 960px */
	position: relative;
	behavior: url(css/PIE.htc);
	margin: 20px auto 40px;
	background: #fff url(/grafiken/verlauf.png) no-repeat;
	-moz-box-shadow: 2px 2px 12px #a79ea3;
	-webkit-box-shadow: 2px 2px 12px #a79ea3;
	box-shadow: 2px 2px 12px #a79ea3;
	border-top: 4px solid #f31475;
	border-bottom: 2px solid #f31475;
}


/*	Header
––––––––––––––––––––––––– */

header {
	height: 16em;
	padding: 0 2.857em;			/* 40px */
}

header h1, header h2 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

header h1 {
	font-size: 2.143em;			/* 30px */
	line-height: 1.2;			/* 36px */
	text-transform: uppercase;
	letter-spacing: .033em;
	padding: 1em 0 0;
}

header a {
	color: #252123;
	border: 0 none;
}

header a:hover, header a:focus, header a:active {
	color: #910d4c;
}

header h1 a span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: .933em;
	height: .933em;
	background: #f31475;
	vertical-align: text-bottom;
	margin: auto .4em .167em;
}

header h1 a:hover span, header h1 a:focus span, header h1 a:active span {
	background: #f54491;
}

header h2 {
	font-size: 1.571em;			/* 22px */
	line-height: 1;
	letter-spacing: .091em;
	color: #6c6268;
	text-align: right;
}

header p, nav h2, nav p {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


/*	Inhalt
––––––––––––––––––––––––– */

#content {
	position: relative;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	padding: 0 5.714em 2.857em 25.714em;
	zoom: 1;					/* IE 6 & 7 */
}

#content article {
	padding: 0 0 1em;
	border-bottom: 1px solid #e0dcde;
	margin: 0 0 2em;
}

#content img, .publiziert-in, #lageplan {		/* alles was in den linken Teil kommt */
	width: 240px;
	float: left;
	display: inline;
	margin: .5em 0 0 -22.857em;
}

#lageplan img {
	float: none;
	margin: 0;
	border: 1px solid #554;
}

#lageplan p {
	font-size: .857em;			/* 12px */
	color: #6c6268;
	text-align: center;
	padding: .5em 1em;
}

#content ul {
	padding: 0 0 .071em;
}

#kontakt #content ul {
	padding: 0;
	margin: 0 0 1.769em;
}

#content ul li {
	list-style: none;
	padding: 0 0 0 18px;
	background: url(/grafiken/fuchsia-7.png) 0 .5em no-repeat;
	margin: 0 0 .5em;
}

#content ul ul li {
	background: url(/grafiken/fuchsia-5.png) 0 .571em no-repeat;
}

#content ul ul li:first-child {
	padding-top: .5em;
	background-position: 0 1em;
}

#netzwerk #content li, #kontakt #content li {
	padding: 0;
	background: none;
}

#netzwerk a {
	border-color: transparent;
}

#netzwerk a:hover, #netzwerk a:focus, #netzwerk a:active {
	border-color: #890740;
}

.mehr {
	font-size: .857em;			/* 12px */
	font-weight: bold;
	margin: 0 0 .583em;
}

.mehr a {
	color: #a9094f;
	border: 0 none;
}

.mehr a:hover, .mehr a:focus, .mehr a:active {
	color: #5a5257;
	border-bottom: .083em solid #5a5257;
}

.anmerkung {
	padding: .5em 1em;
	margin: 2em 0 0 -.5em;
	background: #fee6f0;
}


/*	Texte (Sektion)
––––––––––––––––––––––––– */

#texte .autor {
	font-style: italic;
	margin: 0 0 1em;
}

#texte .publiziert-in {
	width: 228px;
	font-size: .857em;			/* 12px */
	margin: 0 0 0 -26.667em;	/* -320px */
	padding: .5em;
	border-top: 1px solid #ccb;
	border-bottom: 1px solid #ccb;
}

#texte .einschub {
	font-style: italic;
	color: #484245;
	padding: .714em;
	border-top: .071em solid #990847;
	border-bottom: .071em solid #990847;
}


/*	Kurse
––––––––––––––––––––––––– */

#kurse dl {
	color: #514a4e;
	padding: 0 0 0 12px;
	border-left: 2px solid #f31475;
	margin-top: 1em;
}

#kurse dt {
	width: 10em;
	float: left;
}

#kurse dd {
	margin: 0 0 .5em 10em;
}


/*	Startseite
––––––––––––––––––––––––– */

#index #wrapper {
	padding: 0 0 2em;
}

#index #zitat {
	width: 45.714em;			/* 640px & 240px padding */
	position: absolute;
	left: 2.857em;				/* 40px */
	top: 0;
	font-style: italic;
	padding: 5.5em 8.571em 4em;
	border-bottom: .143em solid #e8e5e7;
}

#index #zitat p {
	font-size: 2.571em;			/* 36px */
	line-height: 1.333;			/* 48px */
	text-align: center;
	margin: 0 0 1em 0;
}

#index #zitat a {
	display: block;
	color: #252123;
	border: 0 none;
}

#index #zitat a:hover, #index #zitat a:focus, #index #zitat a:active {
	color: #a9094f;
}

#index #zitat span {
	display: block;
	width: 1em;
	height: 1em;
	color: #f31475;
	background: #f31475;
	margin: .444em auto;
}

#index #zitat a:hover span, #index #zitat a:focus span, #index #zitat a:active span {
	color: #f54491;
	background: #f54491;
}

#index #zitat .autor {
	font-size: 1.429em;			/* 20px */
	line-height: 1;
	text-align: left;
	padding: 0 1em;
	margin-left: 19.05em;		/* 381px */
}

#index h1 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: .571em;
}

#index h1 a {
	color: #484245;
	border: 0 none;
}

#index h1 a:hover, #index h1 a:focus, #index h1 a:active {
	color: #a9094f;
}

#index .vcard, #liste-ausbildungen {
	width: 25.714em;			/* 360px */
	float: left;
	display: inline;
	color: #484245;
}

#index .vcard {
	padding: 34em 11.429em 0 2.857em;
	text-align: right;
}

#index a[href^="tel"] {
	color: #484245;
}

#liste-ausbildungen {
	padding: 34em 0 0;
}

#index .vcard p, #liste-ausbildungen p, #liste-ausbildungen ul {
	font-size: .857em;			/* 12px */
	line-height: 1.667;
	margin-bottom: .667em;
}

#index li {
	list-style: none;
	margin: 0 0 .25em;			/* 3px */
}


/*	vCard
––––––––––––––––––––––––– */

.vcard abbr {
	border: 0 none;
}

.street-address, .country-name {
	display: block;
}

.country-name {
	font-weight: bold;
}

.country-name {
	padding-top: .5em;
}

.tel:before {
	content: "Telefon: ";
}

.tel a, a[href^="tel"] {
	color: #252123;
	border: 0 none;
	cursor: default;
}

.email:before {
	content: "eMail: ";
}

.country-name, .url, #index .fn, #index .email, #kontakt .fn, #impressum .org {
	display: none;
}


/*	Fehlerseite
––––––––––––––––––––––––– */

#fehler #content h2 {
	font-size: 1.5em;			/* 21px */
	letter-spacing: .095em;
	padding-top: 3em;
	margin-bottom: 1em;
}

#fehler #content p {
	margin-bottom: 10em;
}


/*	Navigation
––––––––––––––––––––––––– */

nav {
	width: 62.857em;			/* 880px */
	position: absolute;
	left: 2.857em;				/* 40px */
	top: 10.5em;
	background: url(/grafiken/hintergrund-navigation.png) repeat-x;
	border-top: 1px solid #e0dcde;
	border-bottom: 1px solid #e0dcde;
}

nav ul {
	padding: 0 .786em;			/* 11px */
	margin: 0;
}

nav li {
	width: auto;
	float: left;
	text-transform: uppercase;
	letter-spacing: .071em;
	line-height: 1;
	list-style: none;
	margin: 0 1.571em 0 0;		/* 22px */
	padding: 0;
}

nav a {
	display: block;
	color: #000;
	border: 0 none;
}

nav a, nav li.aktiv {
	padding: .643em;
}

nav a:hover, nav a:focus, nav a:active, nav .aktiv {
	color: #ea0c6d;
}

nav li.aktiv, nav a.aktiv {
	font-weight: 700;
	padding-left: 1em;
	background: url(/grafiken/quadrat.png) 0 50% no-repeat;
}


/*	Footer
––––––––––––––––––––––––– */

footer {
	font-size: .786em;			/* 11px */
	color: #978c92;
	padding: 1.091em 7.273em 1.091em 32.727em;
	border-top: 1px solid #e0dcde;
}

footer span {
	padding: 0 1em;
}

footer span.eng {
	padding: 0;
}

footer a {
	color: #6c6268;
	border: 0 none;
}

footer a:hover, footer a:focus, footer a:active { 
	color: #990847;
	border-bottom: .091em solid #990847;
}


/*	Slimbox 2.04
––––––––––––––––––––––––– */

#neueEbene {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #18010b;
	cursor: pointer;
}

#bildBereich, #infoBereich {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.ladeGrafik {
	background: #fff url(/grafiken/slimbox/laden.gif) 50% 40% no-repeat;
}

#neuesBild {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#linkVorher, #linkNachher {
	display: block;
	position: absolute;
	top: 0;
	width: 45%;
	border: 0 none;
	outline: 0 none;
}

#linkVorher {
	left: 0;
}

#linkVorher:hover {		/* #linkVorher:focus und #linkVorher:active funktionieren in Firefox und Opera nicht */
	background: transparent url(/grafiken/slimbox/zurueck.gif) 0 33% no-repeat;
}

#linkNachher {
	right: 0;
}

#linkNachher:hover {
	background: transparent url(/grafiken/slimbox/weiter.gif) 100% 33% no-repeat;
}

#textBereich {
	font-size: .857em;		/* 12px bei 14px */
	color: #544545;
	text-align: left;
	padding: 0 20px 10px;
}

#schliessLink {
	display: block;
	float: right;
	width: 21px;
	height: 25px;
	background: transparent url(/grafiken/slimbox/schliessen.gif) center no-repeat;
	margin: 5px 0;
	border: 0 none;
	outline: 0 none;
}

#bildLegende, #bilderAnzahl {
	margin-right: 36px;
}

#bildLegende {
	line-height: 1.333;
}

#bilderAnzahl {
	font-style: italic;
	padding-top: .667em;
}


/*	Clear
––––––––––––––––––––––––– */

#wrapper:after, #content:after, nav ul:after {
	content: "."; 
	height: 0; 
	clear: both; 
	display: block; 
	visibility: hidden;
}

}	/* Ende screen */



@media print {

/*	Nicht drucken
––––––––––––––––––––––––– */

header p, #kontakt header h2, #lageplan + h2, #weiter,  #lageplan p, nav {
	display: none;
}


/*	Drucken
––––––––––––––––––––––––– */

body {
	font-family: "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, Garuda, sans-serif;
	font-size: 10pt;
	color: #000;
	line-height: 15pt;
	text-align: left;
	margin: 10mm 10mm 25mm 15mm;
	background: #fff;	
}

h2 {
	font-size: 11pt;
	color: #910d4c;
	line-height: 16pt;
	padding: 8pt 0 0;
	margin: 0 0 5pt;
}

h3, h4 {
	font-size: 10pt;
	line-height: 14pt;
	padding: 10pt 0 0;
	margin: 0 0 8pt;
}

p, ul,dl {
	margin: 0 0 7pt;
}

ul {
	list-style: square;
	margin: 0 0 9pt 5mm;
}

a { 
	color: #000;
}

a[href^='http://'] {
	font-size: 9pt;
	color: #910d4c;
	font-weight: bold;
}

a[href^='http://']:after { 
	content: " ("attr(href)")";
	font-size: 8pt;
	color: #000;
	font-weight: normal;
}

a[href^='http://inneremraumgeben'] {
	font-size: 10pt;
	font-weight: normal;
	color: #333;
}

a[href^='http://inneremraumgeben']:after { 
	content: "";
}

#content abbr, #content .versal {
	font-size: 9pt;
}

abbr[title]:after {
	content: " ("attr(title)")";
}

#content h2 abbr, #content h2 .versal {
	font-size: 10pt;
}

h2 abbr[title]:after {
	font-weight: normal;
	color: #000;
}

#wrapper {
	position: relative;
}

header {
	margin: 0 0 12mm;
}

header h1, header h2 {
	font-family: Times, 'Times New Roman', serif;
	font-weight: normal;
	letter-spacing: 1pt;
}

header h1 {
	font-size: 13pt;
	text-transform: uppercase;
	line-height: 20pt;
}

header h1 a, header h2, header h2 a {
	color: #555 !important;
}

header h1 img {
	display: inline;
	width: 12pt;
	height: 12pt;
	vertical-align: -1pt;
	margin: 0 3pt;
}

header h2 {
	font-size: 11pt;
	font-variant: small-caps;
	text-align: right;
}

#index h1 {
	font-size: 12pt;
	line-height: 18pt;
	padding-top: 9pt;
	margin-bottom: 6pt;
}

#index h1 a {
	color: #910d4c !important;
}

#content {
	position: relative;
	padding: 0 0 0 50mm;
}

#netzwerk #content {
	padding: 0;
}

#content img {
	position: absolute;
	top: 10mm;
	left: 0mm;
	width: 36.7mm;
}

#judith-biberstein #content img {
	height: 49.7mm;
}

#lageplan {
	width: 60.9mm;
	height: 60.9mm;
	float: left;
	margin: 0 12mm 12mm -50mm;
}

#lageplan img {
	position: static;
	width: 60.9mm;
	height: 60.9mm;
}

.anmerkung {
	padding: 2mm 5mm;
	margin: 10mm 0 0;
	border: thin solid #ccc;
}

.vcard {
	position: absolute;
	left: 0;
	top: 105mm;
}

#liste-ausbildungen {
	position: absolute;
	left: 0;
	top: 145mm;
}

#zitat, .autor {
	font-family: Times, 'Times New Roman', serif;
	font-style: italic;
}

#zitat {
	font-size: 22pt;
	line-height: 30pt;
	text-align: center;
	width: 147mm;
	position: absolute;
	left: 0;
	top: 18mm;
}

#zitat a img {
	width: 22px;
	height: 22px;
	position: static;
	float: none;
	display: block !important;
	margin: 12pt auto;
}

.autor {
	position: absolute;
	right: 0;
	top: 50mm;
}

.autor a {
	font-size: 14pt;
	color: #000;
	font-weight: normal;
}

.autor .extern:after { 
	content: "";
}

.eng {
	word-spacing: -2pt;
}

footer {
	font-size: 8pt;
	line-height: 12pt;
	padding: 12mm 0 0 50mm;
}

#index footer {
	position: absolute;
	left: 0;
	top: 190mm;
	padding: 0;
}

#netzwerk footer {
	padding-left: 0;
}

footer a {
	font-size: 8pt;
}

footer a[href^='http://'], footer a[href^='http://']:after, footer abbr[title]:after {
	font-size: 8pt;
	font-weight: normal;
	color: #000;
}

footer abbr {
	font-size: 7.5pt;
}

}	/* Ende print */