/*
	Projekt:		www.vif-selbstbestimmt-leben.de
	Copyright:		2007-2008, Claus Coviello, www.webseiten-mit-sinn.de
	Version:		Screenlayout, Version 01.01.00
	geandert am:	2008-05-20

 *******************************************************************
	gesammelte Farbcodes
	
	#0067B2		VIF-blau
	#FFAD00		gelb
	#FF9B00		gelb abgedunkelt fuer Schrift und Puenktchen
	#990F0D		rot
	#f05100		os: orange  hauptnavi - spendenkonto
	#EA7FB0		rosa
	#C54781		rosa abgedunkelt fuer Schrift und Puenktchen
	#617C01		gruen
	#CCE1F0		hellblau
	#174467		dunkelblau
	#DEDEDE		hellgrau
*/

/* Alle tags auf Null zuruecksetzen */
html, body, div, ul, ol, li, img, form, fieldset, label, table, th, tr, td {
	margin:0;
	padding:0;
	border:0;
}

a {
	color:#174467; /* dunkelblau */
	text-decoration:underline;
}

a:hover,
a:focus {
	text-decoration:none;
}

h1,
.h1-style {
	margin:0 0 0.6em 0;
	padding:0;
	font-size:2em;
	line-height:1.2em;
	font-weight:normal;
	background-color:white;
}

.h1-style {
	margin-top:1em;
}

h2 {
	margin:1.3em 0 0.3em 0;
	padding:0;
	color:#174467; /* dunkelblau */
	font-size:1.0em;
	line-height:1.3em;
	font-weight:bold;
	background-color:white;
}

h3 {
	margin:1.3em 0 0.3em 0;
	padding:0;
	font-size:1.0em;
	line-height:1.3em;
	font-weight:bold;
	background-color:white;
}

p {
	margin:0 0 1.0em 0;
	padding:0;
	font-size:1em;
	line-height:1.3em;
	background-color:white;
}

.anmerkung-programmierer,
.kommentar-programmierer {
	color:red;
	font-weight:bold;
	font-style:italic;
}

strong {
	font-weight:bold;
}

ul {
	margin:0.8em 0 0.8em 20px;
	padding:0;
	list-style-type:none;
}

ul li {
	margin:0 0 0.8em;
	padding:0 0 0 17px;
	/*
		IE-bugfix
	*/	position:relative;
}

ol {
	margin:0.8em 0 0.8em 20px;
	padding:0;
	list-style-type:decimal;
}

ol li {
	margin:0 0 0.8em 20px;
	padding:0;
}

acronym {
  border-bottom:1px dotted #174467; /* dunkelblau */
  background:#EAF3FE; /* hellblau, eigener Ton fuer diese Hinterlegung */
}

blockquote {
	margin:2.5em 20px 2.5em 30px;
	padding:0;
	font-style:italic;
	color:#0067B2; /* VIF-blau */
}

blockquote .normal {
	font-style:normal;
	color:#174467; /* dunkelblau */
}

.skip, p.skip, print-only {
	position:absolute;
	left:-1000px;
	top:-2000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

.hidden {
	display:none;
}

.links {
	float:left;
}

.rechts {
	float:right;
}

.spaltenabschluss {
	display:block;
	height:1px;
	font:1px /1 sans-serif;
	clear: both;
}


/*
 * Aufbau Grundlayout
 * */
body, html {
	height:100%;
}

body {
	padding-bottom:1px;
	/*
		IE-Fehler: Die Schriftgroesse muss in Prozent angegeben werden.
		Mit em kann es im IE (5.0, 5.5, 6.0, 7beta) Probleme geben.
		Bei Aenderung der Schriftgroesse im Browser verschiebt sich der
		Text in der linken Spalte des 3-spaltigen Layouts.
	*/
	color:#174476; /* dunkelblau */
	text-align:center;
/*	font-size:80%; */
	line-height:1.3em;
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-style:normal;
	background-color:#CCE1F0; /* hellblau */
	background-position:left top;
	background-repeat:repeat-x;
}

body.hell {
	background-image:url("../_img/hintergrund_hell.jpg");
}

body.dunkel {
	background-image:url("../_img/hintergrund_dunkel.jpg");
}

#container {
	position:relative;
	width:915px;
	margin:0 auto;
font-size:100%; /* notwendig oder ein Relikt ??? */
}

