/********************************************************************************
#################################################################################
#									              								#
#	Project:		IPMZ														#
#	Date:			09.05.2008													#
#	Scriptname:		stylesheet.css												#
#	Module:			core														#
#	Language:		CSS															#
#	Author:			Luzi Egger (www.designinmotion.ch)							#
#	Copyright:		ipmz, all rights reserved									#
#																				#
#	Website:		www.ipmz.unizh.ch											#
#																				#
#################################################################################
# 	Description:																#
#	Core CSS der Website														#
#################################################################################
********************************************************************************/



/********************************************************************************
#	Globale Einstellungen														#
********************************************************************************/
a, ul, li, img, div, h1, h2, h3, h4, h5, h6
{
	outline: none; 																/* Outline im FF deaktivieren */
}

body
{
	margin: 0px;	
	background-color: #E3E7EA;													/* Hintergrundfarbe füllt die Seite wenn das Bild zu Ende ist*/
	background-repeat: repeat-x;												/* Hintergrundbild nur Horizontal wiederholen */
}

/********************************************************************************
#	Helfer klassen																#
********************************************************************************/
.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }
.clear { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; height: 0; }
.spacer { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; height: 0; }

/********************************************************************************
#	Content Rahmen																#
********************************************************************************/
#bodyBorder
{
	background-image: url('../media/img/layout/bodyBorder.jpg');				/* Rahmen um die Seite */
	background-repeat: repeat-y;												/* Rahmen nur Vertikal wiederholen */
	position: absolute;

	top: 0;
	left: 50%;																	/* Zentrierte Positionierung */
	margin-left: -502px;														/* Zentrierte Positionierung */
	width: 1005px;																/* Breite des Rahmens */
	min-height: 100%;															/* Höhe auf mindestens 100% */
	overflow: hidden;
}


/********************************************************************************
#	Grüner Balken über dem Header												#
********************************************************************************/
#headerGreenBox
{
	margin-left: 4px;															/* Links um 4 Pixel einrücken */
	width: 997px;																/* Breite des Layers */
	height: 17px;																/* Höhe des Balkens */
	background-color: rgb(51,83,183);											/* Hintergrundfarbe des Balkens */
}


/********************************************************************************
#	Headerbereich für das Logo und die Suche									#
********************************************************************************/
#headerLogoSearch
{
	margin-left: 4px;															/* Links um 4 Pixel einrücken */
	width: 997px;																/* Breite des Layers */
	height: 113px;																/* Höhe des Logo- und Suchbereichs */
	background-color: #FFF;											/* Hintergrundfarbe */
	overflow: hidden;
}

	/* IPMZ Logo */
	#headerLogoSearch .ipmzLogo
	{
		float: left;															/* Positionierung Links */
		margin-top: 7px;														/* Abstand des Logos nach Oben */
		margin-left: 10px;														/* Abstand des Logos nach Links */
		overflow: hidden;
	}

		#headerLogoSearch .ipmzLogo img
		{
			border: 0;															/* Rahmen um das Bild verhindern (benötigt für den Hyperlink) */
		}

	/* Language Switch */
	#headerLogoSearch .languageSwitch
	{
		float: left;															/* Positionierung Links */
		margin-top: 90px;														/* Abstand des Logos nach Oben */
		margin-left: 70px;														/* Abstand des Logos nach Links */
		overflow: hidden;

		font-family: Arial;														/* Schriftart definieren */
		font-size: 12px;														/* Schriftgrösse definieren */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}
		#headerLogoSearch .languageSwitch a
		{
			text-decoration: none;												/* Link nicht unterstreichen */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}
		#headerLogoSearch .languageSwitch a:hover
		{
			color: #3353b7;														/* Schriftfarbe definieren */
		}

	/* Search (Homepage) */
	#headerLogoSearch .searchBox
	{
		float: right;															/* Positionierung Rechts */
		width: 185px;
		margin-top: 43px;														/* Abstand der Suche nach Oben */
		margin-right: 43px;														/* Abstand der Suche nach Rechts */
		overflow: hidden;
	}

		#headerLogoSearch .searchBox form										/* Der Text "Suche" als Bild */
		{
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
		}

		#headerLogoSearch .searchBox img										/* Der Text "Suche" als Bild */
		{
			margin-bottom: 9px;													/* Abstand nach Unten zur Textbox */
			display: block;
		}

		#headerLogoSearch .searchBox .text										/* Die Textbox */
		{
			width: 145px;														/* Breite der Textbox */
			border: 1px rgb(204,212,237) solid;									/* Rahmen der Textbox */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}

		#headerLogoSearch .searchBox .submit									/* Der "GO!" Button */
		{
			width: 30px;														/* Breite des Buttons */
			border: 1px rgb(204,212,237) solid;									/* Rahmen des Buttons */
			background-color: rgb(51,83,183);									/* Hintergrundfarbe des Buttons */
			color: rgb(255,255,255);											/* Textfarbe des Buttons */
			padding: 0;															/* Padding ausschalten */
		}


