/***************************************************************
 * CSS Formatierungen                                          *
 * layout.css  (optimiert für FireFox 3)                       *
 * DokuID:     98                                              *
 * Hinweis:    enthält Formate für globale Einstellung         *
 *             der paricon AG und der paricon products GmbH    *
 * Version:    1.0  (Dezember 2008)                            *
 **************************************************************/
@charset "utf-8";
/***************************************************************
 * CSS Formatierungen GLOBAL - Seitenlayout für alle Seiten    *
 **************************************************************/

html {
margin-bottom:                1px;
height:                       100%; }

form {
margin:                       0;
padding:                      0; }

.body {
margin:                       0;
font-family:                  Arial,Helvetica,sans-serif;
font-size:                    9pt;
color:                        #333333; }

body {
margin:                       0;
background:                   url('/global/images/body/background_tile.gif') repeat-x 0 0;
background-color:             #0b2962;
font-family:                  verdana;
font-size:                    8pt;
color:                        #333333; }

a, a:link, a:visited {
font-weight:                  normal;
text-decoration:              none;
cursor:                       pointer; }

a:hover {
font-weight:                  normal;
text-decoration:              underline; }

a.extra:link {color:white;}
a.extra:visited {color:white;}


input.button {
cursor:                       pointer; }

p {
margin:                       0;
margin-top:                   6x;
margin-bottom:                6px; 
line-height:                  11pt; }

img {
border:                       0 none; }

/***************************************************************
 * PAGE LAYOUT BEREICHS FORMATIERUNG FÜR ALLE SEITEN           *
 **************************************************************/

#page {
float:                        none;
position:                     absolute;
left:                         50%;
top:                          0px;
margin:                       0;
margin-left:                  -490px;
padding:                      0;
width:                        980px;
border:                       0; }

/***************************************************************
 * TOP BANNER LAYOUT BEREICHS FORMATIERUNG                     *
 **************************************************************/

#head_outline {
float:                        none;
margin:                       0;
padding:                      0;
width:                        980px;
height:                       169px;
border:                       0; }

/***************************************************************
 * NAVI TOP LAYOUT BEREICH FORMATIERUNG FÜR ALLE SEITEN        *
 **************************************************************/

#top_outline {
float:                        none;
margin:                       0;
padding:                      0;
width:                        980px;
height:                       28px;
border:                       0;
background:                   url('/global/images/top_navi/navi_top_bar.jpg') no-repeat 0 0; }

/* Search Layer Formatierung */
#search {
float:                        right;
margin:                       0;
padding:                      0;
width:                        350px;
height:                       28px;
border:                       0; }

  #searchinput {
  float:                        left;
  margin:                       0;
  padding:                      0;
  width:                        315px;
  height:                       28px;
  border:                       0; }

  #searchsubmit {
  float:                        right;
  margin:                       0;
  padding:                      0;
  width:                        35px;
  height:                       28px;
  border:                       0; }
  
    /* Input Feld und Submit Button Formatierung */
    .search-input {
    margin:                       0;
    margin-left:                  200px;
    margin-top:                   6px;
    padding:                      1px;
    width:                        100px;
    height:                       16px;
    border:                       1px;
    font-size:                    9pt; }
    
    .search-input2 {
    margin:                       0;
    padding:                      1px;
    width:                        150px;
    height:                       20px;
    border:                       1px solid #cccccc;
    font-size:                    9pt; }

    .search-submit {
    margin:                       0;
    padding:                      0;
    padding-left:                 4px;
    width:                        21px;
    height:                       28px;
    border:                       0px;
    background:                   url('/global/images/top_navi/navi_top_search_off.gif'); }
  
    .search-submit2 {
    margin:                       0;
    padding:                      0;
    padding-left:                 6px;
    width:                        21px;
    border:                       0px;
    background:                   url('/global/images/main/search_off.gif') no-repeat 0 0px; }
    
    .search-button {
    margin:                       0;
    padding:                      0;
    padding-left:                 4px;
    width:                        21px;
    height:                       28px;
    border:                       0px; }
    
/***************************************************************
 * MAIN       LAYOUT BEREICHS FORMATIERUNG                     *
 **************************************************************/

#main_outline {
float:                        none;
margin:                       0px;
padding:                      0px;
width:                        980px;
height:                       100%;
border:                       0;
background:                   #FFFFFF; }

  #main_inline {
  float:                        none;
  margin:                       0;
  padding:                      0;
  padding-top:                  30px;
  padding-bottom:               29px;
  width:                        980px;
  border:                       0;
  background:                   #FFFFFF; }
  
    /*Main Content Bereich für die Inhaltsseiten ausser Start und Home */
    #left_outline {
    float:                      left;
    margin:                     0;
    margin-left:                20px;
    padding:                    0;
    width:                      205px; }

    #center_outline {
    float:                      left;
    margin:                     0;
    margin-left:                35px;
    padding:                    0;
    width:                      464px; }

    #right_outline {
    float:                      right;
    margin:                     0;
    margin-left:                35px;
    margin-right:               16px;
    padding:                    0;
    width:                      205px; } 

/***************************************************************
 * BOOTOM     LAYOUT BEREICHS FORMATIERUNG                     *
 **************************************************************/

#bottom_outline {
float:                        none;
margin:                       0;
padding:                      0;
width:                        980px;
height:                       11px;
border:                       0;
background-color:             #FFFFFF; }

/***************************************************************
 * FOOTER     LAYOUT BEREICHS FORMATIERUNG                     *
 **************************************************************/

#footer_outline {
float:                        none;
margin:                       0;
padding:                      0;
width:                        980px;
height:                       28px;
border:                       0; }

