@charset "utf-8";
body {
    font-family: Verdana;
		font-size:13px;
		line-height:18px;
		background: #fff;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #666;
    }
	
/*Ãœberschriften*/
h1 {
		width: 100%;
		color: #010101;
		background-image: url(../images/headerline.jpg);
 		background-position:bottom;
		background-repeat: no-repeat;
		font-size: 18px;
		padding-bottom: 10px;
		margin-top:20px;
		margin-bottom: 20px;
		letter-spacing : 2px;
}

h2 {
		width: 100%;
		font-size: 16px;
		letter-spacing : 2px;
		color: #010101;
		margin-top:20px;
}

p {
		display:block;
		/*text-align:justify;*/
}

img
		{
		 border: none;
		}

a:link 
		{
			FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: none;
		}
a:visited 
		{
			FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: none;
		}
a:hover 
		{
			FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #7f7f7f; TEXT-DECORATION: none;
		}
a:active 
		{
			FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #7f7f7f; TEXT-DECORATION: none;
		}
	
	.important
	{
		font-size: 13px;
		color:red;
		font-weight:bold;
		font-variant:small-caps;
	}		
		
	.center {
    	margin: 0; 
    	padding: 15px 0; 
		text-align:center;	
	}
	
    .oneColFixCtrHdr #container {
    	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtrHdr #header {
    	background: #FFF; 
			height: 150px;
    	padding: 0px 0px 0px 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    }
    .oneColFixCtrHdr #slider {
    	background: #FFF; 
		height: 305px;
		margin-top:20px;
    }	
    .oneColFixCtrHdr #img_header {
    	background: #FFF; 
		height: 250px;
		margin-top:35px;
    }	    
	
/* Menu */	
	.oneColFixCtrHdr #menu {
		width: 900px;	
		font-size:12px;
		font-family:verdana;
		line-height:27px;
		letter-spacing:2px;
	}
	
	.oneColFixCtrHdr #menu ul {
		padding: 0px;
		margin: 0px;
		LIST-STYLE-TYPE: none;		
	}	
	
	.oneColFixCtrHdr #menu ul .first{	
		
	}	
	
	.oneColFixCtrHdr #menu ul .last{
		margin-right:0px !important;
		margin-left: 0px !important;
	}	
			
	.oneColFixCtrHdr #menu ul li {
		float: left;
		margin:0px;
		margin-right:10px;		
		margin-top:0px;								
		/*background-image:url(../images/bg_menu.jpg);*/
		width:135px;
		height:33px;
		text-align:center;
		text-transform:uppercase;
		display:block;
		background-repeat:no-repeat;
	}		
	
	#home {
		background-image: url(../images/menu/home.jpg);				
		width:105px !important;
	}

	#home_active {
		background-image: url(../images/menu/home_ho.jpg);		
		width:105px !important;
	}

	#home:hover {
		background-image: url(../images/menu/home_ho.jpg);
	}
	
	#about {
		background-image: url(../images/menu/about.jpg);
		width:105px !important;
	}

	#about_active {
		background-image: url(../images/menu/about_ho.jpg);
		width:105px !important;
	}	

	#about:hover {
		background-image: url(../images/menu/about_ho.jpg);
	}
	
	#leistungen {
		background-image: url(../images/menu/leistungen.jpg);
		width:170px !important;
	}

	#leistungen_active {
		background-image: url(../images/menu/leistungen_ho.jpg);
		width:170px !important;
	}	

	#leistungen:hover {
		background-image: url(../images/menu/leistungen_ho.jpg);
	}
	
	#wedding {
		background-image: url(../images/menu/wedding.jpg);
		width:145px !important;
	}

	#wedding_active {
		background-image: url(../images/menu/wedding_ho.jpg);
		width:145px !important;
	}	

	#wedding:hover {
		background-image: url(../images/menu/wedding_ho.jpg);
	}
	
	#studio {
		background-image: url(../images/menu/studio.jpg);
		width:110px !important;
	}

	#studio_active {
		background-image: url(../images/menu/studio_ho.jpg);
		width:110px !important;
	}	

	#studio:hover {
		background-image: url(../images/menu/studio_ho.jpg);
	}
	
	#contact {
		background-image: url(../images/menu/kontakt.jpg);
		width:120px !important;
	}

	#contact_active {
		background-image: url(../images/menu/kontakt_ho.jpg);
		width:120px !important;
	}	

	#contact:hover {
		background-image: url(../images/menu/kontakt_ho.jpg);
	}				

	#lifestyle {
		background-image: url(../images/menu/lifestyle.jpg);
		width:145px !important;
	}

	#lifestyle_active {
		background-image: url(../images/menu/lifestyle_ho.jpg);
		width:145px !important;
	}	

	#lifestyle:hover {
		background-image: url(../images/menu/lifestyle_ho.jpg);
	}	
	
	#slideshow {
		background-image: url(../images/menu/slideshow.jpg);
		width:160px !important;
	}

	#slideshow_active {
		background-image: url(../images/menu/slideshow_ho.jpg);
		width:160px !important;
	}	

	#slideshow:hover {
		background-image: url(../images/menu/slideshow_ho.jpg);
	}		
		
	.oneColFixCtrHdr #menu ul a{
		display:block;
		height: 100%;
	}			

	.oneColFixCtrHdr #menu ul a:hover{

	}			
	
	#menu a:link 
			{
				FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF; TEXT-DECORATION: none;
			}
	#menu a:visited 
			{
				FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF; TEXT-DECORATION: none;
			}
	#menu a:hover 
			{
				FONT-WEIGHT: bolder; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF; TEXT-DECORATION: none;
			}
	#menu a:active 
			{
				FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF; TEXT-DECORATION: none;
			}		
/* Menu ENDE */	

    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 20px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
			text-align:center;
    }
		
    .oneColFixCtrHdr #mainContent {
    	padding: 5px 30px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFF;
    }
    
    #footer_logo {
    	float:right; margin-right: 30px; padding: 0px; height: 8px;
    }
    
    .oneColFixCtrHdr #footer {
    	margin-top: 20px;
    	background:#transparent;
		background-image: url(../images/footerline.jpg);
 		background-position:top;
		background-repeat: no-repeat;    	
    	/*background: url('../images/footer.png');  min-height: 125px;*/
    	width: 900px;
    	min-height: 25px;
    	float:left;
    	
    }

		.oneColFixCtrHdr #footer p{
			margin-left:30px;
			
		}

		.oneColFixCtrHdr #footer p span{
			font-size:10px;			
			font-style:italic;
		}		
		
		.oneColFixCtrHdr #footer p span a
		{			color:#7f7f7f;		}
		
		.oneColFixCtrHdr #footer p span a:hover
		{			text-decoration: underline;		}
    
  .breadcrumb {
  	color: #666;
  	margin-bottom:15px;
  }    
  
  #slideshows {
  	
  }
  
  #slideshows p{
  	float:left;
  	text-algin:center;
  	margin:30px;
  }