/********** Schrift einstellen **********/
body {
	font-family:Arial, sans-serif;
	font-size: 100%;
	color: #777;
}

/********** Boxmodell auf "0" stellen **********/
* {margin: 0;padding: 0;}

/********** HTML-Tags **********/
p, a, table {font-size:80%;} /*wenn mann hier z.B. "ul" mit angibt, dann wird der Listeneintrag zweimal mit 80% verkleinert !? */
p a, table a {font-size:100%;} /* damit die in p eingeschlossenen a nicht zweimal mit 80 % skaliert werden; nicht 125%, wie
mathematisch richtig, sondern als "rückgängig-machen" zu verstehen*/

p {padding:.25em .75em .25em .75em;}
table {margin-left:.75em;}
hr {border:1px solid #ccc;height:1px;}

a {
	text-decoration:none;
	color: #3F599C;
	padding-left:1.35em;
	background-repeat:no-repeat;
	background-image: url("../navibilder/pfeil_kannweg.gif");
	background-position:0em .25em;
	padding-right:1.35em;
}

h3 {     /* bold wird es von alleine, weil es eine Überschrift ist ... */
 font-family: Arial,sans-serif;
 font-size: 80%;
 color: #334d55;
 padding:.25em .75em .5em .75em;
}

/********** metaNav styles **********/

#metaNav {
	margin-left:11.25em;
	width:40em;
	}

#metaNav p {padding:.25em 0em .25em 0em;}
p.language {float:right;}
p.language_ar {float:left;}
#metaNav a,
#siteFooter a {
	background-image: url("../navibilder/p_b_white.gif");
}

#metaNav a:hover, 
#metaNav a:active,
#siteFooter a:hover,
#siteFooter a:active {
	background-image: url("../navibilder/p_y_white.gif");
	color:#fdc800;
}

#metaNav p.language a {
	background-position:1.35em .25em;
	padding-right:0em;
	padding-left:2.7em;
}

#rightarrow {
	background-position:right;
	background-image: url("../navibilder/p_b_white_ar.gif");
	padding-right:18px;}

#siteFooter a.rightarrow,
a.rightarrow,
#metaNav a.rightarrow,
#metaNav p.language a.rightarrow{
	background-image: url("../navibilder/p_b_white_ar.gif");
	background-position:right;
	padding-right:18px;
}

a.rightarrow:hover,
a.rightarrow:active{
	color:#fdc800;
	background-image: url("../navibilder/p_y_white_ar.gif");
}

#siteFooter a.rightarrow:hover,
#siteFooter a.rightarrow:active,
#metaNav a.rightarrow:activ, 
#metaNav a.rightarrow:hover {
	background-image: url("../navibilder/p_y_white_ar.gif");

}



/********** head styles **********/

#head {
	height:7.5em; /* damit das Hintergrundbild ordentlich angezeigt wird */
	width:60em;
}

#headpic {
	height:7.5em; /* damit das Hintergrundbild ordentlich angezeigt wird */
	width:60em;
}

/********** globalNav styles **********/
#globalNav {
	background-color:#3F599C;
	margin-left:11.25em;
	width:38.5em;
	padding:.25em .75em .25em .75em;
	}

#globalNav a {
	color: #fff;
	font-weight:bold;
	background-image: url("../navibilder/p_w_bdark.gif");
}

#globalNav a:hover, #globalNav a:active {
	color: #fdc800;
	background-image: url("../navibilder/p_y_bdark.gif");}


#globalNav a.rightarrow {
	background-image: url("../navibilder/p_w_bdark_ar.gif");
}

#globalNav a.rightarrow:hover, #globalNav a.rightarrow:active {
	background-image: url("../navibilder/p_y_bdark_ar.gif");

}

/********** breadCrumb styles **********/

#breadCrumb {
	background-color:#ddd;
	background-image: url("../navibilder/breadcrumb_shadow.gif");
	background-repeat:repeat-x;
	margin-left:11.25em;
	width:38.5em;
	padding:.25em .75em .25em .75em;
}

