body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
        xxxheight:100%;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial,Helvetica,Verdana,Tahoma,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	xxxoverflow:auto;
}


#outside {
        margin:auto;
        width:944px;
        height:100%;
}

#preload1 {
      display: hidden;
      background-image: url(mm01_high.jpg);
}

#preload2 {
      display: hidden;
      background-image: url(mm02_high.jpg);
}

#preload3 {
      display: hidden;
      background-image: url(mm03_high.jpg);
}

#preload4 {
      display: hidden;
      background-image: url(mm04_high.jpg);
}

#service_container {
       position:relative;
       line-height:normal;
       left:0px;
       top:105px;
       margin:0px;
       padding:0px;
       width:944px;
       height:30px;
       display:block;
       clear:both;
       z-index:2;
}

#service_container a {
      font-size:11px;
}

#main_content_container {
       position:relative;
       left:0px;
       xxxxtop:80px;      
       top:110px;
       z-index:1;
       

}


html>body #outer{ height:auto; }

.footer {
        width:448px;
        height:12px;
        text-align:right;
}

.pdfcss
{
       display: block;
}

#smalltext, #smalltext p {
       font-size:9px;
       line-height:12px;
}


/***********
* Header and Logo
************/
#header{
	position:absolute;
	top:0;
	xxleft:0px;
	width:944px;
	height:88px;
	color:#000000;
	background-color:#FFFFFF;
	z-index:5;
}

#logo
{
 position:absolute;
 width: 166px;
 left:712px; 
 margin-top:16px;
 z-index:12;
 overflow: hidden;
}

.logo_text {
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
        color:#000000;
	font-size:9px;
        font-weight:bold;
        text-align:left;

}

/***********
* TOP-Servicebox
************/

.merkzettel {
        position:absolute;
        width:70px;
        top:10px;
        left: 468px;
}

.merkzettel a {
	color:rgb(0,0,0);
	font-size:10px;
}

.merkzettel a:hover {
	color:rgb(0,0,0);
	text-decoration:none;
}

xxx_xx.tx-hhtseitemerken-pi1 a {
        color:rgb(0,0,0);
}


.assistentLink2 {
        position:absolute;
        top:10px;
        left: 398px;
        z-index:99;
}

.assistentLink2 a {
        color: #000000;
}

.assistentLink2 a:hover {
        color: #ff0000;
}

#printbutton {
        position:absolute;
        top:10px;
        left:712px;
        xxleft: 248px;
}

#printbutton a {
        color:rgb(0,0,0);
}

#printbutton a:hover {
        color:#000000;
}

/***********
* neuer PDF-Button
***********/

.pagepdf {
        position:absolute;
        top:7px;
        left:600px;
        height:20px;
        line-height:20px;

}

.pagepdf a {
        height:20px;
        line-height:20px;
        color:#000000;
        font-size:11px;
}

.pdfbutton {
        position:absolute;
        top:10px;
        left: 323px;
        height:20px;
        line-height:normal;
}



.pdfbutton {
        position:absolute;
        top:10px;
        left: 323px;
}

.pdfbutton a {
        color:rgb(0,0,0);
}
.pdfbutton a:hover {
        color:#000000;
}

/***********
* Contentbereich
************/

#centrecontent {
	border-left:9px solid #ffffff;
	border-right:0px;
	width:455px;
}


/***********
* Styles über den mittleren und den rechten Bereich
* main_right für Tabellen und Text
* main_pic_right und folgend für Text mit linksbündigem Bild rechts
************/


#main_right {
        position:relative;
        width:696px;
        z-index:12;
}

#main_right_line_after {
        position:relative;
        xxxwidth:696px;
        width:700px;
        border-bottom:1px solid #B4AA8C;
        z-index:12;
}

#main_pic_right {
        position:relative;
        width:696px;
        margin:0px;
        padding:0px;
        z-index:11;
}

#main_pic_right div.csc-textpic-text {
        width:455px;
}

#main_pic_right div.csc-textpic-imagewrap {
        position:absolute;
        left:462px;
        width:232px;
}

#pics_only_main_right {
        position:relative;
        width:696px;
        margin:0px;
        padding:0px;
        z-index:11;
}

#pics_only_main_right a.internal-link {
        background-image:none;
        background-position:0% 0%;
        padding-right:0px;
}


/***********
* Karten
************/


.tx-mlmaps-pi1 p {
       margin: 12px;
}

.tx-mlmaps-layer p {
  font-weight: bold;
  color: #000000;
  margin:10px;
  text-align:left;
}

.marker-layer {
  background-color: #ffffff;
  border: 1px solid black;
  /* for IE */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}


.marker-layer p {
  font-weight: bold;
  color: #000000;
}


/***********
* Kontakt Handerk und Vertrieb 
************/

td.first_column {
        width:35%;
}

td.last_column {
        width:40%;
}



/***********
* Images 
************/

