/************************************************************************************
**                                                                                 **
**                                www.kremer-it.de                                 **
**                              Cascading Style Sheet                              **
**                           written by Falko Schappacher                          **
**                              (c)2003 by Kremer IT                               **
**                                                                                 **
************************************************************************************/
/**************************************
**       light  blue : #7E98CB       **
**       light  grey : #A3ADB9       **
**       middle grey : #465563       **
**       dark   grey : #252C34       **
**************************************/

/**********************************************************
**             Common Table,TD,TR,TH Styles              **
**********************************************************/
body {
        margin: 0px;
        padding: 0px;
        height: 100%;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;
}

table {
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        font-size: 12px;
        color: #000000;

        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;

        border-spacing: 0px;
        border-collapse:collapse;
}

table.main_tbl {
        height:100%;
        margin:0px;

        width:762px;

        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A6A6A6;
}

table.category_list {
        width:100%;
        margin:0px;
        table-layout:fixed;
        border-collapse:separate;
}

table.company_list {
        width:100%;
        padding:5px;
}


/**************************************
**            DIV-Tags               **
**************************************/
div {
        margin:0px;
        padding:0px;
}

div.main {
        position:absolute;
        top:102px;
        left:2px;

        width:762px;

        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A6A6A6;
}

div.header {
        width:762px;
        height:100px;
        position: absolute;
        top:2px;
        left:2px;

        background-image:url(../layout/header_1_1.gif);

        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A6A6A6;
}

div.advertisement_left {
        padding:0px;
        margin: 5px auto 5px auto;

        text-align:center;
}

div.category {
        color: #FFFFFF;
        border:solid 1px #808080;
        background-color:#0071BD;
        padding: 3px;
        margin : 5px 0px 5px 10px;
}

div.search {
        width:100%;
        background-color:#EFEFEF;
        margin:0px;
}

div.menue_headline {
        margin : 0px;
        padding: 3px 5px 3px 5px;

        background-color:#0071BD;
        color: #F5E9DD;
        font-weight:bold;

        border-style:solid;
        border-width: 1px 0px 1px 0px;
        border-color: #A6A6A6;
}

div.menue {
        margin : 0px;
        padding: 3px 5px 3px 5px;

        color: #522808;

        border-style:solid;
        border-width: 0px 0px 1px 0px;
        border-color: #C00000;
}

div.feature_headline {
        background-color:#0071BD;
        padding: 3px 5px 3px 5px;
        margin : 0px;

        color: #EFEFEF;
        font-weight:bold;

        border-style:solid;
        border-width: 1px 0px 1px 0px;
        border-color: #A6A6A6;
}

div.feature {
        padding: 3px 5px 3px 5px;
        margin : 0px;

        border-style:solid;
        border-width: 0px 0px 0px 0px;
        border-color: #A6A6A6;
}

div.text1 {
        font-weight:normal;
}


/**************************************
**        common SPAN-Tags           **
**************************************/
span.description {
        font-weight:normal;
        font-size:12px;
}

span.advertisement{
        height:50px;
        vertical-align:middle;
}

span.no_headline {
        font-weight: normal;
        font-size: 12px;
}

span.font_small {
        font-size: 10px;
}

span.warning {
        font-size:12px;
        line-height:12px;
}

span.premium {
        font-weight: bold;
}
span.standard {
        font-weight: normal;
}
span.basis {
        font-weight: normal;
}


/**************************************
**             HR-Tags               **
**************************************/
hr {
        width:100%;
        height: 1px;
        margin:5px 0px 5px 0px;

        color:#B1B1B1;
        background-color:#B1B1B1;
        border-width:0px;
}

hr.search {
        width:100%;
        height: 2px;
        margin:0px;

        color:#B1B1B1;
        background-color:#B1B1B1;
        border-width:0px;
}

/**************************************
**         common TR-Tags            **
**************************************/
tr {
        text-align:left;
}

tr.header {
        border-top-width:0px;
        border-top-style:none;
        border-bottom-width:1px;
        border-bottom-style:solid;

        border-color: #000000;
}

tr.hlight {
        background-color: #F5F5F5;
}

tr.no_hlight {

}


/**************************************
**         common TH-Tags            **
**************************************/
th {
        padding: 4px;
        font-size:16px;
        font-weight: bold;
        color:#FFFFFF;
        background-color: #333399;

        text-align: center;
        vertical-align: middle;
}

th.h2 {
        text-align: left;
        font-weight: bold;
        font-size:12px;
        color: #000000;

        background-color: green;
}

th.active_tab {
        width:100px;
        text-align: center;
        vertical-align: center;

        background-color: #333399;
        font-size:12px;
        color: #000000;

        border-style: solid;
        border-color: #000000;
        border-width: 1px;
}

th.inactive_tab {
        width:100px;
        text-align: center;
        vertical-align: center;

        font-size:12px;
        background-color: #A3ADB9;

        border-style: solid;
        border-color: #000000;
        border-width: 1px;
}

th.spacer_tab {
        text-align: center;
        vertical-align: center;

        font-size:12px;
        background-color: #7E98CB;

        border-style: none;
        border-width: 0px;
}


/**************************************
**         common TD-Tags            **
**************************************/
td {
        padding: 3px;
        text-align: left;
        text-align:left;
        vertical-align: top;
}

td.advertisement_right {
        height: 60px;
        padding:0px;

        background-color: #FFFFFF;

        text-align:center;
        vertical-align:middle;
}

