body
{
    background:         url(../images/background.gif) repeat-x;
    background-color:   #B1BDBF;
    padding:            0px;
    margin:             0px;
    font-family:        arial,verdana,tahoma;
    font-size:          11px;
    color:              #000000;
}

.contentBlock ul
{
    padding-left:       13px;
}

.text ul
{
    padding-left:       25px;
}

a,
a:hover
{
    color:              #344963;
    text-decoration:    none;
    font-weight:        bold;
}

#maindiv
{
    margin:             0px auto;
    width:              709px;
    padding:            0px;
}

#container
{
    background-color:   #FFFFFF;
    width:              709px;
    float:              left;
}

#content
{
    padding:            5px 4px 5px 5px;
}

#bottom_space
{
    clear:              both;
    height:             20px;
}

#staticContent
{
    background-color:   #F0F1F3;
    padding:            20px;
    margin-top:         5px;
    float:              left;
    width:              659px;
}

.contentBlock
{
    color:              #344963;
}

.contentBlock h1, h2
{
    font-size:          14px;
    margin:             0px 10px 10px;
    color:              #344963;
}

.contentBlock p
{
    margin:             0px 0px 7px;
}

.contentBlock ul
{
     list-style-image:  url(../images/strich.gif);
     margin-top:        0px;
}

#content #homepagetestimonial
{
    border-top:         5px solid #FFFFFF;
    border-right:       1px solid #FFFFFF;
    color:              #344963;
    background:         #F0F1F3;
    padding:            20px;
    width:              309px;
    height:             145px;
    float:              left;
    overflow:           auto;
}

#homepagetestimonial #author
{
    margin-top:         20px;
}

#content #newsteaser
{
    border-top:         5px solid #FFFFFF;
    color:              #344963;
    background:         #FFFFFF;
    padding:            20px 20px 20px 40px;
    width:              289px;
    height:             145px;
    float:              left;
    overflow:           auto;
}

#newsteaser .contentBlock
{
    background-image:   url(../images/arrow_blue.gif);
    background-repeat:  no-repeat;
    background-position:3px 5px;
    padding-left:       12px;
}

.arrow
{
    font-size:          10px;
    font-weight:        normal;
}

#content #textpageblock
{
    float:              left;
    width:              658px;
    color:              #344963;
    background-color:   #F0F1F3;
    padding:            20px;
    border-top:         5px solid #FFFFFF;
    border-right:       1px solid #FFFFFF;
}

#textpage_text
{
    float:              left;
    width:              auto;
    text-align:         justify;
    
}

h4.textpage_text
{
    margin-top:         0px;
}

h4#head.textpage_text
{
    margin-bottom:      15px;
    font-size:          13px;
}

h4.date
{
    margin-bottom:      0px;
}

p.below_date
{
    margin-top:         0px;
}

#textpage_teaser
{
    background:         #E3E4E6;
    float:              right;
    padding:            10px 0px;
    width:              216px;
    overflow:           hidden;
}

#textpage_teaser h1, h2, p.bodytext
{
    margin-left:        10px;
    margin-right:       10px;
    margin-top:         10px;
}

#newsteaser h1
{
    font-size:          12px;
    margin:             0px;
}
#newsteaser h2
{
    font-size:          11px;
    margin:             0px 0px 15px 15px;
    font-weight:        normal;
}

#newsteaser p
{
    margin:             0px 0px 10px 15px;
}

#news_list
{
    margin-left:        10px;
}

#news_list h1
{
    font-size:          12px;
    font-weight:        normal;
    margin:             0px;
}

#news_list h2
{
    font-size:          14px;
    margin:             5px 0px 5px 0px;
}

#news_list p
{
    margin:             0px 0px 20px 0px;
}

.textseitenteaser_text
{
    background:         #E3E4E6;
    float:              left;
    padding:            10px;
}

h4.list_item
{
    margin-top:         10px;
    margin-bottom:      0px;
}

#homepagetestimonial a,
#homepagetestimonial a:hover
{
    color:              #344963;
    text-decoration:    none;
    font-weight:        bold;
}