/********************************************************************************
#	Headerbereich für das Bild und den QuickGuide, Newsletter					#
********************************************************************************/
#headerPictureQuickLinks
{
	margin-left: 4px;															/* Links um 4 Pixel einrücken */
	width: 997px;																/* Breite des Layers */
	background-color:#FFF;										         		/* Hintergrundfarbe */
	overflow: hidden;
}

	/* Header Picture */
	#headerPictureQuickLinks .headerPicture
	{
		margin: 0px;															/* Margin ausschalten */
		padding: 0px;															/* Padding ausschalten */
		float: left;															/* Positionierung Links */
		overflow: hidden;
	}
		#headerPictureQuickLinks .headerPicture img
		{
			border: 0px;														/* Rahmen um das Bild ausschalten */
		}

	/* Quick Guide (Homepage) */
	#headerPictureQuickLinks .quickGuide
	{
		float: right;															/* Positionierung Rechts */
		width: 185px;															/* Breite des Quick Guide */
		margin-top: 0px;														/* Abstand nach Oben */
		margin-right: 43px;														/* Abstand nach Rechts */
		overflow: hidden;
		border-right: 1px rgb(204,212,237) solid;								/* Rahmen Rechts */
	}

		#headerPictureQuickLinks .quickGuide img
		{
			margin-bottom: 9px;													/* Abstand nach Unten zur Linkliste */
			display: block;														/* Block damit der Zeilenumbruch funktioniert */
		}

		#headerPictureQuickLinks .quickGuide ul
		{
			list-style: none;													/* Bullets ausschalten */
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
		}

		#headerPictureQuickLinks .quickGuide li
		{
			margin: 0px;														/* Margin ausschalten */
			padding: 0px 0px 3px 0px;											/* Abstand (Oben, Rechts, Unten, Links) */
		}

		#headerPictureQuickLinks .quickGuide a
		{
			background-image: url('../media/img/layout/arrowBullet.png');		/* Custom Bullets */
			background-repeat: no-repeat;										/* Keine Wiederholung des Hintergrundbildes */
			background-position: 0px 6px;										/* Positionierung des Hintergrundbildes */
			padding-left: 10px;													/* Einrücken des Link Textes */

			font-family: Arial;													/* Schriftart definieren */
			color: rgb(106,106,106);											/* Schriftfarbe */
			font-size: 10pt;													/* Schriftgrösse */
			text-decoration: none;												/* Underline unterdrücken */
		}

		#headerPictureQuickLinks .quickGuide a:hover
		{
			color: rgb(51,83,183);												/* Hover Textfarbe ändern */
		}

	/* Quick Guide (weitere Seiten) */
	#headerPictureQuickLinks .quickGuidePage
	{
		float: right;															/* Positionierung Rechts */
		width: 185px;															/* Breite des Quick Guide */
		margin-top: 15px;														/* Abstand nach Oben */
		margin-right: 43px;														/* Abstand nach Rechts */
		overflow: hidden;
	}

		#headerPictureQuickLinks .quickGuidePage img
		{
			margin-bottom: 9px;													/* Abstand nach Unten zur Linkliste */
			display: block;														/* Block damit der Zeilenumbruch funktioniert */
		}

		#headerPictureQuickLinks .quickGuidePage select
		{
			width: 180px;														/* Breite der Textbox */
			border: 1px rgb(204,212,237) solid;									/* Rahmen der Textbox */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}


	/* Newsletter (Homepage) */
	#headerPictureQuickLinks .newsletter
	{
		float: right;															/* Positionierung Rechts */
		width: 185px;															/* Breite des Newsletters */
		margin-top: 15px;														/* Abstand nach Oben */
		margin-right: 43px;														/* Abstand nach Rechts */
		overflow: hidden;
		border-right: 1px rgb(204,212,237) solid;								/* Rahmen Rechts */
	}

		#headerPictureQuickLinks .newsletter img
		{
			margin-bottom: 9px;													/* Abstand nach Unten zur Beschreibung */
			display: block;														/* Block damit der Zeilenumbruch funktioniert */
		}

		#headerPictureQuickLinks .newsletter .text
		{
			font-family: Arial;													/* Schriftart definieren */
			font-size: 10pt;													/* Schriftgrösse */
			color: rgb(106,106,106);											/* Schriftfarbe */
			margin-bottom: 5px;													/* Abstand nach Unten zum Hyperlink */
		}

		#headerPictureQuickLinks .newsletter a
		{
			background-image: url('../media/img/layout/arrowBullet.png');		/* Custom Bullets */
			background-repeat: no-repeat;										/* Keine Wiederholung des Hintergrundbildes */
			background-position: 0px 6px;										/* Positionierung des Hintergrundbildes */
			padding-left: 10px;													/* Einrücken des Link Textes */

			font-family: Arial;													/* Schriftart definieren */
			color: rgb(51,83,183);												/* Schriftfarbe */
			font-size: 10pt;													/* Schriftgrösse */
			text-decoration: none;												/* Underline unterdrücken */
		}
		#headerPictureQuickLinks .newsletter a:hover
		{
			color: rgb(51,83,183);												/* Hover Textfarbe ändern */
		}

	/* Search (Page) */
	#headerPictureQuickLinks .searchBox
	{
		float: right;															/* Positionierung Rechts */
		width: 185px;															/* Breite des Quick Guide */
		margin-top: 26px;														/* Abstand der Suche nach Oben */
		margin-right: 43px;														/* Abstand der Suche nach Rechts */
		overflow: hidden;
	}

		#headerPictureQuickLinks .searchBox form										/* Der Text "Suche" als Bild */
		{
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
		}

		#headerPictureQuickLinks .searchBox img										/* Der Text "Suche" als Bild */
		{
			margin-bottom: 9px;													/* Abstand nach Unten zur Textbox */
			display: block;
		}

		#headerPictureQuickLinks .searchBox .text										/* Die Textbox */
		{
			width: 142px;														/* Breite der Textbox */
			border: 1px rgb(204,212,237) solid;									/* Rahmen der Textbox */
			color: rgb(106,106,106);												/* Schriftfarbe */
		}

		#headerPictureQuickLinks .searchBox .submit									/* Der "GO!" Button */
		{
			width: 30px;														/* Breite des Buttons */
			border: 1px rgb(204,212,237) solid;									/* Rahmen des Buttons */
			background-color: rgb(51,83,183);									/* Hintergrundfarbe des Buttons */
			color: rgb(255,255,255);											/* Textfarbe des Buttons */
			padding: 0;															/* Padding ausschalten */
		}


