BODY {
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum bildschirmrand */
	PADDING-LEFT: 0px;                /* innenabstand links, zum bildschirmrand */
	FONT-SIZE: 12px;                  /* schriftgröße */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zum bildschirmrand, zum bildschirmrand */
	MARGIN: 0px;                      /* außenrand/abstand allgemein, zum bildschirmrand */
	COLOR: #000;                      /* textfarbe */
	PADDING-TOP: 0px;                 /* innenabstand oben, zum bildschirmrand */
	FONT-FAMILY: Arial, sans-serif;   /* schriftart, eine schriftart ohne serifen */
	background-image:url("grafik/background/backer.jpg");
}


#kopf_oben {
	height: 10%;                       /* statt 60px; oder 80px die %-Angabe */
	background-color: #ffffff;         /* hintergrundfarbe, ausserhalb menue und inhalt */
}


/* ----------------------------------------------------------- */
/* bereich zur ausgabe des eigenlichen menues - links          */
/* ----------------------------------------------------------- */
#menue {
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum bildschirmrand */
	PADDING-LEFT: 0px;                /* innenabstand links, zum bildschirmrand */
	FLOAT: left;                      /* element steht links und wird rechts davon von nachfolgenden elementen umflossen */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zum bildschirmrand, zum bildschirmrand */
	MARGIN: 0px;                      /* außenrand/abstand allgemein, zum bildschirmrand */
	WIDTH: 16%;                       /* breite des elements */
	BORDER-TOP-STYLE: none;           /* den rahmentyp für oben */
	PADDING-TOP: 0px;                 /* innenabstand oben, zum bildschirmrand */
	BORDER-RIGHT-STYLE: none;         /* den rahmentyp für rechts */
	BORDER-LEFT-STYLE: none;          /* den rahmentyp für links */
	BORDER-BOTTOM-STYLE: none;        /* den rahmentyp für unten */
	background-image:url("grafik/background/backer.jpg");
}

#menue-inside {
	BORDER-RIGHT: #0000ff 0px solid;  /* rechter rand - farbe, stärke, rahmentyp */
	                                  /* 1px wenn rand gewünscht */
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zwischen text und innerem rand */
	BORDER-TOP: #0000ff 0px solid;    /* oberer rand - farbe, stärke, rahmentyp */
	PADDING-LEFT: 0px;                /* innenabstand links, zwischen text und innerem rand */
	                                  /* wenn keine zentrierung des gesamten textes + überschrift, dann 5px; */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zwischen text und innerem rand */
	MARGIN: 5px;                      /* außenrand/abstand allgemein, zum bildschirmrand */
	BORDER-LEFT: #0000ff 0px solid;   /* linker rand, farbe, stärke, rahmentyp */
	PADDING-TOP: 0px;                 /* innenabstand oben, zwischen text und innerem rand */
	BORDER-BOTTOM: #0000ff 0px solid; /* unterer rand - farbe, stärke, rahmentyp */
	BACKGROUND-COLOR: #0000ff         /* hintergrundfarbe, innerer bereich */
}




/* ----------------------------------------------------------- */
/* groser bereich zur ausgabe der eigenlichen inhalte - rechts */
/* ----------------------------------------------------------- */
#inhalt {
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum bildschirmrand */                                         
	PADDING-LEFT: 0px;                /* innenabstand links, zum bildschirmrand */                                         
	FLOAT: left;                      /* element steht links und wird rechts davon von nachfolgenden elementen umflossen */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zum bildschirmrand, zum bildschirmrand */                     
	MARGIN: 0px;                      /* außenrand/abstand allgemein, zum bildschirmrand */                                
	WIDTH: 80%;                       /* breite des elements, bei 70% rechter rand */                                                            
	PADDING-TOP: 0px;                 /* innenabstand oben, zum bildschirmrand */                                                         
	/* BACKGROUND-COLOR: #ffffcc */        /* hintergrundfarbe, äusserer bereich, äusserster rahmen */                                          
	background-image:url("grafik/background/backer.jpg");
}
#inhalt-inside {
	/* BORDER-RIGHT: #ffffcc 0px solid; */ /* rechter rand - farbe, stärke, rahmentyp */
	
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zwischen text und innerem rand */
	/* BORDER-TOP: #ffffcc 0px solid; */   /* oberer rand - farbe, stärke, rahmentyp */             
	PADDING-LEFT: 0px;                /* innenabstand links, zwischen text und innerem rand */ 
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zwischen text und innerem rand */ 
	MARGIN: 5px;                      /* außenrand/abstand allgemein, zum bildschirmrand */    
	/* BORDER-LEFT: #ffffcc 0px solid; */  /* linker rand, farbe, stärke, rahmentyp */              
	PADDING-TOP: 0px;                 /* innenabstand oben, zwischen text und innerem rand */  
	BORDER-BOTTOM: #ffffff 0px solid; /* unterer rand - farbe, stärke, rahmentyp */            
	/* BACKGROUND-COLOR: #ffffcc */        /* hintergrundfarbe, innerer bereich - innerster rahmen */
	background-image:url("grafik/background/backer.jpg");
}