#header {
	position:relative;
	height:178px;
	margin:0 32px 2px 0;
	text-align:left;
	background-repeat:no-repeat;
	background-position:517px 0px;
}

#layout-left {
/*
	Bugfix fuer den IE:
	Bei paralleler Anordnung von Menue und Content per float tritt
	der 3px-Fehler auf. Mit absoluter Positionierung laesst sich
	dies umgehen.
*/	position:absolute;
	top:180px;
	left:0px;
	width:20.4em;
	text-align:left;
}

#layout-center {
	margin:0 32px 0 20.4em;
	text-align:left;
	background-color:white;
}


/*
 * Layout header
 * */
body.hell #header {
	/* background-image:url("../_img/blume_oben_weiss.gif"); */
}

body.dunkel #header {
	/* background-image:url("../_img/blume_oben_hellblau.gif"); */
}

#header #logo-vif {
	position:absolute;
	bottom:0px;
	left:34px;
	display:block;
	width:200px;
	margin:0 0 4px;
	background:0;
}

#header #logo-vif a {
	text-decoration:none;
	line-height:1.3em;
	cursor:pointer;
}

#header #logo-vif span.image {
	display:block;
	width:72px;
	height:77px; /* Bildhoehe 75px + 3px Abstand */
}

#header #logo-vif img {
	display:block;
	width:72px;
	height:75px;
	margin-left:-4px;
}

body.dunkel #header #logo-vif span.image {
	background:url("../_img/logo_vif_weiss.gif") no-repeat left top;
}

body.dunkel #header #logo-vif img {
	display:none;
}

#header #logo-vif a strong {
	font-weight:normal;
}

#header #logo-vif a:focus strong,
#header #logo-vif a:focus strong .erste-zeile {
	background-color:white;
}

#header #logo-vif .erste-zeile {
	display:block;
	position:relative;
	top:0.2em;
}

#header #kopfbild {
	position:absolute;
	bottom:0px;
	left:250px;
}

#logo-grafiker {
	position:absolute;
	top:3px;
	right:33px;
	display:block;
	width:30px;
	height:30px;
	background:url("../_img/logo_p--c_hell_1.gif") no-repeat 0 0;
}

body.dunkel #logo-grafiker {
	background:url("../_img/logo_p--c_dunkel_1.gif") no-repeat 0 0;
}

#logo-grafiker a {
	display:block;
	width:30px;
	height:30px;
}

#logo-grafiker img {
	width:100%;
	height:100%;
	border:0;
}

* html a:hover,
* html a:focus {
	visibility:visible;
}

#logo-grafiker a:hover img,
#logo-grafiker a:focus img {
	visibility:hidden;
}

#header #auswahl-kontrast p,
#header #auswahl-schrift p {
	position:absolute;
	left:785px;
	margin-left:-6.5em;
	color:#0067B2;	/* default-Farbe: VIF-Blau */
	background:0;
}

#header #auswahl-kontrast p {
	top:128px;
}

#header #auswahl-schrift p {
	top:160px;
}

body.bereich02 #header #auswahl-kontrast p,
body.bereich02 #header #auswahl-schrift p {
	color:#174467; /* dunkelblau */
}

body.bereich03 #header #auswahl-kontrast p,
body.bereich03 #header #auswahl-schrift p {
	color:#990F0D; /* rot */
}

body.bereich04 #header #auswahl-kontrast p,
body.bereich04 #header #auswahl-schrift p {
	color:#617C01; /* gruen */
}

body.bereich05 #header #auswahl-kontrast p,
body.bereich05 #header #auswahl-schrift p {
	color:#174467; /* dunkelblau */
}

body.bereich06 #header #auswahl-kontrast p,
body.bereich06 #header #auswahl-schrift p {
	color:#174467; /* dunkelblau */
}

body.bereich07 #header #auswahl-kontrast p,
body.bereich07 #header #auswahl-schrift p {
	color:#174467; /* os: dunkelblau */
}

#header #auswahl-kontrast p strong,
#header #auswahl-schrift p strong {
	font-weight:normal;
}

#header #auswahl-kontrast ul,
#header #auswahl-schrift ul {
	position:absolute;
	right:0px;
	margin:0px;
	padding:0px;
}

