@import'www_panzyk_net_IE55up.css';
/* IE5 ignoriert die obere Zeile */

body { text-align: center; background-color: #cccccc; 
	font-family: Arial, Helvetica, sans-serif; font-size: 0.80em; color: #000000; 
	 background-image: url(../Bilder/bgrd.gif); background-repeat: repeat; }
h2, h3, h3 {font: 1.66em Georgia, Times, serif; font-weight: bold;}

#Schatten {width: 782px; background-color: #000000; 
	padding: 1px 0px 1px 0px;
	margin-right: auto;
	margin-left: auto; text-align: center;}

#Grundbox
{
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	text-align: left;
	/*border: solid 1px #000000;*/
	background-image: url(../Bilder/bgr_grundbox.png);
	background-repeat: repeat-y;
	background-color: #244b35;
}
	
#Kopf {background: url(../Bilder/bgr_rot_kopf.png) #cc0000 repeat-x;}

#KopflogoRechts
{
	padding: 0px 100px 0px 0px;
	background-position: right top;
	background-image: url(../Bilder/bgr_kreis.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
#KopflogoLinks {height: 54px; background-image: url(../Bilder/bgr_logo.png); background-repeat: no-repeat;}

#KopflogoLinks a {display: block; width: 160px; height: 50px; overflow: hidden;}
#KopflogoLinks a span {display: block; width: 0px; height: 0px; overflow:hidden;}

#MenuLinks{width: 142px; float: left;}

#MenuLinks li.L1 {background-image: url(../Bilder/but_dasunternehmen.gif); background-repeat: no-repeat;}
#MenuLinks li.L1 a {display: block; width: 140px; height: 25px; overflow:hidden;}
#MenuLinks li.L1 a span {display: block; width: 0px; height: 0px; overflow:hidden;}
#MenuLinks li.L2 {background-image: url(../Bilder/but_unseredienste.gif); background-repeat: no-repeat;}
#MenuLinks li.L2 a {display: block; width: 140px; height: 25px; overflow:hidden; }
#MenuLinks li.L2 a span {display: block; width: 0px; height: 0px; overflow:hidden;}
#MenuLinks li.L3 {background-image: url(../Bilder/but_referenzen.gif); background-repeat: no-repeat;}
#MenuLinks li.L3 a {display: block; width: 140px; height: 25px; overflow:hidden; }
#MenuLinks li.L3 a span {display: block; width: 0px; height: 0px; overflow:hidden;}
#MenuLinks li.L4 {background-image: url(../Bilder/but_impressum.gif); background-repeat: no-repeat;}
#MenuLinks li.L4 a {display: block; width: 140px; height: 25px; overflow:hidden; }
#MenuLinks li.L4 a span {display: block; width: 0px; height: 0px; overflow:hidden;}

#MenuLinks ul, #MenuLinks li {list-style:none; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#MenuLinks ul {}
#MenuLinks li {}
#MenuKopf
{
	height: 68px;
	background-image: url(../Bilder/bgr_gruen_zirkel.png);
	background-repeat: no-repeat;
}
#MenuTelefon
{
	clear: left; margin-top: 30px;
	height: 110px;
	background-image: url(../Bilder/bgr_telefon.png);
	background-repeat: no-repeat;
}

#MenuTelefon span {display: block; width: 0px; height: 0px; overflow:hidden;}

#Inhalt
{
	background-color: #f9eabe;
	float: left;
	width: 638px;
	padding: 0px 0px 0px 0px;
}

div.Unternehmen {background-position:100% 17px; 
	background-image: url(../Bilder/str_unternehmen.gif);
	background-repeat: no-repeat;
	}
	
div.Dienste {background-position:100% 17px; 
	background-image: url(../Bilder/str_dienste.gif);
	background-repeat: no-repeat;}

div.Impressum {background-position:100% 17px; 
	background-image: url(../Bilder/str_impressum.gif);
	background-repeat: no-repeat;}

div.Referenzen {background-position:100% 17px; 
	background-image: url(../Bilder/str_referenzen.gif);
	background-repeat: no-repeat;}
		
#Aktuell
{
	padding: 0px 5px 0px 5px;
	background-image: url(../Bilder/bgr_grau.png);
	background-repeat: repeat-x;
	background-color: gray;
}

#Aktuell h1 {margin: 0px; padding: 1px 0px 0px 0px; height: 20px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal;}

#Zeichengroesse {float: right; padding: 1px 0px 0px 0px;}
#Zeichengroesse a.a1 {font-size:11px; color: #000000;}
#Zeichengroesse a.a2 {font-size:12px; color: #000000;}
#Zeichengroesse a.a3 {font-size:13px; color: #000000;}

#Index {width: 150px; float: left; margin-top: 20px;}
#Index p {margin: 0px; padding: 0px 0px 0px 5px; color: #ff6633;}
#Index ul {margin: 0px 0px 0px 20px; padding: 0px;}
#Index li a {color: #000000; font-size:0.85em; line-height: 1.1em; margin:0px; padding: 0px; } 

#Bodytext {margin-top: 15px; background-color: #f9eabe; float: left; width: 435px; padding: 0px 0px 20px 0px;}

#Bodytext div.Bodymoto1
{
	float: right;
	width: 177px;
	height: 247px;
	background-image: url(../Bilder/bild_stifte.gif);
	background-repeat: no-repeat;
}

#Bodytext div.Bodymoto2
{
	float: right;
	width: 177px;
	height: 247px;
	background-image: url(../Bilder/bild_uhr.gif);
	background-repeat: no-repeat;
}
#Bodytext h3 { font: 120% Arial, Helvetica, sans-serif; font-weight: bold; color: #555555;}
#Bodytext h2 { font: 140% Arial, Helvetica, sans-serif; font-weight: bold; color: #CC0000; margin: 0.7em 0em 1em 0em; padding: 0px 100px 0px 0px;}
#Bodytext ul { padding:5px 5px;list-style-type: square;text-align:left;list-style-position: outside; margin: 1px  15px}
#Bodytext li {margin-bottom:5px;}
#Bodytext div.Umgebung ul { padding:0 0 0 0;list-style-type: none;text-align:left;list-style-position: inside; margin: 0 0 0 0;}
#Bodytext div.Umgebung li {margin-bottom:0px;}

div.Unternehmen #Bodytext h2 {color: #CC0000;}
div.Dienste     #Bodytext h2 {color: #003399;}
div.Impressum   #Bodytext h2 {color: #FF7F00;}
div.Referenzen  #Bodytext h2 {color: #328026; margin: 0.7em 0em 1em 0em;}

#Inhalt #Bodytext p {padding: 0px 100px 0px 0px;}
#Inhalt #Bodytext div.Referenz p {padding: 0px 0px 0px 0px;}
#Bodytext #Referenz p {padding: 0px 0px 0px 0px;}

div.Referenzen ul.Steuerung {clear: both;}

#Inhalt ul.Steuerung {list-style:none; padding: 5px 0px 15px 0px; margin: 0px 0px 0px 0px;}

#Inhalt a.raus  {color: #cc0000;}
#Inhalt a.innen {color: #cc0000;}
#Inhalt a.mail	{color: #cc0000;}
#Inhalt li.Index a {color: #000000; font-size: 11px;}

#Inhalt li.Index {}
#Inhalt li.Index a {color: #000000; font-size: 11px; padding-left: 13px;}
#Inhalt li.Index a span {}

#Copyright
{
	float: none; clear: both;
	padding: 2px 2px 2px 2px;
	background-image: url(../Bilder/bgr_copyright.png);
	background-repeat: repeat-x;
	background-color: #000000;
}

div.BildLinks {float: left; width: 120px;}
div.BildRechts {float: right;}
#Copyright p {margin: 0px; text-align: center; color: #ffffff; font-size: 90%; }
#Copyright a {color: #ffffff;}
div.Referenz {width:300px; float:left;}
div.Referenz p {}
p.Details {margin: 0em 0em 0.6em 0em; padding: 0px 0px 0px 0px;}

div.Umgebung {clear: left; float: left; background-image: url(../Bilder/keineUmgebung.png); background-repeat: no-repeat;}
div.Umgebung ul {margin: 0 0 0 0; padding: 0 0 0 0; list-style:none; width: 184px;}
div.Umgebung li {margin: 0 0 0 0; padding: 0 0 0 0; float: left; display: block;  overflow:hidden;}
div.Umgebung li.PHP {width: 29px; height: 15px;background-image: url(../Bilder/opt-php.gif); background-repeat: no-repeat;}
div.Umgebung li.DB {width: 55px;height: 15px;background-image: url(../Bilder/opt-db.gif); background-repeat: no-repeat;}
div.Umgebung li.SCR {width: 70px;height: 15px;background-image: url(../Bilder/opt-scrd.gif); background-repeat: no-repeat;}
div.Umgebung li.XML {width: 30px;height: 15px;background-image: url(../Bilder/opt-xml.gif); background-repeat: no-repeat;}
div.Umgebung li.CMS {width: 52px;height: 16px;background-image: url(../Bilder/opt-red.gif); background-repeat: no-repeat;}
div.Umgebung li.CD {width: 50px;height: 16px;background-image: url(../Bilder/opt-cd.gif); background-repeat: no-repeat;}
div.Umgebung li.BAN {width: 42px;height: 16px;background-image: url(../Bilder/opt-ba.gif); background-repeat: no-repeat;}
div.Umgebung li.SHOP {width: 40px;height: 16px;background-image: url(../Bilder/opt-eb.gif); background-repeat: no-repeat;}

div.Umgebung li.aus {background-image: none;}
div.Umgebung li span {width: 0px; height: 0px; display: block; overflow:hidden;}
img {border: 0px;}