html, body 
{text-align:center;}

#hacomlogo  {float:left;}

#space {  width: 100% }

#theme h1 
{font-family:Arial,Helveticasans-serif; color:#fff; margin-bottom:0; /* IE5 mac-hack \*/ line-height:70px; /* end IE5 hack-mac */}

#navigation a, #sub a {text-decoration: none;font-size:1.1em;}

div#navigation {position:relative; font-size:.7em; margin:35px 0 0 305px; text-align: center; }

#navigation #nav {border-bottom: 0;}

#navigation ul {margin:0; padding:0; list-style:none outside; color:#333;}

#navigation li 
{height:25px; width:90px; float:left; margin-top:5px; padding:0; display:block; border-left:1px solid #868f98;}

#navigation li.end 
{height:25px; width:0px; float:left; margin-top:5px; padding:0; display:block; border-left:1px solid #868f98;}

#navigation li a {display:block; margin:0; width:90px; height:20px; color:#333;}

#navigation li strong a {display:block; width:90px; font-weight:normal; cursor:default;}

#navigation ul a {display:block;}
#navigation li a:hover#webdesign, #navigation li a:active#webdesign,
#navigation li a:hover#webdesign_en, #navigation li a:active#webdesign_en {
color:#837A09; border-bottom:5px solid #D4AC0C;}

#navigation li a:focus#webdesign,
#navigation li a:focus#webdesign_en {
color:#837A09; border-bottom:5px solid #D4AC0C;}

#navigation li a:hover#e_commerce, #navigation li a:active#e_commerce,
#navigation li a:hover#e_commerce_en, #navigation li a:active#e_commerce_en {
color:#4f8a10; border-bottom:5px solid #447119;}

#navigation li a:focus#e_commerce,
#navigation li a:focus#e_commerce_en {
color:#4f8a10; border-bottom:5px solid #447119;}

#navigation li a:hover#seo, #navigation li a:active#seo,
#navigation li a:hover#seo_en, #navigation li a:active#seo_en {
color:#E57200; border-bottom:5px solid #FE8C08;}

#navigation li a:focus#seo,
#navigation li a:focus#seo_en {color:#E57200; border-bottom:5px solid #FE8C08;}

#navigation li a:hover#services, #navigation li a:active#services,
#navigation li a:hover#services_en, #navigation li a:active#services_en {
color:#800005; border-bottom:5px solid #A50006;}

#navigation li a:focus#services,
#navigation li a:focus#services_en {
color:#800005; border-bottom:5px solid #A50006;}

/*#navigation li a:hover#news, #navigation li a:active#news {
color:#7a6e67; border-bottom:5px solid #887d75;}

#navigation li a:focus#news {color:#7a6e67; border-bottom:5px solid #887d75;}*/

#navigation li a:hover#company, #navigation li a:active#company,
#navigation li a:hover#company_en, #navigation li a:active#company_en {
color:#005DB7; border-bottom:5px solid #23B0E5;}

#navigation li a:focus#company,
#navigation li a:focus#company_en {color:#005DB7; border-bottom:5px solid #23B0E5;}

#navigation li a:hover#references, #navigation li a:active#references,
#navigation li a:hover#references_en, #navigation li a:active#references_en {
color:#005DB7; border-bottom:5px solid #1563B8;}

#navigation li a:focus#references,
#navigation li a:focus#references_en {color:#005DB7; border-bottom:5px solid #1563B8;}

#navigation br, #sub br, .trenner br {clear:both;}

#sub li 
{height:20px; float:left; margin:0; padding:0; display:block; border-right:1px solid #868f98; /* IE5 mac-hack \*/ line-height:17px; /* end IE5 hack-mac */}

/*#sub li a {display:inline; padding:2px 10px 4px 10px; margin-top:-2px; color:#333;}*/

#sub li a:hover, #sub li a:active, #sub li a:focus {color:#000;}

div#sub {position:relative; font-size:.7em; height:25px; margin-top:0px;}

#sub p {position:absolute; left:-2999px; width: 990px;}

#sub ol {margin:0; padding:0; list-style:none outside; color:#333;}

#sub ol li {display:inline; margin:0;padding:0;}

#sub ol a {float:left;display:block;}

#sub li a {display:inline;margin-top:-6px;padding:2px 10px 4px 10px;}

#sub li strong a {font-weight:normal; cursor:default;}

#sub ol li a:hover, #sub ol li a:active, #sub ol li a:focus {padding:2px 10px 0 10px;color:#000;}

#meta {float:right; color:#fff;width:200px; text-align:right;}

#meta img {padding:0 4px 0 10px; border-left:1px solid #868f98;}

/*#meta span {position:absolute; left:-2999px; width:990px;}*/

#meta .wo {border-left:0;}

#links {float:left; border:0; padding:0; margin-top:30px; width:500px; position:relative; line-height:1.15em;}

#rechts {color: #444; float:right; border:0; padding:0; margin-top:30px; width:260px; position:relative; right:40px; line-height:1.15em;}

.left {float:left;}

.right {text-align:right; float:right;}


abbr, acronym {cursor:help; font-style:normal; text-transform:none; border:0;}

label:hover {color:#333; cursor:pointer;}

/*.ankerli {list-style-image:url("/media/anker.gif");}*/

.box {background-color:#fff; width:100%; padding:0; margin:40px 0 0 16px;}

.box h1, .box h2, .box h3, .box h4 {padding:8px; margin:0; text-indent:11px;}

.box p {margin:8px;}

.box ul {margin-left:0px; padding-left:30px;}

#boxli {float:left; width:44%; margin-left:20px; padding:5px; background-color:#eee;}

#boxre {float:right; width:43%; padding:5px; background-color:#eee;}

.help {vertical-align:top; cursor:help; text-decoration:none; font-weight:bold;}

.imgborder { color: #333; background-color: #fff; padding:0; border:1px solid #ccc; float:left; margin:5px 8px 0 0;}

.imgref { float:left; margin:3px 8px 0 20px; width:188px;}

.linkli {list-style-image: url(../images/linkli.gif);}

.fusslinkli {/*list-style-image: url(../images/linkli.gif);*/  list-style: none; }

/*.extlinkli {list-style-image:url("/media/extern.gif");}*/

.liste {list-style-image:url("../images/libox.gif");}

.nowr {white-space:nowrap;}

#navigation p, .off, .dot, hr {
position:absolute; left:-2999px; width:990px;}.send {color:#333; cursor:pointer;}

.trenner {float:left; width:100%; height:1px; border-bottom:1px solid #ccc; padding:0; margin:0;}

div#marker {display:block !important; display:none; position: absolute; top:0; left:0; width:235px; height:145px;}

div#marker a {text-decoration:none;}

div#marker[id] {position:fixed;}

.zoom img, img.zoom {border:1px solid #ff6600;margin:3px 0 6px 0;}