#header #auswahl-kontrast ul {
	top:116px;
}

#header #auswahl-schrift ul {
	top:148px;
}

#header #auswahl-kontrast li,
#header #auswahl-schrift li {
	display:inline;
	margin:0 0 0 2px;
	padding:0;
}



/*
 * Aufbau Hauptmenue
 * */
#layout-left ul {
	margin:0;
}

#layout-left li {
	padding:0;
}


/*
 * Aufbau Inhaltsbereich
 * */

/* Brotkrumenpfad */
#wo-bin-ich {
	height:30px;
	margin:0;
	padding:0 6px 0 13px;
	line-height:1.15em;
	border-bottom:2px solid #CCE1F0; /* hellblau */
}

#wo-bin-ich p {
	position:relative;
	top:29%;
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:bold;
	color:white;
}

body.bereich01 #wo-bin-ich,
body.bereich01 #wo-bin-ich p {
	background-color:#0067B2; /* VIF-blau */
}

body.bereich02 #wo-bin-ich,
body.bereich02 #wo-bin-ich p {
	background-color:#FFAD00; /* gelb */
}

body.bereich03 #wo-bin-ich,
body.bereich03 #wo-bin-ich p {
	background-color:#990F0D; /* rot */
}

body.bereich04 #wo-bin-ich,
body.bereich04 #wo-bin-ich p {
	background-color:#617C01; /* gruen */
}

body.bereich05 #wo-bin-ich,
body.bereich05 #wo-bin-ich p {
	background-color:#00B5D2; /* hellblau */
}

body.bereich06 #wo-bin-ich,
body.bereich06 #wo-bin-ich p {
	background-color:#EA7FB0; /* rosa */
}

body.bereich07 #wo-bin-ich,
body.bereich07 #wo-bin-ich p {
	background-color:#f05100; /* os: orange */
}



#wo-bin-ich a {
	color:white;
}

#wo-bin-ich a:focus {
	color:#174467; /* dunkelblau */
	background-color:white !important;
}

#wo-bin-ich .trennzeichen-0 {
	margin:0;
	padding:0;
	/*
		IE5-bugfix: Ausser dem IE 5 blenden alle die Texttrennzeichen ">" aus.
	*/	display/* */:none;
}

#wo-bin-ich .trennzeichen-1,
#wo-bin-ich .trennzeichen-2,
#wo-bin-ich .trennzeichen-3 {
	margin:0 5px 0 0;
	padding:0 12px 0 1px;
	/*
		IE5-bugfix: Hintergrund wird nicht vom IE 5 angezeigt.
	*/	background/* */:url("../_img/brotkrumenpfad_trennzeichen.gif") no-repeat 100% 60%;
}


/*
 * Zentrum: Kopf- und Fussbereich mit Buttons
 * */
#footer {
	position:relative;
	height:75px;
	background:url("../_img/blume_unten_hellblau.gif") no-repeat 50% 100%;
}

#button-sitemap,
#button-drucken,
#button-pfeil {
	position:relative;
	margin:0;
	padding:0;
	background:0;
}

#button-sitemap {
	float:right;
	left:32px;
}

#button-drucken {
	float:left;
	top:45px;
	left:-32px;
}

#button-pfeil {
	float:right;
	top:45px;
	left:32px;
}

#button-sitemap a,
#button-drucken a,
#button-pfeil a {
	color:#0067B2; /* VIF-blau */
	text-decoration:none;
}

#button-sitemap a span,
#button-drucken a span,
#button-pfeil a span {
	position:relative;
	top:-6px;
	text-decoration:underline;
}

#button-sitemap a:hover span,
#button-drucken a:hover span,
#button-pfeil a:hover span {
	text-decoration:none;
}

#button-sitemap a:focus span,
#button-drucken a:focus span,
#button-pfeil a:focus span {
	text-decoration:none;
	background-color:#CCE1F0;
}

#button-sitemap a span,
#button-pfeil a span {
	left:-8px;
}

#button-drucken a span {
	left:15px;
}

body.bereich02 #button-sitemap a span,
body.bereich02 #button-pfeil a span,
body.bereich02 #button-drucken a span {
	color:#174467; /* dunkelblau */
}

