img.noDisplay { display: none; }

.main-navi div { float: left; cursor:pointer;}
.main-navi a { text-decoration: none; display: block; height: 40px; }

.main-navi .it-service-hover { height: 43px; width: 238px; background: url('../images/layout/it-service.png') no-repeat top left;}
.it-service .it-service-hover, .main-navi .it-service-active { height: 43px; width: 238px; background: url('../images/layout/it-service-hover.png') no-repeat top left;}

.main-navi .softwareentwicklung-hover { height: 43px; width: 237px; background: url('../images/layout/softwareentwicklung.png') no-repeat top left;}
.software .softwareentwicklung-hover, .main-navi .softwareentwicklung-active { height: 43px; width: 237px; background: url('../images/layout/softwareentwicklung-hover.png') no-repeat top left;}

.main-navi .telekommunikation-hover { height: 43px; width: 237px; background: url('../images/layout/telekommunikation.png') no-repeat top left;}
.telekommunikation .telekommunikation-hover, .main-navi .telekommunikation-active { height: 43px; width: 237px; background: url('../images/layout/telekommunikation-hover.png') no-repeat top left;}

.main-navi .consulting-hover { height: 43px; width: 240px; background: url('../images/layout/consulting.png') no-repeat top left;}
.consulting .consulting-hover, .main-navi .consulting-active { height: 43px; width: 240px; background: url('../images/layout/consulting-hover.png') no-repeat top left;}


.chapter-box { overflow: hidden; height: 277px; float: left; font-size: 8pt; line-height: 12pt; text-align: justify;}
.chapter-box .placeholder { height: 75px; width: 85px; float: right; }
.chapter-box .content { padding: 15px; padding-top: 10px;}

