/* ############################################################## */
/* ###################### HP-Conny Taut ######################### */
/* ############################################################## */
/* #### Farben: Hintergrund = <body  bgcolor ="#990000"> ######## */
/* #### Schriftfarbe:#330000 Feld-grau:#E6E6E6 ################## */
* { padding:0; margin:0; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: medium; 
	background-image: url(/images/hg2000.jpg);
	background-repeat:no-repeat;
	width:1998px;
	height:1295px;
	
	/*
	background-image: url(/images/hgrund1.jpg);
	background-repeat:no-repeat;
	width:1400px;
	height:733px;*/
		}
	
	a {text-decoration: underline;}

	a:link {color:blue; }
	a:hover {text-decoration: underline;}

	 span {	text-decoration:underline;}

 
	p, ul, li, ol {	font-size:75%;	color:black;}

	h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif;}
	h1, h3, h4, h5 { font-size:100%; color:black; }

	#frame   {
	margin-top:15px;
		margin-right:auto;
		margin-left:3.5em;
		margin-bottom:15px;
		width:930px;
		height:auto;
		background-color:#FFFFFF;
		border:#EE7757 solid 1px;
	}
	
		
	
#kopf {
	  
	   background-image: url(../images/kopf11.jpg);
	   background-repeat:no-repeat; 
	   width:930px;
	   height:146px;
	   margin-left:auto;
	   margin-right:auto;
	}
	
	 
	
	
	#navi_oben 	{
		width:930px;
		height:29px;
		float:left;
	    background-image:url(/images/navi_waage.jpg);
		background-repeat:repeat-x;
	}
	
	
	#navi_oben ul {
	    list-style:none;
		margin:0px;
		padding:0px;
		margin-right:12px;
		text-decoration:none;
		}

	#navi_oben li {
		float:right;
		margin:0px;
		font-size:1.0em;
		padding-top:0.7em;
		margin-left:3.5em;
	}
	
 #navi_oben ul ul li {
	 float:left;
	 font-size:1.3em;
	 padding-top:0.7em;
	 margin-left:3.3em;
	 color: #330000;
 }
 
	#navi_oben a {	color: #330000; text-decoration:none; }
	#navi_oben li a {color: #330000; text-decoration:none;	}
	#navi_oben ul ul ol a:hover {	color:blue; text-decoration: underline;	}
	#navi_oben li a:hover{	color: blue; text-decoration:underline;	}
		 
	#links {
	width:200px;
	height:auto;
	float:left;
}	

		#links p {
		font-size:0.8em;
		color:#330000;
		margin-left:1.8em;
		margin-bottom:1.0em;
		}	 
		 
	#navi_links {
		   width:200px;
		   height:374px;
		   background-image:url(../images/hg_navi_li.jpg);
		   margin:0;
		   float:left;
		   text-align:left;
		   padding-left:0.5em;
	  }
	
	.li_ro {	background-image:url(../images/navi_ro.jpg)}
	.li_gr { background-image:url(../images/navi_gr.jpg)}
	
	#navi_links ul {
		list-style:none;
		margin-left:1.0em;
		padding:0.5em;
		line-height:1.5em;
	}
	
	#navi_links a {	color:#330000;	}

	#navi_links  li {
        margin:0px;
		font-size:1.0em;
		margin-bottom:0.2em;
	}	
 
 #navi_links ul li a{
		text-decoration:none;
		width:94%;
		display:block;
		padding:0.2em 0 0.4em 1em;
		color:#330000;
		margin-bottom:0.2em;
	}
	
	#navi_links  ul a:hover{ background-color:#F1F3F1;/*#fcecca;*/	}
 
   #content {
		width:720px;
        height:auto;
		margin:0;
		padding:0;
		float:right;
		background-color:#FFFFFF;
	}		
	
 #content a { color:#000099; }
 
 #content p {
		margin-left:1.6em;
		margin-right:1.2em;
		font-size:0.8em;
	}
	
	#content ul li ol {
		list-style-type:decimal;
		font-size:100%;
		margin:-1.2em 2em 0.5em 12em;
		padding-bottom:0.4em;
	}
	
	#content ul li {
		font-size:100%;
		margin-left:1.5em;
		margin-right:3em;
		margin-bottom:1.0em;
		margin-top:1.0em;
		list-style-type: disc;
	}
	
   	#content ul {
		text-align:left;
		margin-left:1.5em;
		font-size:0.8em;
		margin-right:3em;
			
		}
	
 #content img {	 float:right; margin:1.0em; }
 
 #content h1, h2, h3 {
		margin-left:1.6em;
		padding-top:1.5em;
		margin-top:0em;
		margin-bottom:1.0em;
		padding-bottom:0em;
		font-size:0.8em;
		font-weight:bold;
		margin-right:3em;
	}
	
 /*nur für Abstand Bilder*/
	#content h4 {
		margin-left:2.0em;
		padding-top:4.0em;
		margin-bottom:12.0em;
		font-size:0.6em;
		font-weight:normal;
		color:#666666;
	}
	
	#grau {
	width:97%;
	background-color:#EFF2F0;
	margin:0 0 1em 0;
	padding:0.4em 0 0.4em 0;
		
	}
	
	#content-hg ul li {
	background-color:#EFF2F0;
	margin:2em;
	padding:1em;
	font-size:0.85em;
	
	}
	
	#content-hg ol li {
	background-color:#EFF2F0;
	margin:2em;
	padding:1em;
	font-size:0.85em;
	}
	

	
	/*Tabelle im Leistungsspektrum*/
	#tab-im-lei table td {
	width:560px; 
 	background-color:#EFF2F0;
	margin:0.1em 10em 0 3.0em;
	padding:0.5em;
	font-size:0.85em;
	float:right;
	}
	
	#tab-im-lei table  {
	margin-top:0;
	margin-bottom:1em;
	}
	
	#tab-im-lei table tr td  ol li {
	font-size:1.1em;
	padding:0.5em;
	margin:0.1em 2.0em 0 5.0em;
	float:left;
		
	}

	/*Tabelle im Kontaktformular*/
	#kontakt-tab {
	margin:1em 2em 1em 3em;
	
	
	}
	
  .skiplink { display: none;  }
	
						 /*  Navi unten */
	#navi_unten {
		width:930px;
		height:20px;
		background-color:#E0E5E1; 
		float:left;
		text-align:center;
		font-size:0.7em;
		margin-bottom:0;
		padding-top:0.5em;

		}
		
	#navi_unten a {
		font-size:1.0em;
		color:#330000;
		text-decoration:none;
	}

	#navi_unten a:hover {
		font-size:1.0em;
		color:blue;
		text-decoration: underline;
	}
	
	