body.bereich03 #button-sitemap a span,
body.bereich03 #button-pfeil a span,
body.bereich03 #button-drucken a span {
	color:#990F0D; /* rot */
}

body.bereich04 #button-sitemap a span,
body.bereich04 #button-pfeil a span,
body.bereich04 #button-drucken a span {
	color:#617C01; /* gruen */
}

body.bereich05 #button-sitemap a span,
body.bereich05 #button-pfeil a span,
body.bereich05 #button-drucken a span {
	/*color:#174467;*/ /* dunkelblau */
}

body.bereich06 #button-sitemap a span,
body.bereich06 #button-pfeil a span,
body.bereich06 #button-drucken a span {
	color:#174467; /* dunkelblau */
}

body.bereich07 #button-sitemap a span,
body.bereich07 #button-pfeil a span,
body.bereich07 #button-drucken a span {
	color:#f05100; /* os: orange */
}

/*
 * sozial buttons
 * */
 
#sozial-buttons-container {
    position: absolute;
    top: 245px;
    right: 0px;
    width: 32px;
    text-align: left;
    background-color: #ffffff00;
}

#sozial-buttons-container img {
    padding: 0px 0px 0px 2px;
}

/*
 * Aufbau Inhaltsbereich
 * */
#seitenrand {
	margin:0 6px 0 0;
	padding:0 6px 0 13px;
}

/* allgemeine Schriftfarben */
body.bereich01 h1,
body.bereich01 .h1-style {
	color:#0067B2; /* VIF-blau */
}

body.bereich02 h1,
body.bereich02 .h1-style {
	color:#FF9B00; /* gelb abgedunkelt */
}

body.bereich03 h1,
body.bereich03 .h1-style {
	color:#990F0D; /* rot */
}

body.bereich04 h1,
body.bereich04 .h1-style {
	color:#617C01; /* gruen */
}

body.bereich05 h1,
body.bereich05 .h1-style {
	color:#00B5D2; /* hellblau */
}

body.bereich06 h1,
body.bereich06 .h1-style {
	color:#C54781; /* rosa abgedunkelt */
}

body.bereich07 h1,
body.bereich07 .h1-style {
	color:#f05100; /* os: orange */
}

body.bereich01 h2 span.farbig {
	color:#0067B2; /* VIF-blau */
}

body.bereich02 h2 span.farbig {
	color:#FF9B00; /* gelb, abgedunkelt */
}

body.bereich03 h2 span.farbig {
	color:#990F0D; /* rot */
}

body.bereich04 h2 span.farbig {
	color:#617C01; /* gruen */
}

body.bereich05 h2 span.farbig {
	color:#00B5D2; /* hellblau */
}

body.bereich06 h2 span.farbig {
	color:#C54781; /* rosa, abgedunkelt */
}

body.bereich07 h2 span.farbig {
	color:#f05100; /* os: orange */
}

#layout-center a:focus {
	background-color:#CCE1F0; /* hellblau */
}


/* Gestaltung waagerechte Trennlinie */
#layout-center .trennlinie {
	display:block;
	height:3px;
	margin:1.2em 5px 1.2em 0;
	padding:0;
	border:0;
	background:url("../_img/linie_waagerecht_blau.gif") repeat-x left top;
}

body.bereich02 #layout-center .trennlinie {
	background-image:url("../_img/linie_waagerecht_gelb.gif");
}

body.bereich03 #layout-center .trennlinie {
	background-image:url("../_img/linie_waagerecht_rot.gif");
}

body.bereich04 #layout-center .trennlinie {
	background-image:url("../_img/linie_waagerecht_gruen.gif");
}

body.bereich05 #layout-center .trennlinie {
	/*background-image:url("../_img/linie_waagerecht_rosa.gif"); */
}

body.bereich06 #layout-center .trennlinie {
	background-image:url("../_img/linie_waagerecht_rosa.gif");
}


/*
 * Link mit Unterstreichung ueber die gesamte Seitenbreite
 * */
#layout-center .link {
	display:block;
	padding-right:18px;
/*	background:url("../_img/link-doppelpfeile_dunkelblau.gif") no-repeat 100% 50%; */
}

#layout-center .link a {
	display:block;
	text-decoration:none;
	cursor:pointer;
	border-bottom:1px solid #174467; /* dunkelblau */
}

