/*
farben
orange: #FF5800
orange hell: #FFEEE6
orange medium: #FF8A4D
blau: #00204E
blau hell: #E6E9ED
blau-tuerkis:#D8E5F6
*/

body {
    font-family:Arial, Helvetica, 'sans-serif';
    color:#000;
    font-size:11px;
    background:url(http://www.lucobit.de/icoaster/files/bg_main.png) repeat-y #fff;
    margin:0px;
    padding:0px;
}
.txtorange {
    color:#FF5800;
}
img {
    border:0px;
}
img.block, a.block img, h2.img {
    display:block;
}
h2 {
    margin:0px 0px 8px 0px;
    padding:0px;
    font-size:12px;
}
form {
    margin:0px;
    padding:0px;
}
a:link, a:active, a:visited, a:hover {
    font-family:Arial, Helvetica, 'sans-serif';
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#FF5800;
    text-decoration:none;
}
a.line:link, a.line:active, a.line:visited, a.line:hover, 
a.lineact:link, a.lineact:active, a.lineact:visited, a.lineact:hover {
    background:url(http://www.lucobit.de/icoaster/files/link_line.png) no-repeat 0px 11px;
    display:block;
    padding-left:8px;
    margin-left:10px;
}
a.lineact:link, a.lineact:active, a.lineact:visited, a.lineact:hover {
    color:#FF5800;
}
table.box td a.line:link, table.box a.line:active, table.box a.line:visited, table.box a.line:hover, 
table.box a.lineact:link, table.box a.lineact:active, table.box a.lineact:visited, table.box a.lineact:hover {
    margin:0px;
    padding-left:8px;
}
.content a.line:link, .content a.line:active, .content a.line:visited, .content a.line:hover, 
.content a.lineact:link, .content a.lineact:active, .content a.lineact:visited, .content a.lineact:hover {
    margin:0px;
    padding-left:8px;
}
#logo {
    position:absolute;
    left:820px;
    top:0px;
}
#head_bg {
    padding:0px;
    margin:0px;
}
#head {
    width:800px;
    height:83px;
    background-color:#FF5800;
    border-right:5px solid #FF8A4D;
    margin-left:15px;
}
#headnavimain {        /* hauptnavigation */
    position:absolute;
    left:203px;
    top:60px;
    font-size:16px;
}
#headnavisub {    /* subnavi links oben */
    position:absolute;
    left:22px;
    top:7px;
    color:#FFEEE6;
}
#headnavimeta {    /* metanavi rechts oben */
    position:absolute;
    left:525px;
    width:282px;
    text-align:right;
    top:7px;
    color:#FFEEE6;
}
#headnavimeta input {
    font-size:10px;
    border:1px solid #FF5800;
    background-color:#fff;
    width:85px;
    margin:0px;
    padding:1px;
}
#headnavimeta form {
    display:inline;
}

#headimg {
    height:96px;
    background-color:#E6E9ED;
    padding-left:15px;
    width:800px;
}
#headbalken {    /* farbbalken */
    background-color:#FF8A4D;
    border-left:205px solid #FF5800;
    height:5px;
    font-size:5px;
    line-height:5px;
    width:800px;
}

.navimain {    /* hauptnavigation links */
    width:190px;
    padding-left:15px;
    vertical-align:top;
}
.content {    /* inhaltsbereich rechts */
    width:880px;
    vertical-align:top;
    padding:15px 0px 0px 15px;
}

/* ------ navigation ------ */
#headnavimain ul { /* all lists */
    padding:0px;
    margin:0px;
    list-style:none;
    cursor:pointer;
}
#headnavimain li { /* all list items */
    float:left;
    position:relative;
    margin-right:10px;
}
#headnavimain li ul { /* second-level lists */
    display:none;
    position:absolute;
    top:23px;
    left:0px;
}
/*
#headnavimain li>ul {
    top:auto;
    left:auto;
}
*/

