/* ### Vorbereitende Maßnahmen | Reset ##################################################################*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		height: 100%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #3d2c25;        
		background: #f6e6d6;
		text-align: left;
		
scrollbar-DarkShadow-Color:#0A0000; 
scrollbar-Track-Color:#f3e2d0; 
scrollbar-Face-Color:#f3e2d0; 
scrollbar-Shadow-Color:#e9ceb1; 
scrollbar-Highlight-Color:#e9ceb1; 
scrollbar-3dLight-Color:#555555; 
scrollbar-Arrow-Color:#3d2c25;
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
    
    

/* ### Main-Styles ##################################################################*/
    
    
body,table,td,div,form,input,pre {
    font-family: arial, helvetica; 
    font-size: 12px; 
    color: #37414B; 
    vertical-align: top;
    }
    
#distance { 
		width:1px;
		height:45%;
		background-color:#fff;
		margin-bottom:-295px; /* half of container's height */
		float:left;
		}
		
#seite {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
    clear:left;
    width: 1008px;
    height:600px;
    background-image:url(grafiken/hg_fotobox.gif);
    background-repeat:no-repeat;
    background-position:top right;
    }
   
#seitestart {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:center;
    clear:left;
    width: 1008px;
    height:547px;
    background-image:url(grafiken/hg_start.jpg);
    background-repeat:no-repeat;
    padding-top:53px;
    display:block;
    }
     
/* ### Kopf-Styles ##################################################################*/
    
#logo_inhalt { 
    float:left;
    width:465px;
    height:590px;
    }
    
#kleine_fotos { 
    float:left;
    width:101px;
    height:590px;
    background-image:url(grafiken/hg_kleinefotos.gif);
    background-repeat:no-repeat; 
    padding:155px 0px 0px 28px;
    }
    
#fotobox { 
    float:left;
    width:412px;
    height:552px;
    background-image:url(grafiken/hg_fotobox.gif);
    background-repeat:no-repeat; 
    padding-top:38px;
    }
    


/* ### logo_inhalt-Styles ##################################################################*/ 
    
#logo { 
    width:auto;
    height:118px;
    background-image:url(grafiken/hg_logo.gif);
    background-repeat:no-repeat; 
    padding:25px 0px 0px 100px;
    }
    
#navi { 
    width:auto;
    height:36px;
    background: #fff;
    background-image:url(grafiken/hg_navi.gif);
    background-repeat:no-repeat; 
    padding-left:80px;
    
    }
    
#inhalt { 
    width:auto;
    height:279px;
    background-image:url(grafiken/hg_inhalt.gif);
    background-repeat:no-repeat; 
    padding:20px 70px 20px 105px;
    text-align:center;
    }
    
#inhaltscroll { 
    width:auto;
    height:279px;
    background-image:url(grafiken/hg_inhalt.gif);
    background-repeat:no-repeat; 
    padding:20px 0px 20px 105px;
    text-align:center;
    }
    
#inhaltscrolltext { 
    width:auto;
    height:279px;
    padding:0px 53px 0px 0px;
    overflow:auto;
    }
    
#inhaltscrollsonder { 
    width:auto;
    height:279px;
    background-image:url(grafiken/hg_inhalt.gif);
    background-repeat:no-repeat; 
    padding:20px 0px 20px 0px;
    text-align:center;
    }
    
#inhaltscrolltextsonderA { 
    width:auto;
    height:249px;
    padding:0px 53px 0px 105px;
    overflow:auto;
    }
  
#inhaltscrolltextsonderB { 
    text-align:center;
    width:auto;
    height:30px;
    padding:0px 0px 0px 40px;
    }
    
#fuss { 
    width:auto;
    height:92px;
    background-image:url(grafiken/hg_fuss.gif);
    background-repeat:no-repeat; 
    }
    
#fussimpressum {
    position:absolute;
    top:590px;
    right:39px;
    width:200px;
    padding-top:5px;
    text-align:right;
    font-size:9px;
    color: #3d2c25; 
    }
    
#fussimpressum a { text-decoration: none; color: #3d2c25; }

#vorladen {visibility: hidden;}

p.text {text-align: justify;}
p.textkontakt {text-align: center;}

.fotokl {margin-bottom:5px;}
.grFoto {float:left; margin-top:38px;}
#grFoto {
float:left; 
margin-top:38px;
}

#fotostart {margin:24px 0px 22px 0px;}
.SpamMessage {color:#a70000;}
option, select {text-align:center;}


/* ### Standard-Styles ##################################################################*/ 
    
.bildlinks {
    float:left;
    }
    
.bildrechts {
    float:right;
    }
    
.saubersauger {
    clear:both;
    }

#vorladen {visibility: hidden;}

/* ### Optional ##################################################################*/ 

#vorladen {visibility: hidden;}
    
    #standardtags {
    width:auto;
    width:100px; 
    height:100px;  
    background:#00B800;  
    background-image:url(grafiken/bild.jpg);
    background-repeat:repeat-y;     /* senkrecht */ 
    background-repeat:repeat-x;     /* wagerecht */
    background-repeat:no-repeat;
    background-position:right;  
    position:absolute;
    position:relative;  
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
    color:#FFF;
    font-size:9px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    line-height:24px;
    border:1px solid #00ff00; /* GRÜN */
    }
    
    * html #standardtags { height:415px; } /* nur für IE 5.5 - 6.x */
    html + body #standardtags { height:415px; } /* nur vom IE 5.0 */
    
    
