/* +++++++++++++++++++++++++ Layout +++++++++++++++++++++++++ */


body							{
			background-color: #FFFFFF;
			margin: 0px;
			padding: 0px;
			font-family: verdanda, arial, sans-serif;
			color: #333333;
			font-size: small;
			overflow: scroll;
	}
	
* html body						{
			font-size: x-small;
			f\ont-size: small;
	}
	
html>body						{
			font-size: small;
	}



#zentrierhilfe					{
			text-align: center;
			position: absolute;
			top: 50%;
			left: 0px;
			width: 100%;
			height: 1px;
	}
	
	
	
#hauptcontainer					{
			padding: 0px;
			margin: 0px 0px 0px -500px;
			border: 0px;
			font-size: 100%;
			position: absolute;
			left: 50%;
			top: -375px;
			height: 750px;
			width: 1000px;
	}


#kopfbereich					{
			background-image: url(img/head.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			position: absolute;
			height: 125px;
			width: 880px;		
			padding: 0px;
			margin: 0px;
			left: 0px;
	}
	


#inhalt-container				{
			position: absolute;
			height: 560px;
			width: 880px;
			padding: 0px;
			margin: 0px;
			top: 120px;
			left: 0px;
	}
	


.standard							{
			background-image: url(img/psycho-bunny_schatten.gif);
			background-repeat: no-repeat;
			background-position: 0px 25px;
	}


.home							{
			background-image: url(img/hg.gif);
			background-repeat: no-repeat;
			background-position: 0px 25px;
	}


.index							{
			background-image: url(img/hg-home.gif);
			background-repeat: no-repeat;
			background-position: 0px 25px;
	}


.aboutme						{
			background-image: url(img/aboutme.jpg);
			background-repeat: no-repeat;
			background-position: 0px 25px;
	}
	
	
.exhibitions						{
			background-image: url(img/fremdewelten.jpg);
			background-repeat: no-repeat;
			background-position: 0px 25px;
	}	


#inhalt							{
			font-size: 99%;
			position: relative;
			text-align: left;
			float: left;
			width: 540px;
			height: 500px;
			padding: 0px 40px 10px 25px;
			margin: 0px;
			top: 50px;
			left:80px;
	}

	
* html inhalt					{
			width: 600px;
			w\idth: 540px;
	}


#inhalt-links					{
			font-size: 99%;
			position: relative;
			text-align: left;
			float: left;
			width: 260px;
			padding: 0px 0px 10px 0px;
			margin: 0px;
			}
	
	
* html inhalt-links				{
			width: 290px;
			w\idth: 260px;
	}
	
	
	
#inhalt-rechts					{
			font-size: 99%;
			position: relative;
			text-align: left;
			float: left;
			width: 250px;
			padding: 0px 0px 10px 30px;
			margin: 0px;
	}
	

* html inhalt-rechts			{
			width: 290px;
			w\idth: 250px;
	}




/* +++++++++++++++++++++++++ Formatierung der beiden Bilderspalten +++++++++++++++++++++++++ */


#inhalt-pics					{
			font-size: 99%;
			position: relative;
			text-align: left;
			float: right;
			width: 640px;
			padding: 0px 0px 10px 0px;
			margin: 0px;
			top: 40px;
			right: 35px
	}


#inhalt-rechts-pics				{
			font-size: 99%;
			position: relative;
			text-align: right;
			float: left;
			width: 340px;
			padding: 0px 0px 10px 30px;
			margin: 0px;
			right: 0px;
	}
	
	
* html inhalt-rechts-pics		{
			width: 370px;
			w\idth: 340px;
	}
	
	
#inhalt-links-pics				{
			font-size: 99%;
			position: relative;
			text-align: left;
			float: left;
			width: 200px;
			padding: 0px 0px 10px 20px;
			margin: 0px;
			right: 0px
	}
	
	
* html inhalt-links-pics		{
			width: 250px;
			w\idth: 200px;
	}
	


/* +++++++++++++++++++++++++ Formatierung der Bilder in den Rubriken +++++++++++++++++++++++++ */


.pics-klein	{
			text-align: left;
			padding: 0px 4px 4px 0px;
			margin: 0px;
			border: 0px;
			left: 0px;
	}
	
.pics		{	
			text-align: left;
			padding: 0px;
			margin: 0px;
			border: 0px;
			left: 0px;
	}
	



/* +++++++++++++++++++++++++ Formatierung der rechten Seitenleiste +++++++++++++++++++++++++ */
	
	
#leiste-rechts-weiss			{
			background-image: url(img/layout-leiste-weiss.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 685px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: -8px;
	}
	
	
#leiste-rechts-dunkeloliv	{
			background-image: url(img/layout-leiste-dunkeloliv.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}

#leiste-rechts-dunkelrot	{
			background-image: url(img/layout-leiste-dunkelrot.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}
	
#leiste-rechts-grau			{
			background-image: url(img/layout-leiste-grau.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}
	
#leiste-rechts-gruen		{
			background-image: url(img/layout-leiste-gruen.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}


#leiste-rechts-oliv			{
			background-image: url(img/layout-leiste-oliv.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}

#leiste-rechts-orange		{
			background-image: url(img/layout-leiste-orange.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}

#leiste-rechts-lila			{
			background-image: url(img/layout-leiste-lila.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}


