html{background: #960E12;
font-family:  tahoma, arial, helvetica, sans-serif; 
font-size:82% ;  
line-height:1.4em;  
}

body {
text-align:center;
margin: 0;

padding:0;
}


#content {   
   margin: 0 auto;   width: 100%;   padding: 0px; border:1px solid #A7B114; background: #fff;
   text-align: left; max-width: 990px; }

#content { width:expression(document.body.clientWidth > 992? "990px": "auto" );}

#servicenavigationoben
{margin: 0 auto;max-width: 990px;height:25px;text-align:right;}
#servicenavigationoben {width:expression(document.body.clientWidth > 992? "990px": "auto" );  }

div.right { text-align:right;  }

span.unsichtbar {   position:absolute;  left:-1000px;  top:-1000px;  width:0;  height:0;  overflow:hidden;
  display:inline;   }


ul#snav {   
font-size:83% ; margin-left:auto; margin-top:0; margin-bottom:0; margin-right:0;
    padding: 0;    list-style: none;        text-align:right;  }

ul#snav li {    
        display:block;
        float:right;
        padding: 0;
    margin-left: 1px;        
    /*background-color: #E4E7A8; */
        border-right: 1px solid #fff;
}

ul#snav a { 
    text-decoration: none;  
    padding: 3px 5px;      
    display:block;
    color:#fff; 
    margin:0;
    }

ul#snav a:hover {
  padding: 3px 5px;      
color: #fff; background-color: #3c311f; }

ul#snav li a.activated {
     background-color: #6c711f;
     color: #fff;
     display:block;
     font-weight: bold;
}