#headnavimain li ul li{
    background-color:#fff;
    clear:both;
    float:left;
    padding:0px;
    margin:0px;
}
#headnavimain li ul li img {
    display:block;
    border-bottom:1px solid #fff;
}
#headnavimain li:hover ul, #headnavimain li.over ul {
    display:block;
}

.hr_white {
    height:1px;
    font-size:1px;
    line-height:1px;
    border-bottom: 1px solid white;
}

input#suche {
    position:relative;
    top:-5px;
    left:0px;
}

/* inhalt 2-spaltig */
table.raster2 td.left {
    padding:0px;
    width:600px;
    vertical-align:top;
}
table.raster2 td.right {
    padding:0px 0px 0px 10px;
    width:175px;
    vertical-align:top;
}
table.raster2wide, table.raster2wide td.left {
    width:785px;
}
/*inhalt 1-spaltig*/
table.raster1 {
    width:800px;
}
div#adresse {
    padding:0px 12px;
}
div.text_1spaltig {
    width:275px;
    float:left;
    padding-right:15px;
}

div.text_2spaltig {
    width:550px;
    float:left;
    padding-right:15px;
}


/* agenten-profilseite */
table.raster-agent {
    width:600px;
    margin-bottom:20px;
}
table.raster-agent td {
    vertical-align:top;
    padding:0 15px 0 0;
}
table.raster-agent td.c1 {
    width:135px;
}
table.raster-agent td.c2 {
    width:210px;
}
table.raster-agent td.c3 {
    width:210px;
}

table.raster-agent td.c2 a {
    display:inline;
    padding-right:10px;
}
table.raster-agent td a.line, table.raster-agent td a.line:active, table.raster-agent td a.line:visited, table.raster-agent td a.line:hover,
table.raster-agent td a.lineact, table.raster-agent td a.lineact:active, table.raster-agent td a.lineact:visited, table.raster-agent td a.lineact:hover {
    display:inline ;
}

table.raster-agent td div.lang-links a.line,
table.raster-agent td div.lang-links a.lineact {
    display:block;
    float:left;
    margin-bottom:10px !important;
}


/*
farbige boxen
*/
table.box {
    width:100%;
    margin:0px;
    padding:0px;
}

table.box th {
    padding:2px 0px 2px 10px;
    text-align:left;
}
table.box th.blau {
    background-color:#00204E;    
}
table.box th.apricot {
    background-color:#FF5800;    
}

table.box td.apricot {
    background-color:#ffeee6;
}

/*table.box td.taubengrau {*/
.taubengrau {
    background-color:#E6E9ED;
}
.tuerkis {
    background-color:#D8E5F6;
}

table.box td {
    padding:8px 10px;
    overflow:hidden;
}
table.box table.boxinner td {
    padding:0px;
    vertical-align:top;
}
table.box table.boxinner td.images {
    text-align:right;
    width:180px;
    padding-left:10px;
}
table.box table.boxinner td.images img {
    display:block;
    margin-bottom:10px;
}

table.box table.boxinner td.images table.images-table {
    float:right;
    border:0;
}
table.box table.boxinner td.images table.images-table td.caption {
    text-align:left;
    padding-bottom:10px;
}

table.box a.line:link, table.box a.line:active, table.box a.line:visited, table.box a.line:hover, 
table.box a.lineact:link, table.box a.lineact:active, table.box a.lineact:visited, table.box a.lineact:hover {
    margin-bottom:5px !important;
}
/*
FORMULARE
*/

.form_header {
    padding-left:10px;
    background-color:#ff5800;    
}

/* old */
table#product_finder .apricot, .apricot_dark
{
    padding:10px 0px 5px 45px;
}
/* new */
table.product_finder .apricot, .apricot_dark
{
    padding:15px 0 0 15px;
}

table.form {
    width:600px;
    margin-bottom:10px;
}

table.form td {
    padding:10px;
}
table.form td.spacer {
    padding:0px;
    height:15px;
    font-size:15px;
    line-height:15px;
}

