/* ----------------------------------------------------------------
        CSS: mtm-baustoffe
        Version: 1.4
        www.florian-diederich.de
        Date: 6.09.2010
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
        margin:0px; padding:0px;
        text-align:left;
        color:#424242;
        font-size:101%;
        font-family:Arial, Helvetica, sans-serif;
        background: #d6d1c6  url("images/page-bg.jpg") repeat-x center top;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #bbb292;
scrollbar-darkshadow-color: #bbb292;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #bbb292;
scrollbar-track-color: #ffffff;
overflow-x:hidden;
}



/* global */

a {color:#b56618;text-decoration:none}
a:hover {text-decoration:underline}

p  {padding-bottom:1.0em; }

img {border:0px}

h1 {color:#fff}

/* positioning-layers */

#overall {
        position:absolute;
            top: 0;
            left: 50%;
        margin-left: -497px;
        margin-top:0px;
        width: 1090px;;
        height:722px;
           min-width:inherit;
        max-width:none;
        background:transparent;
}


#header {
        float:left;
        height:168px;
        width: 994px;
width:1090px;
}

#header #topheader {
        height:115px;
        width:1090px;
        float:left;
}

#header #logo {
        float:left;
        height:auto;
        width:auto;
}

#header #suche {
        float:right;
}

#header #subheader {
        float:left;
        height:52px;
        width:994px;
width:1090px;
}


#header #navi {
        float:left;
        height:52px;
        font-size:12px;
}

#header #navi ul {
        margin-top:25px;
        list-style:none;
        margin-left:-15px;
        width:348px;
width:352px;
}

#header #navi ul li {
        list-style:none;
        float:left;        
	margin-left:15px;
}

#header #navi ul li.act {
        list-style:none;
        float:left;
        border-bottom:8px solid #bbb292;
}

#header #navi ul li:hover {
        border-bottom:8px solid #bbb292;
}

#header #navi ul li a {
        font-weight:normal;
        color:#000000;
}

#header #navi ul li a:hover {
        text-decoration:none;
}

#header #navi ul li.act a {
        float:left;
        font-weight:bold;
}




#header #subheader h1.header-left {
        padding-left:8px;
        padding-top:7px;
        font-size:12px;
        width:423px;
width:333px;
        color:#000000;
        height:45px;
        float:left;
        background: url("images/subheader-bg-left.gif") bottom left no-repeat;

}

#header #subheader h1.header-left a {color:#000000}

#header #subheader h1.header-right {
        margin-left:20px;
        padding-left:27px;
        padding-top:7px;
        font-size:12px;
        width:174px;
        color:#000000;
        height:45px;
        float:right;
        background: url("images/subheader-bg-right.gif") bottom left no-repeat;
}

#header #subheader h1.header-right a {color:#000000}


#main {
        float:left;
	width:1090px;
	height:553px;
}

#footer {
        float:left;
        width:994px;
width:1090px;
        text-align:right;
        padding-top:5px;
        float:left;
        font-size:11px;
}

#footer a {
        color:#000000;
}

/* Inhalte */

/* left - linke Spalte */

#left {
        float:left;
        width:332px;
        height:402px;
        margin-top:17px;
        margin-left:8px;
}

#left .label {
         padding-bottom:11px;
}

#left .label img {border:0px;}

#left .csc-textpic-clear {
        float:left;
        height:5px;
        width:423px;
}



/* Mouseover effekt trotz customscrollbar */

#left .csc-textpic  dd.csc-textpic-caption {display:none;}
#left .csc-textpic:hover dd.csc-textpic-caption {
        display:block;
        z-index:8000;
        float:left;
        width: 146px;
        height:70px;
        margin-top:-80px;
        margin-left:150px;
        border:1px solid #808080;
        font-size:11px;
        background:white;
        padding:5px;
}


#right {
        float:right;
margin-top:1px;
        border:0px solid green;
        width:202px;
        height:402px;
height:539px;
        background: transparent  url("images/center-bg.png") 0px 1px;
}

#right #content-right {
        font-size:70%;
        margin-left:10px;
        margin-right:10px;
        margin-top:20px;
        margin-bottom:5px;
}

#right ul {padding-bottom:1em}