#breadCrumb a {
	color: #999;
	background-image: url("../navibilder/p_w_breadcrumb.gif");
	background-position:0em .25em;
	padding-right:.25em;
}

#breadCrumb a:hover, #breadCrumb a:active {
	color: #fff;
}

#breadCrumb a.rightarrow {
	background-image: url("../navibilder/p_w_breadcrumb_ar.gif");
	background-position:right;
	padding-right:18px;
}

/********** navBar styles **********/

#navBar {
	position:absolute;
	left:0em;
	width:10.625em;
	background-color:#ffe480;  /* eigentlich nicht notwendig, versteckt jedoch FF-Renderfehler in den Listen mit 1px-Strich */
	}

#navBar h3 {
	padding:.25em .75em .5em .75em;
	background-image: url("../navibilder/boxyellow_shadow.gif");
	background-position:bottom;
	background-repeat:repeat-x;	
	background-color:#fdc800;
}




#sectionLinks {}

#sectionLinks ul li {
	float:left;  /* das braucht der IE wegen der sonst doppelt so großen Höhe der Listenelemente ... ?? */
	width:10.625em;
}

#sectionLinks ul li a {
	padding:.25em .125em .25em 2.25em;
	border-bottom:1px solid #fdc800;
	display:block;
	background-color:#ffe480;
	background-image: url("../navibilder/p_b_ylight.gif");
	background-position:.75em .5em;
}

#sectionLinks ul li a:hover, #sectionLinks ul li a:active {
	background-color:#fdc800;
	background-image: url("../navibilder/p_b_ydark.gif");
}


#sectionLinks ul li a.rightarrow {
	padding:.25em .25em .25em .25em;
	background-image: url("../navibilder/p_b_ylight_ar.gif");
	text-align:right;
	border-bottom:1px solid #fdc800;
	padding-right:1.904em;
	background-position:11.8em;
}

#sectionLinks ul li a.rightarrow:hover, #sectionLinks ul li a.rightarrow:active {
	background-image: url("../navibilder/p_b_ydark_ar.gif");
	color:#3F599C; 
}



/********** headlines styles **********/

#headlines {
	position:absolute;
	left:51.875em;
	width:10.625em;
	background-color:#ffe480;
	}

.boxYellow h3 {
	background-image: url("../navibilder/boxyellow_shadow.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:1px solid white;
	background-color:#fdc800;
}

.boxYellow {
	padding-bottom:.75em;
	background-color:#ffe480;
}

.boxGreen h3 {
	background-image: url("../navibilder/boxgreen_shadow.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:1px solid white;
	background-color:#3F599C;
	color:#fff;
}

.boxGreen {
	padding-bottom:.75em;
	background-color:#9FAFD7;  
	color:#333366;
}

.boxGreen a {background-image: url("../navibilder/p_b_blight.gif");}

.boxGreen a:hover, 
.boxGreen a:active {
	background-image: url("../navibilder/p_w_blight.gif");
	color:#FFFFFF;}

.boxGreen a.rightarrow {background-image: url("../navibilder/p_b_blight_ar.gif");
	background-position:right;
	padding-right:4em;
	margin-right:-5.375em;
}

.boxGreen a.rightarrow:hover, 
.boxGreen a.rightarrow:active {
	background-image: url("../navibilder/p_w_blight_ar.gif");
	background-position:right;
	padding-right:4em;
}

.boxYellow a {background-image: url("../navibilder/p_y_ylight.gif");}

.boxYellow a:hover, 
.boxYellow a:active {
	background-image: url("../navibilder/p_w_ylight.gif");
	color:#FFFFFF;
}

.boxYellow a.rightarrow {background-image: url("../navibilder/p_y_ylight_ar.gif");
	background-position:right;
	padding-right:18px;
}

.boxYellow a.rightarrow:hover, 
.boxYellow a.rightarrow:active {
	background-image: url("../navibilder/p_w_ylight_ar.gif");
	background-position:right;
	padding-right:18px;
}

/********** content styles **********/

#content {	
	position:absolute;
	left:11.25em;
  	width: 40em;
	background-color:#FBF0C9;
	}
	
#content ul, #content ol {
	font-size:80%;
	margin-left:2em;
}

#eyecatcher {
	background-color:#C4CEE6;
	background-image: url("../navibilder/eyecatcher_shadow.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

#eyecatcher a {
	background-image: url("../navibilder/p_b_bgray.gif");
	padding-right:0em;
}

#eyecatcher a:hover, 
#eyecatcher a:active {
	background-image: url("../navibilder/p_w_bgray.gif");
	color:#FFFFFF;
}

