* {margin:0px; padding:0px;}
body, div, td ,input { 	
		font-family:Verdana,Arial,Helvetica,sans-serif; 
		font-size:12px;      /*!!!*/
		line-height:18px;    /*!!!*/
	   }

body{	margin:0px; padding:0px;
	text-align: center;
 	background:url(grafik/bg2.gif) repeat-x; /* grauer Farbverlauf als Seitenhintergrund */
 /*	background:url(grafik/bg.gif) repeat-x;*/  /* kuerzerer Verlauf, wirkt dunkler */
 	background-color:#b9b8ae; 
 /*	background-color:#d0d0d0;  Alternative fuer einfarbig grauen Hintergrund  */
}
/* Ueberschriften definieren:  */
h1   {font-size:1.7em; font-weight:normal; color:#039; line-height:1.3em; text-align:center; padding-top:10px; padding-bottom:10px;}
h2   {font-size:1.4em; font-weight:normal; color:#039; line-height:1.2em; text-align:left; padding-top:10px; padding-bottom:5px;}
h3   {font-size:1em; font-weight:bold; color:#039; line-height:1.3em; padding-top:5px; padding-bottom:3px;}
/*h4   {font-size:1.2em; font-weight:bold;  color:#039; line-height:1.3em;} */

/* Box, die die gesamte Seite aufnimmt*/
* html #container { height:725px; } /*!!!*/ /* nur fuer IE 5.5 - 6.x */
html + body #container { height:725px; } /*!!!*/ /* nur vom IE 5.0 */
#container {		
	width:990px;      /*!!!*/
	min-height:725px; /*!!!*/  
	height:auto;
	margin:auto; /* zentriert Box auf Fenstermitte */
	margin-top:20px;        /*!!!*/
	border-top: 0px solid #0e3ea1;
	border-left: 0px solid #0e3ea1;
	border-right: 0px solid #bbb;
	background-color:#fff;
}
/* Logobereich */
#logo {	
	background: url(grafik/logo.jpg) no-repeat;      /*!!!*/
	margin:0px;
	padding:0px;
	height:100px;      /*!!!*/
	width:180px;      /*!!!*/
	float:left;
}
/* Bereich fuer Headergrafik */
#head {
	background: url(grafik/header.jpg) no-repeat;       /*!!!*/
	padding:0px;
	width:auto;
	height:100px;      /*!!!*/
	margin-left: 182px;      /*!!!*/
	text-align:center;
}

/* horizontale Navigation */
#navi_hor{
	margin-left: 182px;      /*!!!*/
	background-color:#039;
	height:24px;      /*!!!*/
	width:auto;
	text-align:right; 
}
#navi_hor ul {
	margin:0px;
	padding-top:3px;
	list-style-type:none;
}
#navi_hor ul li {
	display:inline;
}
#navi_hor li {
	margin-right:0px;  /* Abstand zum Nachbarelement*/
}
#navi_hor  li a:link {
	display:inline;
	background-color:#039;
	color:#ccc;
	font-size: 1em;
	font-weight: normal;
	padding-left:  5px;
	padding-right:  10px;
	text-decoration: none;
	text-transform: none;
/*	border: 0px solid #039;  */
}
#navi_hor  li  a:visited {
	display:inline;
	background-color:#039;
	color:#ccc;
	font-size: 1em;
	font-weight: normal;
	padding-left:  5px;
	padding-right:  10px;
	text-transform: none;
/*	border: 0px solid #039;  */
}
#navi_hor  li a:hover {
	display:inline;
	color:#fff;
}
#navi_hor  li a:active {
	display:inline;
	color:#fff;
}
/* Ende horizontale Navigation */

/* vertikales Navigationsmenue */
#navi_ver{
	background-color:#fff;
	font-weight:bold;
	height:auto;
	width:172px;      /*!!!*/
	margin-left:5px;    /*  Abstand zum linken Seitenrand */
	text-align:left;
	float:left;
}
.textbox {
	width:157px;      /*!!!*/
	background-color:#039;
	padding-left:15px; 
	margin-top:0px;
	margin-left:0px;      /*!!!*/	
	line-height:24px;      /*!!!*/
	color:#fff;
	text-align:left; 
	font-weight:bold;
}
#navi_ver   a {display:block}

