/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
        DIV.csc-textpic-caption-c .csc-textpic-caption {
        text-align: center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
        text-align: right;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
        text-align: left;
}
/* Needed for noRows setting */
        DIV.csc-textpic DIV.csc-textpic-imagecolumn {
        float: left;
        display: inline;
}
/* Border just around the image */
        DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
        border: 2px solid black;
        padding: 0px 0px;
}
DIV.csc-textpic-imagewrap {
        padding: 0;
}
DIV.csc-textpic IMG {
        border: none;
}
/* DIV: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
        float: left;
}
/* UL: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
        list-style: none;
        margin: 0;
        padding: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
        float: left;
        margin: 0;
        padding: 0;
}
/* DL: This will place the images side by side */
        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
        float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
        float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
        border: none;
} /* FE-Editing Icons */
DL.csc-textpic-image {
        margin: 0;
}
DL.csc-textpic-image DT {
        margin: 0;
        display: inline;
}
DL.csc-textpic-image DD {
        margin: 0;
}
/* Clearer */
        DIV.csc-textpic-clear {
        clear: both;
}
/* Margins around images: */

        /* Pictures on left, add margin on right */
        DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
        margin-right: 10px;
}
/* Pictures on right, add margin on left */
        DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
        margin-left: 10px;
}
/* Pictures centered, add margin on left */
        DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
        margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
        margin: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
        margin: 0;
}
/* Space below each image (also in-between rows) */
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
        margin-bottom: 5px;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
        margin-bottom: 5px;
        display: block;
}
DIV.csc-textpic DIV.csc-textpic-imagerow {
        clear: both;
}
/* No margins around the whole image-block */
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
        margin-left: 0px !important;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
        margin-right: 0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        margin-left: 10px !important;
}
/* Positioning of images: */

        /* Above */
        DIV.csc-textpic-above DIV.csc-textpic-text {
        clear: both;
}
/* Center (above or below) */
        DIV.csc-textpic-center {
        text-align: center; /* IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
        margin: 0 auto;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        text-align: left; /* Remove IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-text {
        text-align: left; /* Remove IE-hack */
}
/* Right (above or below) */
        DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
        float: right;
}
DIV.csc-textpic-right DIV.csc-textpic-text {
        clear: right;
}
/* Left (above or below) */
        DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
        float: left;
}
DIV.csc-textpic-left DIV.csc-textpic-text {
        clear: left;
}
/* Left (in text) */
        DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
        float: left;
}
/* Right (in text) */
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
        float: right;
}
/* Right (in text, no wrap around) */
        DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        float: right;
        clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
        * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
        height: 1%;
}
/* End hide from IE5/mac */

        /* Left (in text, no wrap around) */
        DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        float: left;
        clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
        * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
        height: 1%;
}
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last {
        margin-bottom: 0;
}
/* default styles for extension "tx_cssfilelist" */
        .filelinks div {
        padding-left:25px;
        background:url('../tpl/fileicons/default.gif') left top no-repeat;
        margin-bottom:10px;
}
.filelinks span {
        display:block;
}
.filelinks .filecount {
        display:block;
        margin-bottom:5px;
}
.filelinks a {
        color:#000;
        text-decoration:none;
}
/* Icons begin */
        .filelinks .ai {
        background-image:url('../tpl/fileicons/ai.gif')!important;
}
.filelinks .ani {
        background-image:url('../tpl/fileicons/ani.gif')!important;
}
.filelinks .au {
        background-image:url('../tpl/fileicons/au.gif')!important;
}
.filelinks .avi {
        background-image:url('../tpl/fileicons/avi.gif')!important;
}
.filelinks .bmp {
        background-image:url('../tpl/fileicons/bmp.gif')!important;
}
.filelinks .cdr {
        background-image:url('../tpl/fileicons/cdr.gif')!important;
}
.filelinks .css {
        background-image:url('../tpl/fileicons/css.gif')!important;
}
.filelinks .csv {
        background-image:url('../tpl/fileicons/csv.gif')!important;
}
.filelinks .doc {
        background-image:url('../tpl/fileicons/doc.gif')!important;
}
.filelinks .dtd {
        background-image:url('../tpl/fileicons/dtd.gif')!important;
}
.filelinks .eps {
        background-image:url('../tpl/fileicons/eps.gif')!important;
}
.filelinks .exe {
        background-image:url('../tpl/fileicons/exe.gif')!important;
}
.filelinks .fh3 {
        background-image:url('../tpl/fileicons/fh3.gif')!important;
}
.filelinks .flash {
        background-image:url('../tpl/fileicons/flash.gif')!important;
}
.filelinks .folder {
        background-image:url('../tpl/fileicons/folder.gif')!important;
}
.filelinks .gif {
        background-image:url('../tpl/fileicons/gif.gif')!important;
}
.filelinks .htm {
        background-image:url('../tpl/fileicons/htm.gif')!important;
}
.filelinks .html {
        background-image:url('../tpl/fileicons/html.gif')!important;
}
.filelinks .ico {
        background-image:url('../tpl/fileicons/ico.gif')!important;
}
.filelinks .inc {
        background-image:url('../tpl/fileicons/inc.gif')!important;
}
.filelinks .java {
        background-image:url('../tpl/fileicons/java.gif')!important;
}
.filelinks .jpg {
        background-image:url('../tpl/fileicons/jpg.gif')!important;
}
.filelinks .js {
        background-image:url('../tpl/fileicons/js.gif')!important;
}
.filelinks .max {
        background-image:url('../tpl/fileicons/max.gif')!important;
}
.filelinks .mid {
        background-image:url('../tpl/fileicons/mid.gif')!important;
}
.filelinks .mov {
        background-image:url('../tpl/fileicons/mov.gif')!important;
}
.filelinks .mpeg {
        background-image:url('../tpl/fileicons/mpeg.gif')!important;
}
.filelinks .mpg {
        background-image:url('../tpl/fileicons/mpg.gif')!important;
}
.filelinks .pcd {
        background-image:url('../tpl/fileicons/pcd.gif')!important;
}
.filelinks .pcx {
        background-image:url('../tpl/fileicons/pcx.gif')!important;
}
.filelinks .pdf {
        background-image:url('../tpl/fileicons/pdf.gif')!important;
}
.filelinks .png {
        background-image:url('../tpl/fileicons/png.gif')!important;
}
.filelinks .ps {
        background-image:url('../tpl/fileicons/ps.gif')!important;
}
.filelinks .psd {
        background-image:url('../tpl/fileicons/psd.gif')!important;
}
.filelinks .rtf {
        background-image:url('../tpl/fileicons/rtf.gif')!important;
}
.filelinks .sgml {
        background-image:url('../tpl/fileicons/sgml.gif')!important;
}
.filelinks .swf {
        background-image:url('../tpl/fileicons/swf.gif')!important;
}
.filelinks .sxc {
        background-image:url('../tpl/fileicons/sxc.gif')!important;
}
.filelinks .sxw {
        background-image:url('../tpl/fileicons/sxw.gif')!important;
}
.filelinks .tga {
        background-image:url('../tpl/fileicons/tga.gif')!important;
}
.filelinks .tif {
        background-image:url('../tpl/fileicons/tif.gif')!important;
}
.filelinks .ttf {
        background-image:url('../tpl/fileicons/ttf.gif')!important;
}
.filelinks .txt {
        background-image:url('../tpl/fileicons/txt.gif')!important;
}
.filelinks .wav {
        background-image:url('../tpl/fileicons/wav.gif')!important;
}
.filelinks .wrl {
        background-image:url('../tpl/fileicons/wrl.gif')!important;
}
.filelinks .xls {
        background-image:url('../tpl/fileicons/xls.gif')!important;
}
.filelinks .xml {
        background-image:url('../tpl/fileicons/xml.gif')!important;
}
.filelinks .xsl {
        background-image:url('../tpl/fileicons/xsl.gif')!important;
}
.filelinks .zip {
        background-image:url('../tpl/fileicons/zip.gif')!important;
}
/* Icons end */
        .filelinks a:hover {
        text-decoration:underline;
}