.chapter-box a { font-weight: bold;  color: #555;}

.main-content .it-service-box { width: 238px; background: url('../images/layout/it-service-hintergrund.jpg') no-repeat top left; }
.main-content .it-service-box-active { width: 238px; background: url('../images/layout/it-service-hintergrund-hover.jpg') no-repeat top left; }

.main-content .softwareentwicklung-box { width: 237px; background: url('../images/layout/softwareentwicklung-hintergrund.jpg') no-repeat top left;}
.main-content .softwareentwicklung-box-active { width: 237px; background: url('../images/layout/softwareentwicklung-hintergrund-hover.jpg') no-repeat top left;}

.main-content .telekommunikation-box { width: 237px; background: url('../images/layout/telekommunikation-hintergrund.png') no-repeat top left;}
.main-content .telekommunikation-box-active { width: 237px; background: url('../images/layout/telekommunikation-hintergrund-hover.png') no-repeat top left;}

.main-content .consulting-box { width: 238px; background: url('../images/layout/consulting-hintergrund.jpg') no-repeat top left;}
.main-content .consulting-box-active { width: 238px; background: url('../images/layout/consulting-hintergrund-hover.jpg') no-repeat top left;}

.header-right { }

.search { padding-left: 232px; clear: left; text-align: right;}
.search button { height: 27px; width: 34px; padding: 0px; margin: 0px; background: none; border: 0px; display: inline; float: left; background: url('../images/layout/search-bar-button.jpg')}
.search input { width: 193px; height: 17px; padding: 0px; margin: 0px; background: url('../images/layout/search-bar-input.jpg'); border: 0px; display: inline; float: left; line-height: 27px; padding: 5px; font-size: 12px; color: #999;}

.service-navi {  padding-left: 232px; text-align: right; width: 235px; text-align: right; margin-bottom: 5px; margin-top: 30px;}
.service-navi a { font-weight: normal; color: #999; }
.service-navi ul { list-style-type: none; margin: 0px; padding: 0px; }
.service-navi ul li, .service-navi ul li .inner { display: inline; }
.service-navi ul li.spacer {border-right: 1px solid #aaa; padding-left: 5px; margin-right: 5px;}
.banners { clear: both; padding-top: 10px; padding-bottom: 10px; height: 90px;}


.round-corners-top, .round-corners-bottom { clear: both; height: 5px; line-height: 1px; }

.above-bottom { border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; width: 950px !important;}
.above-bottom .inner { padding-top: 15px; padding-bottom: 15px; }

.homepage .above-bottom { border: 0px; }

.below-bottom { clear: both; padding-top: 10px; padding-bottom: 50px; border-top: 1px solid #b7b7b7;}

.below-bottom, .below-bottom a { color: #999; }

.below-bottom .inner { padding-left: 10px; }
.below-bottom ul { padding: 0px; margin: 0px; }

.below-bottom ul a { text-decoration: none; }
.below-bottom ul a:hover { text-decoration: underline; }

.below-bottom ul li { float: left; list-style-type: none; margin: 0px; padding: 0px; margin-right: 30px; width: 130px; }
.below-bottom ul li .inner { font-weight: bold; margin-bottom: 10px; }


.below-bottom ul li li { clear: left; margin-right: 0px; }
.below-bottom ul li li .inner { font-weight: normal; margin-bottom: 0px; }

.below-bottom hr { display: none; }

.pagehead-banner { clear: both;  padding-top: 5px; }

.page-navi ul { list-style-type: none; padding: 0px; margin: 0px; }
.page-navi li { list-style-type: none; width: 202px; background: url('../images/navi/off.png'); }
.page-navi li.bottom { list-style-type: none; width: 202px; background: url('../images/navi/off-bottom.png'); height: 34px;}
.page-navi li.bottom li { height: 32px;}
.page-navi li.top { list-style-type: none; width: 202px; background: url('../images/navi/off-top.png'); height: 33px;}


.page-head .icon { float: left; padding-right: 10px; height: 60px; width: 60px; }
.page-head .icon { background: url('../images/icons/service.png') no-repeat top left;}

.it-service .page-head .icon { background: url('../images/icons/it-service.png') no-repeat top left;}
.software .page-head .icon { background: url('../images/icons/software.png') no-repeat top left;}
.telekommunikation .page-head .icon { background: url('../images/icons/telekommunikation.png') no-repeat top left;}
.consulting .page-head .icon { background: url('../images/icons/consulting.png') no-repeat top left;}


.page-head h1 { padding-top: 5px; }
.page-head p { margin: 0px; padding: 0px; }

.article { width: 480px; padding: 10px; line-height: 20px; clear: both; padding-bottom: 25px;  border-bottom: 1px solid #e0e0e0;}
.article p { text-align: left; }
.article .article-image, .article .image-simple, .article .images, .article .image_mootools_lightbox { float: right; margin-left: 10px; }

.article-teaser { width: 480px; text-align: justify; line-height: 20px;}
.article-teaser .article-image, .article-teaser .image-simple { float: right; margin-left: 10px; margin-bottom: 10px;}

.article img { padding: 4px; border: 1px solid #c0c0c0; background: white;}
.article-bottom { clear: both; }

.page-navi li .inner { line-height: 32px; width: inherit; font-size: 11px; font-weight: normal;}
.page-navi a { padding-left: 10px; width: 192px; text-decoration: none; color: black; display: block;}

.page-navi .level2 .inner { padding-left: 10px; }
.page-navi .level2 .inner a { font-weight: normal; }
.page-navi .level2 .inner-active a { font-weight: bold; }

.page-navi .inner-active a, .page-navi .inner-open a { font-weight: bold; }

.it-service .page-navi li.open,
.it-service .page-navi li.active,
.it-service .page-navi li:hover { background: url('../images/navi/on-it-service.png'); }

.it-service .page-navi li.bottom-open,
.it-service .page-navi li.bottom-active,
.it-service .page-navi li.bottom:hover { background: url('../images/navi/on-it-service-bottom.png'); }

.it-service .page-navi li.bottom-open,
.it-service .page-navi li.top-active,
.it-service .page-navi li.top:hover { background: url('../images/navi/on-it-service-top.png'); }

.it-service .page-navi .level2 li,
.it-service .page-navi .level2 li:hover { background: url('../images/navi/sub/it-service.png'); }
.it-service .page-navi .bottom-active .bottom { background: url('../images/navi/it-service-bottom.png'); }
.it-service .page-navi .level2 li:hover a { font-weight: bold; }

.software .page-navi li.open,
.software .page-navi li.active,
.software .page-navi li:hover { background: url('../images/navi/on-software.png'); }

.software .page-navi li.bottom-open,
.software .page-navi li.bottom-active,
.software .page-navi li.bottom:hover { background: url('../images/navi/on-software-bottom.png'); }

.software .page-navi li.top-open,
.software .page-navi li.top-active,
.software .page-navi li.top:hover { background: url('../images/navi/on-software-top.png'); }

.software .page-navi .level2 li,
.software .page-navi .level2 li:hover { background: url('../images/navi/sub/software.png'); }
.software .page-navi .bottom-active .bottom { background: url('../images/navi/sub/software-bottom.png'); }
.software .page-navi .level2 li:hover a { font-weight: bold;}


.telekommunikation .page-navi li.active,
.telekommunikation .page-navi li:hover { background: url('../images/navi/on-telekommunikation.png'); }

.telekommunikation .page-navi li.bottom-active,
.telekommunikation .page-navi li.bottom:hover { background: url('../images/navi/on-telekommunikation-bottom.png'); }

.telekommunikation .page-navi li.top-active,
.telekommunikation .page-navi li.top:hover { background: url('../images/navi/on-telekommunikation-top.png'); }

.telekommunikation .page-navi .level2 li,
.telekommunikation .page-navi .level2 li:hover { background: url('../images/navi/sub/telekommunikation.png'); }
.telekommunikation .page-navi .bottom-active .bottom { background: url('../images/navi/telekommunikation-bottom.png'); }
.telekommunikation .page-navi .level2 li:hover a { font-weight: bold; }

.consulting .page-navi li.active,
.consulting .page-navi li:hover { background: url('../images/navi/on-consulting.png'); }

.consulting .page-navi li.bottom-active,
.consulting .page-navi li.bottom:hover { background: url('../images/navi/on-consulting-bottom.png'); }

.consulting .page-navi li.top-active,
.consulting .page-navi li.top:hover { background: url('../images/navi/on-consulting-top.png'); }

.consulting .page-navi .level2 li,
.consulting .page-navi .level2 li:hover { background: url('../images/navi/sub/consulting.png'); }
.consulting .page-navi .bottom-active .bottom { background: url('../images/navi/consulting-bottom.png'); }
.consulting .page-navi .level2 li:hover a { font-weight: bold; }

.plain .page-navi li.active, .plain .page-navi li:hover { background: url('../images/navi/on-plain.png'); }
.plain .page-navi li.bottom-active, .plain .page-navi li.bottom:hover { background: url('../images/navi/on-plain-bottom.png'); }
.plain .page-navi li.top-active, .plain .page-navi li.top:hover { background: url('../images/navi/on-plain-top.png'); }

.bottom-line { color: #a0a0a0; clear: both; margin-top: 30px; border-top: 1px solid #c9c9c9; padding-top: 5px; padding-bottom: 50px; }
.bottom-line a { color: #a0a0a0; }

.product-page .bottom-line { clear: both; margin-top: 20px; }

.pagelist .inner, .sitemap .inner { margin: 0px; border: 0px; padding: 0px; }
.pagelist .level-1, .sitemap .level-1 { padding-bottom: 10px !important; }

.taglist-char-index, .pagelist-char-index { margin: 0px; list-style-type: none; border: 1px solid #bbb; background: white; height: 24px; text-align: center; padding-left: 70px;}

.taglist-char-index li, .pagelist-char-index li { float: left; padding: 2px; }
.taglist, .pagelist { margin-top: 20px; }
.taglist .char .inner a, .pagelist .char .inner a { text-decoration: none; list-style-type: none;}
.taglist li.char, .pagelist li.char { list-style-type: none; margin-bottom: 10px;}
.taglist li.page, .pagelist li.page { margin-left: 20px;}


#form_search input { width: 400px; padding: 4px; border: 2px solid #909090; float: left;}
#form_search button { float: left; margin-left: 10px; margin-top: 4px;}
#form_search label { display: none; }
.search_form  { padding-bottom: 40px; }

.search_result { line-height: 16px; }
.search_result li { padding-bottom: 15px; }
.search_result p a { font-size: 10px; }
.search_result p { padding: 0px; margin: 0px; }
.search_result ul { list-style-type: none; padding: 0px; margin: 0px;}
.search_result h3 { margin: 0px; padding: 0px; margin-top: 10px; }
.search_result .pagebrowser { margin-top: 20px;}
.searchresult_pagebrowser .pagelinks { margin-top: 20px;}

#maps-canvas { height: 400px; width: 500px; }

.pagebrowser .pagelinks ul { list-style-type: none; margin: 0px; }
.pagebrowser .pagelinks ul li { margin-right: 3px; margin-left: 3px; float: left; }
.pagebrowser .pagelinks a { float: left; }
.pagebrowser .pagelinks li a { float: none; }

.pagebrowser .info { border-bottom:1px solid #CCCCCC; margin-bottom:10px; }
.pagebrowser .pagelinks { border-top:1px solid #CCCCCC; padding-top: 5px;}

.banner-left { width: 468px; float: left; margin-left: 0px;  margin-bottom: 10px;}
.banner-right { width: 468px; float: right; margin-left: 9px; margin-bottom: 10px;}

.partners { border-top: 1px solid #c0c0c0; text-align: left !important; padding-top: 10px;}
.partners .logos { text-align: center;}
.partners .logos img { margin-bottom: 10px;}
.partners h2 { text-align: center; }

.layout-widget-free-articles {  border: 1px solid #b7b7b7; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}

.layout-widget-free-articles.decorated {background: #efefef;}
.layout-widget-free-articles .article { padding: 0px; padding-left: 15px; margin: 0px; float: left; clear: none; border-width: 0px;}

.layout-widget-free-articles.articles-2 .article { width: 450px; }
.layout-widget-free-articles.articles-3 .article { width: 300px; }

.layout-widget-free-articles .date { display: none; }

h1, h2, h3, h1 a,  h2 a, h3 a { text-align: left; }

.article h1 { line-height: 20px; }
.more { display: block; text-align: left; }


.tiny-reference-article-teaser img { float: left; padding: 2px; border: 1px solid #aaa; margin-right: 7px; margin-top: 15px;}
.tip-wrap { display: none; width: 300px; -moz-border-radius: 10px; opacity: 0.85; background-color: black; padding: 20px; color: white; }

.article-detailed-offering .contact { margin-top: 20px; padding-top: 10px; border-top: 1px solid #e0e0e0; }
.article-detailed-offering .contact input { padding: 3px; margin-top: 5px; }
.article-detailed-offering .contact input.via { width: 250px; }
.article-detailed-offering .contact button { display: block; text-align: right; padding: 5px; margin-top: 5px;}

.success, .notice, .error { clear: both; margin-top: 10px; }
.success ul, .notice ul, .error ul { margin-bottom: 0px; }
.page-head { padding-left: 10px;}

img.icon { border: 0px; margin-bottom: -8px !important; padding-left: 0px;}
.article-struct-content ul { list-style-type: none; margin: 0px;}