/* ============================== */
/*                                */
/* Disbon Website                 */
/*                                */
/* Layout für die Disbon Website  */
/*                                */
/* Xisio Informationssysteme GmbH */
/* michael.ibsen@xisio.com        */
/* http://www.xisio.com           */
/*                                */
/* erstellt:                      */
/* 08.01.2010                     */
/*                                */
/* zuletzt geändert:              */
/*                                */
/* 18.5.2011, mib                 */
/* 3. Menüebene hinzugefügt       */
/*                                */
/* 26.4.2011, mib                 */
/* Logos Fachverbände             */
/*                                */
/* 21.4.2011, mib                 */
/* Farbe für sechsten ("seventh") */
/* linken Menüpunkt ergänzt.      */
/*                                */
/* 7.4.2010, mib                  */
/* Ausrichtung des menüs im Head  */
/* Body Hintergrund               */
/*                                */
/* 16.02.2010                     */
/* - Ausgabe der Suchergebnisse   */
/*   angepasst                    */
/*                                */
/* 9.2.2010, mib                  */
/* Farben von Links angepasst     */
/*                                */
/* 03.02.2010                     */
/* - aktive Linkzustände (fett)   */
/* - Hintergrund Body (#92979D)   */
/* - #breadcrumbs ausgerichtet    */
/*                                */
/* 29.01.2010                     */
/* - Tabellenlayout (Ansprechp.)  */
/* - Kontaktformular              */
/*                                */
/* ============================== */


/* -------------- */
/* General styles */
/* -------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    margin:0 auto;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%; /* set to 100% for a page that covers the whole width of the browser */
    background: #bbb;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
}

#container {
    position: relative;
    margin: 0 auto;
    width: 1000px;
}


a {
    color:#24303C;
    text-decoration: none;
}

a:hover {
    color:#24303C;
    text-decoration: underline;
}

a.thgroupname{
  color: white;
}


h1, h2, h3 {
    /*margin:.8em 0 .2em 0;*/
    margin:20px 0;
    padding:0;
}


h1{
  font-size: 16px;
}

h2{
  font-size: 14px;
}

h3{
  font-size: 12px;
}

p {
    margin:.4em 0 .8em 0;
    padding:0;
}

img {
    margin:10px 0 5px;
}


/* ------------- */
/* Header styles */
/* ------------- */

#header {
    clear:both;
    float:left;
    width:100%;
    height: 215px;
    border-bottom:0px solid #000;
    background-image:url(../images/layout/disbon_header_2cwhite.jpg);
    background-repeat: no-repeat;
}

#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}

#header  #header-menu{
    float:right;
    margin: 0px 330px 0px 0px;
} 

#header ul {
    clear:right;
    float:left;
    width:100%;
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0;
}

#header ul li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}

#header ul li a {
    display:block;
    float:left;
    margin:0 0 0 1px;
    padding:3px 10px;
    text-align:center;
    color:#24303C;
    text-decoration:none;
    position:relative;
    left:39px;
    line-height:1.3em;
    font-weight:bold;
    font-size: 12px;
}

#header ul li a:hover {
    color:#0193E6;
    text-decoration:underline;
    font-weight:bold;
}

#header ul li a.active,
#header ul li a.active:hover {
    color:#0193E6;
/*    background:#000;*/
    font-weight:bold;
}

#header ul li a span {
    display:block;
}

/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}

/*--------------------------*/
/* NEWS-Link                */
/* - seit 16.02 deaktiviert */
/*--------------------------*/

#header #header-news {
    position:relative;
    float:right;
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 143px 110px 0px 0px;
}

#header #header-news span {
    display:block;
    float:right;
}

#header #header-news span a {
    color: #FFFFFF;
}

#header #header-news span a:aktive {
    color: #FFFFFF;
    font-weight:bold;
}

/* --------------------------------*/
/*  breadcrumbs                    */
/* --------------------------------*/

#breadcrumbs,
#breadcrumbs a.breadcrumbs {
    color: #24303C;
    text-decoration: none;
}

#breadcrumbs {
    margin: 0 0 20px 30px;
    /*border-top: 1px solid #919291;*/