#right ul li {margin-left:15px}


#right #content-right h1 {
        font-weight:normal;
        color:#000;
        font-size:18px;
        margin-bottom:10px;
}

#right #content-right img {
        padding-left:19px;
        padding-bottom:12px;
        border:0px;
}

#right #content-right td.csc-uploads-fileName {border-bottom:1px solid #808080;}
#right #content-right td.csc-uploads-fileName p {padding-bottom:0.5em;float:left; padding-right:2px;}


#right .csc-textpic  dd.csc-textpic-caption {display:none;}
#right .csc-textpic:hover dd.csc-textpic-caption {
        display:block;
        z-index:8000;
/*        position:fixed;
        top:180px;
        left:930px;
        margin-left:160px;
        font-size:11px;
        background:transparent;
        padding:5px;*/
}

#right .csc-textpic:hover dd.csc-textpic-caption a {display:block;clear:both;}

#right .csc-textpic:hover dd.csc-textpic-caption #p-navi1 {
        display:block;
        z-index:8000;
        position:fixed;
        top:180px;
        left:930px;
        width:145px;
        margin-left:160px;
        font-size:11px;
        background:transparent url("images/p-navi-bg1.png") top left no-repeat;
        padding:5px;
}

#right .csc-textpic:hover dd.csc-textpic-caption #p-navi1 a {padding-left:50px;}

#right .csc-textpic:hover dd.csc-textpic-caption #p-navi2 {
        display:block;
        z-index:8000;
        position:fixed;
        top:283px;
        left:930px;
        margin-left:160px;
        font-size:11px;
        background:transparent url("images/p-navi-bg2.png") top left no-repeat;
        padding:5px;
}


#right .csc-textpic:hover dd.csc-textpic-caption #p-navi2 a {padding-left:50px;}

#right #trenner {
        width:182px;
        height:13px;
        background: url("images/line.gif") top left no-repeat;
}

/* center  - mittlere Spalte */

#center  {
        float:left;
margin-top:1px;
width:492px;
height:539px;
        background: transparent  url("images/center-bg.png") 0px 1px ;
}

#center #content {
        font-size:70%;
        margin-left:10px;
        margin-right:10px;
        margin-top:20px;
        margin-bottom:5px;
        height:356px;
height:509px;
        overflow:auto;
overflow-x:hidden;
}

#center #content h1 {
        font-weight:normal;
        color:#000;
        font-size:18px;
        margin-bottom:10px;
}

#center #trenner {
        width:472px;
        height:13px;
        background: url("images/line.gif") top left repeat-x;
}

/* Downloadlisten */
#center #content  td.csc-uploads-fileName {border-bottom:1px solid #808080;}
#center #content  td.csc-uploads-fileName p {padding-bottom:0.5em;float:left; padding-right:2px;}

#center #content h1.csc-firstHeader {}
#center #content h2 {}
#center #content p {}
#center #content ul {margin-left:17px;padding-bottom:1em}
#center #content ol {margin-left:20px;}
#center #content img {}
#center #content .tx-flvplayer2-pi1 {
        border:1px solid white;
        width:260px;
}


/* Textpic */
#center #content .csc-textpic {
        float:left
}

/* typo3 klassen für text-mit-bild ?bernehmen */

#center #content dl.csc-textpic-image {}
#center #content  .csc-textpic  h2 {}

/* im Text rechts */
#center #content  .csc-textpic-intext-right .csc-textpic-imagewrap {}
#center #content  .csc-textpic-intext-right .csc-textpic-imagewrap dt img {}
#center #content  .csc-textpic-intext-right .csc-textpic-text  {}


/* im text links */
#center #content  .csc-textpic-intext-left .csc-textpic-imagewrap {}
#center #content  .csc-textpic-intext-left .csc-textpic-imagewrap dt img {}
#center #content  .csc-textpic-intext-left .csc-textpic-text  {}


/* Formular */
#center #content .csc-mailform {
        border:0px
}

#center #content .csc-mailform-field{
}

#center #content .csc-mailform-field label {
        float:left;
        width:100px;
}

#center #content .csc-mailform-field input, textarea {
        border:0px;
        margin-top:5px;
        border:1px solid #cccccc;
}