.startseitenteaser_text
{
    background-color:   #344963;
    color:              #FFFFFF;
    padding:            10px;
    border-bottom:      5px solid #FFFFFF;
}

.startseitenteaser1
{
    border-top:         5px solid #FFFFFF;
    float:              left;
    width:              349px;
    border-right:       1px solid #FFFFFF;
    background:         #FFFFFF;
}

.startseitenteaser2
{
    border-top:         5px solid #FFFFFF;
    float:              left;
    width:              349px;
}


/* navi */
#navi
{
    position:           relative;
    width:              700px;
}

#navi .naviimage
{
    display:            inline;
}
/* END navi*/

/* mininavi */
#mininavi
{
    margin-left:        5px;
    background:         url(../images/mini_navi/white_line_kachel.gif) repeat-x;
    padding-left:       353px;
}

#mininavi a,
#mininavi a:hover
{
    margin:             0px;
    padding:            0px;
}
/* END - mininavi */

/* referenzen */
#outer_referenzen
{
    float:              left;
    width:              663px;
    margin-top:         5px;
    padding:            10px 16px 10px 20px;
    color:              #344963;
    background-color:   #F0F1F3;
    overflow:           hidden;
}

#referenzen
{
    float:              left;
    font-weight:        bold;
    margin-top:         10px;
    width:              659px;
}

#referenzen ul
{
    margin:             0px;
    padding:            0px;
    float:              left;
}

#referenzen li
{
    list-style:         none;
    margin:             0px;
    padding:            0px;
    float:              left;
    width:              100%;
    border-bottom:      1px solid #F0F1F3;
}

#referenzen a
{
    color:              #000000;
    background:         #E3E4E6;
    display:            block;
    height:             21px;
    padding-top:        6px;
    padding-bottom:     3px;
    font-weight:        normal;
}

#referenzen a:hover
{
    background:         #CCD2D7;
}

.referenzenlist_text
{
    margin:             0px;
    padding:            0px;
    float:              left;
}

#referenzen li img
{
    float:              left;
    width:              13px;
    height:             13px;
    padding:            4px;
    margin-left:        10px;
    margin-right:       10px;
}

.referenzen_weiter
{
    color:              #344963;
    font-size:          10px;
    margin-left:        10px;
    margin-right:       10px;
    float:              right;
}

#referenzen .referenzen_headline
{
    margin-bottom:      10px;
}
/* END referenzen */

#footer
{
    clear:              both;
    float:              left;
    background-color:   #F0F1F3;
    font-size:          10px;
    width:              659px;
    padding:            5px 20px;
    margin-top:         5px;
    border-bottom:      5px solid #FFFFFF;
    text-align:         center;
}

#footer a
{
    font-weight:        bold;
    text-decoration:    none;
}

#footer a:hover
{
    text-decoration:    underline;
}




.unternehmen_block
{
    width:              664px;
    margin-top:         5px;
    padding:            20px 15px 0px 20px;
    background-color:   #E2E6E8;
    float:              left;
    
}

.bildseitenteaser
{
    float:              left;
    width:              216px;
    margin:             5px 5px 0px 0px;
}

.bildseitenteaser_small
{
    float:              left;
    width:              161px;
    margin:             5px 4px 0px 0px;
}

.bildseitenteaser_start
{
    float:              left;
    margin:             5px 1px 0px 0px;
}

#startseitenteaser .bildseitenteaser
{
    float:              left;
    margin:             5px 1px 0px 0px;
    width:              349px;
    overflow:           hidden;
}

#textpage_teaser .bildseitenteaser
{
    float:              left;
    width:              216px;
    margin:             5px 5px 10px 0px;
}

#startseitenteaser .linktext_referenzen
{
    width:              330px;
    background-image:   url(../images/arrow.gif);
    background-position:326px 5px;
    background-repeat:  no-repeat;
    float:              left;
    color:              #FFFFFF;
    padding-right:      0px;
}