/* ### Linkfarben ##################################################################*/

#unternav a { text-decoration: none; }
#unternav a:link { color: #000000; }
#unternav a:visited { color: #000000; }
#unternav a:hover { color: #000000; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

a.footerlink:link {color: #FFFFFF; text-decoration: none;}
a.footerlink:visited {color: #FFFFFF; text-decoration: none;}
a.footerlink:active {color: #FFFFFF; text-decoration: none;}
a.footerlink:hover {color: #FFFFFF; text-decoration: underline;}

a.bildlink img { border: 1px solid #0044A5;}
a.bildlink:hover img { border: 1px solid #5598F7; } 

/* ### Navigation ##################################################################*/

#nav_main {
    width: auto;		/* Einfassen der Floats im IE */
    line-height: 0px;
    height: 33px;
}

#nav_main ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 44px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}

#nav_main ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 14px;
    list-style-type: none;
}

#nav_main ul li a {
    display:block;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    
}


#nav_main ul li#nav1 a {
    width: 110px;
    height: 33px;
    background-image:url(grafiken/nav_hochzeitsservice_1.gif);
}
#nav_main ul li#nav1 a:hover {
    width: 110px;
    height: 33px;
    background-image:url(grafiken/nav_hochzeitsservice_2.gif);
}
#nav_main ul li#nav1aktiv a {
    width: 110px;
    height: 33px;
    background-image:url(grafiken/nav_hochzeitsservice_2.gif);
}


#nav_main ul li#nav2 a {
    width: 93px;
    height: 33px;
    background-image:url(grafiken/nav_kollektionen_1.gif);
}
#nav_main ul li#nav2 a:hover {
    width: 93px;
    height: 33px;
    background-image:url(grafiken/nav_kollektionen_2.gif);
}
#nav_main ul li#nav2aktiv a {
    width: 93px;
    height: 33px;
    background-image:url(grafiken/nav_kollektionen_2.gif);
}


#nav_main ul li#nav3 a {
    width: 84px;
    height: 33px;
    background-image:url(grafiken/nav_downloads_1.gif);
}
#nav_main ul li#nav3 a:hover {
    width: 84px;
    height: 33px;
    background-image:url(grafiken/nav_downloads_2.gif);
}
#nav_main ul li#nav3aktiv a {
    width: 84px;
    height: 33px;
    background-image:url(grafiken/nav_downloads_2.gif);
}




#nav_main ul li#nav4 a {
    width: 61px;
    height: 33px;
    background-image:url(grafiken/nav_anfahrt_1.gif);
}
#nav_main ul li#nav4 a:hover {
    width: 61px;
    height: 33px;
    background-image:url(grafiken/nav_anfahrt_2.gif);
}
#nav_main ul li#nav4aktiv a {
    width: 61px;
    height: 33px;
    background-image:url(grafiken/nav_anfahrt_2.gif);
}
    
    
#nav_main ul li#nav5 a {
    width: 57px;
    height: 33px;
    background-image:url(grafiken/nav_kontakt_1.gif);
}
#nav_main ul li#nav5 a:hover {
    width: 57px;
    height: 33px;
    background-image:url(grafiken/nav_kontakt_2.gif);
}
#nav_main ul li#nav5aktiv a {
    width: 57px;
    height: 33px;
    background-image:url(grafiken/nav_kontakt_2.gif);
}
    
/* ### Sonstige-Styles ##################################################################*/
  
  div#Rahmen {
    width: auto;
    padding: 0px;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: auto;
    w\idth: auto;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-right: 0px; padding: 0px;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: 0px;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0px;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;

    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 0px;
    lef\t: 0px;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:#E6E6E6; padding-bottom:0px;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0px;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0px 0px;
    font-weight:bold;
    text-decoration: none; 
    /*
    font-weight: bold;
    border: 1px solid #000;
    */
    color: #3d2c25; background: #fff;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 0px;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 0px;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
    margin:0px;
    padding:0px
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    /*border: 1px solid #000;*/
    color: #000; background-color: #fff;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #000; background-color: #e9ceb1;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #E6E6E6;
  }



  #Rahmen ul li a#kasten_1 {
    background-image:url(grafiken/kasten_1.gif);
}

  #Rahmen ul li a#kasten_2 {
    background-image:url(grafiken/kasten_2.gif);
}

  #Rahmen ul li a#kasten_3 {
    background-image:url(grafiken/kasten_3.gif);
}

  #Rahmen ul li a#kasten_4 {
    background-image:url(grafiken/kasten_1.gif);
}

  #Rahmen ul li a#kasten_1aktiv {
    background-image:url(grafiken/kasten_1aktiv.gif);
}

  #Rahmen ul li a#kasten_2aktiv {
    background-image:url(grafiken/kasten_2aktiv.gif);
}

  #Rahmen ul li a#kasten_3aktiv {
    background-image:url(grafiken/kasten_3aktiv.gif);
}