/* -------------------- Seiten-Style-Definitionen -------------------- */
html {
        width: 100%;
        height: 100%;
        overflow: auto;
}

body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-color: #D0D0D0;
        color: #333;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        line-height: 1.3em;
}

a { outline: none; }

h1 {
        margin: 10px 0px 15px -30px;
        background: transparent left bottom no-repeat;
        font-size: 16px;
        color: #777777;
        line-height: 1.3em;
        text-indent: -9999px;
}

h3 {
        font-size: 1.5em;
        line-height: 1em;
        color: #999;
        font-weight: normal;
        letter-spacing: -0.5px;
}

*html h1 {
        margin-left: 0px;
}

#pagetable {
        width: 100%;
        height: 100%;
        border: none;
}

#pagetable td {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        line-height: 1.3em;
        text-align: center;
}

#pagebackground {
        position: relative;
        margin: 0px auto 0px auto;
        width: 998px;
        height: 518px;
        background: #D0D0D0 url(../tpl/pagebackground.gif) left top no-repeat;
        overflow: hidden;
}

#gaclogo {
        position: absolute;
        top: 15px;
        right: 20px;
        width: 263px;
        height: 41px;
        background: transparent url(../tpl/LogoKeramikbrennoefenklein.jpg) left top no-repeat;
        text-indent: -9999px;
        overflow: hidden;
}