/*    border-bottom: 1px solid #919291;*/
    /*padding: 3px 0 0 55px;*/
    font-size: 10px;
    /* text-transform: uppercase; */
    color: #24303C;
    /*background-image: url(../images/layout/Pfeil_grau2.jpg);*/
    /*background-repeat: no-repeat;*/
    /*height: 15px;*/
    /*padding-top:5px;*/
}

/*-------------------------------------------*/
/* Anpassung Tabellen der Standarddarstellung*/
/*-------------------------------------------*/

.csc-default table tr th {
  color: #FFFFFF;
}

/*--------------------------------*/
/* Links im Contentbereich (col1) */
/*--------------------------------*/

#col1 a:hover {
  color:#0193E6;
}

/* ------ */
/* Suche  */
/* ------ */

.tx-indexedsearch-searchbox-sword{
  /*margin-left: 10px;*/
}
.tx-indexedsearch-searchbox-button {
  margin-left: 10px;
}

/* Textfeld der Regeln */
.tx-indexedsearch-rules p {
  border: 1px solid grey;
  line-height: 1.5em;
  padding: 5px;
  background-color: #FFF2CC;
}

.tx-indexedsearch-searchbox p {
  display: none;
}

.tx-indexedsearch-searchbox form table p {
  display: inline;
}

.tx-indexedsearch-whatis {
  font-size: 14px;
  /*margin-top:30px ! important;*/
}

.tx-indexedsearch-res .tx-indexedsearch-title td{
  color: #FFFFFF;
  background-color: #24303C;
}


.tx-indexedsearch-res .tx-indexedsearch-title .tx-indexedsearch-title-number {
  color: #FFFFFF;
}

.tx-indexedsearch-res .tx-indexedsearch-title .tx-indexedsearch-title-caption a {
  color: #FFFFFF;
}

.tx-indexedsearch-res .tx-indexedsearch-title .tx-indexedsearch-percent {
 color: #FFFFFF;
}

.tx-indexedsearch-res tr td {
  background-color: #F7F7F7;
  padding:5px 0px 0px 5px;
  color: #24303C;
}

.tx-indexedsearch-res tr .tx-indexedsearch-info a:hover {
  color:#0193E6;
  text-decoration:underline;
}

.tx-indexedsearch-browsebox .tx-indexedsearch-browsebox-SCell a:hover {
  color:#0193E6;
  text-decoration:underline;
}

/*------------*/
/* Suche Col3 */
/*------------*/

.holygrail #global-search {
    position: absolute;
    top: 25px;
    right: 2px;
    width: 145px;
}

#global-search form.search-form {
    border: 1px solid #000;
    background-color: #FFF;
}

#global-search form.search-form fieldset {
    border: none;
    margin:0;
    padding:0;
}

#global-search form.search-form input {
    border: none;
    border-color: transparent;
}

#global-search form.search-form .searchbox-sword {
    padding: 2px;
    width: 110px;
}

#global-search form.search-form .searchbox-button {
    float: left;
    padding: 3px 1px 1px 2px;
    width: 20px;
}

*html #global-search form.search-form .searchbox-button {   /* Internet Explorer 6 Hack */
    padding: 3px 0px 1px 2px;
}
*+html #global-search form.search-form .searchbox-button {  /* Internet Explorer 7 Hack: Zusammenführung mit IE6 Hack führt zu unterschiedlichen Ergebnisse */
    padding: 3px 1px 1px 2px;
}

#global-search a {
    color: #FFF;
}

/*------------------------*/
/* Haupt-Navigation links */
/*------------------------*/

/* Bild-Container oberhalb von der linken navigation*/
.col2 .menu-left-img {
}

/* zurzeit die Angabe wo wir uns gerade befinden */
.col2 h1 a {
  text-decoration: none;
}

/* Div-Container um die Listen*/
.menu-left{
  color: #FFFFFF;
}

.menu-left ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}

.menu-left ul li a {
  /*text-decoration: none;*/
    color:#FFFFFF;
    text-decoration: none;
} 

.menu-left ul li a:hover {
  /*text-decoration: none;*/
    color:#FFFFFF;
    text-decoration: underline;
} 


ul.menu-left li {
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  font-size: 12px;
  /*gilt nur für #first*/
  /*height: 80px;*/
  margin-bottom: 20px;
  /*wegen IE eventuell wechseln auf margin für die a-tags in li*/
  padding: 5px 0px 0px 15px;
}


/*-----------------------------------*/
/* Farbgebung Haupt-Navigation links */
/*-----------------------------------*/