.textseitenteaser
{
    float:              left;
    width:              216px;
    background:         #E2E6E8;
}

#referenceContent #bildteaserblock
{
    clear:              both;
    float:              left;
    width:              668px;
    background-color:   #E2E6E8;
    padding:            20px 11px 20px 20px;
    margin-top:         5px;
}

#bildteaserblock h2
{
    font-size:          14px;
    margin:             0px 0px 10px 0px;
}

#bildteaserblock_b
{
    clear:              both;
    float:              left;
    width:              668px;
    background-color:   #F0F1F3;
    padding:            20px 11px 20px 20px;
    margin-top:         5px;
}

.bildseitenteaser_text
{
    background-color:   #344963;
    color:              #FFFFFF;
    padding:            10px;
    height:             24px;
    overflow:           hidden;
}

.bildseitenteaser_text_small
{
    background-color:   #344963;
    background-image:   url(../images/arrow.gif);
    background-position:151px 15px;
    background-repeat:  no-repeat;
    color:              #FFFFFF;
    padding:            10px 8px;
    height:             21px;
    overflow:           hidden;
}

.bildseitenteaser_text a,
.bildseitenteaser_text_small a,
.bildseitenteaser_text a:hover,
.bildseitenteaser_text_small a:hover
{
    font-weight:        normal;
}

.linkarrow_on_blue
{
    float:              right;
    width:              10px;
    vertical-align:     top;
    margin:             5px 0px 0px 0px;
    padding:            0px;
}

.linkarrow_on_blue_small
{
    float:              right;
    width:              1px;
    vertical-align:     top;
    margin:             5px 0px 0px 0px;
    padding:            0px;
}

.linktext_referenzen
{
    width:              191px;
    height:             31px;
    overflow:           hidden;
    padding-right:      5px;
    float:              left;
    color:              #FFFFFF;
}

a .linktext_referenzen
{
    width:              191px;
    height:             31px;
    overflow:           hidden;
    padding-right:      5px;
    background-image:   url(../images/arrow.gif);
    background-position:192px 5px;
    background-repeat:  no-repeat;
    float:              left;
    color:              #FFFFFF;
}

.linktext_referenzen_small
{
    width:              140px;
    float:              left;
    color:              #FFFFFF;
}

.subnavi
{
    height:             247px;
    background:         url(../images/navi/over_fill.png);
    float:              left;
    width:              174px;
    visibility:         hidden;
    position:           absolute;
    left:               0px;
    top:                45px;
}

.subnavi ul
{
    margin:             0px;
    padding:            0px;
}

.subnavi li
{
    margin:             0px;
    padding-top:        7px;
    padding-bottom:     7px;
    padding-left:       10px;
    list-style:         none;
    border-bottom:      1px solid #AFB7C2;
    color:              #FFFFFF;
    text-align:         left;
    font-weight:        normal;
    width:              164px;
}

.subnavi li a,
.subnavi li a:hover
{
    width:              157px;
    list-style:         none;
    color:              #FFFFFF;
    text-align:         left;
    font-weight:        normal;
    display:            block;
}

.subnavi li a:hover
{
    font-weight:        bold;
}

#seitenzahlanzeige
{
    float:              right;
    margin-top:         14px;
}

#projekte
{
    padding:            10px 20px;
    background:         #F0F1F3;
    font-weight:        bold;
}

#projekte ul
{
    margin:             0px;
    padding:            0px;
    float:              left;
}

#projekte li
{
    list-style:         none;
    margin:             0px;
    padding:            0px;
    float:              left;
    width:              100%;
    border-bottom:      1px solid #F0F1F3;
}

#projekte a
{
    background:         #E3E4E6;
    display:            block;
    height:             17px;
    padding-top:        6px;
    padding-bottom:     3px;
    font-weight:        normal;
}

#projekte a:hover
{
    background:         #CCD2D7;
    display:            block;
    height:             17px;
    padding-top:        6px;
    padding-bottom:     3px;
    font-weight:        normal;
}