#inhalt-format {
	TEXT-ALIGN: center;               /* textausrichtung in fusszeile */
}	

#inhalt-mitte {
	TEXT-ALIGN: center;               /* textausrichtung in der seitenmitte */
}	


/* ----------------------------------------------------------- */
/* bereich zur ausgabe des eigenlichen menues - links          */
/* ----------------------------------------------------------- */
#fuss {
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum bildschirmrand */
	PADDING-LEFT: 0px;                /* innenabstand links, zum bildschirmrand */
	FLOAT: left;                      /* element steht links und wird rechts davon von nachfolgenden elementen umflossen */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zum bildschirmrand, zum bildschirmrand */
	MARGIN: 0px;                      /* außenrand/abstand allgemein, zum bildschirmrand */
	WIDTH: 100%;                      /* breite des elements */
	BORDER-TOP-STYLE: none;           /* den rahmentyp für oben */
	PADDING-TOP: 0px;                 /* innenabstand oben, zum bildschirmrand */
	BORDER-RIGHT-STYLE: none;         /* den rahmentyp für rechts */
	BORDER-LEFT-STYLE: none;          /* den rahmentyp für links */
	BORDER-BOTTOM-STYLE: none ;       /* den rahmentyp für unten */
	background-image:url("grafik/background/backer.jpg");
}

#fuss-inside {
	/* BORDER-RIGHT: #ffffcc 1px solid; */ /* rechter rand - farbe, stärke, rahmentyp */
	
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zwischen text und innerem rand */
	/* BORDER-TOP: #ffffcc 1px solid; */   /* oberer rand - farbe, stärke, rahmentyp */
	PADDING-LEFT: 5px;                /* innenabstand links, zwischen text und innerem rand */
	PADDING-BOTTOM: 0px;              /* innenabstand unten, zwischen text und innerem rand */
	MARGIN: 2px;                      /* gesamter außenrand/abstand allgemein, zum bildschirmrand */
	/* BORDER-LEFT: #ffffcc 1px solid; */  /* linker rand, farbe, stärke, rahmentyp */
	PADDING-TOP: 0px;                 /* innenabstand oben, zwischen text und innerem rand */
	/* BORDER-BOTTOM: #ffffcc 1px solid; */ /* unterer rand - farbe, stärke, rahmentyp */
	/* BACKGROUND-COLOR: #cccc99; */        /* hintergrundfarbe, innerer bereich */
	BACKGROUND-COLOR: #99ccff;        /* hintergrundfarbe, innerer bereich */
}

#fuss-format {
	TEXT-ALIGN: center;               /* textausrichtung in fusszeile */
	FONT-WEIGHT: bold;                /* fett */
}	

#die_box 
{ 
	width: 80%;
	float: right;
}

p {
	MARGIN: 0.7em 0.5em;
}


/*
.code {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0.5em; MARGIN: 0.5em; COLOR: #333; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #eee
}
.code PRE {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; COLOR: #333; PADDING-TOP: 1em; BACKGROUND-COLOR: #f8f8f8
}
.code PRE EM {
	COLOR: #920
}
*/




/* ----------------------------------------------------------- */
/* bereich zur ausgabe des eigenlichen menues - links          */
/* ----------------------------------------------------------- */
.menuebutton a:link, .menuebutton a:visited
{
	DISPLAY: block;
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum buttonrand */
	PADDING-LEFT: 9px;                /* innenabstand links, zum buttonrand */
	PADDING-BOTTOM: 2px;              /* innenabstand unten, zum buttonrand */
	PADDING-TOP: 2px;                 /* innenabstand oben, zum buttonrand */
	COLOR: #000000;                   /* schriftfarbe auf button */
	BORDER: 1px solid #0000ff;        /* randfarbe des button (blau) */
	WIDTH: 12em;                      /* breite des button */
	TEXT-DECORATION: none;            /* keine textdekoration */
	TEXT-ALIGN: left;                 /* textausrichtung auf button */
	background-image:url("grafik/c37.gif");
	BACKGROUND-COLOR: #99ccff; /* #cccc99; */
	background-repeat: no-repeat;
	background-position:5px;
}