body.bereich01 #layout-center .link a {
	border-color:#0067B2; /* VIF-blau */
}

body.bereich02 #layout-center .link a {
	border-color:#FFAD00; /* gelb */
}

body.bereich03 #layout-center .link a {
	border-color:#990F0D; /* rot */
}

body.bereich04 #layout-center .link a {
	border-color:#617C01; /* gruen */
}

body.bereich05 #layout-center .link a {
	border-color:#00B5D2; /* hellblau */
}

body.bereich06 #layout-center .link a {
	border-color:#EA7FB0; /* rosa */
}

body.bereich07 #layout-center .link a {
	border-color:#f05100; /* os: orange */
}

#layout-center .link a:hover {
	padding-bottom:1px;
	border-bottom:0;
}

#layout-center .link .rechts {
	position:relative;
	left:18px;
	padding-right:18px;
	background:url("../_img/link-doppelpfeile_dunkelblau.gif") no-repeat 100% 50%;
}

body.bereich01 #layout-center .link .rechts {
	background-image:url("../_img/link-doppelpfeile_blau.gif");
}

body.bereich02 #layout-center .link .rechts  {
	background-image:url("../_img/link-doppelpfeile_gelb.gif");
}

body.bereich03 #layout-center .link .rechts  {
	background-image:url("../_img/link-doppelpfeile_rot.gif");
}

body.bereich04 #layout-center .link .rechts  {
	background-image:url("../_img/link-doppelpfeile_gruen.gif");
}

body.bereich05 #layout-center .link .rechts  {
	/* background-image:url("../_img/link-doppelpfeile_rosa.gif"); */
}

body.bereich06 #layout-center .link .rechts  {
	background-image:url("../_img/link-doppelpfeile_rosa.gif");
}

#layout-center .link .bereich04 {
/*	color:#617C01; */ /* gruen */
}


/*
 * Liste mit Sprungmarken innerhalb einer Seite
 * */
#layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_blau.gif");
	margin:0 0 0 18px;
	padding:0;
}

body.bereich02 #layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_gelb.gif");
}

body.bereich03 #layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_rot.gif");
}

body.bereich04 #layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_gruen.gif");
}

body.bereich05 #layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_rosa.gif");
}

body.bereich06 #layout-center .linkliste {
	list-style-image:url("../_img/listen-wuerfel_15x10_rosa.gif");
}

#layout-center .linkliste li {
	margin:0 0 2px 0;
	padding:0;
	line-height:1.3em;
}

#layout-center .linkliste li a {
	margin:0;
	padding:0;
}


/*
 * Gestaltung Seite "Startseite"
 * */
#layout-center .plakat-rechts_01 {
	float:right;
	width:191px;
	margin:3px 0 0.8em 15px;
}

#layout-center .plakat-rechts_01 a {
	color:#0067B2; /* VIF-blau */
	text-decoration:none;
	line-height:1,1em;
	cursor:pointer;
}

#layout-center .plakat-rechts_01 .rechts {
	padding-right:18px;
	background:url("../_img/link-doppelpfeile_blau.gif") no-repeat 100% 50%;
}

#layout-center .plakat-rechts_01 a .spaltenabschluss {
	margin-right:18px;
	border-bottom:1px solid #0067B2; /* VIF-blau */
}

#layout-center .plakat-rechts_01 a:hover .spaltenabschluss {
	border-bottom:0;
}


/*
 * Gestaltung Seite 'Stellenangebote'
 * */
#layout-center .plakat_links_01 {
	display:block;
	border-top:1px solid white;
	padding-right:18px;
	background:url("../_img/link-doppelpfeile_dunkelblau.gif") no-repeat 100% 246px;
}

#layout-center .plakat_links_01 a {
	text-decoration:none;
	cursor:pointer;
}

#layout-center .plakat_links_01 img {
	float:left;
}

#layout-center .plakat_links_01 .text {
	display:block;
	margin:212px 0 0 390px;
}

#layout-center .plakat_links_01 a:focus .text {
	background-color:#CCE1F0; /* hellblau */
}

#layout-center .plakat_links_01 .text .spaltenabschluss {
	position:relative;
	top:-8px;
	border-bottom:1px solid #0067B2; /* VIF-blau */
}

