#sys-tpl-ident
{
   display: none;
   color: #c0c0c0;
   position: absolute;
   right: 0;
   top: 0;
}

/* === */

*
{
   margin: 0;
   padding: 0;
}

body, h1, h2, h3, h4, th, td, input, select, textarea
{
   font: 12/15px Arial, Helvetica, sans-serif; 
}

body
{ 
   color: #606162;
}

a
{ 
   color: #606162; 
   text-decoration: underline;
}

a:hover,
a:active
{ 
   color: #88A1BD;
}

img
{
   border: 0;
}

.hide
{
   display: none;
}

#content .main hr.spacer,
#content hr.bottom.spacer,
#navi hr.spacer,
#footer hr.spacer
{
   display: none;
}

/* === */

body
{
   background-color: #fff;
   padding-top: 40px;
   text-align: center;
}

#wrapper
{
   margin: 0 auto;
   position: relative;
   text-align: left;
   width: 983px;
}

/*
body
{
   background-color: #f0f0f0;
}

#wrapper
{
   background-color: #ff0;
}
*/

#header
{
}

#header a
{
   background-image: url( ../img/ico/logo.gif );
   background-repeat: no-repeat;
   background-position: 15px 0;
   display: block;
   height: 55px;
   height: 53px; /* correct hr-height */
   margin-bottom: 20px;
   width: 200px;
}

#header a span
{
   display: none;
}

#content
{
}

#footer
{
   clear: both;
   padding-top: 30px;
   padding-bottom: 20px;
   text-align: center;
}

#footer ul
{
   list-style: none;
}

#footer li
{
   background-image: url( ../img/bg/footer-div.gif );
   background-repeat: no-repeat;
   background-position: 100% 50%;
   display: inline;
   margin-right: 3px;
   padding-right: 7px;
}

#footer li.last
{
   background: transparent;
   margin-right: 0;
   padding-right: 0;
}

#footer strong a
{
   font-weight: normal;
}

#footer a
{
   color: #afb0af;
   text-decoration: none;
}

#footer a:hover
{
   color: #404040;
   text-decoration: none;

}

#navi
{  
   position: absolute;
   left: 210px;
   top: 0;
   width: 560px;
   
   background-image: url( ../img/nav/bgs-1.gif );
   background-repeat: repeat-x;
   background-position: 0 100%;
   height: 53px;
}

#navi ul
{
   list-style: none;
}

#navi a
{
   display: block;
      text-decoration: none;

}

#navi ul
{
}

#navi ul li
{
   background-image: url( ../img/nav/bg-0.gif );
   background-repeat: no-repeat;
   background-position: 100% 0;
   cursor: pointer;
   float: left;
   width: 187px;
}

#navi ul li.active
{
   background-image: url( ../img/nav/bg-1.gif );
}

#navi ul li a
{
   background-repeat: no-repeat;
   background-position: 50% 0;
   cursor: pointer;
   text-align: center;
}

#navi ul li a .b
{
   background-image: url( ../img/nav/edge-0.gif );
   background-repeat: no-repeat;
   background-position: 0 0;
   cursor: pointer;
   height: 30px;
   line-height: 30px;
   display: block;
   text-decoration: none;
}

#navi ul li.active a .b
{
   background-image: url( ../img/nav/edge-1.gif );
}

#navi ul li a .n
{
   display: none;

}

#navi #n-1 a
{
   background-image: url( ../img/nav/pacs-0.gif );
}

#navi #n-1.active a
{
   background-image: url( ../img/nav/pacs-1.gif );
}

#navi #n-2
{
   width: 186px;
}

#navi #n-2 a
{
   background-image: url( ../img/nav/software-0.gif );
}

#navi #n-2.active a
{
   background-image: url( ../img/nav/software-1.gif );
}

#navi #n-3 a
{
   background-image: url( ../img/nav/anwendungen-0.gif );
}

#navi #n-3.active a
{
   background-image: url( ../img/nav/anwendungen-1.gif );
}

#navi ul ul
{
   display: none;
}

#navi ul li.active div
{
   background-image: url( ../img/nav/bgs-1.gif );
   background-repeat: repeat-x;
   background-position: 0 100%;
   display: block;
   height: 23px;
   position: absolute;
   left: 0;
   text-align: center;
   width: 100%;
}

#navi ul li.active ul
{
   /* border: 1px solid #00f; */
   display: block;
   margin: 0 auto;
}

