/*
FARBEN
schrift allgemein:      #142D1B
violett:                #814E79
grün-pastell:           #D6EDD1
orange                  #D8966E
*/


/******************************************************************************
NEGATIONEN/DEFAULTWERTE/ALLGEMEINE DEFINITIONEN V. ELEMENTEN
******************************************************************************/
html {
    font-size: 62.5%;    
    line-height: 1.3em;
    overflow: visible;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead 
{
    border:             0 none;
    font-style:         normal;
    font-weight:        normal;
    margin:             0;
    outline-style:      none;
    outline-width:      0;
    padding:            0;
    text-decoration:    none;
    list-style-type:    none;
}


/*body*/
body
{ 
    font-family:        verdana, arial, sans-serif; 
    color:              #3A3531;
    overflow:           visible !important;
}


ul, li { background: transparent none repeat scroll 0 0; }


h1, h2, h3, h4, h5 {
    background:         none repeat scroll 0 0;
    font-family:        verdana,arial,helvetica,sans-serif;
    font-size:          1em;
    font-size-adjust:   none;
    font-stretch:       normal;
    font-style:         normal;
    font-variant:       normal;
    font-weight:        bold;
    line-height:        normal;
    padding-bottom:     6px;
}

h5 { font-size: 0.8em; }

h4 { font-size: 0.9em; }

h3 { font-size: 1em; }

h2 { font-size: 1.2em; }

h1 { font-size: 1.3em; }


/******************************************************************************
LAYOUT
******************************************************************************/
#site_bground { 
    width:                  997px; 
    margin:                 0 auto; 
    position:               relative;
    top:                    5px; 
    padding:                0px; 
    overflow:               visible;
}


/*
#site_head, #site_body, #site_fuss { background-color: #F9F3DC; }
*/

#site_head { 
    background-color:       #ffffff;
    overflow:               auto; 
}

#site_head_left, #site_head_center, #site_head_right, #site_head_center_right, #site_head_center_left {
    height:                 119px;
}

#site_head_left {
    float:                  left;
    width:                  24px;
}

#site_head_center {
    float:                  left;
}


#site_head_center_left { 
    float:                  left; 
    width:                  206px; 
}

/* logo */
#site_head_center_left img { 
    position:               relative; 
    top:                    14px; 
}

#site_head_center_right { float: left; width: 730px; }

#site_head_center_right_inner { float: right; padding: 19px 0px 0px 0px; display: none; }


#site_head_right {
    float:                  right;
    width:                  24px;
}



#site_body {
    clear:                  both;  
    background-color:       #ffffff;
    overflow:               visible;
    min-height:             360px;
}

#site_body_left { 
    width:                  222px; 
    float:                  left; 
    padding:                0px 0px 30px 9px;
    display:                none;
}


#site_body_center { 
    padding:                0px 0px 0px 0px; 
    font-size:              1.3em; 
    line-height:            1.3em; 
    width:                  680px;
    overflow:               visible;
}


#site_body_center_top {
    overflow:               auto; 
    display:                none;
}

#body_top_left, #body_top_center, #body_top_right {
    height:                 170px;
    float:                  left;
    border-left:            1px solid #ffffff;
    background-color:       #504943;
}


#body_top_left img, #body_top_center img, #body_top_right img {
    float:                  left;
    margin:                 0px;
    padding:                0px;
}


#body_top_left {
    width:                  256px;
}

#body_top_left img {
    width:                  256px;
    height:                 170px;
}


#body_top_center {
    width:                  256px;
}

#body_top_center div {
    color:                  #ffffff;
    text-align:             center; 
    padding-top:            35px;
    font-family:            times, serif;
    font-size:              1.5em;
    font-style:             italic;
    line-height:            1.2em;
}


#body_top_right {
    width:                  240px;
}


#site_body_center_content {
    padding:                40px 40px 0px 26px;
    overflow:               visible;
}