#left_picture {
        top: 7px;
        left: 7px;
        position: absolute;
        width: 237px;
        height: 500px;
        background: transparent left top no-repeat;
        z-index: 0;
}

#textarea {
        position: absolute;
        top: 70px;
        /*left: 290px;*/
        width: 650px;
        height: 375px;
        background: white;
        text-align: left;

        left: 260px;
        padding: 0px 20px 0px 30px;
        max-width: 600px;
        overflow: auto;
}

#textarea p {
        margin: 10px 0px 10px 0px;
}

#textarea img {
        border: none;
}

#textarea .csc-textpic a {
        border-bottom: none;
}

#textarea .csc-textpic-caption {
        color: #666;
        font-size: 0.9em;
}

#textarea .csc-textpic-left.csc-textpic-below {
        margin-left: -30px;
}

#textarea a {
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #990000;
}

#textarea a:hover,
#textarea a:active,
#textarea a:focus {
        color: #999;
        text-decoration: none;
}

.smallInfotext {
        height: 50px;
        margin: 5px 0px 0px 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #999;
        font-size: 10px;
        color: #999;
        line-height: 1em;
        overflow: hidden;
}

/*************************** NAVIGATION ******************************************/

#menuline {
        position: absolute;
        bottom: 55px;
        right: 35px;
        width: 800px;
        height: 1px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #999;
        background-color: #999;
        border: none;
        z-index: 1;
}

#navigation {
        position: absolute;
        bottom: 30px;
        right: 115px;/*50px ohne LanguageSelect*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
        z-index: 1;
}

#navigation li {
        float: left;
        display: block;
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
}

#navigation a {
        display: block;
        line-height: 13px;
        text-decoration: none;
        color: #a1a1a1;
        height: 13px;
        /*background: transparent left top no-repeat;*/
        overflow: hidden;
}
#navigation a:hover,
#navigation a:focus,
#navigation a:active, #navigation a.act {
        color: #a41c1c;
}

#navigation #startseite {
        width: 57px;
        background-image: url(../tpl/navigation/nav_startseite.gif);
}

#navigation #home {
        width: 37px;
        background-image: url(../tpl/navigation/nav_home.gif);
}