#navbar
{
z-index:10;
position:absolute;
width:25%;
max-width: 225px;
padding-top:50px;
padding-bottom:50px;
background-color:#A7B114;
float: left;
background-image:url(../upload/layout/navbar_bottomleiste.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
#navbar {
   width:expression(document.body.clientWidth > 1000? "225px": "auto" );
}

#toplogo
{
height: 90px;
background-image:url(../upload/layout/muench_webdesign_logo.gif);
background-position:right;
background-repeat:no-repeat;}

#topslogan
{
padding-right:12px;
padding-bottom:10px;
text-align:right;
font-size:90%;
color: #444;}

#topbild 
{background-image:url(../upload/layout/topbild.jpg);
background-position:top right;
background-repeat:no-repeat;
text-align:right;
margin:0;
padding:0;
}

.darstellung 
{background: #EDF7F8;
padding:5px;
padding-bottom:15px;
background-image:url(../upload/layout/textbox_bottomleiste.gif);
background-position:bottom right;
background-repeat:no-repeat;
margin-bottom:5px;
}

.darstellung a:hover
{background-color:#C8EBF9; 
}
#rechts
{
position:relative;
width: 25%;
float:right;
margin-bottom:20px;
line-height:1.6em;
}

#mitte
{z-index:1;
position:relative;
width: 44.5%;
background: #fff;
float:left; 
left:25%;
padding:1%;
line-height:1.6em;
color:#666666;
}

#mitterechts
{z-index:1;
position:relative; 
width: 69.5%;
background: #fff;
float:left;
left:25%;
padding:1%;
line-height:1.6em;
color:#666666;
}



#footer { 
    color:#666; 
    background: #F9FCE9;
    padding: 5px 15px;
    border-top: 3px #EEF5D0 solid;
   /* font-size:86%; */
    }

.stopFloat {
    display: block;
    float: none;
    clear: both;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}

/* XXXXXXXXXXXXXXXXXXXXX */
/* rechte Spalte */
/* XXXXXXXXXXXXXXXXXXXXX */
.textboxrechts a {color:#847C01;text-decoration: underline;  letter-spacing: 0.5px;
     text-transform: uppercase; }
     .textboxrechts a:link {color:#847C01; }
     .textboxrechts a:visited {color:#847C01; }
     .textboxrechts a:hover {color:#545452; text-decoration: underline; }
     
a.mail {color:#990000;  text-transform:none !important; text-decoration: underline;  letter-spacing: 0.5px;      }
a.mail:link {color:#990000;  text-transform:none !important;  }
a.mail:visited {color:#990000;   }
a.mail:hover {color:#990000;  text-decoration: underline; }


.startreferenzen a:link{color:#990000; }
.startreferenzen a:visited{color:#990000;}

.textboxrechts 
{background: #E0EEEF;
background: #E6EABD;
padding:9px;
padding-bottom:12px;
/*background-image:url(../upload/layout/startref_bottomleiste.gif);*/
/*background-position:bottom left;*/
/*background-repeat:no-repeat;*/
/*margin-bottom:15px;*/
margin-right:5px;
color:#666666;
}
.startreferenzen{
margin-top: 10px;
background: #E0EEEF; 
background: #E5ECD0;
padding:12px;
padding-bottom:5px;
/*background-image:url(../upload/layout/startref_bottomleiste.gif);*/
/*background-position:bottom left;*/
/*background-repeat:no-repeat;*/

margin-bottom:15px;
margin-right:5px;
}

.startreferenzen h1, .textboxrechts h1 
{font-weight:bold; border-bottom: 1px solid #A7B114; font-size: 100.01%;
margin-bottom:32px;    
     line-height: 1.6em;
     border-bottom: 1px solid #ccc;
     padding:0;   
      line-height: 1.3em;
     margin: 0;
     padding: 0 0 3px 0;
     color: #899206;
     font-weight: normal;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:  "arial narrow", Arial, Sans-serif;     
    }

.bild {float:left; border-color:#f00; padding-right: 20px;}

.unterschrift {font-style:italic;background-color:#FFF;width:200px;text-align:left;position:relative;top:-10px;}
#mitte .preis {font-style:italic;background-color:#FFF;width:200px;text-align:left;position:relative;top:-10px;}

.preise {font-style:italic; font-weight:bold; font-size:110%; font-color:#c00;}

span.preis {
   font-color:#c00;
   }


/* XXXXXXXXXXXXXXXXXXXXX */
/* Schriftauszeichnungen */
/* XXXXXXXXXXXXXXXXXXXXX */

/* Bereich Schriftgröße ändern */

.navhead {
    margin:10px 0;
    font-weight:bold;
}

.navitems a 
{    color:#444; 
    padding:5px;
    margin-bottom:35px;
}







/*             XXXXXXXXXXXXXXXXXXXXX             */
/*             Ueberschriften                    */
/*             XXXXXXXXXXXXXXXXXXXXX             */
h1.content {
     margin-bottom:32px;    
     line-height: 1.6em;
     border-bottom: 1px solid #ccc;
     padding:0;   
     line-height: 1.3em;
     margin: 0;
     padding: 0 0 3px 0;
     color: #899206;
     font-weight: normal;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:  "arial narrow", Arial, Sans-serif;

}

h1.textboxr_ueberschr {

    background-color:#fff;
    margin-bottom:10px;
    margin-top:20px;
    font-size: 100.01%;
     /*   border-bottom: 1px solid #330066; */
    padding-left:5px;
    letter-spacing: 1px;
     text-transform: uppercase;
     font-family:  "arial narrow", Arial, Sans-serif;
}
#mitte h1, #mitterechts h1 {
 margin-top:32px; 
     font-size: 130%;
     font-weight:bold;}
     
#mitte h2  {
     font-size: 110%;
     font-weight:bold;}
     
.artikelliste h2 a:link, .artikelliste h2 a:visited {
     font-weight: bold;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:  "arial narrow", Arial, Sans-serif; 
     color: #899206 !important;
}
.artikelliste p{margin-bottom: 30px;}
h2 {font-size:105%; }

.refinhalt h2 {

     color: #959E13;
     font-size: 110%;
     font-weight:bold;
}
.refinhalt h3 { 

     color: #959E13;
     font-size: 100%;
     font-weight:bold;
     display:inline;
}

.greenbox h2 {

     color: #000;
     font-size: 170%;
     font-weight:bold;
}
.greenbox h3 { 

     color: #000;
     font-size: 100%;
     font-weight:bold;
     display:inline;
}


.refinhalt b {
     color: #828B07;     
}

#mitte b {
     color: #828B07;     
}

#mitte li, #mitterechts li { list-style-image:url("../images/navi_pfeil_rechts.gif"); 
list-style-position:outside; margin:5px 0;}

/* #mitte ul li {list-style-image:url(../upload/layout/liste.gif;} */

/* neue Hilfsnavi mit liste s. www.x28.de/upload/mod/servicenav_1.css */
/* List Element für hilfsnavigation */
/* Bei der Ausgabe setzt sich der Style aus snav und activated bzw inactive zusammen! */


#servicenavigation
{
float:right;
position:relative;
right:0px;
height:25px;
margin-left:auto; margin-right:0;
margin-top:0;
padding:0;
width:500px;
background-color: #e6E7A8;
*/font-size:80% ; */ 
/* width:100%;float:right; */
}

#mitte a, #mitterechts a, .textboxrechts a{color:#800000;}

.textboxrechts ul{padding: 0px 15px;}
.textboxrechts li { list-style-image:url("../images/navi_pfeil_rechts.gif");padding: 3px 0;border-bottom: 1px dotted #BABF83; }

.input_searchbox {
    width:120px;
    vertical-align:middle;
    color: rgb(62,77,116);        
}

#searchbox{ 
        padding-top:5px;
        padding-left:8px;
}

#searchbox a{   
        font-size:80%;
}

.label_searchbox {
    vertical-align:middle;
    color:#9d9ea2;
    position:relative;
    padding-left:20px;  
}


.validator {margin:0; padding:0; display:inline; text-align:right; }

/* sitemapstyles */
#sitemap ul {
margin:0;
padding:0;
color: #0f0;
}
#mitte.sitemap ul li ul{
     margin:0px;
     padding:0px;
}

.sitemap ul  {text-decoration:none;}
.sitemap ul li a{color: #0f0; }
.sitemap ul  li ul li a{color: #808; }


#refbox {
     width:100%;
     background:url("../upload/referenzen/ol.gif") no-repeat;
     background-position:top left; 
     padding: 0px 10px 10px 10px;  
}


.ro {
    background:url("../upload/referenzen/or.gif") top right no-repeat;
    margin:0;
    padding:0;
}
.ro1 {
    background:url("../upload/referenzen/or.gif") top right no-repeat;
    margin:0;
background-color: #e6E7A8;
    padding:0;
}


.lo {
    background:url("../upload/referenzen/ol.gif") top left no-repeat;
    margin:0;
    padding:0;
}


.ru {
    background:url("../upload/referenzen/ur.gif") bottom right no-repeat;
    margin:0;
    padding:0;
}

.lu {
    background:url("../upload/referenzen/ul.gif") bottom left no-repeat;
    margin:0;
    padding:0;
}

.refinhalt {
    margin:0;
    padding:1px 0.5em 0.5em 0.5em;
}
.greenbox {
    margin:0;

    padding:1px 0.5em 0.5em 0.5em;
}

.suchergebnis {padding-top: 0.8em;

padding-bottom: 0.8em;
border-bottom: 1px solid #A7B114;}


/* sliding door buttons */



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(../upload/layout/bg_button_a.gif) no-repeat scroll top right;
    color: #737A05 !important;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}


a.button span {
    background: transparent url(../upload/layout/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #737A05 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}









/*             XXXXXXXXXXXXXXXXXXXXX             */
/*             Hauptnavigation                   */
/*             XXXXXXXXXXXXXXXXXXXXX             */

#mainnav {
    background-color:   #A7B114;
    font-size:          0.9em;
    margin-bottom:      25px;
}

#navbar ul {
    list-style:         none;
    margin:             0;
    padding:            1px 0 0 0;
    background:         url(../upload/layout/punkt_weiss.gif) repeat-x top left;
}

#navbar ul li {
    margin:             0;
    padding:            0;
}

#navbar ul ul {
    background-color:   #BFC842;
    background-image:   none;        
}

#navbar ul ul ul {
    background-color:   #DCE09F;

}

#navbar ul ul ul ul {
    background-color:   #DCE09F;
color:#000;
}





#navbar a,
#navbar a:link,
#navbar a:active,
#navbar a:visited {
    display:            block;
    padding:            5px 10px 5px 12px;
    color:              #fff;
    text-decoration:    none;
    background:         url(../upload/layout/punkt_weiss.gif) repeat-x;
    background-position:bottom left;
}

#navbar li.activated a,
#navbar li.activated a:link,
#navbar li.activated a:active,
#navbar li.activated a:visited {
    border-right:       none;
background-color:   #960E12;
}







#navbar ul li a:hover,
#navbar li.last a:hover {
    background-color:   #960E12; 
        color:          #fff;
}

#navbar ul li ul li a:hover,
#navbar ul li ul li.last a:hover {
    background-color:   #960E12;
        color:          #fff;

}