#navi ul li.active ul ul
{
   display: none;
}

#navi ul li li
{
   background-repeat: no-repeat;
   background-position: 100% 0;
   float: left;
   margin-right: 8px;
   padding-right: 10px;
   width: auto;
}

#navi ul li li,
#navi ul li.active li
{
   background-image: url( ../img/nav/bgs-div.gif );
}

#navi ul li li.last
{
   background: transparent;
   margin-right: 0;
   padding-right: 0;
}

#navi ul li li a
{
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
      text-decoration: none;

}

#navi ul li li a .b,
#navi ul .active li a .b
{
   background: transparent;
   display: block;
   height: 23px;
   line-height: 23px;
      text-decoration: none;

}

#navi ul li li a .n
{
   display: none;
}


#navi #n-1.active .n-sh
{
   width: 450px;
}

#navi #n-11 a,
#navi .active #n-11 a
{
   background-image: url( ../img/nav/aktuelles-0.gif );
   width: 52px;
}

#navi #n-11.active a
{
   background-image: url( ../img/nav/aktuelles-1.gif );
}

#navi #n-12 a,
#navi .active #n-12 a
{
   background-image: url( ../img/nav/leistungen-0.gif );
   width: 61px;
}

#navi #n-12.active a
{
   background-image: url( ../img/nav/leistungen-1.gif );
}

#navi #n-13 a,
#navi .active #n-13 a
{
   background-image: url( ../img/nav/kunden-partner-0.gif );
   width: 97px;
}

#navi #n-13.active a
{
   background-image: url( ../img/nav/kunden-partner-1.gif );
}

#navi #n-14 a,
#navi .active #n-14 a
{
   background-image: url( ../img/nav/kontakt-support-0.gif );
   width: 104px;
}

#navi #n-14.active a
{
   background-image: url( ../img/nav/kontakt-support-1.gif );
}

#navi #n-15 a,
#navi .active #n-15 a
{
   background-image: url( ../img/nav/downloads-0.gif );
   width: 64px;
}

#navi #n-15.active a
{
   background-image: url( ../img/nav/downloads-1.gif );
}


#navi #n-2.active .n-sh
{
   width: 302px;
}

#navi #n-21 a,
#navi .active #n-21 a
{
   background-image: url( ../img/nav/module-0.gif );
   width: 84px;
}

#navi #n-21.active a
{
   background-image: url( ../img/nav/module-1.gif );
}

#navi #n-22 a,
#navi .active #n-22 a
{
   background-image: url( ../img/nav/project-accounter-0.gif );
   width: 98px;
}

#navi #n-22.active a
{
   background-image: url( ../img/nav/project-accounter-1.gif );
}

#navi #n-23 a,
#navi .active #n-23 a
{
   background-image: url( ../img/nav/addon-module-0.gif );
   width: 84px;
}

#navi #n-23.active a
{
   background-image: url( ../img/nav/addon-module-1.gif );
}


#navi #n-3.active .n-sh
{
   width: 461px;
}

#navi #n-31 a,
#navi .active #n-31 a
{
   background-image: url( ../img/nav/projekte-0.gif );
   width: 46px;
}

#navi #n-31.active a
{
   background-image: url( ../img/nav/projekte-1.gif );
}

#navi #n-32 a,
#navi .active #n-32 a
{
   background-image: url( ../img/nav/zeiten-kosten-0.gif );
   width: 86px;
}

#navi #n-32.active a
{
   background-image: url( ../img/nav/zeiten-kosten-1.gif );
}

#navi #n-33 a,
#navi .active #n-33 a
{
   background-image: url( ../img/nav/vertrieb-0.gif );
   width: 44px;
}

#navi #n-33.active a
{
   background-image: url( ../img/nav/vertrieb-1.gif );
}

#navi #n-34 a,
#navi .active #n-34 a
{
   background-image: url( ../img/nav/controlling-0.gif );
   width: 64px;
}

#navi #n-34.active a
{
   background-image: url( ../img/nav/controlling-1.gif );
}

#navi #n-35 a,
#navi .active #n-35 a
{
   background-image: url( ../img/nav/reporting-0.gif );
   width: 56px;
}

#navi #n-35.active a
{
   background-image: url( ../img/nav/reporting-1.gif );
}