.projekte_text
{
    margin:             0px;
    padding:            0px;
    float:              left;
}

#projekte li img
{
    float:              left;
    width:              13px;
    height:             10px;
    padding:            4px;
    margin-left:        10px;
    margin-right:       10px;
    margin-top:         1px;
}

.projekte_weiter
{
    margin-left:        10px;
    margin-right:       10px;
    float:              right;
}

#projekte .projekte_headline
{
    margin-bottom:      10px;
    float:              left;
    font-weight:        normal;
}

#projektinfos
{
    margin-top:         5px;
    padding:            10px 15px 20px 0px;
    clear:              both;
    float:              left;
    background:         #F0F1F3;
}

#projektinfos_headline
{
    color:              #344963;
    background:         #F0F1F3;
    padding-left:       20px;
    Font-size:          13px;
    font-weight:        bold;
    float:              left;
    width:              145px;
    padding-top:        10px;
    padding-bottom:     10px;
}

#projektinfos_headline_text
{
    color:              #344963;
    background:         #F0F1F3;
    Font-size:          13px;
    font-weight:        bold;
    padding-top:        10px;
    padding-bottom:     5px;
    float:              left;
    width:              518px;
}

#projektinfos_title
{
    
}

#projektinfos_subtitle
{
    display:            inline;
}

#projektinfos table
{
    border:             none;
    boder-collapse:     collapse;
    padding:            0px;
    width:              512px;
    float:              left;
    background-color:   #FFFFFF;
}

#projektinfos td,tr
{
    border:             none;
    border-collapse:    collapse;
    vertical-align:     top;
    padding:            4px;
}

td.left_cell
{
    width:              155px;
    
}

.projekt_info_name
{
    padding:            16px;
}

#featurebox
{
    margin:             4px 0px 0px 20px;
    background:         url(../images/bg_kleines_tool.jpg) repeat-x;
    float:              left;
    width:              150px;
    border-left:        1px solid #9AA9BB;
    border-bottom:      1px solid #9AA9BB;
    border-right:       1px solid #9AA9BB;
}

#featurebox_features
{
    padding:            0px 5px 10px 5px;
}

#featurebox_features ul
{
    padding:            0px;
}

#featurebox_features li
{
    list-style:         none;
    height:             17px;
    padding-top:        3px;
    padding-left:       0px;
}

#featurebox_features li img
{
    margin-right:       7px;
    float:              left;
}

.featurebox_features_text
{
    height:             20px;
}

.featurebox_features_text_big
{
    height:             27px;
    margin-top:         10px;
}


img.featureList
{
    position:           relative;
    top:                7px;
    margin:             3px 5px;
}

img.featureListBig
{
    float:              left;
    position:           relative;
    top:                3px;
    margin:             3px 5px;
}

#featurebox_features a
{
    font-weight:        normal;
}


#featurebox_headline
{
    padding:            5px 10px;
    background:         #344963;
    background-image:   url(../images/arrow.gif);
    background-position:139px 10px;
    background-repeat:  no-repeat;
    color:              #FFFFFF;
}

#featurebox_headline a,
#featurebox_headline a:hover
{
    color:              #FFFFFF;
    font-weight:        normal;
    text-decoration:    none;
}

#featurebox_headline img
{
    margin-left:        8px;
}

/**
 * Headvisuals
 */
#headvisual_test
{
    background-image:   url(../images/headvisual_1.jpg);
    width:              699px;
    height:             247px;
    
}
 
#headvisual
{
    //background-image:   url(../images/headvisual_1.jpg);
    width:              699px;
    height:             247px;
    display:            block;
    
}

#headvisual.unternehmen
{
    background-image:   url(../images/headvisual_2.jpg);
}

#mitarbeiterblock
{
    clear:              both;
    float:              left;
    background-color:   #E2E6E8;
    margin:             10px 0px 20px 0px;
}

.mitarbeiter_content
{   
    padding:            0px;
    margin:             0px;
}

.mitarbeiter_list
{
    padding:            0px;
}