#site_body_center_content ol {
    list-style-type:        auto;
    padding:                auto;
}



#site_fuss { 
    overflow:               auto; 
    background-color:       #ffffff;
    background-image:       url(../images/site_bg_fuss_center.gif); 
    background-repeat:      repeat-x; 
    background-position:    bottom; 
}

#site_fuss_left, #site_fuss_center, #site_fuss_right {
    height:                 144px;
}

#site_fuss_left {
    float:                  left;
    width:                  231px;
    background-image:       url(../images/site_bg_fuss_left3.gif); 
    background-repeat:      no-repeat; 
    background-position:    bottom left; 
    display:                none;
}


#site_fuss_center {
    float:                  left;
    background-image:       url(../images/site_footer_tischlermeister.gif); 
    background-repeat:      no-repeat; 
    background-position:    right top; 
    width:                  728px;
}


#site_fuss_center_inner {
    text-align:             left;
    padding:                111px 0px 0px 0px;
    color:                  #5E5E5E;
    font-size:              1.1em;
}


#site_fuss_right {
    float:                  right;
    width:                  24px;
    background-image:       url(../images/site_bg_fuss_right.gif); 
    background-repeat:      no-repeat; 
    background-position:    bottom left; 
}


/******************************************************************************
MODUL ARTIKELTEXT
******************************************************************************/
.sglArtHeadline { font-weight: bold; font-size: 1.1em; }
.sglArtHull     {  }
.dblArtInner    { float: left; width: 345px; }
.dblArtHull     { overflow: auto; margin-top: 30px; }
.tabelle td     { vertical-align: top; }
table.tabelle2  { width: 41em; }
.tabelle2 td    { vertical-align: top; }