#navi #n-36 a,
#navi .active #n-36 a
{
   background-image: url( ../img/nav/schnittstellen-0.gif );
   width: 55px;
}

#navi #n-36.active a
{
   background-image: url( ../img/nav/schnittstellen-1.gif );
}

/*
#navi ul li.active ul #navi-sub
{
   border: 1px solid #f00;
   position: absolute;
   left: -210px;
   top: 4px;
}
*/

#navi-sub.content,
#navi-sub .content
{
   background-color: #b0b0b0;
}

#navi-sub ul
{
   list-style: none;
}

#navi-sub li
{
   display: inline;
}

#navi-sub a
{
   border-bottom: 1px solid #8d8d8d;
   color: #fff;
      text-decoration: none;

   display: block;
   padding: 3px 0;
   padding-left: 10px;
   padding-right: 10px;
}

#navi-sub a span
{
   background-image: url( ../img/bg/arrow-n-0.gif );
   background-repeat: no-repeat;
   background-position: 0 5px;   
   display: block;
   padding-left: 9px;
}

#navi-sub a:hover,
#navi-sub strong a
{
   color: #606060;
      text-decoration: none;

   font-weight: normal;
}

#navi-sub a:hover span,
#navi-sub strong a span
{
   background-image: url( ../img/bg/arrow-n-1.gif );
}

#navi-sub .last a
{
   border-bottom: 0;
}

#quick
{
   height: 53px;
   position: absolute;
   right: 3px;
   top: 0;
   width: 200px;
}

#quick label
{
   display: none;
}

#quick select
{
   display: block;
   height: 20px;
   margin-top: 30px;
   width: 100%;
}

/* === */

.topteaser .content h1
{
   display: none;
}

.main
{
   float: right;
   padding-bottom: 10px;
}

.main .content
{
   margin-right: 3px;
   width: 770px;
}

.main img
{
   display: block;
}

.left
{
   /*background-color: #ff0;*/
   float: left;
   margin-right: 7px;
   padding-right: 3px;
}

.right
{
   /*background-color: #0f0;*/
   float: right;
   padding-right: 3px;
}

.left .content,
.right .content,
.left hr,
.right hr
{
   width: 200px;
}

.left hr,
.right hr
{
   height: 0px;
   line-height: 0px;
   visibility: hidden;
}

.right .box-holder
{
   margin-bottom: 10px;
}

#bottom 
{
   clear: both;
}

#bottom .main
{
   /*background-color: #f00;*/
   float: left;
}

#bottom .main .content
{
   margin-right: 0;
   width: 560px;
}

#bottom .main .content h1,
#bottom .main .content h2
{
   display: block;
   font-weight: bold;
}

/* === */

#content .box
{
   padding: 0;
}

#content .box .content
{
   min-height: 50px;
}

.box .box-holder
{
   margin-bottom: 10px;
}

.box .box-holder.last
{
   margin-bottom: 0;
}

.box .box-r
{
   background-image: url( ../img/bg/box-r.gif );
   background-repeat: repeat-y;
   background-position: 100% 0;
}

.box .box-d
{
   background-image: url( ../img/bg/box-d.gif );
   background-repeat: repeat-x;
   background-position: 0 100%;
}

.box .box-ru
{
   background-image: url( ../img/bg/box-ru.gif );
   background-repeat: no-repeat;
   background-position: 100% 0;
}

.box .box-ld
{
   background-image: url( ../img/bg/box-ld.gif );
   background-repeat: no-repeat;
   background-position: 0 100%;
}

.box .box-rd
{
   background-image: url( ../img/bg/box-rd.gif );
   background-repeat: no-repeat;
   background-position: 100% 100%;
   padding-right: 3px;
   padding-bottom: 3px;
}

/*.teaser-box h2*/
.teaser-box .hl
{
   background-image: url( ../img/bg/teaser-bl-bg.gif );
   background-repeat: repeat-x;
   background-position: 0 0;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   height: 23px;
   line-height: 23px;
}

/*.teaser-box h2 .b*/
.teaser-box .hl .hli
{
   background-image: url( ../img/bg/teaser-bl-edge.gif );
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
   height: 23px;
   line-height: 23px;
   padding-left: 15px;
}

.teaser-box h2
{
   line-height: 23px;
}

.teaser
{
   background-color: #c3cdd8;
}

.teaser .teaser-content
{
   padding: 10px;
}

.teaser p
{
   font-weight: bold;
}