#layout-center .plakat_links_01 a:hover .text .spaltenabschluss {
	border-bottom:0;
	padding-bottom:1px;
}


/*
 * Gestaltung Seite "Geschichte"
 * */
#layout-center .geschichte {
	width:100%;
	margin:60px 0 0 0;
}

#layout-center .geschichte h2 {
	float:left;
	width:5.9em;
	margin:0 0 0.6em 0;
	padding:0;
	font-size:2em;
	line-height:1.0em;
	font-weight:normal;
	color:#174467; /* dunkelblau */
}

body.bereich01 #layout-center .geschichte h2 {
	color:#0067B2; /* VIF-blau */
}

body.bereich02 #layout-center .geschichte h2 {
	color:#FF9B00; /* gelb abgedunkelt */
}

body.bereich03 #layout-center .geschichte h2 {
	color:#990F0D; /* rot */
}

body.bereich04 #layout-center .geschichte h2 {
	color:#C54781; /* rosa abgedunkelt */
}

body.bereich05 #layout-center .geschichte h2 {
	color:#00B5D2; /* hellblau */
}

body.bereich06 #layout-center .geschichte h2 {
	color:#617C01; /* gruen */
}

body.bereich07 #layout-center .geschichte h2 {
	color:#f05100; /* os: orange */
}

#layout-center .geschichte p {
	margin-left:12em;
	padding:0;
}

#layout-center .geschichte .trennlinie {
	display:block;
	clear: both;
	height:3px;
	margin:32px 5px 4px 0;
	border:0;
	background:url("../_img/linie_waagerecht_gelb.gif") repeat-x left top;
}


/*
 * Gestaltung Seite "Dienstleistungen
 * */
#layout-center .frosch-link {
	display:block;
	margin:-5px 0 125px 0;
	padding-right:18px;
	text-align:right;
	background:url("../_img/link-doppelpfeile_rot.gif") no-repeat 100% 96%;
}

#layout-center .frosch-link a {
	display:block;
	text-decoration:none;
	color:#990F0D;
	border-bottom:1px solid #990F0D; /* rot */
}

#layout-center .frosch-link a img {
	position:relative;
	top:31px;
	left:328px;
	float:left;
}

#layout-center .frosch-link a:hover {
	padding-bottom:1px;
	border-bottom:0;
}


/*
 * Gestaltung Seite "Sitemap"
 *
 * Diese Gestaltung passt bisher nur fuer den IE und geht mit
 * Einschraenkungen fuer Mozilla, Opera und Safari.
 * */
#layout-center .sitemap {
	margin:0 0 0 300px;
}

#layout-center .sitemap ul {
	margin:0 0 0 -9em;
	padding:0 0 0 20px;
}

#layout-center .sitemap ul ul {
	margin:0 0 0 36px;
	padding:0;
}

#layout-center .sitemap li {
	margin:0 0 0 0;
	padding:0 0 0 3px;
}

#layout-center .sitemap li li {
	margin:0 0 4px 0;
	padding:0 0 0 3px;
}

#layout-center .sitemap li a {
	vertical-align:middle;
	border:1px solid white;
}

#layout-center .sitemap li.bereich01 {
	margin-bottom:2px;
	list-style-image:url("../_img/listen-wuerfel_30x15_blau.gif");
}

#layout-center .sitemap li.bereich02 {
	margin-bottom:2px;
	list-style-image:url("../_img/listen-wuerfel_30x15_gelb.gif");
}

#layout-center .sitemap ul.bereich02 li {
	list-style-image:url("../_img/listen-wuerfel_15x15_gelb.gif");
}

#layout-center .sitemap li.bereich03 {
	margin-bottom:2px;
	list-style-image:url("../_img/listen-wuerfel_30x15_rot.gif");
}

#layout-center .sitemap ul ul li.bereich03 {
	list-style-image:url("../_img/listen-wuerfel_15x15_rot.gif");
}

#layout-center .sitemap ul.bereich03 {
	list-style-image:url("../_img/listen-wuerfel_15x10_rot.gif");
}

#layout-center .sitemap li.bereich04 {
	margin-bottom:2px;
	list-style-image:url("../_img/listen-wuerfel_30x15_gruen.gif");
}

