* {margin: 0; font-family: Arial, Helvetica, sans-serif;}
html, body {/*width: 100%; height: 100%;*/}
img {border: 0;}
h1 {font-size: 18px; line-height: 24px; color: #e6e6e6;}
h2 {font-size: 12px; line-height: 18px; color: #454343;}
p  {font-size: 12px; line-height: 18px; color: #454343;}
hr {border-top: 1px solid #cacaca; margin: 8px 0;}

#website {background: #333333 url(upload/bg-website.gif) left top repeat-x;}

#print {display: none;}

#pageHeader {width: 916px; margin: 0 auto;}
#pageContent {background-color: #e6e6e6;}
#pageContent h1 {border-bottom: 1px solid #cacaca; padding: 6px 0 0 9px;}
#pageContent h2 {padding: 6px 0 6px 9px;}
#pageContent p  {padding: 0 0 0 9px;}

#Logo {height: 120px;}

/*****************************************************************************
 MENUE
 *****************************************************************************/
#Menue {padding-top: 1px;}
#Menue ul {height: 38px; padding: 0;}
#Menue ul li {float: left; list-style-type: none; padding: 0; line-height: 0;}
#Menue ul li p {line-height: 38px;}
#Menue ul li a {display: block;}
#Menue ul li a span {display: none;}

#menue001 {width: 127px; height: 38px; background: url(upload/menue001.gif) left top no-repeat;}
#menue002 {width:  96px; height: 38px; background: url(upload/menue002.gif) left top no-repeat;}
#menue003 {width:  83px; height: 38px; background: url(upload/menue003.gif) left top no-repeat;}
#menue004 {width: 185px; height: 38px; background: url(upload/menue004.gif) left top no-repeat;}
#menue005 {width: 105px; height: 38px; background: url(upload/menue005.gif) left top no-repeat;}
#menue006 {width:  93px; height: 38px; background: url(upload/menue006.gif) left top no-repeat;}
#menue007 {width: 138px; height: 38px; background: url(upload/menue007.gif) left top no-repeat;}
#menue008 {width:  89px; height: 38px; background: url(upload/menue008.gif) left top no-repeat;}

#menue001:hover {background: url(upload/menue001.gif) left center no-repeat;}
#menue002:hover {background: url(upload/menue002.gif) left center no-repeat;}
#menue003:hover {background: url(upload/menue003.gif) left center no-repeat;}
#menue004:hover {background: url(upload/menue004.gif) left center no-repeat;}
#menue005:hover {background: url(upload/menue005.gif) left center no-repeat;}
#menue006:hover {background: url(upload/menue006.gif) left center no-repeat;}
#menue007:hover {background: url(upload/menue007.gif) left center no-repeat;}
#menue008:hover {background: url(upload/menue008.gif) left center no-repeat;}

#menue001.selected {background: url(upload/menue001.gif) left bottom no-repeat;}
#menue002.selected {background: url(upload/menue002.gif) left bottom no-repeat;}
#menue003.selected {background: url(upload/menue003.gif) left bottom no-repeat;}
#menue004.selected {background: url(upload/menue004.gif) left bottom no-repeat;}
#menue005.selected {background: url(upload/menue005.gif) left bottom no-repeat;}
#menue006.selected {background: url(upload/menue006.gif) left bottom no-repeat;}
#menue007.selected {background: url(upload/menue007.gif) left bottom no-repeat;}
#menue008.selected {background: url(upload/menue008.gif) left bottom no-repeat;}

#headerHome {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-home.jpg) left top no-repeat;}
#headerUnternehmen {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-unternehmen.jpg) left top no-repeat;}
#headerService {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-service.jpg) left top no-repeat;}
#headerKunden {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-kunden.jpg) left top no-repeat;}
#headerHardware {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-hardware.jpg) left top no-repeat;}
#headerSoftware {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-software.jpg) left top no-repeat;}
#headerLinks {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-links.jpg) left top no-repeat;}
#headerKontakt {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-kontakt.jpg) left top no-repeat;}
#headerImpressum {width: 916px; height: 344px; margin: 0 auto; background: url(upload/head-impressum.jpg) left top no-repeat;}

#btFernwartung {display: block; width: 296px; height: 42px; position: absolute; margin: 256px 0 0 614px;}

#Content {width: 916px; margin: 0 auto; padding: 25px 0;}
#ContentLeft {float: left; width: 591px;}
.leftBoxTop    {width: 591px; height: 17px; background: url(upload/left-box-top.gif) left top no-repeat;}
.leftBoxCenter {width: 522px; background: url(upload/left-box-center.gif) left top repeat-y; padding: 0 40px 0 29px;}
.service .leftBoxCenter {width: 532px; padding: 0 30px 0 29px !important;}
.leftBoxBottom {width: 591px; height: 17px; background: url(upload/left-box-bottom.gif) left top no-repeat;}
#ContentRight {float: left; width: 301px; margin-left: 24px;}
.rightBoxTop    {width: 301px; height: 17px; background: url(upload/right-box-top.gif) left top no-repeat;}
.rightBoxCenter {width: 253px; background: url(upload/right-box-center.gif) left top repeat-y; padding: 0 24px;}
.rightBoxCenter p label {display: block; float: left; width: 54px;}
.rightBoxCenter p a {color: #3b85c2; text-decoration: none;}
.rightBoxCenter ul {padding-left: 20px;}
.rightBoxCenter ul li {padding: 0; list-style-type: none; list-style-image: url(upload/plus.gif); padding-bottom: 6px;}
.rightBoxCenter ul li p {padding: 0 !important;}
.rightBoxBottom {width: 301px; height: 17px; background: url(upload/right-box-bottom.gif) left top no-repeat;}
.Ansprechpartner h1 {margin-bottom: 6px;}
.Ansprechpartner ul {padding: 0;}
.Ansprechpartner ul li {float: left; width: 260px; height: 97px; padding: 0 0 11px 0; list-style-type: none;}
.Ansprechpartner p label {display: block; float: left; width: 87px !important;}
.Ansprechpartner p a {color: #006cc7;}

#pageFooter {width: 916px; margin: 0 auto; padding-bottom: 20px;}
#pageFooter p {color: #a19898;}
#pageFooter a {color: #a19898; teext-decoration: none;}
#pageFooter ul {padding: 0; margin-top: 30px;}
#pageFooter ul li {float: left; list-style-type: none; border-right: 1px solid #505050; padding: 0 12px; margin-bottom: 10px;}
#pageFooter ul li p {font-size: 16px;}
#pageFooter ul li p a {text-decoration: none;}
#pageFooter p.tagCloud {
	clear:both; 
    padding-top: 10px; 
    padding-left: 12px; 
    font-size: 14px; 
    border-top: 1px solid #505050;
}
p.aktuelles {
	padding-left: 27px !important;
	line-height: 30px !important;
    border-bottom: 1px solid #cacaca;
    background: url(upload/arr-right.png) left center no-repeat;
}
p.aktuelles a {
	text-decoration: italic;
    color: #006cc7;
}

#FormContact table tr td {vertical-align: top; padding-right: 15px;}
#FormContact p {margin-top: 10px; font-weight: bold;}
#FormContact input.input {border: 1px solid #c6c6c6; width: 240px; height: 22px; font-size: 12px; line-height: 22px !important;}
#FormContact textarea {border: 1px solid #c6c6c6; width: 240px; height: 77px; font-size: 12px; margin-left: 9px;}
#FormContact p.btSend {margin-top: 24px; text-align: right;}

.lineTop {border-top: 1px solid #cacaca;}
.lineBottom {border-bottom: 1px solid #cacaca;}
.pageBack {line-height: 30px !important; background: url(upload/arr-left.png) left center no-repeat; padding-left: 24px !important;}
.pageBack a {text-decoration: none; color: #006cc7;}

#tblKunden td {vertical-align: top;}
#tblKunden td p a {color: #006cc7; text-decoration: none; padding-left: 18px; background: url(upload/arr-right-kunden.png) left center no-repeat;}
#tblKunden td#pagerKunden {padding: 5px 0;}
#tblKunden td#pagerKunden p a {text-decoration: underline; padding: 0; background: none;}

#rollover img:hover {opacity: 0.75; filter:Alpha(opacity=75);}