.menuebutton a:hover
{
	background-color: #0000ff; /* #840000; */ /* hintergundfarbe des button (dunkelrot) */
	color: #ffffff;            /* schriftfarbe auf button */ 
}

.menuebutton_gesetzt a:link, .menuebutton_gesetzt a:visited
{
	DISPLAY: block;
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum buttonrand */
	PADDING-LEFT: 9px;                /* innenabstand links, zum buttonrand */
	PADDING-BOTTOM: 2px;              /* innenabstand unten, zum buttonrand */
	PADDING-TOP: 2px;                 /* innenabstand oben, zum buttonrand */
	COLOR: #ffffff;                   /* schriftfarbe auf button */
	BORDER: 1px solid #ff0000;        /* randfarbe des button (hellblau) */
	WIDTH: 12em;                      /* breite des button */
	TEXT-DECORATION: none;            /* keine textdekoration */
	TEXT-ALIGN: left;                 /* textausrichtung auf button */
	/* background-image:url("grafik/c37.gif"); */
	BACKGROUND-COLOR: #0000ff; /* #840000; */
	background-repeat: no-repeat;
	background-position: 5px;
}



/* ----------------------------------------------------------- */
/* bereich zur ausgabe des eigenlichen untermenues - links     */
/* ----------------------------------------------------------- */
.untermenue a:link, .untermenue a:visited
{
	DISPLAY: block;
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum buttonrand */
	PADDING-LEFT: 26px;               /* innenabstand links, zum buttonrand */
	PADDING-BOTTOM: 2px;              /* innenabstand unten, zum buttonrand */
	PADDING-TOP: 0px;                 /* innenabstand oben, zum buttonrand */
	COLOR: #000000;                   /* schriftfarbe auf button */
	BORDER: 0px solid #c0c0c0;        /* randfarbe des button (keine) */
	WIDTH: 12em;                      /* breite des button */
	TEXT-DECORATION: none;            /* keine textdekoration */
	TEXT-ALIGN: left;                 /* textausrichtung auf button */
	/* background-image:url("grafik/bild2.gif"); */
	BACKGROUND-COLOR: #ffffcc;
	background-repeat: no-repeat;
	background-position: 8px;
}

.untermenue a:hover
{
	color: #000000;            /* schriftfarbe auf button */ 
	/* background-image:url("grafik/bild1.gif"); */
	background-repeat: no-repeat;
	background-position: 8px;
}


.untermenue a:active
{
	/* background-color: #840000; */
	color: #000000;           
	/* background-image:url("grafik/bild3.gif"); */
}


.untermenue_gesetzt a:link, .untermenue_gesetzt a:visited
{
	
	DISPLAY: block;
	PADDING-RIGHT: 0px;               /* innenabstand rechts, zum buttonrand */
	PADDING-LEFT: 26px;               /* innenabstand links, zum buttonrand */
	PADDING-BOTTOM: 2px;              /* innenabstand unten, zum buttonrand */
	PADDING-TOP: 0px;                 /* innenabstand oben, zum buttonrand */
	COLOR: #000000;                   /* schriftfarbe auf button */
	BORDER: 0px solid #c0c0c0;        /* randfarbe des button (keine) */
	WIDTH: 12em;                      /* breite des button */
	TEXT-DECORATION: none;            /* keine textdekoration */
	TEXT-ALIGN: left;                 /* textausrichtung auf button */
	/* background-image:url("grafik/bild3.gif"); */
	BACKGROUND-COLOR: #ffffcc;
	background-repeat: no-repeat;
	background-position: 8px;
}