#layout-center .sitemap ul.bereich04 li {
	list-style-image:url("../_img/listen-wuerfel_15x15_gruen.gif");
}

#layout-center .sitemap ul.bereich04 {
	list-style-image:url("../_img/listen-wuerfel_15x10_gruen.gif");
}

#layout-center .sitemap li.bereich05 {
	list-style-image:url("../_img/listen-wuerfel_30x15_hellblau.gif");
}

#layout-center .sitemap ul.bereich05 li {
	list-style-image:url("../_img/listen-wuerfel_15x15_hellblau.gif");
}

#layout-center .sitemap li.bereich06 {
	list-style-image:url("../_img/listen-wuerfel_30x15_rosa.gif");
}

#layout-center .sitemap ul.bereich06 li {
	list-style-image:url("../_img/listen-wuerfel_15x15_rosa.gif");
}



/*
 * Gestaltung Seite "Kontakt" und allgemein Kontaktangaben
 * */
#layout-center .adresse-zweispaltig {
	width:100%;
}

#layout-center .adresse-zweispaltig .linke-spalte {
	float:left;
	width:45%;
}

#layout-center .adresse-zweispaltig .rechte-spalte {
	margin-left:54%;
	text-align:right;
}

#layout-center .adresse-zweispaltig .kontaktadresse {
	float:left;
	width:80%;
}

#layout-center .adresse-zweispaltig .kontaktbild {
	margin-left:30%;
}

#layout-center .adresse-zweispaltig .kontaktbild img {
	float: left;
	left: 0px;
	margin: -26px 0px 0px 22px;
}

#layout-center .adresse-zweispaltig img {
	float:right;
	position:relative;
	left:12px;
	margin:20px 0 20px 0;
}

#layout-center h2.adresse span,
#layout-center h3.adresse span {
	position:relative;
	top:0.5em;
}

#layout-center .telefon {
	display:block;
	position:relative;
	left:-31px;
	height:30px;
	margin:0 0 2px 0;
	padding:0 0 0 31px;
	font-size:2em;
	line-height:1em;
	background:url("../_img/kontakt-kuben_tel_rosa.gif") no-repeat 0% 50%;
}

body.bereich01 .telefon {
	color:#0067B2; /* VIF-blau */
}

body.bereich02 .telefon {
	color:#FF9B00; /* gelb abgedunkelt */
}

body.bereich03 .telefon {
	color:#990F0D; /* rot */
}

body.bereich04 .telefon {
	color:#617C01; /* gruen */
}

body.bereich05 .telefon {
	color:#00B5D2; /* hellblau */
}

body.bereich06 .telefon {
	color:#C54781; /* rosa abgedunkelt */
}

body.bereich07 .telefon {
	color:#f05100; /* os: orange */
}

#layout-center .telefax {
	display:block;
	position:relative;
	left:-31px;
	height:30px;
	margin:0 0 2px 0;
	padding:0 0 0 31px;
	background:url("../_img/kontakt-kuben_fax_rosa.gif") no-repeat 0% 50%;
	vertical-align:bottom;
}

#layout-center .email {
	display:block;
	position:relative;
	left:-31px;
	height:30px;
	margin:0 0 2px 0;
	padding:0 0 0 31px;
	background:url("../_img/kontakt-kuben_email_rosa.gif") no-repeat 0% 50%;
}

#layout-center .telefax span {
	position:relative;
	top:0.5em;
}

#layout-center .email a span {
	font-size:2em;
	line-height:1em;
	text-decoration:none;
}

body.bereich01 #layout-center .email a span {
	color:#0067B2; /* VIF-blau */
}

body.bereich02 #layout-center .email a span {
	color:#FF9B00; /* gelb abgedunkelt */
}

body.bereich03 #layout-center .email a span {
	color:#990F0D; /* rot */
}

body.bereich04 #layout-center .email a span {
	color:#617C01; /* gruen */
}

body.bereich05 #layout-center .email a span {
	color:#00B5D2; /* hellblau */
}

body.bereich06 #layout-center .email a span {
	color:#C54781; /* rosa abgedunkelt */
}

body.bereich07 #layout-center .email a span {
	color:#f05100; /* os: orange */
}

