body         	{ font-family: Arial; font-size: 12pt; color:#442200; background:#fffbdd; margin:0px; padding:0px;  /*line-height:20px;*/}
strong       	{ font-family: Arial; font-size: 10pt; font-weight: bold; margin-top: 0; margin-bottom: 0; color:#330000; }

h1            	{ font-family: Arial; color:#553300; margin-top: 0; margin-bottom: 5px; font-size: 14pt; font-weight: 700; text-align:left}
h2            	{ font-family: Arial; margin-top: 0; margin-bottom: 0; font-size: 10; text-align:center; color:#550000;font-weight: 400}
h3           	{ font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0; margin-bottom: 3px; text-decoration:none; font-weight:bold }
h4           	{ font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0; margin-bottom: 0; text-decoration:underline; font-weight:bold }
h5           	{ font-family: Arial; font-size: 10pt; text-align: left; margin-top: 0; margin-bottom: 0; text-decoration:underline; font-weight:bold }
p           	{ font-family: Arial; margin-top: 0; margin-bottom: 0; font-size: 10pt; text-align:justify; font-size: 12pt; /*line-height:20px;*/}
td			{ vertical-align:top; font-size: 12pt; text-align:justify;  margin-bottom: 3px}
hr 			{ width:100%; color:#330000;  height:1px;}

img			{ margin:0px; padding:0px; }
img.bild	{ margin-left:20px; margin-bottom:10px; }


/*--------------------------------------------------------------------------- Links -------------*/

a            	{font-family: Arial; font-size: 12pt; color:#996600;  }
a:active    	{color: #ff0000; }
a:visited   	{color: #997755;}
a:hover 		{color: #993300;}

a.diskret 			{ text-decoration:none}
a.diskret:activ 	{ text-decoration:none}
a.diskret:visited 	{ text-decoration:none;}
a.diskret:hover 	{ text-decoration:underline;}

a.extern		{ padding:0px 13px 0px 0px; background:url(images/ICON_externer_Link.GIF) right 2px no-repeat; }

p.h12			{ margin-bottom:12px; }


.right		{ text-align:right; }
.clear		{ clear:both; }
.floatstop 	{ clear:both;}

.rot		{ color:#990000;}
.acht		{ font-size:8pt;}

.infobox, .infobox p	{ font-size:10pt; background:#f0f0f0; }
.infobox a				{ font-size:10pt; }

/*.pfeil a	{ font-size:10pt; }*/

.linelow	{ line-height:0px;}
.block		{ display:block;}

.preloadpics{ width:3px; height:3px; display:none;}  /*-- hidden preload für Hoverbilder--*/


/*--------------------------------------------------------------------------- LAYOUT -------------*/


#overthetop			{margin:0px auto;  /*h. zentr.*/  	width:100px; height:30px;	border:0px solid #ff0000;	padding:0px 0px 0px 0px; }
#hintercontainer 	{margin:0px auto;  /*h. zentr.*/  	width:970px; 	clear:both; border:0px solid #00ff00;	background:#ffffff;	padding:0px 0px 0px 0px; }

#header				{ width:100%; height:195px; background: url('images/SLICE_Header1.gif');}
#header_top			{ width:100%; height:170px;}
#header_menu		{ width:100%; height:25px; font-weight: 600; font-size:12pt; color:#ddaa00; /*font-style:italic;*/ }
#vspace				{ width:100%; height:35px;  }

#container			{ width:100%; height:auto; background: url('images/SLICE_ContainerKachel1.gif');		/*background:#aaaaff;*/}
#spaltelinks		{ width:50px; height:145px; float:left; 												/*background:#ffaaaa;*/}
#spaltemitte		{ width:870px; text-align :left; background:#ffffff; 	/*wichtig >>*/ float:left;		 /*background:#ffffa4;*/   }

#footer, #footer a	{ position:relative; width:970px; height:57px; clear:both; background: url('images/SLICE_Footer1.gif'); }

#impressum a 		{ position:absolute; left:870px; top:25px; width:40px; height:15px; background:transparent; font-size:9pt; }

.center 			{ margin: 0px auto; text-decoration:none; text-align:center;}


/* ================================================================ HEADER MENU ========== */

#menu_hspace		{ float:left; width: 35px; height: 25px; }


/* ------------------------------------listenpunkte weg ---*/
#header_menu ul {
list-style-type:none;
padding:0px;
margin:0px;
}

/* -----------top links horizontal--*/
#header_menu ul li { float:left; /*text-indent: 25px;*/ }

/* ----------------------Alle Links stylen -----------------*/
#header_menu ul li a, #header_menu ul li a:visited {
display:block;
font-size:12pt;
padding:0px 25px 0px 20px; /*- Breite Toppunkt einstellen-*/
line-height:24px;
color:#995500;
text-decoration:none;
text-align:left;
}



/* ----------------------Hover Links stylen --------------*/
#header_menu ul li a:hover, #header_menu ul li a:focus {
color:#ddaa00;
background: url('images/ICON_Sonne-Menupunkt.gif') no-repeat 0px 0px; margin:0px 0px 0px 0px;}


.markiert			{ background: url('images/ICON_Sonne-Menupunkt.gif') no-repeat 0px 0px; margin:0px 0px 0px 0px; }







/* ======================== FOTOGALERIE 2    http://www.werbungMINUSwebdesign.de/bilder-galerie-css.php ==========================*/
  
  
    .galerie{
        width:100%; height:500px;
        	margin-top:15px;
			position:relative;
			background: url('images/ICON_Kamera3.gif') 300px 40px no-repeat;
     }


	 /* ------------------ Wrapper für kleine Bildchen ---*/ 
     .pic-navi{
        padding:0px 0px 30px 0px;
        width:230px;
        float:left;  
        		/*background-color:#00ff00;*/
     }
     
    /* ------------------- kleine Bildchen ---*/ 
    .pic-navi a img{
       width:100px;
       margin:0px 10px 10px 0px;
       border:1px solid #999999;
       float:left;
    }
    
    .pic-navi a:hover img{
       border:1px solid #aa0000;
    }
    
   
   div.pic-navi a span  {    display: none; }



    /* -------- Bei 'hover' wird das SPAN sichtbar gemacht, die Größe definiert und mit bg-img versehen ------*/ 

   div.pic-navi a:hover span, div.pic-navi a:active span  {
       display: block;
       position: absolute; left:230px; top:0px;  /* --- großes Bild rechts neben Bildchen ---*/
       width: 640px; height:640px;
       z-index: 100;

       /* ------- genaue position des Bildes im SPAN---------*/
       /*background-color:#f60000; */
       background-position: 0px 0px; 
       background-repeat: no-repeat;
   }
   
   
   a#pic1:hover span, a#pic1:active span{background-image:url(images/BILD_Ess1.jpg);}
   a#pic2:hover span{background-image:url(images/BILD_Wohn1.jpg);}
   a#pic3:hover span{background-image:url(images/BILD_Schlaf1.jpg);}
   a#pic4:hover span{background-image:url(images/BILD_Schlaf2.jpg);}
   a#pic5:hover span{background-image:url(images/BILD_Schlaf3.jpg);}

   a#pic6:hover span{background-image:url(images/BILD_Balkon2.jpg);}
   a#pic7:hover span{background-image:url(images/BILD_Kuech1.jpg);}
   a#pic8:hover span{background-image:url(images/BILD_Balkon1.jpg);}
   a#pic9:hover span{background-image:url(images/BILD_Liegewiese2_tnd.jpg);}
   a#pic10:hover span{background-image:url(images/BILD_Blick1.jpg);}

  







ul.pfeil 		{ list-style-type:none; 	margin:0px 0px 0px 0px;  padding-left:0px; }
ul.pfeil li 	{ background: url(images/ICON_Pfeil_gelb.gif) 0px 5px no-repeat; padding-left: 20px; margin-bottom: 5px; }


/*----
ul.rezepte li	a			{ color:#aa5555; padding:3 3 3 6px; display:block; text-decoration:none; font-family:"Courier New", Arial; font-style:normal; }
ul.rezepte li	a:visited	{ color:#aa8888;}
ul.rezepte li	a:hover		{ color:#aa0000; text-decoration:none; background:#dddddd url('') no-repeat 5px 3px; }
---*/








/*---*/