/* ----------------------------------------------------------- */
/* formatierung h1                                             */
/* ----------------------------------------------------------- */
H1 {
        PADDING-RIGHT: 0px;               /* innenabstand rechts, zum bildschirmrand */
        PADDING-BOTTOM: 5px;              /* innenabstand unten, zum boxrand */ 
        PADDING-TOP: 5px;                 /* innenabstand oben, zum bildschirmrand */
        PADDING-LEFT: 0px;                /* innenabstand links, zum bildschirmrand */ 
        MARGIN-LEFT: 1%;                  /* außenrand/abstand allgemein, zum bildschirmrand */        
        WIDTH: 80%;
        /* FONT: 15.7em; */
        FONT-SIZE: 30px;
	/* BORDER-LEFT: #999999 3px solid; */   /* linker rand, farbe, stärke, rahmentyp */
	
	BORDER-LEFT: #0000ff 3px solid;   /* linker rand, farbe, stärke, rahmentyp */
	BORDER-BOTTOM: #0000ff 3px solid; /* unterer rand - farbe, stärke, rahmentyp (dunkelgrau) */
	BORDER-RIGHT: #0000ff 3px solid;  /* rechter rand - farbe, stärke, rahmentyp (dunkelgrau) */
	BORDER-TOP: #0000ff 3px solid;    /* oberer rand - farbe, stärke, rahmentyp (dunkelgrau) */
	BACKGROUND-COLOR: #99ccff; /* #cccc99; */       /* hintergrundfarbe, innerer bereich */
	TEXT-ALIGN: center;               /* textausrichtung innerhalb der überschrift */
	FONT-FAMILY: Times New Roman;
}



/* ----------------------------------------------------------- */
/* formatierung für kopfzeile                                  */
/* ----------------------------------------------------------- */
.blau_kursiv_kopf {
	FONT-SIZE: 450%; 
	FONT-WEIGHT: bold; 
	float: left; 
        FONT-STYLE: italic;
	COLOR: #0000ff;
}


/* ----------------------------------------------------------- */
/* formatierung für kopfzeile                                  */
/* ----------------------------------------------------------- */
.schwarz_normal_kopf {
        margin-left: -35%;
	margin-top: 3.8%;
	FONT-SIZE: 200%; 
	FONT-WEIGHT: bold; 
	float: left; 
	COLOR: #000000;
}

/* ----------------------------------------------------------- */
/* formatierung für kopfzeile                                  */
/* ----------------------------------------------------------- */
.rot_kopf {
	margin-top: 2.0%;
	FONT-SIZE: 200%; 
	FONT-WEIGHT: bold; 
	float: left; 
	COLOR: #ff0000;
}




/* ----------------------------------------------------------- */
/* wir ueber uns - foto                                        */
/* quelle:                                                     */
/* http://www.mediaevent.de/article.php/20040926103515715      */
/* ----------------------------------------------------------- */
dl.meImgLeft { float: left; margin-right: 1em; }
dl.meImgLeft dt { margin-bottom: 0; }
dl.meImgLeft dd { margin: 0; } /* verhindert das Einrücken und den Abstand nach oben */

dl.meImgRight { float: right; margin-left: 1em; }
dl.meImgRight dt { margin-bottom: 0; }
dl.meImgRight dd { margin: 0; } /* verhindert das Einrücken und den Abstand nach oben */ 




/* ----------------------------------------------------------- */
/* formatierung für fotogalerie                                */
/* ----------------------------------------------------------- */
.big10 {
	FONT-SIZE: 10px; 
	COLOR: #000000;
}


/* ----------------------------------------------------------- */
/* formatierung für impressum                                  */
/* ----------------------------------------------------------- */
.big4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #000000;
	TEXT-ALIGN: center;
}
	
#big4a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	WIDTH: 90%;
	COLOR: #000000;
	TEXT-ALIGN: left;
	PADDING-LEFT: 10px;
	/*MARGIN-LEFT: 10px;*/
	BORDER: 2px solid #840000;
}

/* ----------------------------------------------------------- */
/* formatierung für termine/news                               */
/* ----------------------------------------------------------- */
.big5 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000;
	TEXT-ALIGN: center;
}

/* ----------------------------------------------------------- */
/* formatierung für zwischenüberschriften, untertitel ...      */
/* ----------------------------------------------------------- */
.big6 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #0000ff;
	TEXT-ALIGN: left                /* textausrichtung innerhalb der überschrift */
}

/* ----------------------------------------------------------- */
/* formatierung in dunkeltrot, fett, u.a. in restaurierung, .. */
/* ----------------------------------------------------------- */
.big7 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #840000;
	FONT-FAMILY: Arial, sans-serif;
}


/* ----------------------------------------------------------- */
/* formatierung für startseite                                 */
/* ----------------------------------------------------------- */
.big8 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px; 
	COLOR: #840000;
	TEXT-ALIGN: center;
}


/* ----------------------------------------------------------- */
/* formatierung für startseite - letzte änderung               */
/* ----------------------------------------------------------- */
.big9 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #000000;
	TEXT-ALIGN: right;
}





/* ----------------------------------------------------------- */
/* weiss hinterlegt - schild für schachpokal ...               */
/* ----------------------------------------------------------- */
#weisser_bereich {
	FONT-SIZE: 12px; 
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	width: 40%;
}












