/** NOTES:

	- use total width for screen/print - media
	- use doubly nested div's for correct width/padding-handling in IE
	- use unit ex for height (rescaling text in browser)
	- use h1 - tags for page titles (search engines etc)
	- use h2 - tags for content titles 
	- use tables to achieve equidistant row entries?
	
	link 			#006633		#008000
	link visited	#002211		#003366		#005229
	background	 	#95cc95 #99cc99 #aaddaa #c0f0c0			
*/


/*	Links in content and navigation	*/

a:link    				{ color: #006633; }  
a:visited 				{ color: #002211; } /* #003366; */
a.current:link, 
a.current:visited 		{ color: #002211; background-color: #c0f0c0; text-decoration: none; }
#content a:link    		{ color: #226622; }  
#content a:visited 		{ color: #002211; } /* #000088 */

.linkWithArrow		 	{ text-decoration: none; color: black; margin-bottom: 3ex; }


/* Basics: Fonts, margins. Center all tables. */

body, table, th, td		{ font-family: Verdana,Arial,Helvetica,sans-serif; }
input, select, option 	{ font-size: 100%; font-family: Arial,Helvetica,sans-serif; }
table					{ font-size:  90%; border-collapse: collapse; margin-left: auto; margin-right: auto; }
table, th, td 			{ border: 1px solid #888888; } 
th, td					{ text-align: left; padding: 3px; } 
th 						{ font-weight: bold; }

form, img				{ margin: 0; padding: 0; }
select					{ margin-right: 4px; }
img						{ border-width: 0 }	
p						{ padding: 5px 0; margin: 0; } 	
h1, h2, h3, h4			{ font-size: 110%; font-weight: bold; text-align: left; padding: 10px 0; margin: 0; }
sub, sup				{ font-size:  80%; } 
sup.xxx { font-size:  80%; }

p.justify	{ text-align: justify; }
p.center	{ text-align: center; }
p.left  	{ text-align: left; }
p.right  	{ text-align: right; }
p.small     { font-size: 90%; }
p.tiny      { font-size: 80%; }
p.bold      { font-weight: bold }

span.middle { vertical-align: middle; }	/* Arrows in forms */
span.sub	{ vertical-align: sub; }	/* Arrows in forms */

div.center		{ text-align: center; } 
div.clear		{ clear: both; }
div.left		{ float: left;  }
div.right		{ float: right; }
div.return		{ float: right; padding: 12px 3px 0 3px; }
div.imageleft	{ float: left;  padding: 0 25px 20px 0; }

/* 
	Frame layout: 	Use tow floats in upper pagebox (avoid IE-Error with margins...) 
					Use thick left border in content-box to achieve 'long' navigation-box.
*/

@media screen {
	body		{ font-size: 13px; }
	.pagebox  	{ width: 945px; position: relative;  }
	#logobox  	{ width: 190px; float: left; }
	#titlebox 	{ width: 755px; background-color: #95cc95; color:#006633; float: left; }
	#navigbox 	{ width: 190px; background-color: #95cc95; color:#006633; position:absolute; top:0; }
	#contentbox { border-left: 190px solid #95cc95; }
}
@media print {
	body		{ font-size: 10pt; }
	.pagebox  	{ } 					/* width: 480pt; */
	#logobox  	{ display: none }
	#titlebox 	{ display: none }
	#navigbox 	{ display: none }
	#contentbox { }
}


#logo		{ text-align: center; height: 100px; padding-top: 0px; } 
#title		{ text-align: center; height: 100px;  padding: 0; }
#navig  	{ padding: 17px 5px 50px 20px; }
#content	{ padding: 20px 0 0 20px; }

#title 	h1			{ text-align: center; padding: 27px 0 18px 0; }
#title 	ul	 		{ margin: 0 15px; padding: 0; list-style-type: none; border-top: 1px solid #888888; }
#title 	li	 		{ float:left;  padding: 11px 0 9px 55px; }
#title 	li.chooser	{ float:right; padding-right: 40px; padding-left: 10px; }


#navig	ul	 		{ margin: 0; padding: 8px 0 4px 0; list-style-type: none; }
#navig 	li			{ padding: 5px 0; font-weight: bold;  margin: 0; } 
#navig 	li li		{ padding: 3px 0 3px 12px; font-weight: normal; } 

#navig	ul.external	{ margin: 12px 10px 0 0; padding: 12px 0 0 0;     border-top: 1px solid #888888; }
#navig 	li.external	{ padding: 5px 0; font-weight: normal; }		/*  Uba-links at end of navigation */  


#content .message 	{ font-weight: bold; color: blue; clear: both; padding: 20px 0; }

.nocssbrowser 		{ display: none; }

/*  Maps and Prognosis */
							
#infoType8			{ margin: 10px; text-align: justify; font-family: Arial,sans-serif; }
#infoType8  hr  	{ width: 100%; height: 1px; color: rgb(160,160,160); }


/*  
	Green:		bright		#c0f0c0	 	190,250,190	
				medium		#95cc95		150,200,150
				dark		#006633		  0,100, 50
				very dark	#002211 	 35, 17, 35

	Grey:		#d8d8d8  215,215,215	(clean)  	USE THIS!
				#d4d0c8  212,208,200	(windows)
				#dcd8d0  (windows brighter)
    Yellow:		#ffffb8  255,255,185	(clean) 	USE THIS!
				#fff8c0  255,248,192	(less bright)
*/