#center #content .csc-mailform-field input#mailform {

}


#center #content .csc-mailform-field text {
        width:150px;
}


#center #content .csc-mailform-field textarea {
        width:218px;
}

#center #content .csc-mailform-field input#mailform {
        margin-left:80px;
}


#center #content .csc-mailform-field input.csc-mailform-submit {padding:4px;}


/* subcontent - Infoboxen */
#center #subcontent {
        float:left;
        margin:10px;
        margin-top:0px;
        font-size:70%;
}
#center #subcontent #content-trenner {}
#center #subcontent  h1 {
        font-weight:normal;
        color:#000;
        font-size:18px;
        margin-bottom:10px;
}
#center #subcontent  h6 {}
#center #subcontent h2 {}
#center #subcontent  p {}


/* footer */

#center #footer {
        margin-top:30px;
        color:#b56618;
        width:560px;
        float:left;
        line-height:18px;
        margin-left:40px;
        border-top:1px solid #fff;
        text-align:center;
        font-size:10px;
        text-transform:uppercase;
}





/* sitemap */

dl.csc-menu  dt a {
        color:#e79824;
        font-weight:bold;
}

dl.csc-menu  dd  {
        font-style:italic;
        padding-bottom:10px;
        margin-bottom:10px;
        background: url("images/content-bg.gif") no-repeat bottom left;
}

dl.csc-menu  dd a {
        color:#e79824;
}



/* Suche */

#header #suche {
        float:right;
        margin-right:25px;
        margin-top:50px;
        width:152px;
        height:24px;
        color:#666666;
        font-family:Verdana, Helvetica, Arial, sans-serif;
        background:transparent ;
        border:0px solid #999999;
        background: url("images/suche-bg.gif") no-repeat 0px 2px;
}

#header #suche .textbox  {
        position:relative; top:-15px; left:0px;
        float:left;
        width:113px;
        line-height:15px;
        margin:0px; margin-left:3px; padding:0px;
        font-size:100%;
        font-family:Arial, Helvetica, sans-serif;
        color:#666666;
        background-color:transparent;
        border:0px;
        font-size:11px;
}

#header #suche .submit {
        float:right;
        position:relative; top:5px; left:0px;
        margin:0px; padding:0px;
        width:38px;
        height:19px;
}


#center #content td.csc-searchResultRange {padding-right:10px;}
#center #content td.csc-searchResultPrevNext  a {        color:#e79824;}
#center #content h3.csc-searchResultHeader a {        color:#e79824;}
#center #content table.csc-searchform td {height:30px;}

#center #content p.csc-searchResult {
        padding-bottom:10px;
        margin-bottom:10px;
        background: url("images/content-bg.gif") no-repeat bottom left;
}

#center #content td.csc-form-labelcell {width:120px;}
#center #content td.csc-form-fieldcell input {margin-top:5px;border:1px solid white}



#yymenu a {
                        background-color:#bbb292;
                        border-bottom:1px dotted #ffffff;
                        color:#ffffff;
                        display:block;
                        font-family:Arial,Helvetica,Geneva,SunSans-Regular;
                        font-size:11px;
                        font-weight:normal;
                        margin:0px;
                        padding:4px;
                        text-decoration:none;
                }
                #yymenu a.last {
                        border-style:none;
                }
                #yymenu {
                        background-color:#ffffff;
                }
                #yymenu > div {
                }
                #yymenu a:hover {
                        background-color:#f7f7f7;
                        color:#000000;
                        border-bottom:1px dotted #bbb292;
                }
                #yymenu .mmContent div.mmlink a.submenu:hover {
                }
                #yymenu .mmLevel1, #yymenu .mmLevel2 {
                        border-top:1px dotted #c5c5c5;
                        margin-bottom:10px;
                        padding-top:0px;
                }


#yymenu .mmLevel2 {
position:absolute;
top:-20px;
left:0px;

}

                #yymenu .sub {
                        background-image:url(../../images/ypmenu_pfeilg.gif);
                        background-position:right center;
                        background-repeat:no-repeat;
	border:1px solid green;
                }
                #yymenu .mmContent {
                }
                #yymenu .mmLevel1 {
                }