/********************************************************************************
#	Content Bereich für das Menu												#
********************************************************************************/
#contentLeftMenu
{
	margin-left: 4px;															/* Links um 4 Pixel einrücken */
	float: left;																/* Positionierung Links */
	width: 217px;																/* Breite des Layers */
	overflow: hidden;
	margin-top: 40px;															/* Abstand nach Oben */
}
	#contentLeftMenu .menuLeft
	{
		overflow: hidden;
	}
		#contentLeftMenu .menuLeft ul
		{
			width: 217px;														/* Breite der Liste */
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
			list-style: none;													/* Bullets ausschalten */
		}

		#contentLeftMenu .menuLeft li
		{
			background-image: url('../media/img/layout/backgroundMenuLeft.jpg');/* Hintergrund */
			background-repeat: no-repeat;										/* Hintergrund nicht wiederholen */

			height: 48px;														/* Höhe der Listeneinträge */
			line-height: 48px;													/* Linienhöhe damit der Text Vertikal Zentriert wird */
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
			padding-left: 26px;													/* Liste einrücken */
		}

		#contentLeftMenu .menuLeft a
		{
			background-image: url('../media/img/layout/arrowBullet.png');		/* Hintergrund Bullet */
			background-repeat: no-repeat;										/* Hintergrund nicht wiederholen */
			background-position: 0px 7px;										/* Positionierung des Bullets */
			padding-left: 10px;													/* Linktext einrücken */

			font-family: Arial;													/* Schriftart */
			color: rgb(106,106,106);											/* Schriftfarbe */
			font-size: 12pt;													/* Schriftgrösse */
			text-decoration: none;												/* Underline unterdrücken */
		}
		#contentLeftMenu .menuLeft a:hover
		{
			color: rgb(51,83,183);												/* Hover Textfarbe ändern */
		}

	#contentLeftMenu .ipmzContact
	{
		margin-top: 25px;														/* Abstand nach Oben */
		line-height: 11pt;														/* Linienhöhe definieren */
		padding-left: 25px;														/* Text einrücken */

		font-family: Arial;														/* Schriftart */
		color: rgb(106,106,106);												/* Schriftfarbe */
		font-size: 7pt;															/* Schriftgrösse */
	}

	/** Accordion **/
	#accordion
	{
		width: 100%;															/* Breite des Menu auf 100% */
	}

		#accordion .menuheader
		{
			padding: 0px;														/* Padding ausschalten */
			margin: 0px;														/* Margin ausschalten */

			background-image: url('../media/img/layout/accordionHeader.png');	/* Balken und Bulltet */
			background-repeat: no-repeat;										/* Hintergrund nicht wiederholen */
			background-position: 0px 0px;										/* Hintergrund Position */

			padding: 10px 0px 10px 36px;										/* Padding des Kategorientitels (Top, Right, Bottom, Left) */
			font-family: Arial;													/* Schriftart */
			color: rgb(106,106,106);											/* Schriftfarbe */
			font-size: 12pt;													/* Schriftgrösse */
			font-weight: normal;												/* Bold für H3 Tag ausschalten */

			text-decoration: none;												/* Underline unterbinden */
			cursor: hand;														/* Cursor auf Pointer setzten (IE) */
			cursor: pointer;													/* Cursor auf Pointer setzten */
		}

		#accordion .menuheaderFooter
		{
			padding: 0px;														/* Padding ausschalten */
			margin: 0px;														/* Margin ausschalten */

			background-image: url('../media/img/layout/menuLeftTrenner.jpg');	/* Hintergrundbild */
			background-repeat: no-repeat;										/* Hintergrundbild nicht wiederholen */
			background-position: 0px 0px;										/* Hintergrundbild Position */
		}

		#accordion .ui-state-active
		{
			color: rgb(51,83,183);												/* Textfarbe des Active Title */
		}

		#accordion .ui-accordion-content-active
		{
			color: rgb(51,83,183);												/* Textfarbe des Active Subtitle */
		}

		#accordion ul
		{
			overflow: hidden;
			list-style-type: none;												/* Listen Bullets ausschalten */
			margin: 0px;														/* Margin ausschalten */
			padding: 0px;														/* Padding ausschalten */
			margin-top: -10px;													/* Abstand nach Oben */
			margin-bottom: 10px;												/* Abstand nach Unten */
		}

			#accordion ul li
			{
				background-image: url('../media/img/layout/arrowBullet.png');	/* Hintergrund Bullet */
				background-repeat: no-repeat;									/* Hintergrund nicht wiederholen */
				background-position: 0px 9px;									/* Hintergrund Position */

				margin: 0px;													/* Margin ausschalten */
				padding: 0px;													/* Padding ausschalten */
				width: 100%;													/* Breite des Tags */
				margin-left: 35px;												/* Abstand nach Links */
				margin-top: 6px;
				margin-bottom: 6px;
				padding-left: 8px;												/* Abstand nach Links */
			}

			#accordion ul li a
			{
				font-family: Arial;												/* Schriftart */
				color: rgb(106,106,106);										/* Schriftfarbe */
				font-size: 10pt;												/* Schriftgrösse */
				text-decoration: none;											/* Underline unterdrücken */
			}

			#accordion ul li a:hover
			{
				color: rgb(51,83,183);											/* Hover Textfarbe ändern */
			}


