body, html 
	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
		margin: 0; padding: 0; 
		background-color: #ceddf2; color: #444444;
		background-image: url(images/img_background.gif); background-repeat: repeat-x; }
			 
			 
#page { background-image: url(images/img_bgcontent.gif);
				width: 944px; 
				padding: 0; margin: 0 auto;  }
					 
/* 
 * Noetig fuer das Float-Layout. Dieser Block sorgt dafuer, dass der
 * float-left und -right umschliessende Block richtig dargestellt wird.
 */
#bottom { clear: both;
					background-image: url(images/img_contentbottom.gif); background-position: bottom left; background-repeat: no-repeat; 
					background-color: transparent;  
					margin: 0; padding: 0; }
					
.hidden { visibility: hidden; }

/********************************************************
 * HEADER
 ********************************************************/

#header { background-image: url(images/img_header.jpg); height: 186px; margin: 0; padding: 0; }

#starburst	{
	position: relative;
	left: 300px;
	top: 0px;
	width: 286px;
	height: 150px;
}
#starburst2	{ position: relative; left: 755px; top: 17px; width: 185px; height: 144px; }

#vmenu    { padding: 4px 24px 0 0; margin: 0 4px 0 0; text-align: right; font-size: 10px; }
#vmenu ul { padding: 0; margin: 0; }	
#vmenu li { display: inline; list-style: none; color: #999999; padding: 0; margin: 0; }
#vmenu a:link,
#vmenu a:visited { color: #999999; text-decoration: none; } 
#vmenu a:hover, 
#vmenu a:active { color: #999999; text-decoration: underline; }

#greenborder  { height: 6px; padding: 0; margin: 0 4px 0 4px; font-size: 1px; background-image:url(images/img_boder-green.gif); }
#blueborder   { height: 6px; padding: 0; margin: 0 4px 0 4px; font-size: 1px; background-image:url(images/img_boder-blue.gif); }
#orangeborder { height: 6px; padding: 0; margin: 0 4px 0 4px; font-size: 1px; background-image:url(images/img_boder-orange.gif); }
#greyborder   { height: 6px; padding: 0; margin: 0 4px 0 4px; font-size: 1px; background-image:url(images/img_boder-grey.gif); }


/********************************************************
 * STYLES DER LINKEN SPALTE 
 ********************************************************/

#leftcol 			{ float: left;
					 width: 240px; 
					 padding: 0 0 0 4px; margin: 12px 12px 0 0; 
					 background-color: transparent; }
 
#leftcol .banner 	{margin: 0 0 12px 0; }
#leftcol .banner a img { border:none; }

.niederlassung { margin:0; } 
/* MEN ------------------------------------------------*/

#menu { background-image: url(images/img_menucars.jpg); background-position: left top; background-repeat: repeat-y; 
				padding: 0; margin: 0; 
				border-bottom: #FFFFFF solid 12px; }

#menu ul 		{ padding: 0; margin: 0 0 0 48px; list-style: none; }
#menu ul ul { padding: 0; margin: 0; }

#menu li 		{ padding: 0; margin: 0; }
#menu li li { padding: 0; margin: 0; }
							
#menu li a,
#menu li span  	{ display: block; margin: 0; padding: 3px 6px 3px 12px; height: 15px; border-bottom: #FFFFFF solid 1px; border-left: #FFFFFF solid 1px; }			 
#menu li li a,
#menu li li span { display: block; margin: 0; padding: 3px 6px 3px 18px; border-bottom: #FFFFFF solid 1px; font-size: 10px; }

#menu .bullet { float: right; margin: 3px 6px 0 0; }

/* Up und Active Zustdnde ---------------------------*/
#menu .blue, 
#menu .blue a:link,
#menu .blue a:visited { color: #093fc7; background-color: #ccecf0; text-decoration: none; }

#menu .blue a:hover,
#menu .blue a:active  { color: #082eb6; background-color: #bbdbe0; text-decoration: underline; }

#menu .blue span { color: #082eb6; background-color: #bbdbe0; font-weight: bold; }

#menu .green,
#menu .green a:link,
#menu .green a:visited { color: #029744; background-color: #d4f2e1; text-decoration: none; }
#menu .green a:hover,
#menu .green a:active  { color: #029744; background-color: #afe1c5; text-decoration: underline; }

#menu .green span { color: #029744; background-color: #afe1c5; font-weight: bold; }

#menu .grey,
#menu .grey a:link,
#menu .grey a:visited { color: #7b7b7b; background-color: #e8e8e8; text-decoration: none; }
#menu .grey a:hover,
#menu .grey a:active  { color: #6b6b6b; background-color: #d7d7d7; text-decoration: underline; }

#menu .grey span { color: #6b6b6b; background-color: #d7d7d7; font-weight: bold; }

#menu .orange,
#menu .orange a:link,
#menu .orange a:visited { color: #e3710c; background-color: #FFDCB9; text-decoration: none; }
#menu .orange a:hover,
#menu .orange a:active  { color: #bb5500; background-color: #eecba8; text-decoration: underline; }

#menu .orange span { color: #bb5500; background-color: #eecba8; font-weight: bold; }


/********************************************************
 * CONTENT-BLOCK (Rechte Spalte)
 ********************************************************/

#content { float: right; 
					 margin: 12px 0 0 0; padding: 0 16px 0 0; 
					 background-image: url(images/img_textbg.gif); background-position: top left; background-repeat: repeat-y;
					 width: 672px; 
					 background-color: transparent; }


/* Spalten im Content ------------------------------ */

#top { background-image: url(images/img_texttop.gif); background-repeat: no-repeat; 
			 height: 12px; margin: 0; padding: 0; }
			 