.mitarbeiterbild
{
    float:              left;
    width:              216px;
    border-right:       5px solid #E2E6E8;
    background:         #E2E6E8;
    padding-right:      50px;
    background-image:   url(../images/colorstrip.gif);
    background-repeat:  no-repeat;
    background-position:top right;
}

.mitarbeiter_entry_text
{
    line-height:        16px;
    padding-right:      20px;
    padding-bottom:     10px;
}

.mitarbeiter_text
{
    width:              393px;
    float:              left;
}

.mitarbeiter_box
{
    float:              left;
    width:              216px;
    height:             173px;    
    margin:             5px 0px 0px 0px;
    color:              #FFFFFF;
    background-color:   #344963;
}

.inner_box
{
    padding:            15px 15px 14px 15px;
}

h3.mitarbeiter_name
{
    font-size:          15px;
    margin-top:         0px;
    margin-bottom:      0px;
}

h4.mitarbeiter_position
{
    font-size:          13px;
    font-weight:        normal;
    margin-top:         3px;
    margin-bottom:      15px;
}

h4.mitarbeiter_choose
{
    margin-top:         0px;
}

a.mitarbeiter_mail
{
    font-weight:        normal;
    background-image:   url(../images/icons/icon_mail_white.gif);
    background-repeat:  no-repeat;
    background-position:2px 3px;
    padding-left:       21px;
}

a#detail.mitarbeiter_mail
{
    background-image:   url(../images/icons/icon_mail_white.gif);
    display:            block;
    margin-bottom:      10px;
}

a#overview.mitarbeiter_mail
{
    background-image:   url(../images/icons/icon_mail.gif);
    color:              #FFFFFF;
}

.mitarbeiter_footer
{
    color:              #344963;
    background:         transparent;
    float:              left;
    margin:             5px 0px 10px 0px;
}

.fon
{
    background-image:   url(../images/icons/icon_fon.gif);
    background-repeat:  no-repeat;
    background-position:0px 1px;
    padding-left:       20px;
    padding-bottom:     4px;
}

.fax
{
    background-image:   url(../images/icons/icon_fax.gif);
    background-repeat:  no-repeat;
    background-position:0px 1px;
    padding-left:       20px;
    padding-bottom:     4px;
}

tr.list
{
    color:              #000000;
    background:         #F0F1F3;
}

tr.list_alternate
{
    color:              #000000;
    background-color:   transparent;
}

.paging
{
    float:              right;
    padding-right:      10px;
}

.page_switching
{
    padding:            10px 0px;
    float:              left;
}

.page_up
{
    float:              right;
    width:              65px;
    height:             18px;
    color:              #FFFFFF;
    background-color:   #334963;
    padding:            2px 0px 0px 13px;
    margin-right:       4px;
    background-image:   url(../images/arrow.gif);
    background-position:68px 7px;
    background-repeat:  no-repeat;
}

.page_down
{
    float:              left;
    width:              68px;
    height:             18px;
    color:              #FFFFFF;
    background-color:   #334963;
    text-align:         right;
    padding:            2px 0px 0px 15px;
    background-image:   url(../images/arrow_left.gif);
    background-position:5px 7px;
    background-repeat:  no-repeat;
}

a.page_switching
{
    padding:            0px;
    font-weight:        normal;
    color:              #FFFFFF;
}

a.page_switching:hover
{
    padding:            0px;
    font-weight:        normal;
    color:              #FFFFFF;
}

h1.login
{
    color:              #344963;
    font-size:          14px;
    
}

.plugin_form
{
    font-size:          1em;
    margin:             20px 0px 20px 10px;
}

.fullsize_input
{
    margin:             5px;
}

.form_left
{
    width:              120px;
    float:              left;
}

.form_button
{
    width:              90px;
}

.downloadBlock
{
    background-color:   #E3E4E6;
    margin:             2px 10px;
    padding:            5px 10px;
}

.downloadBlock:hover
{
    background-color:   #CCD2D7;
    
}

.downloadBlock a
{
    color:              #000000;
}