/* $Id: screen.css 32 2010-02-05 17:30:57Z hweber $ */

/*----------------------------------------------------------*/
/*                 Standard-Definitionen                    */
/*----------------------------------------------------------*/

/* Allgemeine und Dokument-Definitionen */
*				{	margin:0; padding:0; }
html			{	width:100%; height:100%; }
body			{	font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:100%;
					margin:0; padding:0;
					text-align:left;
					background-color:#FFF; }

/* Typografie */
h1, h2, h3, h4, h5, h6, p, li
				{	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
					text-align:left; }
h1, h2, h3, h4, h5, h6
				{	font-weight:bold; }
h1				{	color:#02843A; font-size:1.1em;
					margin:0 0 0.2em 0; }
h1 small		{	font-size:0.7em; }
h2				{	color:#02843A; font-size:1.0em;
					margin:0 0 0.1em 0; }
h3				{	color:#000; font-size:0.85em;
					margin:0.2em 0 0 0; }
p				{	font-size:0.8em;
					margin:0 0 0.8em 0;
					line-height:1.3em; } 
p p,				
li p			{	font-size:1.0em; }
ul				{	margin-left:1.0em; }
ol				{	margin-left:1.5em; }
li				{	font-size:0.8em;
					line-height:1.3em; }
input,
select			{	color:#000; font-size:12px; font-weight:normal;
					margin:1px; }
dfn				{   color:#900;
					cursor:help; }

/* Hyperlinks */
a				{	color:#02843A; text-decoration:underline; }
a:link			{	color:#02843A; text-decoration:underline; }
a:active		{	color:#02843A; text-decoration:underline; }
a:visited		{	color:#02843A; text-decoration:underline; }
a:hover			{	color:#02843A; text-decoration:underline; }

/* Weitere HTML-ELemente */
img				{	vertical-align:top;
					border:none; }

/*----------------------------------------------------------*/
/*                Gestaltungs-Grundgerüst                   */
/*----------------------------------------------------------*/

/* Kopfleiste */
div.head		{	width:980px; height:150px;
					border-bottom:5px solid #FFF;
					background:url('../images/head_background.jpg') top left no-repeat; }

/* Navigation 1. Ebene */
ul.nav1			{	margin-left:0;
					width:980px; height:30px;
					border-bottom:5px solid #FFF;
					list-style-type:none; }

/* Gerüst um den Inhalt und Navigation 2. Eben zu umschliessen */
div.content_wrapper
				{	width:980px;
					border-bottom:5px solid #FFF;
					background:url('../images/content_wrapper_background.png') top left repeat-y; }

/* Navigation 2. Ebene */				
ul.nav2			{	margin-left:0; padding:5px 5px 50px 5px;
					width:165px; float:left;
					border-right:5px solid #FFF;
					background-color:#FEFBE8;
					list-style-type:none; }
ul.nav2_no_background
				{	background-color:transparent; }

/* Inhalt */					
div.content		{	padding-bottom:50px;
					width:800px; float:left; }

/* Fußleiste */
div.foot		{	width:980px; height:50px;
					background:url('../images/foot_background.png') top left no-repeat; }
div.foot p		{	color:#777;
					padding-top:32px;
					text-align:center; }

/*----------------------------------------------------------*/	
/*                Navigations-Definitionen                  */			
/*----------------------------------------------------------*/

/* Hauptnavigation */
ul.nav1 li		{	font-size:0.8em;
					float:left; display:inline;
					text-align:center; }
ul.nav1 li a	{	color:#000; text-decoration:none;
					margin-right:5px;
					width:156px; height:30px; display:block;
					line-height:28px;
					background:url('../images/nav1_background.png'); background-position:0 0; background-repeat:repeat-y; }
ul.nav1 li a:link,
ul.nav1 li a:active,
ul.nav1 li a:visited,
ul.nav1 li a:hover
				{	text-decoration:none; }
ul.nav1 li a:hover
				{	background-position:-175px 0; }
ul.nav1 li a.active,
ul.nav1 li a.active:link,
ul.nav1 li a.active:active,
ul.nav1 li a.active:visited,
ul.nav1 li a.active:hover
				{	text-decoration:none;
					background-position:-350px 0;  }
ul.nav1 li a.last
				{	margin-right:0; }

/* Unternavigation */
ul.nav2 li		{	font-size:0.8em;
					padding-top:2px; padding-bottom:3px;
					border-bottom:1px solid #000; }
ul.nav2 li a	{	color:#000; text-decoration:none; }
ul.nav2 li a:link,
ul.nav2 li a:active,
ul.nav2 li a:visited,
ul.nav2 li a:hover
				{	text-decoration:none; }
ul.nav2 li a:hover
				{	font-weight:bold; }
ul.nav2 li a.active,
ul.nav2 li a.active:link,
ul.nav2 li a.active:active,
ul.nav2 li a.active:visited,
ul.nav2 li a.active:hover
				{	font-weight:bold; text-decoration:none; }
ul.nav2 li ul	{	margin-left:10px;
					list-style-type:none; }
ul.nav2 li ul li
				{	font-size:1.0em;
					padding-top:0; padding-bottom:0;
					border-bottom:none; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Grid-Layout */
div.grid_1_of_1	{	margin-bottom:6px; padding:5px;
					width:790px; }
div.grid_1_fullsize
				{	padding:0;
					width:800px; }

div.grid_1_of_2	{	margin-right:6px; margin-bottom:6px; padding:5px;
					width:387px; float:left; }
div.grid_2_of_2	{	margin-left:-3px; margin-bottom:6px; padding:5px;
					width:387px; float:left;
					border-left:3px solid #E6F5FC; }
div.grid_2_fullsize
				{	margin-left:0; padding:0;
					width:397px;
					border:none; }

/* DIV-Kontainer auf relative Positionierung setzen, damit Kind-Elemente absolut positioniert werden können */
div.relative	{	position:relative; }

/* Logo */
img.logo		{	position:absolute; top:41px; left:14px; }

/* Bildbeschriftung auf der Startseite */
h1.image_title	{	font-size:1.2em;
					position:absolute; left:0; bottom:5px; 
					width:397px; height:45px;
					text-align:center; vertical-align:middle; line-height:45px;
					background: url('../images/image_title_background.png') center left repeat; }
h1.image_title a
				{	display:block; }
h1.image_title a,
h1.image_title a:link,
h1.image_title a:active,
h1.image_title a:visited,
h1.image_title a:hover
				{	color:#000; text-decoration:none; }

/* Slimbox2 */
a.slimbox2 img	{	margin-right:20px; margin-bottom:10px;
					width:200px; height:150px; }

/* Symbole (Icons) */
img.icon		{	width:16px; height:16px; }

/* Beschriftung für Adressfelder */
label			{	float:left; }
label.adress	{	width:6.0em; }
label.manager	{	width:10.0em; }

/* Formularfelder */
input.text,
textarea.text,
select.text		{	padding:2px 0;
					width:12.0em;
					border:1px solid #000;
					background-color:#FFF; }
textarea.text	{	width:21.0em }
input.focus,
textarea.focus	{	background-color:#EEE; }
input.error,
textarea.error	{	border:1px solid #900;
					background-color:#FFC; }
input.checkbox	{	vertical-align:middle; }
input.radio		{	vertical-align:middle; }

/* Suche */
form.search		{	margin-right:5px; padding-top:3px; padding-left:5px;
					width:170px; height:27px;
					background:url('../images/nav1_background.png') top left repeat-y; }
form.search p	{	margin:0; }
input.search	{	color:#777;
					width:140px; height:16px;
					vertical-align:top;
					border:none; }

/* Textfluss */
p.left			{	text-align:left; }
p.right			{	text-align:right; }
br.clear		{	clear:both; }