#leiste-rechts-schwarz		{
			background-image: url(img/layout-leiste-schwarz.jpg);
			background-repeat: no-repeat;
			position: absolute;
			width: 120px;
			height: 750px;
			padding: 0px;
			margin: 0px;
			right: 0px;
			top: 0px;
	}
	


/* +++++++++++++++++++++++++ Text-/Absatzformatierung und Formatierung Überschriften +++++++++++++++++++++++++ */


p					{
		line-height: 130%;
		padding: 0px;
		padding-bottom: 13px;
		margin: 0;
	}



h1					{
		font-size: 115%;
		padding: 0px;
		padding-bottom: 5px;
		margin: 0px;
		font-weight: 550;
		color: #333333;
	}
	
h1.farbe-blau		{
		color: #008DC2;
	}
	
	
h1.farbe-gruen		{
		color: #009900;
	}
	
	
h1.farbe-dunkeloliv	{
		color: #5F5018;
	}
	
h1.farbe-dunkelrot	{
		color: #660000;
	}
	
h1.farbe-grau		{
		color: #666666;
	}
	
h1.farbe-lila		{
		color: #993366;
	}
	
h1.farbe-oliv		{
		color: #BBBD00;
	}
	
h1.farbe-schwarz 	{
		color: #000000;
	}



h2					{
		font-size: 105%;
		padding: 0px;
		padding-bottom: 5px;
		margin: 0px;
		font-weight: 550;
		color: #333333;
	}
	



/* +++++++++++++++++++++++++ Formatierung der einzelnen Navigations-Container und -Bereiche +++++++++++++++++++++++++ */
	
#container-hauptnavigation	{
			position: absolute;
			background:url(img/leer.gif);
			text-align: left;
			width: 1000px;
			height: 65px;
			padding: 0px;
			margin: 0px;
			top: 681px;
			left: 0px;
			vertical-align: left;
	}


* html container-hauptnavigation		{
			width: 1000px;
			w\idth: 1000px;
	}


#navigation-sprachen-rechts	{
			background-color:#FFFFFF;
			font-size: 85%;
			text-align: right;
			position: absolute;
			width: 120px;
			height: 20px;
			padding: 0px;
			padding-top: 5px;
			margin: 0px;
			top: 635px;
			right: 0px;
	}

* html navigation-sprachen-rechts		{
			width: 120px;
			w\idth: 120px;
	}
	

#imprint	{
			font-size: 90%;
			text-align: right;
			position: absolute;
			width: 84px;
			height: 30px;
			padding: 0px 10px 0px 26px;
			margin: 0px;
			top: 660px;
			right: 0px;
	}


* html imprint		{
			width: 120px;
			w\idth: 84px;
	}

#container-zusatznavigation		{
			position: relative;
			float: left;
			padding: 0px;
			margin: 0px;
			width: 180px;
			height: 325px;
			left: 0px;
			top: 45px;
	}

#zusatznavigation a	{
			text-align: left;
			padding: 0px;
			margin: 0px;
			margin-bottom: 10px;
			display: block;
	}
	
	
/* * html zusatznavigation		{
			width: 260px;
			w\idth: 240px;
	}
	*/



/* +++++++++++++++++++++++++ Formatierung Hauptnavigation +++++++++++++++++++++++++ */


a:link {
		color: #333333;
		padding: 0px;
		padding-right: 5px;
		text-decoration: none;	}

a:visited {
		color: #333333;
		padding: 0px;
		padding-right: 5px;
		text-decoration: none;	
	}

a:hover {
		color: #999999;
		padding: 0px;
		padding-right: 5px;
		text-decoration: none;
	}

a:active {
		color: #999999;
		padding: 0px;
		padding-right: 5px;
		text-decoration: none;
	}
	
	

/* +++++++++++++++++++++++++ Formatierung linke Zusatznavigation +++++++++++++++++++++++++ */

	
#zusatznavigation a.zusatzblau:hover	{
		color: #008DC2;
	}
	
#zusatznavigation a.zusatzblau:active	{
		color: #008DC2;
	}
	
	
#zusatznavigation a.zusatzgruen:hover	{
		color: #009900;
	}

#zusatznavigation a.zusatzgruen:active	{
		color: #009900;
	}
	
	
#zusatznavigation a.zusatzdunkeloliv:hover	{
		color: #5F5018;
	}

#zusatznavigation a.zusatzdunkeloliv:active	{
		color: #5F5018;
	}
	
#zusatznavigation a.zusatzdunkelrot:hover	{
		color: #660000;
	}

#zusatznavigation a.zusatzdunkelrot:active	{
		color: #660000;
	}
	
#zusatznavigation a.zusatzgrau:hover	{
		color: #999999;
	}
	
#zusatznavigation a.zusatzgrau:active	{
		color: #999999;
	}
	
	
#zusatznavigation a.zusatzlila:hover	{
		color: #993366;
	}

#zusatznavigation a.zusatzlila:active	{
		color: #993366;
	}

	
#zusatznavigation a.zusatzoliv:hover	{
		color: #BBBD00;
	}

#zusatznavigation a.zusatzoliv:active	{
		color: #BBBD00;
	}

	
#zusatznavigation a.zusatzschwarz:hover	{
		color: #000000;
	}		


#zusatznavigation a.zusatzschwarz:active	{
		color: #000000;
	}