/**
 * CSS styles for Powersoft website.
 * 
 * @author Eliseo D'Errico
 * @copyright Powersoft AG <www.powersoft.ch>
 * @version 1.0.0
 * 
 * created 2008-04-17
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#000000;
    font-size:12px;
}

a {
    color:#0E88D2;
    font-weight:bold;
    text-decoration:none;
}

a:hover {
    text-decoration: underline;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

img {
    border:0;
}

html {
    overflow-y:scroll;
}


/* /----------------- general html structure */

/* ###################################################### */
/* ################### HAUPTNAVIGATION ################## */
/* ###################################################### */

td.navimain, td.navimainactive {
    background-repeat: repeat-x;
    width: 25%;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

td.navimain {
    background-image:url('../images/menu_main_off.gif');
    color: #0E88D2;
}

td.navimain:hover{
    background-image:url('../images/menu_main_on.gif');
    color: #0E88D2;
}

td.navimainactive {
    background-image:url('../images/menu_main_on.gif');
    color: #FFFFFF;
}

td.navimainactive:hover {
    color: #0E88D2;
}

/* ###################################################### */
/* ####################### NAVI SUB ##################### */
/* ###################################################### */

td.navisub, td.navisubactive {
    text-align: center;
    cursor: pointer;
    width:189px;
    height:35px;
}

td.navisub {
    background-image:url('../images/menu_sub_off.jpg');
    color: #0E88D2;
}

td.navisub:hover{
    background-image:url('../images/menu_sub_on.jpg');
    color: #0E88D2;
    font-weight: bold;
}

td.navisubactive {
    background-image:url('../images/menu_sub_on.jpg');
    color: #FFFFFF;
    font-weight: bold;
}

td.navisubactive:hover{
    color: #0E88D2;
}

/* ###################################################### */
/* ################# PAGE CONTENT TITLE ################# */
/* ###################################################### */

#title p {
    font-weight: bold;
    font-size:24px;
    color: #999999;
    text-indent: 24pt;
}

/* ###################################################### */
/* ####################### CONTENT ###################### */
/* ###################################################### */

table.content {
    margin: 0px 20px 40px 40px;
}

#content, #contenttitle, .contenttitle, .content {
    color: #000000;
}

#contentitle, .contenttitle {
    font-size: 20px;
    font-weight: bold;
}

#contentsubtitle, .contentsubtitle {
    /*color: #0066CC;*/
    /*color: #336666;*/
    /*color: #FF6600;*/
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

/* ###################################################### */
/* ######################### NEWS ####################### */
/* ###################################################### */

table.news {
    background-repeat: repeat-y;
    background-image:url('../images/news.gif');
}

td.newsmaintitle, td.newstitle, td.newscontent, a.newslink {
    color: #000000;
}

td.newsmaintitle {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

td.newstitle, td.newscontent, a.newslink {
    font-size: 10px;
}

td.newstitle {
    font-weight: bold;
}

td.newslink {
    font-style: italic;
    text-align: right;
}

a.newslink {
    text-decoration:none;
}

a.newslink:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ####################### NAVI META ################ */
/* ###################################################### */

td.navimeta {
    text-indent: 16pt;
    font-size:10px;
}

a.navimeta {
    font-weight: bold;
    font-size:10px;
    color: #FFFFFF;
    text-decoration:none;    
}

a.navimeta:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ######################## FOOTER ###################### */
/* ###################################################### */

td.footer, a.address {
    font-size:10px;
    color:#666666;
}

a.address {
    font-weight:normal;
}

a.footer {
    font-size:10px;
}

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #666666;
        padding: 3px 3px 3px 10px;
}

a.sitemapStandardLevel_1/*, a.sitemapStandardLevel_2, a.sitemapStandardLevel_3*/ {
    color: #ffffff;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #CCCCCC;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* ###################################################### */
/* ####################### CONTACT FORM ################# */
/* ###################################################### */
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:18px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    padding:0 0 0 0;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

table.engineering {
    background-image:url('../upload/bildergalerie/Rahmen/Rahmen200.jpg');
}

#contenthighlight {
    background-repeat: none;
    background-image:url('../images/contentborder.jpg');
}