#navbar  ul ul li a,
#navbar  ul ul li a:link,
#navbar  ul ul li a:active,
#navbar  ul ul li a:visited {
    padding:            5px 10px 5px 20px;
    background:         url(../upload/layout/punkt_weiss.gif) repeat-x;
    background-position:20px bottom;
color:#000;
}
#navbar  ul ul ul li a,
#navbar  ul ul ul li a:link,
#navbar  ul ul ul li a:active,
#navbar  ul ul ul li a:visited {
    padding:            5px 10px 5px 30px;
    background:         url(../upload/layout/punkt_weiss.gif) repeat-x;
    background-position:20px bottom;
color:#000;
}


#mainnav ul ul ul ul li a:hover {
    background-color:   #960E123;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {

   
margin-bottom: 55px;   
width:400px;
}
#contactForm .contactRow {
    margin:14px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:100px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:296px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:293px;
}

#contactForm .contactRow input {
    height:14px;
     color:#960e12;
}

#contactForm .contactRow textarea {



    height:105px;
   color:#960e12;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 0px;
}

#contactFormSubmit{margin-left:100px;}

#contactFormSubmit #contactFormSubmitLeft {
  
   float:left;
   margin:0 0 0 0px;
   width:100px;
}

#contactFormSubmit #contactFormSubmitRight {
    
     float:right;
   width:100px;
   margin:0 0 0 0px;
    
}


#contactFormSubmit #contactFormSubmitRight input {
background-color:#fff;
     color:#960e12;
    padding:0 20px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
background-color:#fff;
   color:#960e12;
    padding:0 20px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:left;
    margin:0;
}


#contactForm table { 
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}