@charset "utf-8";
/*   FOTOSTUDIO SUSI GRAF   */       

html, body, div, p, ul, li { margin:0; padding:0; border:0; outline:0; font-size:100%; }
html { overflow-y: scroll; }
ul, ol { list-style:none;  }
a, a:hover, a:visited { text-decoration:none; color:inherit; }
h1, h2, h3, h4, h5 { color:#603986; font-weight:normal; }
img { border: 0; outline: 0; }
.clearfix:before, 
.clearfix:after { content:''; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

body { font-size:1em; background:#fff; font-family:Verdana, sans-serif; 
    color:#888; text-align:center; margin:0 auto; }
#header { text-align:center; margin-top:15px; }
#header h1 { text-indent:-9999px; display:none; }
#header img { width:80%; height:auto; max-width:462px; margin:0 auto; }

#nav { background:rgba(255,255,255,.8); padding: 15px 10px 10px; width:85%; max-width:600px; margin:10px auto 0;  
    border:1px #dedede solid; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;  }
#small { display: none; }
#nav li { display:inline-block; text-align:center; position: relative; }
#nav .gal { padding-bottom: 12px; }
#nav li ul { display: none; }
#nav li ul.open { 
	display: block;
	background: #fff;
	width: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	position: absolute; 
	top: 32px; 
	left: 10px;
	z-index: 9999;
	text-align: left;
}
#nav li ul li { padding: 5px 0; }
#nav li ul li a:visited,
#nav li ul .aktiv { color: #888; }
#nav li a { font-size: 15px; }
#nav a { color:inherit; display:block; padding: .2em 1em; }
.aktiv { text-decoration:  underline; color: #603986; }
#menu { display: none; cursor: pointer; }
.inhalt { width:87%; margin:20px auto 0; background:rgba(255,255,255,.7); max-width:1000px; min-height:200px;
    border:1px #dedede solid; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
hr { opacity:.5;  }

#footer { font-size:.7em; max-width:500px; width:80%; margin:20px auto; background:rgba(255,255,255,.7); 
    padding:10px 15px 13px 15px; border:1px #dedede solid; -moz-border-radius:20px; 
    -webkit-border-radius:20px; border-radius:20px; }
#footer img{ padding:0 4%; position:relative; top:3px; }

/*     STARTSEITE      */ 

.inhalt #start { width:90%; height:auto; max-width:500px; margin:30px auto; }

/*     FAMILIE  *   HOCHZEIT   *    AKT    *   KALENDER   */

#galleria { max-width:680px; width:90%; height:500px; 
        margin:30px auto 34px; } 
#kalender p { margin: 120px auto 0; height: 180px; padding:0 20px; font-size:115%; letter-spacing:.1em; }


/*     PREISE     */

#preise { padding:20px; max-width:900px; margin:0 auto; }
#preise p { font-size:.9em; }
.small { font-size:smaller; } 
.remove { margin-bottom:-10px; }
.row { width:45%; float:left; padding:0 2%; text-align:right; }
.stunde { font-size:110%; }
em { font-style:italic; font-size:smaller; }
#last { visibility:hidden;  }
h4 { margin-bottom:-5px; }

/*     ÜBER MICH      */

#uMich { padding:20px 30px 40px; max-width:650px; margin:0 auto; 
    text-align:right; }
#uMich img { float:left; max-width:200px; width:45%; margin:25px 30px 30px 0; 
    border:1px #dedede solid; }
#uMich p { font-size:.9em; }
h5 { margin-bottom: 5px; }
#uMich p.kl { font-size:.8em; }

/*      KONTAKT       */

#kontakt { max-width:800px; margin:0 auto 20px; padding:30px 0 0 20px;  }
#kontakt ul { padding:2%; width:42%; max-width:340px; text-align:right; 
    float:left; margin:2%; }
ul hr { margin:0 5px 15px;  }
#kontakt li { margin-bottom:15px; font-size:.9em; }
#kontakt li a { text-decoration:underline; }
#kontakt .tel { text-decoration:none; font-size: 1.2em; }
#downloads h4{ padding-top:2px; }

/*      DSGVO       */

#DSGVO { max-width:400px; margin:0 auto 20px; padding:30px 0 0 20px;  }
#DSGVO ul { padding:2%; width:100%; max-width:340px; text-align:center; 
    float:left; margin:2%; }
ul hr { margin:0 5px 15px;  }
#DSGVO li { margin-bottom:15px; font-size:.9em; }
#DSGVO li a { text-decoration:underline; }
#DSGVO .tel { text-decoration:none; font-size: 1.2em; }
#downloads h4{ padding-top:2px; }


/*     MEDIA QUERIES    */

@media screen and ( max-width:850px ) {
    #nav ul { width: 100%; margin:0 auto; }
    #preise { padding:30px; }
    #last { visibility:visible; }
    .row { width:95%; float:none; padding:0 2%; }
    #kontakt { padding:0; }
    #kontakt ul { margin:20px auto; float:none; 
        width:90%; max-width:400px; padding: 3%; }
    }

@media screen and ( max-width:620px ) {
	 #menu { display: block; }
	 #menu:after { content: ' \25BC'; }
	 #menu.open:after { content: ' \25B2'; } 
    #nav { margin-top:15px; width: 100%; border-radius: 0; 
			padding: 10px 0; } 
    #nav ul { width: 85%; }
	 #big { display: none; }
	 #small { display: none; margin-top: 10px; }
    #small li { 
		 width:48%; 
		 float: left;
		 padding: 10px 0;
	 }
	 #small li a { font-size: 16px; }
	 #small li ul { display: block; padding: 0; }
	 .inhalt { width: 100%; border-radius: 0; margin-top: 0;
		border-top: 0;}
    #footer img { padding:0 2%; }
    #footer { font-size:.54em; padding-top:8px;  }
    #angebote { padding:10px; }
    #galleria { height:320px; }
    #uMich img { margin:20px 10px 10px; }
	#kontakt ul { width: 80%; }
    }