.apricot {
    background-color:#ffeee6;
}
.apricot_dark {
    background-color:#ffe4d8;
}


.form_bg_apricot {
    padding-left:10px;
    background-color:#ffeee6;
}

.form_bg_taubengrau {
    padding-left:10px;
    background-color:#E6E9ED;
}

.form * td {
    padding:2px 10px;
}

select {
    font-family:Arial, Helvetica, 'sans-serif';
    color:#000;
    font-size:11px;
}

input {
    font-family:Arial, Helvetica, 'sans-serif';
    color:#000;
    font-size:11px;
}

/*
INFOLINE FLACHDACH
*/
div#header_ilfd {
    background-color:#FF5800;
    padding:2px 0px 0px 20px;
}
div#menu_ilfd{
    padding-left:15px;
}
div#content_ilfd{
    position:absolute;
    left:206px;
    top:140px;
    padding:10px 15px;
}

div#header_quicklinks {
    padding:7px 0px 0px 0px;
}

.inplasticsarc {
    float:left;
    width:90px;
    margin:15px 35px 0px 0px;
    padding:0px 0px 15px 15px;
}
.form_bg_apricot .inplasticsarc {
    margin:5px 35px 0px 0px;
    padding:0px 10px 15px 5px;
}

.dlbox h3 {
    font-size:13px;
    margin:4px 0px 4px 0px;
}
.dlbox .cb {
    background-color:transparent;
    margin:0px 4px 0px 8px;
}
table.press img {
    display:block;
}
.newsbox {
    width:385px;
    height:250px;
    background-color:#ffeee6;
    overflow:hidden;
    float:left;
    margin:0px 15px 15px 0px;
}
.newsbox .boxinner {
    font-weight:bold;
    color:#FF5800;
}
.newsbox table.boxinner td {
    padding-right:10px !important;
}
.newsbox table.boxinner a:link, .newsbox table.boxinner a:visited, .newsbox table.boxinner a:active, .newsbox table.boxinner a:hover {
    background:url(http://www.lucobit.de/icoaster/files/link_line.png) no-repeat 0px 11px;
    display:block;
    padding-left:8px;
    font-weight:normal;
}
.newsbox table.boxinner a:hover {
    color:#FF5800;
}
.dl-box {
    display:none;
    position:absolute;
    background-color:#fff;
    width:220px;
    border:1px solid #FF5800;
    text-align:left;
    top:-5px;
    left:-210px;    
}
.dl-box-inner {
    padding:8px 8px 4px 8px;
}
.dl-box-inner p {
    margin:0 0 8px 0;
}

.dl-box-close {
    background-color:#FF5800;
    color:#fff;
    cursor:pointer;
    text-align:right;
    font-size:14px;
    padding:3px 10px 5px 10px;
}
/* header */
#head {
    background-color:#FFEEE6;
    margin-left:0;
    border-left:15px solid #FF5800;
}
#headimg {
    background-color:#FFEEE6;
}

#headnavisub a:link {
    padding-right:5px;
}


#headnavimeta input {
    border:0 solid;
}
#headnavimeta {
    width:322px;
    left:480px;
}

#headnavimeta .img-search {
    padding-left:30px;
}

#headnavimain {
    top:63px;
    left:22px;
}

#headnavimain li {
    margin-right:20px;
}
#headnavimain li ul {
    top:20px;
}