.teaser ul
{
   list-style: none;
   margin-top: 15px;
}

.teaser ul li
{
   display: inline;
}

.teaser a
{
   background-image: url( ../img/bg/arrow-d-0.gif );
   background-repeat: no-repeat;
   background-position: 0 5px;
   display: block;
   padding-left: 8px;
   text-decoration: none;
}

.teaser a:hover
{
   background-image: url( ../img/bg/arrow-d-1.gif );
   color: #22568f;
   text-decoration: underline;
}

/*.teaser-100 .teaser-box h2*/
.teaser-100 .teaser-box .hl
{
   background-image: url( ../img/bg/teaser-ge-bg.gif );
}

/*.teaser-100 .teaser-box h2 .b*/
.teaser-100 .teaser-box .hl .hli
{
   background-image: url( ../img/bg/teaser-ge-edge.gif );
}

.teaser-100 .teaser p
{
   font-weight: normal;
}

.teaser-100 .teaser ul
{
   margin-top: 0;
}

.teaser-100 .teaser ul li
{
   display: block;
}

.teaser-100 .teaser a
{
   background-image: none !important;
   padding-left: 0;
   text-decoration: none;
}

.teaser-100 .teaser
{
   background-color: #f4f4f2;
   /*background-color: #bcd134;*/
}

/*.teaser-110 .teaser-box h2*/
.teaser-110 .teaser-box .hl
{
   background-image: url( ../img/bg/teaser-gr-bg.gif );
}

/*.teaser-110 .teaser-box h2 .b*/
.teaser-110 .teaser-box .hl .hli
{
   background-image: url( ../img/bg/teaser-gr-edge.gif );
}

.teaser-110 .teaser
{
   background-color: #f4f4f2;
   /*background-color: #6a6b6d;*/
}

.teaser-110 .teaser ul
{
   margin-top: 0;
}

.teaser-110 .teaser ul li
{
   border-top: 1px solid #d1d1cf;
   border-bottom: 1px solid #fefefe;
   display: block;
}

.teaser-110 .teaser ul li.first
{
   border-top: 0;
}

.teaser-110 .teaser ul li.list
{
   border-bottom: 0;
}

.teaser-110 .teaser ul a
{
   background-image: url( ../img/bg/teaser-list-0.gif );
   background-position: 100% 50%;
   padding: 3px 0;
   padding-left: 0;
   padding-right: 23px;
   text-decoration: underline;
}

.teaser-110 .teaser ul a:hover
{
   background-image: url( ../img/bg/teaser-list-1.gif );
}

.teaser-110 .teaser ul a span
{
   display: block;
}

/*.teaser-120 .teaser-box h2*/
.teaser-120 .teaser-box .hl
{
   background-image: url( ../img/bg/teaser-bl-bg.gif );
}

/*.teaser-120 .teaser-box h2 .b*/
.teaser-120 .teaser-box .hl .hli
{
   background-image: url( ../img/bg/teaser-bl-edge.gif );
}

#bottom .teaser-120 .teaser-box .hl .hlb
{
   background-position: 0 50%;
   background-repeat: no-repeat;
   height: 23px;
}

#bottom .left .teaser-120 .teaser-box .hl .hlb
{
   background-image: url( ../img/bg/hl-brancheneinstieg.gif );
}

#bottom .right .teaser-120 .teaser-box .hl .hlb
{
   background-image: url( ../img/bg/hl-beduerfniseinstieg.gif );
}

#bottom .left .teaser-120 .teaser-box .hl h2,
#bottom .right .teaser-120 .teaser-box .hl h2
{
   display: none;
   
}

.teaser-120 .teaser
{
   /*background-color: #f4f4f2;*/
   /*background-color: #0f0;*/
}


/*
#bottom .main .middle
{
   margin-left: 15px;
   width: 530px;
}
*/

#bottom .main .middle h1,
#bottom .main .middle h2,
#bottom .main .middle li,
#bottom .main .middle p
{
   margin-left: 15px;
   margin-right: 15px;
}

#bottom .main .middle li h1,
#bottom .main .middle li h2,
#bottom .main .middle li p
{
   margin-left: 0;
   margin-right: 0;
}

#bottom .main .middle .csc-textpic-intext-left-nowrap
{
   margin-left: 15px;
}

#content .main .middle h1.hl
{
   font-size: 14px;
}