#eyecatcher a.rightarrow {
	background-image: url("../navibilder/p_b_bgray_ar.gif");
	background-position:right;
	padding-right:18px;
}

#eyecatcher a.rightarrow:hover, 
#eyecatcher a.rightarrow:active {
	background-image: url("../navibilder/p_w_bgray_ar.gif");
	background-position:right;
	padding-right:18px;
}






#contentLeft {
	float:left;
	width:12em; /* 192px bei 100% */
}

#contentLeft p {
	font-size:70%;
	line-height:200%;
	border-right:1px solid #C4CEE6;
	padding-left:3em;   /* Achtung! Skalierung durch font-size:70% anders als bei "normalem",anderen p */
}

#contentRight {
	margin-left:13em;   /* 208px bei 100% */
	margin-top:.75em;
} 

.storyContainer {
	margin-left:8em;  /* 128px */
	width:19em;   /*304px die absolute Breite ist ganz wichtig wegen des 3px-IE-Bugs !!! 
	es ist aber ein Doppel-Bug; siehe http://www.perun.net/2004/07/09/3-pixel-abstand/    */
}

.storyContainer a {
	background-image: url("../navibilder/p_y_ygray.gif");
	padding-right:0em;
}

.storyContainer a:hover, 
.storyContainer a:active {background-image: url("../navibilder/p_b_ygray.gif");}

.story {
	padding-bottom:.5em;
}

.story h3 {padding-top:0;}  /* wegen OK Bild links daneben */ 

.story img {
	float:left;
	margin-right:.5em;
	}

/********** pageToolbar styles **********/

#pageToolbar {
	clear:both;
	background-color:#fff;
	text-align:right;
	}

#pageToolbar p {
	background-color:#ccc;
	display:inline;
}

#pageToolbar a {background-image: url("../navibilder/p_b_toolbar.gif");}

#pageToolbar a:hover, 
#pageToolbar a:active {
	background-image: url("../navibilder/p_w_toolbar.gif");
	color:#FFFFFF;
}


/********** siteFooter styles **********/
/* Link-Styles zu siteFooter siehe metaNav*/
#siteFooter {
	background-color:#FFFFFF;
	padding-top:1em;
	padding-bottom:2em;
}



/********** Formular styles **********/
form {margin-left:.75em;}
input {
	width:8em;
	border:1px solid #fdc800;
}
input.go {
	width:2em;
	border:1px solid #fdc800;
	font-size:0.8em; 
}

input.gol {
	width:11em;
	border:1px solid #fdc800;
	font-size:0.8em; 
}

#boxYellow form p {margin-left:0;}


/* für Button Tooltip */
.tooltip {
	position:absolute; 
	left:20pt; 
	font-size:10pt; 
	background-color:#FAF8EB;
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid
}


/********** Farben *********

Farbe			Entwurf 1	Entwurf 2
______________________________________
gelb dunkel		#fdc800		#EAB62A
gelb hell		#ffe480		#EED183
gruen dunkel	#6ac335		#3F599C
gruen hell		#b5e29b		#9FAFD7
gruen mittel				#778CC0
gruen ganz dkl	#529828		#333366

hellgrau/gelb	#eeeeee		#FBF0C9
hellgrau/blau	#dddddd		#C4CEE6
______________________________________
*/