img{
        border:0px;
}

#mainkat_image {
        position:absolute;
        top:0px;
        left:0px;
        xtext-align:left;
        width:225px;
        height:30px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
        border:1px solid black;
        padding:0;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0; padding-bottom:6px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:0; padding-bottom: 6px; display:block;}

/***********
* Additional Navi 
************/

#bottomnavi {
	text-align:center;
	color:rgb(169,26,49);
        font-size:11px; 
}

#additionalnavi {
	float:right;
	background-color:#ff0000;
	margin-top:0px;
	padding-bottom:2px;
	padding-top:3px;
	margin-left:0px;
	text-align:right;
	width:240px;
	color:rgb(218,218,218);
}

input, select {
  border:1px solid #B4AA8C;
}

/***********
* Suche
************/

.search {
        position:absolute;
        top:4px;
        left:800px;
        xxleft:710px;
        xxleft: 553px;
        width:160px;
        font-size:10px;
        height:22px;
        xxline-height:normal;
        vertical-align:left;

}

.suchen {
        xxbackground-color:#999999;  
}


.csc-searchform {
   display:none;
   width:0px;
}


.suchen .input_but {
  margin:0px;
  border:1px solid #B4AA8C;
}

.submit_but {
  border:none;
  background-color:#ffffff;
  font-size:10px;
}

.suchen .csc-form-label-req {
        display:none;
        float:left;

}

.csc-form-label {
        float:right;
        clear:both;
}

p.csc-form-label-req {
        height:0px;
}

p.csc-form-label {
        height:0px;
}

/***********
* mailform 
************/


.mail_form,.csc-mailform {
     width:100%;
     height:540px;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     border: 1px solid #B4AA8C;
     background-color:#DCD7C3;
}




#formlabel {
     float:left;
     width:100px;
}

#form-spacer {
       height:16px;
       padding-left:22px;
}


#mailformIhre_Nachricht {
       border:1px solid #B4AA8C;
}

.csc-mailform-field {
       line-height:16px;
}

.csc-mailform-check {
    float:left;
}

#labelcheck {
    position:relative;
    left:22px;
    clear:both;
}

.csc-mailform-check input {
    border:1px solid #B4AA8C;
}

#mailformClaytec_Lehmjournal {
    position:relative;
    top:-18px;

}

#mailformCLAYTEC_Architektenmappe {
    position:relative;
    top:-18px;
    clear:both;
}

#mailformaktuelle_Produktbersicht {
    position:relative;
    top:-18px;
    clear:both;
}


.csc-mailform-submit {
    clear:both;
}

#mailbut_send {
    float:left;
    position:relative;
    top:4px;
}

#mailbut_delete {
    position:absolute;
    left:260px;
}


/***********
* Sitemap
************/

.csc-frame {
        padding-left:12px;
}

.csc-sitemap {
        padding-left:12px;
}

xxxx.csc-sitemap ul {
        list-style:none;
        margin:0px;
        padding-left:0px;
}

xxxx.csc-sitemap ul ul {
        padding-left:20px;
        list-style:none;
}

xxx.csc-sitemap ul ul ul {
        padding-left:20px;
        list-style:none;

}

xxxx.csc-sitemap ul ul ul ul {
        padding-left:20px;
        list-style:none;
}

.csc-sitemap ul li a {
        display:block;
        width: 400px;
        color:#FFFFFF;
        font-weight:bold;
        background-color:#B4AA8C;        
        line-height:24px;
        padding-left:4px;
        border-top:2px solid #FFFFFF;
        border-bottom:2px solid #FFFFFF;
                
}


.csc-sitemap ul ul li a {
        display:block;
        width: 380px;
        color:#000000;
        font-weight:normal;
        background-color:#FFFFFF;
        line-height:16px;
        border-bottom:1px solid #7D785F;
}

.csc-sitemap ul ul ul li a {
        display:block;
        color:#787878;
        width: 360px;
        background-color:#FFFFFF;
        line-height:16px;
        border-bottom:1px solid #B4AA8C;
        
        border-left:8px solid #ffffff;
}

.csc-sitemap ul ul ul li a:hover {
        color:#000000;
}

.csc-sitemap ul ul ul ul li a {
        display:block;
        color:#B4AA8C;
        width: 340px;
        background-color:#FFFFFF;
        line-height:16px;
        border-bottom:1px solid #FFFFFF;
        
        padding-left:16px;
        
}

.csc-sitemap ul ul ul ul li a:hover {
        color:#7D785F;
}

ul.csc-menu-1 {
        list-style:none;
        margin:0px;
        padding-left:12px;
}

ul.csc-menu-1 li a {
        color:#FFFFFF;
        display:block;
        width: 400px;
        background-color:#B4AA8C;
        font-weight:bold;
        line-height:24px;
        padding-left:4px;
        border-top:2px solid #FFFFFF;
        border-bottom:2px solid #FFFFFF;
}