#layout-center h2.adresse,
#layout-center h3.adresse,
#layout-center p.adresse {
	display:block;
	position:relative;
	left:-31px;
	margin:0 0 2px 0;
	padding:0 0 0 31px;
	background:url("../_img/kontakt-kuben_rosa.gif") no-repeat left top;
}

#layout-center h2.adresse,
#layout-center h3.adresse {
	height:30px;
}

#layout-center p.adresse {
	padding-top:6px;
	padding-bottom:6px;
}



/*
 * Gestaltung Seite "Galerie"
 * */
#layout-center .galerie {
	margin:40px 0 0 0;
	padding:0;
}

#layout-center .galerie h2 {
	margin-bottom:40px;
}

#layout-center .galerie .bild {
	margin-bottom:0;
}

#layout-center .galerie .bild a {
	text-decoration:none;
}

#layout-center .galerie .bild img {
	border:1px solid #DEDEDE;
}

#layout-center .galerie .bild span {
	margin-left:10px;
	padding-right:18px;
	color:#617C01; /* gruen */
	background:url("../_img/link-doppelpfeile_gruen.gif") no-repeat 100% 50%;
}

#layout-center .untertitel {
	margin-top:0;
	padding-top:0;
}

#layout-center .galerie ul {
	display:block;
	width:99.7%;
	height:32px;
	margin:30px 0 15px 0;
	padding:0;
	background:url("../_img/galerie_vorschau-rahmen.gif") repeat-x left top;
}

#layout-center .galerie li {
	float:left;
	margin:0 2px 0 0;
	padding:0;
	border:0;
}

#layout-center .galerie li img {
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	border:1px solid #DEDEDE;
}

#layout-center q {
	color:#0067B2; /* VIF-blau */
}


/*
 * Layout Seite "Publikationen"
 * */
#layout-center .publikationen #acrobat-reader {
	margin-top:-20px;
	text-align:right;
}

#layout-center .publikationen #img1,
#layout-center .publikationen #img2,
#layout-center .publikationen #img3 {
	position:absolute;
	margin-top:3.5em;
}

#layout-center .publikationen #img1 {
	top:270px;
}

#layout-center .publikationen #img2 {
	top:440px;
}

#layout-center .publikationen #img3 {
	top:610px;
}

#layout-center .publikationen h2,
#layout-center .publikationen p {
	margin-left:140px;
}

#layout-center .publikationen .link {
	background-position:100% 75%;
}


/*
 * Layout Seite "Publikationen2"
 * */
#layout-center .publikationen #acrobat-reader {
	margin-top:-20px;
	text-align:right;
}

#layout-center .publikationen #img0,
#layout-center .publikationen #img1,
#layout-center .publikationen #img2,
#layout-center .publikationen #img3 {
	position:absolute;
	margin-top:3.5em;
}

#layout-center .publikationen #img0 {
	top:270px;
}

#layout-center .publikationen #img1 {
	/* top:270px; */
	top:440px;
}

#layout-center .publikationen #img2 {
	/* top:440px; */
	top: 610px;
}

#layout-center .publikationen #img3 {
	/* top:610px; */
	top: 780px;
}

#layout-center .publikationen h2,
#layout-center .publikationen p {
	margin-left:140px;
}

#layout-center .publikationen .link {
	background-position:100% 75%;
}



/*
 * Fusszeile: Bildwechsel Seite 'VIF'
 * */
body.motiv-rueggeberg #footer {
	height:150px;
	background-image:url("../_img/scherenschnitt_herr-rueggeberg.gif");
}

body.motiv-rueggeberg #button-drucken,
body.motiv-rueggeberg #button-pfeil {
	top:120px;
}

/* Fusszeile: Bildwechsel Seite 'Oeffentlichkeitsarbeit' */
body.motiv-jubilaeum #footer {
	height:300px;
	background-position:left bottom;
	background-image:url("../_img/scherenschritt_jubilaeum.gif");
}

body.motiv-jubilaeum #button-drucken,
body.motiv-jubilaeum #button-pfeil {
	top:270px;
}


/*
 * Fusszeile: VIF-Adresse
 * */
#adresse-vif {
	margin:10px 32px 0 20.4em;
	padding-bottom:10px;
}

#adresse-vif p {
	margin:0;
	padding:0;
	background:0;
}

#adresse-vif p a:focus {
	background-color:white;
}