td.header {
        padding:0px;
        text-align: left;
        vertical-align: top;

        border-style: solid;
        border-color: #A6A6A6;
        border-width: 0px 0px 1px 0px;
}

td.menue_area {
        width:150px;
        padding:0px;

        background-color: #7BA6DE;
}

td.content_area {
        width:469px;
        padding: 10px 10px 10px 10px;
        vertical-align: top;

        border-style: solid;
        border-width: 0px 1px 0px 1px;
        border-color: #A6A6A6;
}

td.feature_area {
        width:140px;
        padding:0px;

        background-color: #EFEFEF;
}

td.description {
        width:200px;
        font-weight:bold;
        vertical-align:top;
}

td.help {
        vertical-align:top;
        text-align:justify;
}

td.help_description {
        font-weight:bold;
        vertical-align:top;
}

td.inputfield {
        vertical-align:top;
}


/**************************************
**          common H-Tags            **
**************************************/
h1 {
        font-family: arial, verdana;
        line-height: 16px;
        font-size: 14px;
        font-weight: bold;
}

h1.mainpage {
        color: #0071BD;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        line-height: 16px;

        margin:0px;
}


/**************************************
**        common li/ol-Tags          **
**************************************/
ol.category {
        list-style-position: outside;
}

ul.category {
        list-style-position:outside;
        text-indent:0px;
        padding-left:10px;
        line-height:140%;
}

/**************************************
**  common INPUT,TEXTAREA,..-Styles  **
**************************************/
form {
        margin:0px;
}

input {
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;

        border-width: 1px;
        border-style: solid;
        border-color: #000000;
}

input.login {
        margin:5px 0px 5px 0px;
}

input.button {
        margin:10px 0px 10px 0px;
        border:solid 1px #808080;
        background-color:#0071BD;
}

input.submit {
        border:solid 1px #808080;
        background-color:#0071BD;
}

input.submit_login {
        margin:5px 0px 5px 0px;
        border:solid 1px #808080;
        background-color:#0071BD;
}

input.text {
}

input.file {
        border-width: 0px;
        border-style: none;
}

input.checkbox {
        border-width: 0px;
        border-style: none;
        background-color: transparent;
}

input.radio {
        border-width: 0px;
        border-style: none;
        background-color: transparent;
}

select {
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;
}

select.select {
        border-width: 0px;
        border-style: none;
}


textarea {
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;

        border-width: 1px;
        border-style: solid;
        border-color: #000000;
}
textarea.textarea {

}


/**************************************
**        common IMG-Styles          **
**************************************/
img {
        border-width: 0px;
        border-style: none;
}

img.header {
        margin : 0px;
        position: absolute;
}

img.float_left {
        float:left;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 5px;
}
img.float_right {
        float:right;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 0px;
}

img.logo {
        magrin:5px;
        border-color: #000000;
        border-width: 0px;
        border-style: solid;
}

img.icon {
        magrin:0px;
}

img.flag {
        magrin:0px;
}


/**************************************
**        common  A-Styles           **
**************************************/
a:link {
         text-decoration : underline;
        font-weight     : normal;
        color           : #000000;
}

a:visited {
        text-decoration : underline;
        font-weight     : normal;
        color           : #000000;
}

a:hover {
        text-decoration : underline;
        font-weight     : normal;
        color           : #0071BD;
}

a:active {
        text-decoration : underline;
        font-weight     : normal;
        color           : #0071BD;
}


a.page_current:link {
         text-decoration : underline;
        font-weight     : bold;
        color           : #000000;
}

a.page_current:visited {
        text-decoration : underline;
        font-weight     : bold;
        color           : #000000;
}

a.page_current:hover {
        text-decoration : overline underline;
        font-weight     : bold;
        color           : #0071BD;
}

a.page_current:active {
        text-decoration : underline;
        font-weight     : bold;
        color           : #0071BD;
}

a.category:link {
         text-decoration : underline;
        font-weight     : normal;
        color           : #000000;
}

a.category:visited {
        text-decoration : underline;
        font-weight     : normal;
        color           : #000000;
}

a.category:hover {
        text-decoration : underline;
        font-weight     : normal;
        color           : #0071BD;
}

a.category:active {
        text-decoration : underline;
        font-weight     : normal;
        color           : #0071BD;
}

a.category_main:link {
         text-decoration : underline;
        font-weight     : normal;
        color           : #FFFFFF;
}

a.category_main:visited {
        text-decoration : underline;
        font-weight     : normal;
        color           : #FFFFFF;
}

a.category_main:hover {
        text-decoration : underline;
        font-weight     : normal;
        color           : #B1B1B1;
}

a.category_main:active {
        text-decoration : underline;
        font-weight     : normal;
        color           : #B1B1B1;
}

a.menue:link {
         text-decoration : none;
        font-weight     : bold;
        color           : #FFFFFF;
}

a.menue:visited {
        text-decoration : none;
        font-weight     : bold;
        color           : #FFFFFF;
}

a.menue:hover {
        text-decoration : none;
        font-weight     : bold;
        color           : #0071BD;
}

a.menue:active {
        text-decoration : none;
        font-weight     : bold;
        color           : #0071BD;
}

a.news:link {
         text-decoration : none;
        font-weight     : bold;
        color           : #000000;
}

a.news:visited {
        text-decoration : none;
        font-weight     : bold;
        color           : #000000;
}

a.news:hover {
        text-decoration : none;
        font-weight     : bold;
        color           : #0071BD;
}

a.news:active {
        text-decoration : none;
        font-weight     : bold;
        color           : #0071BD;
}