.menu-left #first{
  color: red;
  height: 60px !important;
}

.menu-left #second {
  background-color: #2D566C;
}

.menu-left #third {
  background-color: #9A5545;
}

.menu-left #fourth {
  background-color: #426163;
}

.menu-left #fifth {
  background-color:#39903F;
}

.menu-left #sixth {
  background-color:#452125;
}

.menu-left #seventh {
  background-color: #6D8994;
}

/*-------------------*/
/* Hauptmenu- Active */
/*-------------------*/

ul.menu-left li.menu-left_act {
  padding-bottom: 30px;
}

ul.menu-left li.menu-left_act .act {
  font-weight:bold;
}
ul.menu-left li.menu-left_no {
  height: 45px;
}


/*-------------------------------*/
/* Level1 Haupt-Navigation links */
/*-------------------------------*/


/* Liste der Level1 Navigation*/
ul.menu-left-level1 li{
  /* h e i g h t: 15px !important; */
  margin-bottom: 0px !important;
  padding: 0px 0px 0px 0px !important;
  color: #FFFFFF;
}

.menu-left-level1 ul li {
  height: 12px;
  margin-bottom: 0px;
}

/*-------------------------------*/
/* Level2 Haupt-Navigation links */
/*-------------------------------*/

ul.menu-left-level2 li {
    font-weight:normal;
    margin:0px 0px 0px 10px; 
    line-height:12px;
    font-size:8pt;
}


/*-------------------------------*/
/* formatierung Tabelle Traders  */
/*-------------------------------*/

div.employee-list {
  margin-right: 10px;
}

div.employee-list table.list {
  width: 100%;
}

/*div.employee-list table.list .table_col1 {
  width: 40%;
}

div.employee-list table.list .table_col2 {
  width: 30%;
}

div.employee-list table.list .table_col3 {
  width: 30%;
}

div.employee-list table.list .table_col4_contacts {

}*/

div.employee-list table.list th {
  background-color: #24303C;
  color: #FFFFFF;
  text-align:left;
  padding:5px 0 2px 10px;
}

div.employee-list table.list td {
  background-color:#F7F7F7;
  padding:5px 0 2px 10px;
}

/*------------------*/
/* Kontaktformular  */
/*------------------*/

.formular radio {
  display: inline;
}

.formular {
  line-height: 1.8em;
}

.radiolayout  {
  border: 0px;
  margin:0;
  padding:0;
}

.radiolayout fieldset {
  border: 0px;
  margin:0px 0px 0px 0px;
  /* Für den IE */
  !margin:0px 0px 0px -4px;
  padding:0px;
}

.radiolayout label {
  margin: 0 5px 0 0;
  vertical-align: top;
  line-height: 1.5em;
}

.radiolayout input {
  margin:0 5px 0 0;
  padding: 0px;
}

.radiolayout legend {
  padding:0px;
  margin:0px;
  border: 0px;
  color: #000000;
}

/*----------------------*/
/* Außendienst Tabellen */
/*----------------------*/


/* Vertrieb */
div.employee-list table.list .table_col1_contacts {
  width: 15%;
}

div.employee-list table.list .table_col2_contacts {
  width: 15%;
}

div.employee-list table.list .table_col3_contacts {
  width: 40%;
}

div.employee-list table.list .table_col4_contacts {
  width: 30%;
}

/* Ansprechpartner */

div.employee-list table.list .table_col1_contacts_cat {
  width: 14%;
}

div.employee-list table.list .table_col2_contacts_cat {
  width: 25%;
}

div.employee-list table.list .table_col3_contacts_cat {
  width: 37%;
}

div.employee-list table.list .table_col4_contacts_cat {
  width: 24%;
}

div.employee-list table {
  margin:20px 0;
}

div.employee-list table tr {
  vertical-align:top;
}

div.employee-list table tr td {
  vertical-align:top;
  border-bottom:5px solid #FFFFFF;
  border-top:5px solid #FFFFFF;
}

div.employee-list table tr td img {
  margin:0px 0px 0px 0px;
}


div.employee-list table tr td img.phone_icon {
  vertical-align:middle;
  margin:0 5px 2px 0;
}

div.employee-list table tr td img.mail_icon {
  vertical-align:middle;
  margin:0 5px 2px 0;
}