/* menu links */
.pr-menu {
    padding:15px 0;
}
.pr-menu a.line:link, .pr-menu a.line:active, .pr-menu a.line:visited, .pr-menu a.line:hover {
    color:#fff;
    text-transform:uppercase;
    background-image:url(http://www.lucobit.de/icoaster/files/line_white.gif);
}

.pr-flex-menu {
    background-color:#ff5800;
}
.pr-flex-menu a.line:hover {
    color:#FF8A4D;
}
.pr-flex-menu a.act:link, .pr-flex-menu a.act:active, .pr-flex-menu a.act:visited, .pr-flex-menu a.act:hover {
    color:#FF8A4D;
}

.pr-water-menu {
    background-color:#009ee0;
}
.pr-water-menu a.line:hover {
    color:#ceedfa;
}
.pr-water-menu a.act:link, .pr-water-menu a.act:active, .pr-water-menu a.act:visited, .pr-water-menu a.act:hover {
    color:#ceedfa;
}

.pr-asphalt-menu {
    background-color:#000;
}
.pr-asphalt-menu a.line:hover {
    color:#d7d5d5;
}
.pr-asphalt-menu a.act:link, .pr-asphalt-menu a.act:active, .pr-asphalt-menu a.act:visited, .pr-asphalt-menu a.act:hover {
    color:#d7d5d5;
}


.navimain a.pegon:link, .navimain a.pegon:active, .navimain a.pegon:visited, .navimain a.pegon:hover {
    color:#b7c000;
    display:block;
    margin:4px 0;
    font-weight:bold;
}


/* produkttabellen */
table.prod-table {
    width:790px;
}
table.prod-table td.header {
    vertical-align:top;
    padding-left:10px;
}

table.prod-table-pr-flex td.header {
    background-color:#FF5800;
}
table.prod-table-pr-flex tr.row {
    background-color:#FFEEE6;
}

table.prod-table-pr-water td.header {
    background-color:#009ee0;
}
table.prod-table-pr-water tr.row {
    background-color:#ceedfa;
}

table.prod-table-pr-asphalt td.header {
    background-color:#000;
}
table.prod-table-pr-asphalt tr.row {
    background-color:#d7d5d5;
}

/* farbige box */
table.form-pr-water td.form_header {
    background-color:#009ee0;
}
table.form-pr-water tr.form_bg_apricot {    
    background-color:#ceedfa;
}

table.form-pr-asphalt td.form_header {
    background-color:#000;
}
table.form-pr-asphalt tr.form_bg_apricot {    
    background-color:#d7d5d5;
}

/* agenten farbcodes */
table.raster-agent .cc1 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_01.gif') no-repeat 100px 0;
}
table.raster-agent .cc2 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_02.gif') no-repeat 100px 0;
}
table.raster-agent .cc3 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_03.gif') no-repeat 100px 0;
}
table.raster-agent .cc4 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_04.gif') no-repeat 100px 0;
}
table.raster-agent .cc5 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_05.gif') no-repeat 100px 0;
}
table.raster-agent .cc6 {
    background:url('http://www.lucobit.de/icoaster/files/farbcode_06.gif') no-repeat 100px 0;
}

/* links mit icons */
a.ico-ok:link, a.ico-ok:active, a.ico-ok:visited, a.ico-ok:hover {
    padding:2px 20px 2px 0;
    background:url(http://www.lucobit.de/icoaster/files/orange_at.jpg) no-repeat right center;
}
a.ico-ok:hover {
    background:url(http://www.lucobit.de/icoaster/files/orange_at_o.jpg) no-repeat right center;
}

a.ico-cancel:link, a.ico-cancel:active, a.ico-cancel:visited, a.ico-cancel:hover {
    padding:2px 20px 2px 0;
    background:url(http://www.lucobit.de/icoaster/files/orange_zs.jpg) no-repeat right center;
}
a.ico-cancel:hover {
    background:url(http://www.lucobit.de/icoaster/files/orange_zs_over.jpg) no-repeat right center;
}


/* produkt-download popups */
.dl-box-pr-water {
    border:1px solid #009ee0;
}
.dl-box-pr-asphalt {
    border:1px solid #000000;
}
.dl-box-pr-flex {
    border:1px solid #FF5800;
}

.dl-box-pr-water .dl-box-close {
    background-color:#009ee0;
}
.dl-box-pr-asphalt .dl-box-close {
    background-color:#000000;
}
.dl-box-pr-flex .dl-box-close {
    background-color:#FF5800;
}