#textbottom { background-image: url(images/img_textbottom.gif); background-repeat: no-repeat; 
			 height: 4px; margin: 0; padding: 0; clear: both; } 
			 
#content .left  { float: left;  width: 300px; margin: 0; padding: 6px 0 6px 24px; }
#content .right { float: right; width: 300px; margin: 0; padding: 6px 24px 6px 0; }	
#content .nocol { clear: both; margin: 0; padding: 6px 24px 6px 24px; }	


/* Tags und Styles --------------------------------- */

#content .caption { text-align: left; color:#999999; font-size: 11px; font-style: italic; margin-top: 0px; padding: 0 12px 6px 12px; }

#content p { margin: 12px 0 0 0; padding: 0; }	

#content .external { padding: 0 12px 0 0; background-image: url(images/icn_external.gif); background-repeat: no-repeat; 
										 background-position: right; white-space: nowrap; }	 

/* Farben ------------------------------------------ */

#green, #blue, 
#orange, #grey { margin: 0; padding: 0; background-color: transparent; }


/* Styles mit Farben ------------------------------- */

#content #green  .leadin { font-size: 12px; font-style: italic; color: #0a934b; }
#content #blue   .leadin { font-size: 12px; font-style: italic; color: #3d63c9; }
#content #orange .leadin { font-size: 12px; font-style: italic; color: #e3710c; }
#content #grey   .leadin { font-size: 12px; font-style: italic; color: #737373; }
					
#content #green a:link, #content #green a:visited { color: #0a934b; }
#content #green a:active, #content #green a:hover { color: #16b360; }

#content #blue a:link, #content #blue a:visited { color: #3d63c9; }
#content #blue a:active, #content #blue a:hover { color: #4e79eb; }

#content #orange a:link, #content #orange a:visited { color: #e3710c; }
#content #orange a:active, #content #orange a:hover { color: #d86f11; }

#content #grey a:link, #content #grey a:visited { color: #737373; }
#content #grey a:active, #content #grey a:hover { color: #838383; }

#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight:normal; margin: 12px 0px 12px 0px; padding: 0; }
#content #green h1  { color: #0a934b; }
#content #blue h1   { color: #3d63c9; }
#content #orange h1 { color: #e3710c; }
#content #grey h1   { color: #737373; }

#content h2 { font-size: 14px; margin: 12px 0px 12px 0px; padding: 0; }
#content #green h2  { color: #0a934b; }
#content #blue h2   { color: #3d63c9; }
#content #orange h2 { color: #e3710c; }
#content #grey h2   { color: #737373; }

#content h3 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
#content #green h3 	{ color: #0a934b; }
#content #blue h3	{ color: #3d63c9; }
#content #orange h3	{ color: #e3710c; }
#content #grey h3	{ color: #737373; }

#content #green strong 	{ color: #0a934b; }
#content #blue strong	{ color: #3d63c9; }
#content #orange strong	{ color: #e3710c; }
#content #grey strong	{ color: #737373; }

/********************************************************
 * SONSTIGE
 ********************************************************/

#map { background-image: url(images/img_maplink.gif); height: 48px; padding: 0; margin: 0 0 12px 0; }

#contact { background-color: #e6f2ff; color:#999999; padding: 12px 0; margin: 0 0 12px 0; }
#contact p { margin: 12px 12px 0; }
#contact em { font-weight: bold; }
#contact a:link, 
#contact a:visited { color: #999999; }
#contact a:hover, 
#contact a:acive   { color: #737373; }

#content .pdf { margin:15px 0; }
#content .pdf img { float:left; margin-top:5px; }
#content .pdf ul { padding-left:62px; }
#content .pdf li { margin:5px; list-style:none; }

/********************************************************
 * SONDERBEHANDLUNG der STARTSEITE
 ********************************************************/

#content .start-green h1  { font-family: Arial, Helvetica, sans-serif; color: #0a934b; font-size: 26px; font-weight:normal; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-blue h1   { font-family: Arial, Helvetica, sans-serif; color: #3d63c9; font-size: 26px; font-weight:normal; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-orange h1 { font-family: Arial, Helvetica, sans-serif; color: #e3710c; font-size: 26px; font-weight:normal; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-grey h1   { font-family: Arial, Helvetica, sans-serif; color: #737373; font-size: 26px; font-weight:normal; margin: 12px 0px 12px 0px; padding: 0; }

#content .start-green h2  { color: #0a934b; font-size: 14px; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-blue h2   { color: #3d63c9; font-size: 14px; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-orange h2 { color: #e3710c; font-size: 14px; margin: 12px 0px 12px 0px; padding: 0; }
#content .start-grey h2   { color: #737373; font-size: 14px; margin: 12px 0px 12px 0px; padding: 0; }

#content .start-green a:link, #content .start-green a:visited { color: #0a934b; }
#content .start-green a:active, #content .start-green a:hover { color: #16b360; }

#content .start-blue a:link, #content .start-blue a:visited { color: #3d63c9; }
#content .start-blue a:active, #content .start-blue a:hover { color: #4e79eb; }

#content .start-orange a:link, #content .start-orange a:visited { color: #e3710c; }
#content .start-orange a:active, #content .start-orange a:hover { color: #d86f11; }

#content .start-grey a:link, #content .start-grey a:visited { color: #737373; }
#content .start-grey a:active, #content .start-grey a:hover { color: #838383; }

#content .start-green strong 	{ color: #0a934b; }
#content .start-blue strong	{ color: #3d63c9; }
#content .start-orange strong	{ color: #e3710c; }
#content .start-grey strong	{ color: #737373; }