/* 
Name: Concat AG
URI: http://www.concat.de
Description: Concat AG Website-Theme
Version: 1.0
Author: Christoph Preusche
Author URI: http://www.publicstyles.de
*/

/* General */
body {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    margin: 8px 0 8px 0;
    padding: 0;  
}

#clear {
    clear: both;    
}

img {
    border: 0;
}

/* Links */
a,
a:active,
a:link,
a:visited {
    color: #0076BF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
}

a:hover {
    outline: none;
    text-decoration: underline; 
}

a.more,
a.more:active,
a.more:link,
a.more:visited {
    height: 18px;
    margin: 0;
    padding: 2px 0 2px 21px;
    background-image: url(../images/icons/link_more.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none; 
    display: inline;
}

a.more:hover {
    font-weight: normal;
    line-height: 18px;
    text-decoration: underline;    
}

/* Headlines */
h1 {
    color: #0076BF;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;  
    margin: 0;
    padding: 0;
    font-weight: normal;
    border-bottom: 1px solid #0076BF;
}

#content .left h1 { 
    color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;  
    margin: 0;
    padding: 2px 0 2px 0;
    font-weight: bold;
    border-bottom: 0;
    text-decoration: underline;
}

#content .main .inner h1,
#content .main_large .inner h1 {
    color: #0076BF;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;  
    margin: 40px 0 0 0;
    padding: 0;
    font-weight: normal;
    border-bottom: 1px solid #0076BF;   
}

h2, h3, h4, h5, h6 {
    color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;  
    margin: 0;
    padding: 0;
    font-weight: bold;
}

h1 p, 
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
    margin: 0;
    padding: 0;
}

/* Website */
#wrapper {
    width: 770px;
    margin: auto;
    padding: 0;
    position: relative;
}

/* Header */
#header {
    width: 770px;
    height: 108px;
    margin: 0;
    padding: 0;
}

/* Navigation */
#navigation {
    width: 770px;
    height: 26px;
    margin: 0;
    padding: 0;
    background-image: url(../images/navigation/navbar.jpg);
    background-repeat: no-repeat;
}

#navigation ul {
    width: 406px;
    margin: 0;
    padding: 0 0 0 144px;
    display: inline;
    float: left;
}

#navigation ul li {
    height: 20px;
    margin: 0;
    padding: 6px 0 0 0;
    border-left: 1px solid #FFFFFF;
    list-style: none;
    float: left;
}

#navigation ul.second {
    width: 220px;
    padding: 0;
    margin: 0;
    display: inline;
    float: left;
}

#navigation ul.second li {
    width: 74px;
    height: 20px;
    margin: 0;
    padding: 6px 0 0 0;
    border-left: 0;
    text-align: center;
    list-style: none;
    float: left;
}

#navigation ul.second li.first {
    width: 146px;
    height: 20px;
    margin: 0;
    padding: 6px 0 0 0;
    border-left: 0;
    text-align: center;
    list-style: none;
    float: left;
}

#navigation a,
#navigation a:active,
#navigation a:link,
#navigation a:visited {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 5px 0 5px;
    font-weight: bold;
    text-decoration: none;
}

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

/* Subnavigation */
#content .left ul {
    width: 144px;
    margin: 0;
    padding: 0;
}

#content .left ul.second {
    width: 144px;
    margin: 20px 0 0 0;
    padding: 0;
}

#content .left ul li {
    margin: 0;
    padding: 2px 0 2px 12px;
    background-image: url(../images/navigation/icon.jpg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    list-style: none;
}

#content .left ul li.overview {
    margin: 0;
    padding: 2px 0 16px 12px;
    background-image: url(../images/navigation/icon.jpg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    list-style: none;
}

#content .left ul li.category {
    margin: 0;
    padding: 0;
    background-image: none;
    list-style: none;
}

#content .left ul li a,
#content .left ul li a:active,
#content .left ul li a:link,
#content .left ul li a:visited {
    color: #0076BF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
}

#content .left ul li a:hover {
    font-weight: bold;
    text-decoration: underline; 
}

#content .left ul li a.active,
#content .left ul li a.active:active,
#content .left ul li a.active:link,
#content .left ul li a.active:visited {
    color: #0076BF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: underline;
}

#content .left ul li a.active:hover {
    font-weight: bold;
    text-decoration: underline; 
}

/* Content */
#content {
    width: 770px;
    margin: 0;
    padding: 0;
    background-image: url(../images/bg.gif);
    background-repeat: repeat-y;
}

#content .left {
    width: 144px;
    margin: 0;
    padding: 50px 0 30px 0;
    float: left;
}

#content .main {
    width: 366px;
    margin: 0;
    padding: 50px 0 50px 20px;
    float: left;
}

#content .main_large {
    width: 606px;
    margin: 0;
    padding: 50px 0 50px 20px;
    float: left;
}

#content .right {
    width: 220px;
    margin: 50px 0 30px 20px;
    padding: 0;
    float: left;
}

#content .main .inner p,
#content .main_large .inner p {
    line-height: 18px;
}

#content .main input[type="submit"], #content .main input[type="reset"] {
    background-color: #0076BF;
    color: #FFFFFF;
}

#content .main input, #content .main textarea {
    border: 1px solid #0076BF;
    margin-bottom: 3px;
}
#content .main input.long, #content .main textarea.long {
    width: 360px;
}

#content .main .inner hr,
#content .main_large .inner hr {
    color: #0076BF;
    height: 1px;
    border: 0;
    border-top: 1px solid #0076BF;
    background-color: #FFFFFF;
}

#content .main .inner ul,
#content .main .inner ol,
#content .main_large .inner ul,
#content .main_large .inner ol {
    margin: 12px 0 12px 20px;
    padding: 0;
}

#content .main .inner ul li,
#content .main .inner ol li,
#content .main_large .inner ul li,
#content .main_large .inner ol li {
    line-height: 18px;
}

#content .main img.refimg,
#content .main_large img.refimg {
    margin: -30px 5px 0 0;
    padding: 0;
    float: right;
}

#content .right .infobox {
    margin: 0 0 30px 0;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #0076BF;
    line-height: 18px;
}

#content .right .infoboxbg {
    margin: 12px 0 30px 0;
    padding: 6px;
    border: 1px solid #0076BF;
    background-color: #E7EDF7;
    line-height: 18px;
}

#content .right .infobox p,
#content .right .infoboxbg p {
    margin: 0;
    padding: 0;
}

/* Form */
dl {
    float: left;
    clear: both;
    text-align: left;
}

dh {
    display: block;
    margin: 5px 0px 10px 0px;
    clear: both;
    font-weight: bold;
}

dt {
    float: left;
    width: 100px;
    display: inline-block;
}

dd {
    float: left;
    margin-bottom: 10px;
    width: 200px;
    display: inline-block;
}

/* Lösungsportfolio */
tr.loesungsportfolio {
    height: 25px;
    margin: 0px;
    padding: 0px;
}

td.loesungsportfolio {
    border: 1px solid #D8E1EB;
    background-color: #F0F4F7;
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: 10px;
    font-size: 10px;
}

/* Footer */
#footer {
    width: 770px;
    color: #0076BF;
    margin: 0;
    padding: 0;
    text-align: right;
    border-top: 1px solid #0076BF;
    line-height: 18px;
}