#navi_ver   a:link {
	color:#039;
	font-size: 1em;
	font-weight: normal;
	line-height:20px !important;      /*!!!*/
	text-align: left;
	margin-left:20px;  /* Texteinrueckung */      /*!!!*/
	margin-top:0px;
	padding-top: 0px;
	padding-bottom:3px;
	padding-left: 15px;
	text-decoration: none;
	text-transform:none;
}
#navi_ver a:visited  {
	color:#039;
	font-size: 1em;
	font-weight: normal;
	line-height:20px !important;      /*!!!*/
	text-align: left;
	margin-left:20px;  /* Texteinrueckung */      /*!!!*/
	margin-top:0px;
	padding-top: 0px;
	padding-bottom:3px;
	padding-left: 15px;
	text-decoration: none;
	text-transform:none;
}
#navi_ver a:hover {
 	background-color:#d9d9d9; 
	color:#0e3ea1;
	text-transform:none;
}
#navi_ver a:active {
	background-color:#fff;
	color:#039;
	text-decoration:none;
	text-transform:none;
} 
/* Ende vertikale Navigation */

/* Seiteninhalt */
#content {
	background-color:#fff; 
	margin-top:10px;
	margin-left:195px;    /*!!!*/
	width:790px;      /*!!!*/
	height:100%;
	padding:0px;
	text-align:left;
	float: none;	
}
	/* 1-spaltiges Layout */
.column1 {
	margin:10px;
	padding:10px;
	height:auto;
	border:0px solid #000;
}
	/*wuerde h1-Ueberschtift von 1-spaltigem Layout linksbuendig setzen : */
/*.column1 h1 {			
	 text-align:left;
} */

	/* 2-spaltiges Layout */
.column2 {
	margin:7px;
	width:375px;      /*!!!*/
	height:auto;
	border:0px solid #000;
	float:left;
}
	/* 3-spaltiges Layout */
.column3 {
	margin:7px;
	width:243px;      /*!!!*/
	height:auto;
	border:0px solid #000;
	float:left;
}
.trenner { height:1px; clear:both; }

.link a:link {
	color:#00f;			/*    ----GEAENDERT--   */
	font-size: 1em;			/*    ----GEAENDERT--   */
	font-weight:normal;
	text-decoration:underline;
	text-transform:none;            /*    ------- NEU----   */
} 
.link a:visited {
	color:#00f;			/*    ----GEAENDERT--   */
	font-size: 1em;			/*    ----GEAENDERT--   */
	font-weight:normal;
	text-decoration:underline;
	text-transform:none;	       /*    ------- NEU-----   */
} 
.link a:hover {
	color:#666;
} 

.more a:link, a:visited{
	color:#900;
	font-size: .9em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.more a:hover{
	text-decoration:underline;
}
	
/* Bilder fuer 3-spaltiges Layout Startseite*/
#img3_1	{
	background: url(grafik/hands240x140.jpg) no-repeat ;       /*!!!*/
	width:240px;      /*!!!*/
	height:140px;      /*!!!*/
}	
#img3_2	{
	background: url(grafik/flansch240x140.jpg) no-repeat;       /*!!!*/
	width:240px;      /*!!!*/
	height:140px;      /*!!!*/
}
#img3_3	{
	background: url(grafik/welle240x140.jpg) no-repeat;       /*!!!*/
	width:240px;      /*!!!*/
	height:140px;      /*!!!*/
}
/* Bilder fuer 2-spaltiges Layout Bereichseiten*/
#img2_0	{
	background: url(grafik/blitz300x175.jpg) no-repeat ;       /*!!!*/
	width:300px;      /*!!!*/
	height:175px;      /*!!!*/
}
#img2_1	{
	background: url(grafik/hands300x175.jpg) no-repeat ;       /*!!!*/
	width:300px;      /*!!!*/
	height:175px;      /*!!!*/
}	
#img2_2	{
	background: url(grafik/flansch300x175.jpg) no-repeat ;       /*!!!*/
	width:300px;      /*!!!*/
	height:175px;      /*!!!*/
}	
#img2_3	{
	background: url(grafik/welle300x175.jpg) no-repeat ;       /*!!!*/
	width:300px;      /*!!!*/
	height:175px;      /*!!!*/
}
#img2_4	{
	background: url(grafik/strasse300x175.jpg) no-repeat ;       /*!!!*/
	width:300px;      /*!!!*/
	height:175px;      /*!!!*/
}	
/*zentrales Bild im 2-spaltigen Layout Philosophie*/
#img_phil	{
	background: url(grafik/logo300x185.jpg) no-repeat center ;       /*!!!*/
	width:300px;
	height:185px;      /*!!!*/
	border:0px solid #000;
}
/* Fusszeile , derzeit nicht verwendet*/
#footer {
	background-color:#ddd;
	margin-left:180px;      /*!!!*/
	height:24px;      /*!!!*/
	margin-bottom:0px;
	padding:3px;
	text-align:left;
	border-top:0px solid #999;
}