/*
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;
}


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
{ 
    background:         #E6E9EC; 
    font-family:        verdana, arial, sans-serif; 
    color:              #3A3531;
}


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; 
    background-image:       url(../images/site_bg_main_right.gif); 
    background-position:    right; 
    background-repeat:      repeat-y; 
}


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

#site_head { 
    background-color:       #ffffff;
    overflow:               auto; 
    background-image:       url(../images/site_bg_head_center.gif); 
    background-repeat:      repeat-x; 
    background-position:    top; 
}

#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;
    background-image:       url(../images/site_bg_head_left.gif); 
    background-repeat:      no-repeat; 
    background-position:    top left; 
}

#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; }


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



#site_body {
    clear:                  both;  
    background-color:       #ffffff;
    background-image:       url(../images/site_bg_body3.gif); 
    background-repeat:      repeat-y; 
    background-position:    left; 
    overflow:               auto;
    min-height:             360px;
}

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


#site_body_center { 
    padding:                0px 0px 0px 231px; 
    font-size:              1.3em; 
    line-height:            1.3em; 
}


#site_body_center_top {
    overflow:               auto; 
}

#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;
}


#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; 
}


#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:             center;
    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; }



/******************************************************************************
MODUL MODE-SORTIMENT
******************************************************************************/
.sortimentHeadline  { font-weight: bold; font-size: 1.1em; }
.sortimentTxt       { font-size: 1em; }



/******************************************************************************
MODUL MODE-SORTIMENT
******************************************************************************/
.galBg {
    background-color:#ffffff;
    overflow:auto;
}


/* navigation */
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, 
#nav11, #nav12, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18, #nav19, #nav20 
{
	width:             510px;
    overflow:          hidden;
    /*padding:           0px 0px 10px 10px;
     */
     background-color:   #ffffff;  
}

#nav1 ul, #nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul, #nav6 ul, #nav7 ul, #nav8 ul, #nav9 ul, #nav10 ul, 
#nav11 ul, #nav12 ul, #nav13 ul, #nav14 ul, #nav15 ul, #nav16 ul, #nav17 ul, #nav18 ul, #nav19 ul, #nav20 ul
{	
	width:             20000px;
	margin:            0 auto;	
}

#nav1 li, #nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li, #nav7 li, #nav8 li, #nav9 li, #nav10 li, 
#nav11 li, #nav12 li, #nav13 li, #nav14 li, #nav15 li, #nav16 li, #nav17 li, #nav18 li, #nav19 li, #nav20 li 
{	
	float:             left;
	padding-left:      1px;
	list-style-type:   none !important;
	text-align:        center;
	margin:            0px !important;
	/* width:             100px; */
}

#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a, #nav10 a, 
#nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a, #nav18 a, #nav19 a, #nav20 a 
{
	color:             #333333;
	display:           block;
	position:          relative;
	text-decoration:   none;
}	

#nav1 a.current img, #nav2 a.current img, #nav3 a.current img, #nav4 a.current img, #nav5 a.current img, #nav6 a.current img, 
#nav7 a.current img, #nav8 a.current img, #nav9 a.current img, #nav10 a.current img, #nav11 a.current img, #nav12 a.current img, 
#nav13 a.current img, #nav14 a.current img, #nav15 a.current img, #nav16 a.current img, #nav17 a.current img, #nav18 a.current img, 
#nav19 a.current img, #nav20 a.current img 
{
	/* border-color:       #D8966E; */
	border-color:       #ff0000;
}

#nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #nav7 img, #nav8 img, #nav9 img, #nav10 img, 
#nav11 img, #nav12 img, #nav13 img, #nav14 img, #nav15 img, #nav16 img, #nav17 img, #nav18 img, #nav19 img, #nav20 img 
{
	background-color:  #fff;
	border:            1px solid #cccccc;
	margin:            6px;
	padding:           1px;		
	display:           block;
	/* height:            56px; */
	width:             48px;
}


/* panes */
#panes1, #panes2, #panes3, #panes4, #panes5, #panes6, #panes7, #panes8, #panes9, #panes10, 
#panes11, #panes12, #panes13, #panes14, #panes15, #panes16, #panes17, #panes18, #panes19, #panes20 
{
	/* background:        #ffffff;
	border-color:      #F3DBBA;
	border-style:      solid;
	border-width:      1px 1px 0; */
	
	height:            275px;
	padding:           6px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:          relative;
}


#panes1 p.artInhalt, #panes2 p.artInhalt, #panes3 p.artInhalt, #panes4 p.artInhalt, #panes5 p.artInhalt, 
#panes6 p.artInhalt, #panes7 p.artInhalt, #panes8 p.artInhalt, #panes9 p.artInhalt, #panes10 p.artInhalt, 
#panes11 p.artInhalt, #panes12 p.artInhalt, #panes13 p.artInhalt, #panes14 p.artInhalt, #panes15 p.artInhalt, 
#panes16 p.artInhalt, #panes17 p.artInhalt, #panes18 p.artInhalt, #panes19 p.artInhalt, #panes20 p.artInhalt 
{
    height:             250px; 
    overflow:           auto; 
    overflow-x:         hidden; 
    font-size:          0.85em; 
    margin:             0px; 
    padding-right:      20px;
    display:            none;
}


#panes1 h3, #panes2 h3, #panes3 h3, #panes4 h3, #panes5 h3, 
#panes6 h3, #panes7 h3, #panes8 h3, #panes9 h3, #panes10 h3, 
#panes11 h3, #panes12 h3, #panes13 h3, #panes14 h3, #panes15 h3, 
#panes16 h3, #panes17 h3, #panes18 h3, #panes19 h3, #panes20 h3 
{
    height:             250px; 
    overflow:           auto; 
    overflow-x:         hidden; 
    font-size:          0.85em; 
    margin:             0px; 
    padding-right:      20px;
    display:            none;
}



/* crossfading effect needs absolute positioning from the elements */
#panes1 div, #panes2 div, #panes3 div, #panes4 div, #panes5 div, #panes6 div, #panes7 div, #panes8 div, #panes9 div, #panes10 div, 
#panes11 div, #panes12 div, #panes13 div, #panes14 div, #panes15 div, #panes16 div, #panes17 div, #panes18 div, #panes19 div, #panes20 div 
{
	display:           none;		
	position:          absolute;
	padding-right:     6px;
	width:             589px;
	text-align:        center;
}

#panes1 img, #panes2 img, #panes3 img, #panes4 img, #panes5 img, #panes6 img, #panes7 img, #panes8 img, #panes9 img, #panes10 img, 
#panes11 img, #panes12 img, #panes13 img, #panes14 img, #panes15 img, #panes16 img, #panes17 img, #panes18 img, #panes19 img, #panes20 img 
{

	margin-right:      12px;
    cursor:            pointer;		
	background-color:  #ffffff;
	border:            1px solid #cccccc;
	padding:           1px;		
	/* 
    width:             180px;
	height:            340px; 
    float:             left;
    */
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:135px;

	/* custom decorations */
	/*border:1px solid #ccc;
	 background:url(/img/global/gradient/h300.png) repeat-x; */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	/* width:100px;
	height:75px; */
    	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	/* border:2px solid #000; */
	z-index:9999;
	position:relative;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.gif) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin: 42px 10px 0px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a#test.inactive {
	visibility:hidden !important;		
} 	


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#iniBox {  z-index: 100000; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    display: none;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
	/*display: none;*/
}

.info strong {
	display:block;
    color: #ffffff;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;		
}



/******************************************************************************
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: auto; }




/*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;
}