/* ----------------------------------------------------------- */
/* b e r e c h n u n g s b e i s p i e l                       */
/* #inhalt --> width=70%                                       */
/* breite der bs-auflösung 1024=100%, bedeutet x=70% --> x=717 */
/* breite 717=100%, bildbreite 117=x --> x=17%                 */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* 117 x 300, hoch-format, ohne tabelle                        */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* 117 x 300, hoch-format, mit tabelle                         */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* 300 x 220, quer-format, mit tabelle                         */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* 261 x 166, quer-format, mit tabelle                         */
/* ----------------------------------------------------------- */
















/* ----------------------------------------------------------- */
/* 155 x 267                                                   */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* 186 x 323 - restaurierung_farbige_moebel                    */
/* ----------------------------------------------------------- */
#mid186r
{
float: right;        /* bild steht rechts und wird links vom text umflossen */
width: 27%;          /* 33%, bildgrösse */
margin-right: 20%;    /* rechter abstand bild - rand; abstand zwischen den fotos */
margin-left: 0px;    /* linker abstand bild - text/menue */
margin-bottom: 50px; /* unterer abstand bild - text */
}
/* ----------------------------------------------------------- */



/* ----------------------------------------------------------- */
/* 192 x 323 - restaurierung_farbige_moebel                    */
/* ----------------------------------------------------------- */
#mid192l
{
float: left;         /* bild steht rechts und wird links vom text umflossen */
width: 28%;          /* 33%, bildgrösse */
margin-right: 0%;    /* rechter abstand bild - rand */
margin-left: 0px;    /* linker abstand bild - text/menue */
margin-bottom: 50px; /* unterer abstand bild - text */
}

#mid192ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 28%;                /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 150px;      /* unterer abstand bild - text */
BACKGROUND-COLOR: #acca00; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

/* ----------------------------------------------------------- */
/* 186 x 323 - restaurierung_farbige_moebel                    */
/* ----------------------------------------------------------- */
#mid186ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 27%;                /* 33%, bildgrösse */
margin-right: 0%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 150px;      /* unterer abstand bild - text */
BACKGROUND-COLOR: #acca00; /* hintergrundfarbe, ausserhalb menue und inhalt */
}
/* ----------------------------------------------------------- */



/* ----------------------------------------------------------- */
/* 192 x 323 - restaurierung_farbige_moebel                    */
/* ----------------------------------------------------------- */
#mid195r
{
float: right;              /* bild steht rechts und wird links vom text umflossen */
width: 31%;                /* 28% !!!!!! , bildgrösse */
margin-right: 15%;         /* rechter abstand bild - rand; abstand zwischen den fotos */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #0000ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid195l
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 28%;                /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #0000ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid195ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 28.2%;              /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #0000ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}
/* ----------------------------------------------------------- */




/* ----------------------------------------------------------- */
/* 200 x 267, 200 x 181, 200 x 258                             */
/* restaurierung_farbige_moebel                                */
/* ----------------------------------------------------------- */
#mid200r
{
float: right;              /* bild steht rechts und wird links vom text umflossen */
width: 30%;                /* 33%, bildgrösse */
margin-right: 12%;         /* rechter abstand bild - rand; abstand zwischen den fotos */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 10px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #ff00ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid200l
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 30%;                /* 33%, bildgrösse */
margin-right: 0%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 10px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #ff00ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid200ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 29%;                /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #ff00ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid210ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 30.5%;              /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #ff00ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}
/* ----------------------------------------------------------- */



/* ----------------------------------------------------------- */
/* 231 x 323                                                   */
/* restaurierung_farbige_moebel                                */
/* ----------------------------------------------------------- */
#mid231l
{
float: left;         /* bild steht rechts und wird links vom text umflossen */
width: 46%;          /* 33%, bildgrösse */
margin-right: 3%;    /* rechter abstand bild - rand */
margin-left: 0px;    /* linker abstand bild - text/menue */
margin-bottom: 50px; /* unterer abstand bild - text */
}

#mid231ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 33.5%;              /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-left: 0px;          /* linker abstand bild - text/menue */
margin-bottom: 50px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #0000ff; /* hintergrundfarbe, ausserhalb menue und inhalt */
}
/* ----------------------------------------------------------- */








/* ----------------------------------------------------------- */
/* 300 x 225                                                   */
/* restaurierung_farbige_moebel                                */
/* ----------------------------------------------------------- */
#mid300r
{
float: right;              /* bild steht rechts und wird links vom text umflossen */
width: 33%;                /* 33%, bildgrösse */
margin-right: 7%;          /* rechter abstand bild - rand; abstand zwischen den fotos */
margin-bottom: 10px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #f0ff0f; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid300l
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 33%;                /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-bottom: 10px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #f0ff0f; /* hintergrundfarbe, ausserhalb menue und inhalt */
}

#mid300ll
{
float: left;               /* bild steht rechts und wird links vom text umflossen */
width: 33%;                /* 33%, bildgrösse */
margin-right: 3%;          /* rechter abstand bild - rand */
margin-bottom: 10px;       /* unterer abstand bild - text */
BACKGROUND-COLOR: #aaffaa; /* hintergrundfarbe, ausserhalb menue und inhalt */
}
/* ----------------------------------------------------------- */




/* ----------------------------------------------------------- */
/* für seite anfrage.htm                                       */
/* ----------------------------------------------------------- */
.red   { color:red }


/* ----------------------------------------------------------- */
/* für seite links.htm                                         */
/* ----------------------------------------------------------- */
.blue  { color:blue }


/* ----------------------------------------------------------- */
/* für seite shop_start.htm                                    */
/* ----------------------------------------------------------- */
.bold  { font-weight:bold }


#logo {
	MARGIN: 5px;                      /* außenrand/abstand allgemein, zum bildschirmrand */

}