/******************************************************************************
TEXTE
******************************************************************************/
.text_normal_sehr_klein        { font-size: 0.8em;  font-style:normal; text-decoration:none;                      }
.text_normal_sehr_klein_fett   { font-size: 0.8em;  font-style:normal; text-decoration:none;  font-weight: bold; }
.text_normal_sehr_klein_kursiv { font-size: 0.8em;  font-style:italic; text-decoration:none;                      }
.text_normal_sehr_klein_weiss  { font-size: 0.8em;  font-style:normal; text-decoration:none;  color:#ffffff;                    }

.text_normal_klein        { font-size: 0.9em;  font-style:normal; text-decoration:none;                      }
.text_normal_klein_fett   { font-size: 0.9em;  font-style:normal; text-decoration:none;   font-weight: bold; }
.text_normal_klein_kursiv { font-size: 0.9em;  font-style:italic; text-decoration:none;                      }
.text_normal_klein_weiss  { font-size: 0.9em;  font-style:normal; text-decoration:none;  color:#ffffff;                    }
.text_normal_klein_gruen  { font-size: 0.9em;  font-style:normal; text-decoration:none;  color:#429E19; font-weight: bold; }

.text_normal              { font-size: 1em;  font-style:normal; text-decoration:none;                      }
.text_normal_fett         { font-size: 1em;  font-style:normal; text-decoration:none;   font-weight: bold; }
.text_normal_kursiv       { font-size: 1em;  font-style:italic; text-decoration:none;                      }
.text_normal_weiss        { font-size: 1em;  font-style:normal; text-decoration:none;  color:#ffffff;                    }
.text_normal_rot          { font-size: 1em;  font-style:normal; text-decoration:none;  color:#FF3C00; font-weight: bold; }
.text_normal_gruen        { font-size: 1em;  font-style:normal; text-decoration:none;  color:#429E19; font-weight: bold; }

.text_normal_mittel       { font-size: 1.1em; font-style:normal; text-decoration:none;                      }
.text_normal_mittel_fett  { font-size: 1.1em; font-style:normal; text-decoration:none;   font-weight: bold; }
.text_normal_mittel_kursiv{ font-size: 1.1em; font-style:italic; text-decoration:none;                      }
.text_normal_mittel_weiss { font-size: 1.1em; font-style:normal; text-decoration:none;  color:#ffffff;                    }

.text_normal_gross        { font-size: 1.2em; font-style:normal; text-decoration:none;                      }
.text_normal_gross_fett   { font-size: 1.2em; font-style:normal; text-decoration:none;   font-weight: bold; }
.text_normal_gross_kursiv { font-size: 1.2em; font-style:italic; text-decoration:none;                      }
.text_normal_gross_weiss  { font-size: 1.2em; font-style:normal; text-decoration:none;  color:#ffffff;                    }

.text_normal_riesig       { font-size: 1.3em; font-style:normal; text-decoration:none;                      }
.text_normal_riesig_fett  { font-size: 1.3em; font-style:normal; text-decoration:none;   font-weight: bold; }
.text_normal_riesig_kursiv{ font-size: 1.3em; font-style:italic; text-decoration:none;                      }
.text_normal_riesig_weiss { font-size: 1.3em; font-style:normal; text-decoration:none;  color:#ffffff;                    }


.text_normal_ueberschrift { font-size: 12pt; font-style:normal; text-decoration:none;  color:#000000; font-weight: bold; }
/*slogan*/
.text_normal_slogan_fett_weiss { font-size: 23pt; font-style:normal; text-decoration:none;  color:#ffffff; font-weight: bold; }

/*strong*/
strong                    {  }


/*Für Modul NEWS In andere Projekte kopieren!!! */
.text_normal_klein_news   { font-style: normal; text-decoration:none; font-weight: bold; color:#ffffff;                    }


/*Für Modul PRODUKTE*/
.text_produkte_ueberschrift   { font-size: 10pt; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; }
.text_produkte_tblhead        { font-size: 9pt; line-height: 3em; font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; }
.text_produkte_beschreibung   { font-size: 9pt;  font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;                    }
.text_produkte_artikelnummer  { font-size: 8pt;  font-style:normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;                    }



/******************************************************************************
LINK-DEFINITIONEN
******************************************************************************/
/*allgemein*/
a:link              { font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3A3531; }
a:visited           { font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3A3531; }
a:hover             { font-style: normal; text-decoration:none;      font-family: Verdana, Arial, Helvetica, sans-serif; color: #3A3531; }
a:active            { font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3A3531; }



a.weiterblaetter:link    { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
a.weiterblaetter:visited { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
a.weiterblaetter:hover   { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #168638; }
a.weiterblaetter:active  { font-size: 9pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #800000; }

a.link_produkte_tblhead:link    { font-size: 9pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
a.link_produkte_tblhead:visited { font-size: 9pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
a.link_produkte_tblhead:hover   { font-size: 9pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #168638; font-weight: bold; }
a.link_produkte_tblhead:active  { font-size: 9pt; font-style: normal; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #800000; font-weight: bold; }

span.weiterblaetter_haken { font-size: 10pt; font-style: normal; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }



/*
SUBNAVIGATION
*/
#sub_navi {  }

#sub_navi li { 
    float:              left;
    margin-left:        15px;
}

#sub_navi a {
    color:              #5E5E5E;
    font-size:          1.1em;
    line-height:        1.4em;
    text-decoration:    none;
    position:           relative;
    top:                -1px;
    background-image:   url(../images/icon_subnavi.gif);
    background-position: left center;
    background-repeat:  no-repeat;
    padding-left:       18px;
}


#sub_navi a:hover {
    text-decoration:    underline;    
}

#sub_navi li a.active {
    border-bottom:      1px solid #5E5E5E;   

}



/*
HAUPTNAVIGATION
*/
#main_navi { 
    background-color:   #9F8C7A; 
    padding:            20px 0px 26px 0px;
}

/* um springen zu vermeiden wenn active weisse rahmen oben und unten bekommt */
#main_navi li {
    border-top:         1px solid #9F8C7A;
    border-bottom:      1px solid #9F8C7A;
}

#main_navi li a { 
    color:              #ffffff;
    font-size:          1em;
    text-decoration:    none;
    display:            block;
    padding:            4px 0px 5px 20px;
}

#main_navi li a:hover { 
    background-color:   #776A5E;
}

#main_navi li.lvl1 a {
    font-size:          1.3em; 
    font-weight:        bold;   
}

#main_navi li.lvl2 a {
    font-size:          1.2em;
    margin-left:        10px;    
}

#main_navi li.lvl3 a {
    font-size:          1.2em;
    margin-left:        20px;    
}



#main_navi li.mainNaviActive {
    background-color:   #504943;
    border-top:         1px solid #ffffff;
    border-bottom:      1px solid #ffffff;
}



/******************************************************************************
BAUSTEIN-KLASSEN
******************************************************************************/
.flLeft { float: left;  }
.flRight{ float: right; }

.clear  { clear: both;  }
.marginTop { margin-top: 10px; }
.marginTop5 { margin-top: 5px; }
.overFlow  { overflow: visible; }




/*Für DRUCKVERSIONEN MODULE*/
/*Update 29.11.2004 -> Klasse zur Platzierung der Druckversion*/
#druck_abstand          { position:relative; top:40px; }
#druck_abstand_rahmen   {position:relative; top:40px; border: 1px solid #F1EFE6;}



/*tabellen*/
#tabelle_hintergrund      { width: 788px; height:100%; background-color:#ffffff;      }
#tabelle_linke_navi       { width: 140px; border: 1px solid #BAB9BE; border-top: 0px; }


/*tds*/
#td_kopf                  { background-color: #F9F7F4;                                                   }
#td_obere_navi            { width:146px; border-left: 6px solid #BAB9BE; border-bottom: 1px solid #BAB9BE; }
#td_zentrum               { border: 1px solid #BDC8C6;                                                   }



/******************************************************************************
ERROR-MESSAGE FELDER
******************************************************************************/
div.kontakt_error_message
{
    z-index: 1000;
    position: absolute;
    width: 556px;
    height: 460px;
    overflow:auto;
    display: none;
    background-color: #ffffff;
    filter:Alpha(opacity=90);
    -moz-opacity:0.90;
    cursor:pointer;
    font-size: 8pt;
    font-style:normal;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    background-image: url('../images/icon_close_schwarz.gif');
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #BAB6B9;
    text-align: center;
}
div.kontakt_error_message p { vertical-align: middle; }



/*taefelchen*/
#border                   {  }
#border_taefelchen li, #site_body_center ul li     { list-style-type: disc; padding-left: 0px; margin-left: 26px; color: #000000; }
.bground_kopf             { text-align: left; margin: 2px; padding: 1px; }


/* kontakt-input-felder */
#input_kontakt            { border:1px solid #A8ACAC; background-color:#FDFCFB; font-size: 1em; }
#input_kontakt:focus      { background-color:#ffffff;                                           }


/* input-button cms*/
#input_submit             { height:18px; border: 1px solid #A8ACAC; background-color:#9F8C7A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color:#ffffff; }



/******************************************************************************
TOOL-TIP
******************************************************************************/

/* bildergalerie1 info-popups */
.ToolTipTitel {
 color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 8pt;
 filter:Alpha(opacity=98);
 -moz-opacity:0.98;
}


.ToolTipInhalt {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 filter:Alpha(opacity=98);
 -moz-opacity:0.98;
 font-style:normal;
 text-decoration:none;
 margin: 0px;
 padding: 0px;
    display: block;
}


#ToolTip {
 position:absolute;
 width: 160px;
 top: 0px;
 left: 0px;
 z-index: 4;
 visibility: hidden;
 filter:Alpha(opacity=88);
 -moz-opacity:0.88;
}



/******************************************************************************
GOOGLE-MAP
******************************************************************************/
#twGmap {
	width: 600px; 
	height: 450px;
}