#navigation #brennoefen {
        width: 66px;
        background-image: url(../tpl/navigation/nav_brennoefen.gif);
}

#navigation #ceramickilns {
        width: 84px;
        background-image: url(../tpl/navigation/nav_ceramickilns.gif);
}

#navigation #regelcomputer {
        width: 98px;
        background-image: url(../tpl/navigation/nav_regelcomputer.gif);
}

#navigation #controller {
        width: 62px;
        background-image: url(../tpl/navigation/nav_controller.gif);
}

#navigation #prospekte {
        width: 65px;
        background-image: url(../tpl/navigation/nav_prospekte.gif);
}

#navigation #brochures {
        width: 66px;
        background-image: url(../tpl/navigation/nav_brochures.gif);
}

#navigation #vertriebspartner {
        width: 102px;
        background-image: url(../tpl/navigation/nav_vertriebspartner.gif);
}

#navigation #distributors {
        width: 65px;
        background-image: url(../tpl/navigation/nav_distributors.gif);
}

#navigation #forum {
        width: 42px;
        background-image: url(../tpl/navigation/nav_forum.gif);
}

#navigation #blog {
        width: 62px;
        background-image: url(../tpl/navigation/nav_faq.gif);
}

#navigation #impressum {
        width: 66px;
        background-image: url(../tpl/navigation/nav_impressum.gif);
}

#navigation #legal {
        width: 35px;
        background-image: url(../tpl/navigation/nav_legal.gif);
}

#subnavigation {
        position: absolute;
        top: -330px;
        right: -104px;/*-39px ohne LanguageSelect*/
        width: 140px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: transparent url(../tpl/subnavigationbg.gif) left top repeat-y;
        text-align: left;
        overflow: hidden;
}

#subnavigation li {
        float: none;
        margin: 0px -1px 5px 1px;
        padding: 0px 0px 0px 0px;
        text-indent: 0px;
        line-height: 1.5em;
}

#subnavigation li b {
        padding-left: 20px;
        font-weight: bold;
}

#subnavigation a {
        float: none;
        width: 100%;
        padding-left: 20px;
        height: auto;
        color: #333;
        text-decoration: none;
        line-height: 1.5em !important;
}

#subnavigation a:hover,
#subnavigation a:active,
#subnavigation a:focus {
        background-color: #D0D0D0;
        color: #333;
}

#subnavigation a.act {
        background-color: #990000;
        color: white;
}

#subnavigation .subnavigation_top {
        display: block;
        margin: 0px 0px 0px -1px;
        padding-bottom: 10px;
        height: 10px;
        width: 100%;
        background: transparent url(../tpl/subnavigationtop.gif) left top no-repeat;
}

#subnavigation .subnavigation_bottom {
        display: block;
        margin: 0px 0px -5px -1px;
        padding-top: 10px;
        height: 10px;
        width: 100%;
        background: transparent url(../tpl/subnavigationbottom.gif) left bottom no-repeat;
}
#subnavigation ul,
#subnavigation ul li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
#subnavigation ul li a {
        padding-left: 30px;
        font-size: 0.9em;
}


#language {
        position: absolute;
        right: 45px;
        bottom: 30px;
        z-index: 2;

}

#language img {
        margin: 0px 0px 0px 3px;
        border: none;
}

/*************************** Startseite **************************************/

.linkboxlist {
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        line-height: 1.3em;
        list-style: none;
        text-align: left;
}

.linkboxlist li {
        float: left;
        margin: 0px 20px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 130px;
        font-size: 0.8em;
        line-height: 1.1em;
        color: #999;
}

.linkboxlist a,
.linkboxlist a:hover,
.linkboxlist a:active,
.linkboxlist a:focus {
        display: block;
        height: 130px;
        width: 100%;
        text-indent: -9999px;
        color: #333 !important;
        text-decoration: none;
        line-height: 1.3em;
        border-bottom: none !important;
        background: transparent left top no-repeat;
        overflow: hidden;
}