/********************************************************************************
#	Content Bereich den Text													#
********************************************************************************/
#contentCenter
{
	float: left;																/* Positionierung Links */
	width: 459px;																/* Breite des Layers */
	min-height: 100%;															/* Mindestens Höhe des Layers */
	margin-top: 40px;															/* Abstand nach Oben */
	margin-left: 20px;															/* Abstand nach Links */
	overflow: hidden;
}

	/* Text */
	#contentCenter h1
	{
		display: block;
		border-bottom: 1px rgb(204, 212, 237) solid;

		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-bottom: 10px;													/* Abstand nach Unten */

		font-family: Arial;														/* Schriftart */
		font-size: 12pt;														/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	#contentCenter h2
	{
		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-top: 20px;														/* Abstand nach Oben */
		margin-bottom: 10px;													/* Abstand nach Unten */

		font-family: Arial;														/* Schriftart */
		font-size: 10pt;														/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	#contentCenter h3
	{
		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-top: 10px;														/* Abstand nach Oben */
		margin-bottom: 10px;													/* Abstand nach Unten */

		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	#contentCenter ul
	{
		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-bottom: 10px;													/* Abstand nach Unten */
	}
		#contentCenter ul li
		{
			list-style: square;													/* Bullets als Quadrate */
			margin-left: 20px;													/* Einrücken damit die Bullets sichtbar werden */
			margin-bottom: 3px;													/* Abstand nach Unten */
			font-family: Arial;													/* Schriftart */
			font-size: 8pt;														/* Schriftgrösse */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}
		

		
		#contentCenter ol
	{
		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-bottom: 10px;													/* Abstand nach Unten */
	}
		#contentCenter ol li
		{
			margin-left: 20px;													/* Einrücken damit die Nummern sichtbar werden */
			margin-bottom: 3px;													/* Abstand nach Unten */
			font-family: Arial;													/* Schriftart */
			font-size: 8pt;														/* Schriftgrösse */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}
		
			

	#contentCenter p
	{
		padding: 0px;															/* Padding ausschalten */
		margin: 0px;															/* Margin ausschalten */
		margin-bottom: 10px;													/* Abstand nach Unten */

		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	#contentCenter label
	{
		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}
	
	#contentCenter img
	{
		border: 0px;															/* Rahmen bei Hyperlinks verhindern */
	}

	#contentCenter a
	{
		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(51,83,183);													/* Schriftfarbe */
		text-decoration: none;													/* Underline unterdrücken */
	}

	/* Content Menu */
	#contentCenter .menu a
	{
		background-image: url('../media/img/layout/arrowBullet.png');			/* Hintergrund Bullet */
		background-repeat: no-repeat;											/* Hintergrund nicht wiederholen */
		background-position: 0px 5px;											/* Hintergrund Position */
		padding-left: 8px;														/* Text Einrücken */

		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(51,83,183);													/* Schriftfarbe */
		text-decoration: none;													/* Underline unterdrücken */
	}

	#contentCenter .menu p
	{
		margin-bottom: 20px;													/* Abstand nach Unten */
	}

	/* List Style (Homepage) */
	#contentCenter .listStyle
	{
		float: left;															/* Positionierung Links */
		margin-left: 10px;														/* Abstand nach Links */
		width: 215px;															/* Breite des Layers */
		overflow: hidden;
	}

	/* List Style (Homepage) */
	#contentCenter .listStyle:hover .text
	{
		color: #9F9F9F;
	}

	#contentCenter .listStyle:hover a
	{
		color:#99a9d8;
	}

	#contentCenter .listStyle h1
	{
		background-image: url('../media/img/layout/arrowBullet.png');			/* Hintergrund Bullet */
		background-repeat: no-repeat;											/* Hintergrund nicht wiederholen */
		background-position: 0px 6px;											/* Hintergrund Position */

		margin-bottom: 3px;														/* Abstand nach Unten */
		padding-left: 8px;
		border: 0px;															/* Rahmen ausschalten */
	}

	#contentCenter .listStyle a
	{
		font-family: Arial;														/* Schriftart */
		font-size: 10pt;														/* Schriftgrösse */
		color: rgb(51,83,183);													/* Schriftfarbe */
		text-decoration: none;													/* Underline unterdrücken */
	}

	#contentCenter .listStyle .text
	{
		font-family: Arial;														/* Schriftart */
		font-size: 8pt;															/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	#contentCenter .listStyleClear
	{
		clear: both;															/* Float aufheben */
		height: 25px;															/* Höhe des Trenners */
	}

	.setVisibility
	{
		height: 600px;															/* Höhe setzten um unschönes Hüpfen der Browserleiste zu verhindern */
		overflow: hidden;
	}

	/* hochbild */
	#contentCenter .hochbild
	{
		overflow: hidden;
		margin-bottom: 0px;														/* Abstand nach Unten */
	}
		#contentCenter .hochbildClear
		{
			clear: both;														/* Positionierung aufheben */
		}
		#contentCenter .hochbild .left
		{
			float: left;														/* Positionierung Links */
			width: 280px;														/* Breite des Layers */
			overflow: hidden;
		}
		#contentCenter .hochbild .right
		{
			float: right;														/* Positionierung Rechts */
			width: 160px;														/* Breite des Layers */
			overflow: hidden;
		}

	/* breitbild */
	#contentCenter .breitbild
	{
		overflow: hidden;
		margin-bottom: 0px;														/* Abstand nach Unten */
	}
		#contentCenter .breitbildClear
		{
			clear: both;														/* Positionierung aufheben */
		}
		#contentCenter .breitbild .left
		{
			float: left;														/* Positionierung Links */
			width: 180px;														/* Breite des Layers */
			overflow: hidden;
		}
		#contentCenter .breitbild .right
		{
			float: right;														/* Positionierung Rechts */
			width: 240px;														/* Breite des Layers */
			overflow: hidden;
		}

	/* Tabelle */
	#contentCenter td
	{
	margin: 0px;
	font-family: Arial;
	font-size: 8pt;																/* Schriftgrösse */
	color: rgb(106,106,106);
	padding: 4px;
	border: 1px solid f7f7f7;
	}

/********************************************************************************
#	Content Bereich für den Stuff												#
********************************************************************************/
#contentRight
{
	float: right;																/* Positionierung Rechts */
	width: 180px;																/* Breite des Layers */
	margin-top: 40px;															/* Abstand nach Oben */
	margin-right: 47px;															/* Abstand nach Rechts (inkl. 4 Px für Border) */
	overflow: hidden;
}

	/* Focus (Homepage) */
	#contentRight .focus
	{
		background-color: rgb(226,226,226);										/* Hintergrundfarbe */
		overflow: auto;
	}
		#contentRight .focus img
		{
			border: 0px;														/* Rahmen bei Hyperlink ausblenden */
		}

		#contentRight .focus a
		{
			font-family: Arial;													/* Schriftart */
			font-size: 10pt;													/* Schriftgrösse */
			color: rgb(51,83,183);												/* Schriftfarbe */
			text-decoration: none;												/* Underline unterdrücken */
		}

	#contentRight .focus .info
	{
		float: left;															/* Positionierung Links */
		width: 20px;
		padding-top: 3px;														/* Abstand auf alle Seiten */
		padding-bottom: 3px;
		padding-left: 2px;
		margin-right:10px;														/* Abstand vom Infobild zum Text */
	}
	#contentRight .focus .text
	{
		float: left;															/* Positionierung Links */		
		width: 130px;
		
		padding: 5px;															/* Abstand auf alle Seiten */
		font-family: Arial;														/* Schriftart */
		line-height: 10pt;														/* Linienhöhe */
		font-size: 10pt;														/* Schriftgrösse */
		color: rgb(106,106,106);												/* Schriftfarbe */
	}

	/* Titel Text (Page) */
	#contentRight .imgText														/* Der Text "Info" als Bild */
	{
		margin-bottom: 9px;														/* Abstand nach Unten zur Textbox */
		display: block;
	}

	/* Info Box (Page) */
	#contentRight .infoBox
	{
		position: relative;
		width: 180px;															/* Breite des Layers */
		overflow: hidden;
		margin-bottom: 5px;														/* Abstand nach Unten */
	}
		#contentRight .infoBox a
		{
			font-family: Arial;													/* Schriftart */
			font-size: 10pt;													/* Schriftgrösse */
			color: rgb(51,83,183);												/* Schriftfarbe */
			text-decoration: none;												/* Underline unterdrücken */
		}

		#contentRight .infoBox .leftImage
		{
			position: absolute;
			left: 0px;
			top: 0px;
			height: 100%;														/* Höhe des Layers */
			width: 30px;														/* Breite des Layers */
			background-color: rgb(223,223,223);									/* Hintergrundfarbe */
		}
			#contentRight .infoBox .leftImage img
			{
				padding: 5px 0px 0px 5px;										/* Padding des Icons */
			}


		#contentRight .infoBox .rightText
		{
			position: relative;
			left: 30px;
			top: 0px;

			background-color: rgb(204,212,237);									/* Hintergrundfarbe */
			float: left;														/* Positionierung Links */
			height: 100%;														/* Höhe des Layers */
			width: 140px;														/* Breite des Layers */
			margin-left: 5px;													/* Abstand nach Links */

			font-family: Arial;													/* Schriftart */
			line-height: 12pt;													/* Linienhöhe */
			font-size: 10pt;													/* Schriftgrösse */
			color: rgb(106,106,106);											/* Schriftfarbe */
		}
			#contentRight .infoBox .rightText p
			{
				margin: 0px;													/* Margin ausschalten */
				padding: 5px;													/* Padding setzten */
			}