/*-------------*/
/* News Styles */
/*-------------*/
#c30 {
  color: #24303C;
  margin: 65px 0px 0px 5px;
}

#c30 .news-latest-container {
  padding: 0px 5px 5px 5px;
}

.news-latest-container .news-latest-item h3 a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

#c30 .news-latest-container .news-latest-item  h3{
  margin: 0px 0px 5px 0px;
}

#c30 .csc-firstHeader{
  color: #FFFFFF;
}
#c30 .news-latest-container .news-latest-item {
  margin: 0px 0px 10px 0px;
}

#c30 .news-latest-container .news-latest-morelink a {
  color: #FFFFFF;
}

#c30 .news-latest-container .news-latest-morelink a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.news-latest-container .all_news {
  color: #FFFFFF;
}

.news-latest-container .all_news:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/*-------------------------*/
/* Ausgabe Referenzobjekte */
/*-------------------------*/

/*umgibt alle Referenzen (div)*/
#mid_content .references {}

#mid_content .references h2 {
  background: #24303C;
  color: #FFFFFF;
  padding: 3px 5px 3px 5px;
}

#mid_content .references .reference_note {
  background: #F7F7F7;
  color: #24303C;
  padding:10px;
}



/*---------------*/
/* Footer styles */
/*---------------*/
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

/*------------------*/
/* Produktliste ABC */
/*------------------*/

#mid_content .product_list {
  padding-left: 10px;
}

#mid_content .product_list ul {
    width:100%;
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0;
}

#mid_content .product_list ul li{
list-style:none;
    margin:0;
    padding:0;
    line-height:20px;
}

/*----------------------------------*/
/* Aufzählung Verarbeitungshinweise */
/*----------------------------------*/

#c56 ul {
  margin: 0px 0px 0px 15px;
}

#c56 ul li {
  margin: 0px 0px 5px 0px;
}

/* MSIE 7 only */
/*.col1 {
    width:100%;
}*/


/*--------------------------*/
/* Zeilenabstand Seitenweit */
/*--------------------------*/

#colmid p {
  line-height: 1.5em;
}

/*-----------------------*/
/* Service Werkzeugliste */
/*-----------------------*/
.toolsTable{
color: #000000;
}

.toolsTable tr {
vertical-align: top;
}

.toolsTable th{
background-color: #24303c;
color: #ffffff;
text-align: left;
padding: 5px 0px 2px 10px;
}

.toolsTable tr td{
padding:5px 0 2px 10px;
background-color: #F7F7F7;
}

.toolsTable .col1 {
width: 15%;
}

.toolsTable .col2 {
width: 20%;
}

.toolsTable .col3 {
width: 35%;
}

.toolsTable .col4 {
width: 30%;
}


/* ---------- */
/* Referenzen */
/* ---------- */

a.img_next, a.img_prev, a.img_big, a.img_no, a.img_act {
    border:1px solid grey; 
    padding:0px 2px 0px 3px;
}

span.img_act {
    font-weight: bold;
    border:1px solid grey; 
    padding:0px 2px 0px 3px;
}

a.img_big, a.img_next {
    margin: 0px 0px 0px 10px;
}

a.img_prev {
    margin: 0px 10px 0px 0px;
}


/* ----- */
/* Links */
/* ----- */

table.links td {
    padding: 5px 10px 5px 0px;
}


/* ----- */
/* vcard */
/* ----- */

.vCardLink {
    margin:0px 0px 0px 5px;
}


/* ------------------- */
/* Logos Fachverbaende */
/* ------------------- */

table.logos_fachverbaende td {
    padding: 0px 20px 0px 0px;
}

td.logo_description a {
    font-size: 12pt;    
}

table.logos_fachverbaende img {
    border: 0px;
}

/*-----------------------*/
/* Newsletter Startseite */
/*-----------------------*/
#c122 {
    margin: 21px 0px 0px 0px;
}

#c122 p a{
    color:#ffffff;
    font-size: 13px;
    font-weight: bold;
}
#c122 p{
margin: 0px 0px 0px 11px;
}

/* Kopie der Startseite (88) */
#c161 {
    margin: 21px 0px 0px 0px;
}
#c161 p a{
    color:#ffffff;
    font-size: 13px;
    font-weight: bold;
}
#c161 p{
margin: 0px 0px 0px 11px;
}