/* ----------------------------------------------------------- */
/* für linkes foto, restaurierung_x.htm                        */
/* ----------------------------------------------------------- */
.foto_links {
clear: both;
float: left;
width: 45%;
padding-top: 0px;
padding-left: 3%;
padding-right: 2%;
margin-top: 20px;
text-align: left;
font-size: 12px; /*0.8em;*/
padding: 10px;
}

/* ----------------------------------------------------------- */
/* für rechtes foto, restaurierung_x.htm                       */
/* ----------------------------------------------------------- */
.foto_rechts {
float: left;
width: 45%; /* 44%;*/
padding-top: 5px;
padding-left: 2%;
padding-right: 2.5%;
margin-top: 20px;
text-align: left;
font-size: 12px; /*0.8em;*/
padding: 10px;
}

/* ----------------------------------------------------------- */
/* für mittiges foto, blaubeere.htm, firmensitz.htm ...        */
/* ----------------------------------------------------------- */
#foto_mitte {
/* float: center; */ /* testen !!! */
width: 90%;
padding-top: 5px;
padding-left: 2%;
padding-right: 2.5%;
margin-top: 20px;
text-align: center;
font-size: 12px; /*0.8em;*/
padding: 10px;
}
/* ----------------------------------------------------------- */





/* ----------------------------------------------------------- */
/* für seite mit links.htm - spalte logo                       */
/* ----------------------------------------------------------- */
#link_sp1ueb, #link_sp1a, #link_sp1b, #link_sp1c, #link_sp1d, #link_sp1e, #link_sp1f, #link_sp1g, #link_sp1h, #link_sp1i, #link_sp1j, #link_sp1k, #link_sp1l, #link_sp1m, #link_sp1n, #link_sp1o, #link_sp1p, #link_sp1q, #link_sp1r, #link_sp1s, #link_sp1t, #link_sp1u, #link_sp1v, #link_sp1w, #link_sp1x, #link_sp1y, #link_sp1z {
clear: both;
float: left;
width: 55%;
text-align: center;
}

/* ----------------------------------------------------------- */
/* für seite mit links.htm - spalte logo                       */
/* ----------------------------------------------------------- */
#link_sp2ueb, #link_sp2a, #link_sp2b, #link_sp2c, #link_sp2d, #link_sp2e, #link_sp2f, #link_sp2g, #link_sp2h, #link_sp2i, #link_sp2j, #link_sp2k, #link_sp2l, #link_sp2m, #link_sp2n, #link_sp2o, #link_sp2p, #link_sp2q, #link_sp2r, #link_sp2s, #link_sp2t, #link_sp2u, #link_sp2v, #link_sp2w, #link_sp2x, #link_sp2y, #link_sp2z {
float: left;
width: 22%;
}


/* ----------------------------------------------------------- */
/* für seite mit links.htm - spalte logo                       */
/* ----------------------------------------------------------- */
#link_sp3ueb, #link_sp3a, #link_sp3b, #link_sp3c, #link_sp3d, #link_sp3e, #link_sp3f, #link_sp3g, #link_sp3h, #link_sp3i, #link_sp3j, #link_sp3k, #link_sp3l, #link_sp3m, #link_sp3n, #link_sp3o, #link_sp3p, #link_sp3q, #link_sp3r, #link_sp3s, #link_sp3t, #link_sp3u, #link_sp3v, #link_sp3w, #link_sp3x, #link_sp3y, #link_sp3z {
float: left;
width: 18%;
text-align: left;
}