.linkboxlist span {
        display: block;
}

/*********************** Brennöfen ***********************************************/

.brennofenbild {
        position: absolute;
        top: 50px;
        left: -25px;
        margin: 0px 0px 0px -20px;
}

.detailbox {
        position: absolute;
        background: transparent url(../tpl/box_rside.gif) right top repeat-y;
        overflow: hidden;
}

.box_lside {
        float: left;
        width: 100%;
        background: transparent url(../tpl/box_lside.gif) left top repeat-y;
}

.box_top {
        width: 100%;
        height: 25px;
        background: transparent url(../tpl/box_tlcorner.gif) left top no-repeat;
}

.box_trcorner {
        float: right;
        width: 30px;
        height: 25px;
        background: transparent url(../tpl/box_trcorner.gif) right top no-repeat;
}

.box_bottom {
        width: 100%;
        height: 30px;
        background: transparent url(../tpl/box_blcorner.gif) left bottom no-repeat;
}

.box_brcorner {
        float: right;
        width: 30px;
        height: 30px;
        background: transparent url(../tpl/box_brcorner.gif) right bottom no-repeat;
}

.brennofendaten {
        border: none;
        width: 260px;
        margin: 0px 0px 0px 16px;
        padding: 0px 0px 0px 0px;
}

.brennofendaten td {
        text-align: left !important;
        padding: 0px 5px 0px 5px;
}

.brennofendaten .tableheader {
        padding: 0px 2px 0px 5px;
        background-color: #990000;
        color: white;
        font-weight: bold;
}

.brennofendaten .grey {
        padding: 0px 2px 0px 5px;
        background-color: #E0E0E0;
        color: #333;
}

/******************************* Regelcomputer Blackbox **************************/

#textarea .detailbox p {
        margin: 0px 20px 10px 20px;
}

.detailbox ul {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 20px;
        list-style: square;
}

.detailbox ul li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}


/******************************* Download ****************************************/

#textarea table.brochures {
        padding: 0px
        margin: 0px;
        border: none;
        border-collapse: collapse;
}

#textarea table.brochures td a {
        border: none;
        text-decoration: none;
        color: #888;
        letter-spacing: -0.5px;
}

#textarea table.brochures td a:hover,
#textarea table.brochures td a:active,
#textarea table.brochures td a:focus {
        border: none;
        text-decoration: none;
        color: #990000;
}

#textarea table.brochures tr.even {
        background-color: #F7F7F5;
}

#textarea table.brochures td {
        height: 2em;
        line-height: 2em;
        text-align: left;
}

#textarea table.brochures td.td-0 {
        width: 200px;
        text-align: left;
        color: #888;
}

#textarea table.brochures td.td-1,
#textarea table.brochures td.td-2 {
        width: 120px;
        text-align: left;
}

#map {
        position: relative;
}

#map iframe {
        border: 1px solid #990000;
}

/* --------------------------- Vertriebspartner -------------------------- */

.tx-lumogooglemaps-pi1 .gmap {
        float: left;
        margin-right: 10px;
}

#textarea .tx-lumogooglemaps-pi1 .gmap a {
        border-bottom: none;
}

#textarea .tx_lumogooglemaps_pi1_sidebar {
        float: left;
}

/* -------------------- Filelist ----------------------------------------- */

.filelist {
        width: 450px;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
}

.filelist li {
        margin: 2px 0px 2px 0px;
        padding: 2px 0px 2px 0px;
        line-height: 1.3em;
}

.filelist .description {
        float: left;
        width: 120px;
        margin-right: 10px;
        margin-left: 10px;
}

.filelist .link,
.filelist .filesize {
        width: auto;
        margin-right: 10px;
}

.filelist .filesize {
        color: #AAA;
        font-size: 0.9em;
}

.filelist li.even {
        background-color: #EFEFEF;
}