/* Color-Set (RGB web-safe)
======================
Hellblau	153,204,255
Kryoblau	0,0,204
Dunkelblau	0,51,153
Hellgold	204,204,153
Dunkelgold	153,153,102
Dunkelbraun	51,51,0
Hellgrau	img/tile_lightgray.gif (249,249,249 not websafe)
Dunkelgrau	204,204,204
*/

body
{
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif;
}

#PAGE	
{ 
	width:860px;
	min-height:620px;
	padding:0px;
	margin: 40px auto;	
	text-align:left;
	background-repeat:no-repeat;
}


#HEAD	/* Sprachwechsel*/
{ 
	width:860px; 
	height:16px;
	vertical-align:middle;
	text-align:right;
	font-size:65%;
}
	#HEAD a { text-decoration:none;}


#FRAME
{
	padding:0px;
	border:solid 1px navy;
	overflow: hidden;
}

#TOP
{
	height:140px;
	padding:0px;
	margin:0px;
	border-bottom: solid 1px silver;
	background-image:URL(img/topbar_bgnd.jpg); 
	background-repeat:no-repeat;
	vertical-align:bottom;
}

#TOPNAV
{
	height:20px;
	padding:0px;
	margin-bottom:20px;
	border-bottom: solid 1px silver;
	background-image:URL(img/topnav_bgnd.jpg);
	background-repeat:no-repeat;
}

	
	#TOPNAV a
	{ 
	width:120px;
	height:20px; 
	float:left; /* for Mozilla to accept [width] */ 
	font-size:70%;
	line-height:20px;
	font-weight:bold;
	color:white;
	vertical-align:bottom;
	text-align:center;
	text-decoration:none;
	border-right:solid 1px silver;
	}

	#TOPNAV a:hover
	{ background-color:RGB(3,31,190); }

	#TOPNAV a.locator 
	{ color:RGB(204,204,153); }


#LEFT
{
	width:180px;
	float:left;	
	padding:0px;
	margin-left:10px;
}

	#LEFT h1
	{
		width:176px;
		height:14px;
		margin:0px;
		padding:2px;
		font-family:Arial,Helvetica,sans-serif;
		font-size:65%;
		font-weight:normal;
		color:RGB(204,204,153);
		background-color:RGB(51,51,0);
		border:solid 1px RGB(51,51,0);
	}
	
	#LEFT a
	{
		width:176px;
		height:30px;
		float:left;			/* req. for Mozilla */
		vertical-align:bottom;
		padding:2px;
		font-size:70%;
		border:solid 1px silver;
		border-top:none;
		border-bottom:solid 1px white;
		background-image:URL(img/tile_lightgray.gif);
		color:RGB(153,153,102);
		text-decoration:none;
	}

	#LEFT a:hover, #LEFT a.locator
	{ background-color:RGB(204,204,153); background-image:none; }


	#LEFT div 
	{
		margin-top:20px; font-size:75%; border:solid 1px silver;
	}

a		{ text-decoration:none; }
a:hover	{ color:RGB(153,204,255); text-decoration:underline; }



/*  ==================== RIGHT BOX ======================*/
#RIGHT
{
	width:150px;
	float:right;
	margin-right:10px;
	margin-bottom: 10px;
	padding:0px;
}

	#RIGHT div
	{
		padding:6px;
		background-image:URL(img/tile_lightgray.gif);
		border:solid 1px silver;
	}

	#RIGHT h1	
	{ 
		height:14px;
		padding:2px;
		margin:0px; 
		font-family:Arial,Helvetia,sans-serif;
		font-size:65%; 
		color:RGB(204,204,153);
		background-color:RGB(51,51,0);
		border:solid 1px RGB(51,51,0);
	}
	
	#RIGHT h2	{ font-size:65%; margin:0px; padding-bottom:0px;}
	#RIGHT p, #RIGHT input, #RIGHT select	
				{ font-size:65%; margin:0px; padding:0px;}
	#RIGHT p.newsdate	{ border-bottom:1px solid gray; padding-bottom:2px; margin-top:20px; }




/*  ==================== MAIN BOX ======================*/
#MAIN
{
	margin-left:210px;
	margin-right:180px;	 /* Will be overwritten in [_header.php] when news-box is empty */
	margin-bottom:20px;
}


#MAIN div
{
	margin-bottom:20px;
	padding:10px;
	border:solid 1px silver;
}

	#MAIN h1
	{
		height:14px;
		margin:0px;
		padding:2px;
		vertical-align:bottom;
		font-family:Arial,Helvetica,sans-serif;
		font-size:65%;
		font-weight:normal;
		color:RGB(204,204,153);
		background-color:RGB(51,51,0);
		background-image:URL(img/main_bgnd.jpg);
		background-repeat:no-repeat;
		background-position:right;
		border:solid 1px RGB(51,51,0);
		border-bottom:none;
	}

	#MAIN h2
	{	
		margin:0px;
		margin-top:40px;
		font-size:65%;  	
		font-weight:bold;
		color:RGB(153,153,102);
		border-bottom:solid 1px RGB(153,153,102);
	}

	#MAIN h3
	{	
		margin:0px;
		margin-top:60px;
		font-size: 75%;
		line-height:140%;
		font-weight:bold;
		color:RGB(153,153,102);
	}

	#MAIN h3.srv
	{
		margin-top:20px;
		background-image:URL(img/khaki_arrow.gif);
		background-repeat:no-repeat;
		padding-left:20px;
	}

	
	#MAIN h4		/* = regular bold */
	{
		margin:0px;
		margin-top:30px;
		padding:0px;
		line-height:150%;
		font-size:70%; font-weight:bold;
	}


	/* Liste Leistungen */
	#MAIN .servicebox
	{
		height:90px;
		padding:0px;
		vertical-align:bottom;
	}

		#MAIN .servicebox h2			{ margin-top:10px; border:none;}
		#MAIN .servicebox p.readmore	{ margin:0px; font-family:Arial; font-weight:bold; }


	/* Leistungsbeschreibung */
	#MAIN .servicedetail { padding-left:110px; background-repeat:no-repeat; }
	#MAIN .servicedetail ul	{ display:inline; list-style-position:outside; }
	#MAIN .servicedetail li	{ margin-left:12px; }


	#MAIN p, #MAIN li, #MAIN table
	{
		margin:0px;
		font-size:70%;
		line-height:150%;
	}

	#MAIN li	{ list-style-type:square; margin-bottom:12px; }
	#MAIN td 	{ vertical-align:top; }
	#MAIN .break { margin-top:20px; }	/* for regular <p>  defined w/out [margin] */
	#MAIN .small 	{	font-size:60%; }
	#MAIN .tabber  /* TAB-effect (w/ span) - IE only */
	{
		width:40px;
	}


#FOOTER
{
	clear:both;
	margin-top:2px;
	text-align:center;
	padding:2px;
	font-size:65%
}