/* ----------------------------------------------------------- */
/* für seite fotogalerie.htm - spalte foto                     */
/* ----------------------------------------------------------- */
#fotogal_sp1a, #fotogal_sp1b, #fotogal_sp1c, #fotogal_sp1d, #fotogal_sp1e, #fotogal_sp1f, #fotogal_sp1g, #fotogal_sp1h, #fotogal_sp1z, #fotogal_sp1w, #fotogal_sp1v, #fotogal_sp1x, #fotogal_sp1y, #fotogal_sp1zz, #fotogal_sp1yy {
float: left;
width: 25%; /*55*/
margin-top: 2px;
text-align: center;
font-size: 12px;
padding: 5px;
}

/* ----------------------------------------------------------- */
/* für seite fotogalerie.htm - spalte text                     */
/* ----------------------------------------------------------- */
#fotogal_sp2a, #fotogal_sp2b, #fotogal_sp2c, #fotogal_sp2d, #fotogal_sp2e, #fotogal_sp2f, #fotogal_sp2g, #fotogal_sp2h, #fotogal_sp2z, #fotogal_sp2w, #fotogal_sp2v, #fotogal_sp2x, #fotogal_sp2y, #fotogal_sp2zz, #fotogal_sp2yy {
float: left;
width: 25%; /*22*/
margin-top: 2px;
padding: 5px;
font-size: 12px;
}

/* ----------------------------------------------------------- */
/* für seite fotogalerie.htm - spalte presseartikel            */
/* ----------------------------------------------------------- */
#fotogal_sp3a, #fotogal_sp3b, #fotogal_sp3c, #fotogal_sp3d, #fotogal_sp3e, #fotogal_sp3f, #fotogal_sp3g, #fotogal_sp3h, #fotogal_sp3z, #fotogal_sp3w, #fotogal_sp3v, #fotogal_sp3x, #fotogal_sp3y, #fotogal_sp3zz, #fotogal_sp3yy {
float: left;
width: 40%; /*18*/
margin-top: 2px;
text-align: left;
font-size: 12px;
padding: 5px;
}





/* ----------------------------------------------------------- */
/* für seite anfahrt.htm - spalte links                        */
/* ----------------------------------------------------------- */
#anfahrt_sp1 {
float: left;
width: 65%; /* 47%; */
margin-top: 2px;
text-align: center;
font-size: 12px; /*0.8em;*/
padding: 5px;
}




/* ----------------------------------------------------------- */
/* für seite anfahrt - spalte rechts                           */
/* ----------------------------------------------------------- */
#anfahrt_sp2 {
float : left;
width : 25%; /* 47%; */
margin-top: 2px;
font-size : 12px; /*0.8em;*/
padding: 5px;
}




/* ----------------------------------------------------------- */
/* für seite mit impressum.htm - spalte 1                      */
/* ----------------------------------------------------------- */
#imp_sp1a, #imp_sp1b, #imp_sp1c, #imp_sp1d, #imp_sp1e, #imp_sp1f, #imp_sp1g, #imp_sp1h, #imp_sp1i, #imp_sp1j, #imp_sp1k, #imp_sp1l  {
clear: both;
float: left;
width: 25%; /* 47%; */
margin-top: 2px;
text-align: left;
font-weight: bold;
color: #000000;
font-size: 12px; /*0.8em;*/
padding: 0px; 
}


/* ----------------------------------------------------------- */
/* für seite mit impressum.htm - spalte 2                      */
/* ----------------------------------------------------------- */
#imp_sp2a, #imp_sp2b, #imp_sp2c, #imp_sp2d, #imp_sp2e, #imp_sp2f, #imp_sp2g, #imp_sp2h, #imp_sp2i, #imp_sp2j, #imp_sp2k, #imp_sp2l  {
float: left;
width: 40%; /* 47%; */
margin-top: 2px;
color: #000000;
font-size: 12px; /*0.8em;*/
padding: 0px; 
}







/* ----------------------------------------------------------- */
/* interne/externe links auf allen seiten                      */
/* ----------------------------------------------------------- */
a, a:visited, a:hover, a:visited:hover {
color: #0000ff; /* #840000; */
background: transparent;
text-decoration: none;
font-weight: bold;
}