/***************************************************************
 * NAVI LEFT FORMATIERUNG                                      *
 * DOKU ID:  80                                                *
 * NAME: start_de_navi_footer                                  *
 * DOKU ID:  40                                                *
 * NAME: con_de_navi_footer                                    *
 * DOKU ID:  67                                                *
 * NAME: pro_de_navi_footer                                    *
 **************************************************************/

#footer_navi {
float:                        none;
margin:                       0;
margin-left:                  780px;
padding:                      0;
padding-top:                  10px;
width:                        200px;
height:                       20px;
border:                       0; }

  #footer_navi ul {
  margin:                       0;
  padding:                      0;
  font-family:                  Arial, Helvetica, sans-serif;
  font-size:                    8pt;
  list-style:                   none; }

  #footer_navi li {
  float:                        left;
  right:                        0;
  margin:                       0;
  margin-left:                  20px;
  padding:                      0; }

  #footer_navi li a {
  color:                        #FFFFFF; }

/***************************************************************
 * TEASER FORMATIERUNG                                         *
 * DOKU ID:  30                                                *
 * NAME: con_de_teaser_business_cases                          *
 * DOKU ID:  31                                                *
 * NAME: con_de_teaser_downloads                               *
 * DOKU ID:  32                                                *
 * NAME: con_de_teaser_karriere                                *
 * DOKU ID:  33                                                *
 * NAME: con_de_teaser_news                                    *
 * DOKU ID:  34                                                *
 * NAME: con_de_teaser_news_archiv                             *
 **************************************************************/

#tea_news {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_news.jpg') no-repeat 0 0; }

  #tea_news ul {
  margin:                     0;
  padding:                    0;
  padding-top:                38px;
  padding-left:               28px;
  line-height:                17px;
  list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
  #tea_news li a {
  color:                      #214992; }

#tea_karriere {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_career.jpg') no-repeat 0 0; }

  #tea_karriere ul {
  margin:                     0;
  padding:                    0;
  padding-top:                38px;
  padding-left:               28px;
  line-height:                17px;
  list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
  #tea_karriere li a {
  color:                      #214992; }

#tea_bc_line {
float:                        none;
margin:                       0;
margin-left:                  1px;
margin-bottom:                16px;
padding:                      0;
width:                        200px;
height:                       1px;
border:                       0px;
border-bottom:                1px solid #cccccc; }

#tea_business-cases {
float:                        none;
margin:                       0;
padding:                      0;
width:                        205px;
height:                       94px;
border:                       0; }

/* #tea_business-cases {
float:                        none;
margin:                       0;
padding:                      0;
padding-bottom:               16px;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_bc_crm.jpg') no-repeat 0 0; } */

#tea_downloads {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_downloads.jpg') no-repeat 0 0; }

  #tea_downloads ul {
  margin:                     0;
  padding:                    0;
  padding-top:                38px;
  padding-left:               28px;
  line-height:                17px;
  list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
  #tea_downloads li a {
  color:                      #214992; }

#tea_news-archiv {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
border:                       0; }

  #tea_news-archiv_head {
  float:                        none;
  margin:                       0;
  padding:                      0;
  width:                        205px;
  height:                       39px;
  border:                       0;
  background:                   url('/global/images/main/teaser_l_hl_newsarchiv.jpg') no-repeat 0 0; }

  #tea_news-archiv_text {
  float:                        none;
  margin:                       0;
  padding:                      0;
  width:                        205px;
  height:                       209px;
  border:                       0;
  background:                   url('/global/images/main/teaser_l_center_newsarchiv.jpg') no-repeat 0 0; }

    #tea_news-archiv ul {
    margin:                     0;
    padding:                    0;
    padding-top:                1px;
    padding-left:               28px;
    line-height:                17px;
    list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
    #tea_news-archiv li a {
    color:                      #214992; }
  
  #tea_news-archiv_footer {
  float:                        none;
  margin:                       0;
  padding:                      0;
  width:                        205px;
  height:                       22px;
  border:                       0;
  background:                   url('/global/images/main/teaser_l_bottom_newsarchiv.jpg') no-repeat 0 0; }
  
#tea_kontakt {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_career.jpg') no-repeat 0 0; }

  #tea_kontakt p {
  margin:                     0;
  padding:                    0;
  padding-top:                38px;
  padding-left:               28px;
  line-height:                17px;
  list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
  #tea_kontakt li a {
  color:                      #214992; }
  
#tea_hotline {
float:                        none;
margin:                       0;
margin-bottom:                16px;
padding:                      0;
width:                        205px;
height:                       108px;
border:                       0;
background:                   url('/global/images/main/teaser_m_hotline.jpg') no-repeat 0 0; }

  #tea_hotline p {
  margin:                     0;
  padding:                    0;
  padding-top:                58px;
  padding-left:               12px;
  color:                      #214992;
  line-height:                17px;
  list-style:                 url('/global/images/arrows/signs_arrow_m.gif'); }
  
  #tea_hotline ul {
  color:                      #214992; }
  #tea_hotline li a {
  color:                      #214992; }
  
  ul#support {
  margin:                     0;
  margin-left:                13px;
  padding:                    0;
  padding-top:                3px;
  padding-left:               15px;
  line-height:                17px;
  color:                      #214992;
  list-style-image:           url('/global/images/arrows/signs_arrow_m.gif'); }

/***************************************************************
 * LISTENFORMATE MIT PFEIL                                     *
 **************************************************************/
ul#list,
ul#links {
padding-left:                 15px;
line-height:                  17px;
color:                        #214992;
list-style-image:             url('/global/images/arrows/signs_arrow_m.gif'); }

ul#links a, 
ul#links a:hover, 
ul#links a:visited {
color:                        #214992;
font-weight:                  bold;
list-style-image:             url('/global/images/arrows/signs_arrow_m.gif'); }