#content .main .middle h1.hl,
#content .main .middle p,
#content .main .middle ul
{
   margin-bottom: 15px;
}

#content .main .middle ul
{
   list-style: none;
}

#content .main .middle li
{
   background-image: url( ../img/bg/bullets.gif );
   background-repeat: no-repeat;
   background-position: 0 7px;
   display: block;
   padding-left: 7px;
}

#bottom .main .middle hr.div
{
   background-color: #d2d2d2;
   border: 0;
   height: 1px;
   margin: 15px 0;
}

#content .main .middle .div-before
{
   border-top: 1px solid #d2d2d2;
   margin-top: 15px;
   padding-top: 15px;
}

#content .main .middle .div-after
{
   border-bottom: 1px solid #d2d2d2;
   margin-bottom: 15px;
   padding-bottom: 15px;
}

#content .main .middle .div-before p,
#content .main .middle .div-after p,
#content .main .middle .div-before ul,
#content .main .middle .div-after ul
{
   margin-bottom: 0;
}

#content .main .middle .spacer-right
{
   margin-right: 170px;
}

#content #pagenav
{
   border-top: 1px solid #d2d2d2;
   padding-top: 10px;
}

#content #pagenav li
{
   background-image: none;
   padding-left: 0;
}

#content #pagenav a
{
   background-repeat: no-repeat;
   display: block;
   padding: 2px 0;
   text-decoration: none;
}

#content #pagenav .prev
{
   float: left;
}

#content #pagenav .prev a
{
   background-image: url( ../img/ico/pagenav-prev.gif );
   background-position: 100% 50%;
   padding-right: 25px;
}

#content #pagenav .next
{
   float: right;
}

#content #pagenav .next a
{
   background-image: url( ../img/ico/pagenav-next.gif );
   background-position: 0 50%;
   padding-left: 25px;
}

form
{
}

form fieldset
{
   border: 0;
}

form .csc-mailform-field
{
   clear: left;
   margin-left: 15px;
   margin-right: 15px;
   padding-top: 10px;
}

form label
{
   float: left;
   width: 100px;
}

form input,
form textarea
{
   width: 300px;
}

form .csc-mailform-submit
{
   margin-left: 100px;
   width: auto;
}

.news-list
{
}

.news-list .date
{
   font-size: 10px;
}



#bottom .main .teaser-130
{
}

.news
{
   background-color: #f4f4f2;
}

#content .main .middle .news .hl .hli
{
   background-image: url( ../img/bg/teaser-bl-bg.gif );
   background-repeat: repeat-x;
   background-position: 0 0;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   height: 23px;
   line-height: 23px;
   margin: 0;
   padding-left: 15px;
}

#content .main .middle .news .hl .hlb
{
   background-image: url( ../img/bg/hl-aktuelles.gif );
   background-position: 0 50%;
   background-repeat: no-repeat;
   height: 23px;
}

#content .main .middle .news .hl h2
{
   display: none;
}

.news .teaser-content
{
   
}

.news ul
{
   margin: 10px 15px;
}

.news .date
{
   display: none;
}

.news h2,
.news b
{
   font-weight: bold;
}

.news h2 a,
.news b a
{
   background-image: url( ../img/bg/arrow-l-0.gif );
   background-repeat: no-repeat;
   background-position: 0 5px;
   display: block;
   padding-left: 10px;
   text-decoration: none;
}

#content .main .middle .news li
{
   background-image: url( ../img/bg/news-div.gif );
   background-repeat: repeat-x;
   background-position: 0 100%;
   margin: 0;
   margin-bottom: 5px;
   padding-left: 0;
}

#content .main .middle .news li.last
{
   background: transparent;
   margin-bottom: 0;
   padding-bottom: 0;
}

#content .main .middle .news p
{
   margin: 0;
   padding-left: 10px;
   padding-bottom: 5px;
}

#content .image-teaser
{
}

#content .image-teaser DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
#content .image-teaser DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap
{
   margin-right: 0px !important;
}

#content .image-teaser DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
#content .image-teaser DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap
{
   margin-left: 0px !important;
}

#bottom a.ext
{
   background-position: 100% 50%;
   background-repeat: no-repeat;
   padding-right: 21px;
}

#bottom a.ext-pdf
{
   background-image: url( ../img/ext/pdf.gif );
}

.small
{
   font-size: 9px;
}