/* ----------------------------------------------------------- */
/* für linkseite zum ausgeben der URL                          */
/* ----------------------------------------------------------- */  
.printonly { display:none; }





/* ----------------------------------------------------------- */
/* für produktseiten, um grosses bild anzuzeigen               */
/* z.b. raumundtafelschmuck_x.htm                              */
/* ----------------------------------------------------------- */  
.bildlink a:link, .bildlink a:visited, .bildlink a:hover, .bildlink a:active
{
 BORDER: 1px solid #000000;
}


/* ----------------------------------------------------------- */
/* für produktseiten, um bilderseite aufzurufenn               */
/* z.b. raumundtafelschmuck_x.htm                              */
/* ----------------------------------------------------------- */  
.bildlink_1 a:link, .bildlink_1 a:visited, .bildlink_1 a:hover, .bildlink_1 a:active
{
border: 1px solid #000000;
float: left; 
margin-right: 5px;
margin-bottom: 10px;
text-align: left; 
}



/* ----------------------------------------------------------- */
/* für kontakt.htm - bild + erlaeuterung                       */
/* ----------------------------------------------------------- */  
#kontakt_sp1a, #kontakt_sp1b, #kontakt_sp1c, #kontakt_sp1d, #kontakt_sp1e, #kontakt_sp1f {
float: left;
width: 10%;
text-align: center;
}


#kontakt_sp2a, #kontakt_sp2b, #kontakt_sp2c, #kontakt_sp2d, #kontakt_sp2e, #kontakt_sp2f {
width: 80%;
text-align: left;
}


/* ----------------------------------------------------------- */  
/* für seite haffmuecke.htm                                    */
/* ----------------------------------------------------------- */  
.haffmuecke_links {
clear: both;
float: left;
width: 60%;
padding-top: 0px;
padding-left: 3%;
padding-right: 2%;
text-align: right;
font-size: 12px; /*0.8em;*/
}

.haffmuecke_rechts {
float: left;
width: 30%;
padding-top: 5px;
padding-left: 2%;
padding-right: 2.5%;
margin-top: 20px;
text-align: left;
font-size: 12px; /*0.8em;*/
padding:10px;
}






/* ----------------------------------------------------------- */  
/* für seite treppenzubehoer.htm                               */
/* hoch 450px                                                  */
/* ----------------------------------------------------------- */  
.treppe_0 {
float: left;
width: 100%;
height: 100%;
}

.treppe_1 {
float: left;
width: 45%;
text-align: left;
}





/* ----------------------------------------------------------- */  
/* für seite treppenzubehoer.htm                               */
/* hoch 600px                                                  */
/* ----------------------------------------------------------- */  
.treppe_2 {
float: left;
width: 45%;
padding-left: 2%;
font-size: 12px;
}


/* ----------------------------------------------------------- */  
/* für seite index.htm                                         */
/* ----------------------------------------------------------- */  
#bildarchiv {
border: 2px solid #000000;
}


img
{
border: none;
}



/* ----------------------------------------------------------- */  
/* für seite haffmuecke.htm                                    */
/* ----------------------------------------------------------- */  
.sp_1 {
width: 5px;
}

.tab_1 {
color: #999999;
BORDER-LEFT: #999999 3px solid;   /* linker rand, farbe, stärke, rahmentyp */
BORDER-BOTTOM: #999999 3px solid; /* unterer rand - farbe, stärke, rahmentyp (dunkelgrau) */
BORDER-RIGHT: #999999 3px solid;  /* rechter rand - farbe, stärke, rahmentyp (dunkelgrau) */
BORDER-TOP: #999999 3px solid;    /* oberer rand - farbe, stärke, rahmentyp (dunkelgrau) */
BACKGROUND-COLOR: #cccc99;        /* hintergrundfarbe, innerer bereich */
}

.sp_2 {
width: 475px;
height: 45px;
color: #000000;
FONT-SIZE: 30px;
TEXT-ALIGN: center; 
}
/* ----------------------------------------------------------- */  


/* ----------------------------------------------------------- */  
/* zwischenüberschrift mit monat in news.htm                   */
/* ----------------------------------------------------------- */  
.news_monat {
	width: 90%;
	border: solid 0px #000000;
	text-align: center;               /* textausrichtung in der seitenmitte */
}	

/* ----------------------------------------------------------- */
/* für news                                                    */
/* ----------------------------------------------------------- */  
.bildlink_2 a:link, .bildlink_2 a:visited, .bildlink_2 a:hover, .bildlink_2 a:active
{
	border: 1px solid #000000;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: left; 
}