@charset "utf-8";
      html {
        display: table;
        width: 100%;
        height: 100%;
      }
      body {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
      }


#wrapper {
	height: 670px;
	width: 950px;
	font-family: Verdana, Geneva, sans-serif, Arial;
	margin: auto;
}

#top_headline {
	height: 52px;
	width: 950px;
}

#top_left {
	height: 33px;
	width: 950px;
	font-size: 11px;
	font-variant:small-caps;
	color: #FFFFFF;
}

#top_right {
	height: 33px;
	width: 326px;
	margin-left: 263px;
}
#text {
	height: 470px;
	width: 950px;
	background-color: #EEEEEE;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif
}
#galerie {
    overflow: auto;
	heigt:470px;
	white-space: nowrap;
	aligtn:top;

}

#bilderrahmen1 {
heigt: 453px;margin: 0px;
width:7949px;

}

#bilderrahmen_bg {
heigt: 453px;margin: 0px;
width:12224px;
}

#bilderrahmen2 {
heigt: 453px;margin: 0px;
width:22766px;
position:relative;
top:0px;
left:0px;
}

#bilderrahmen3 {
heigt: 453px;margin: 0px;
width:5063px;
}

#bild   {
    align:top;
	float:left;
	border-right:10px solid #FFF;
	margin-left:-1px;	
}

a { text-decoration: none; 
    color: #666}
a:link    {text-decoration: none; color: #666; }
a:visited {text-decoration: none; color: #666; }
a:hover   {text-decoration: none; color: #222; }
a:active  {text-decoration: none; color: #666;  }

a.landscape {
	background-image: url(images/btnLandschaftenHell.jpg);
	width: 76px; height: 33px; display: block; float: left}
a.landscape:link    { background-image:url(images/btnLandschaftenHell.jpg); }
a.landscape:visited { background-image:url(images/btnLandschaftenHell.jpg); }
a.landscape:hover   { background-image:url(images/btnLandschaftenDunkel.jpg); }
a.landscape:active  { background-image:url(images/btnLandschaftenDunkel.jpg); }

a.portrait {
	background-image: url(images/btnPortraitHell.jpg);
	width: 58px; height: 33px; display: block; float: left}
a.portrait:link    { background-image:url(images/btnPortraitHell.jpg); }
a.portrait:visited { background-image:url(images/btnPortraitHell.jpg); }
a.portrait:hover   { background-image:url(images/btnPortraitDunkel.jpg); }
a.portrait:active  { background-image:url(images/btnPortraitDunkel.jpg); }

a.wedding {
	background-image: url(images/btnHochzeitHell.jpg);
	width: 63px; height: 33px; display: block; float: left}
a.wedding:link    { background-image:url(images/btnHochzeitHell.jpg); }
a.wedding:visited { background-image:url(images/btnHochzeitHell.jpg); }
a.wedding:hover   { background-image:url(images/btnHochzeitDunkel.jpg); }
a.wedding:active  { background-image:url(images/btnHochzeitDunkel.jpg); }


a.about {
	background-image: url(images/btnAboutHell.jpg);
	width: 72px; height: 23px; display: block; float: left}
a.about:link    { background-image:url(images/btnAboutHell.jpg); }
a.about:visited { background-image:url(images/btnAboutHell.jpg); }
a.about:hover   { background-image:url(images/btnAboutDunkel.jpg); }
a.about:active  { background-image:url(images/btnAboutDunkel.jpg); }

a.kontakt {
	background-image: url(images/btnKontaktHell.jpg);
	width: 59px; height: 23px; display: block; float: left}
a.kontakt:link    { background-image:url(images/btnKontaktHell.jpg); }
a.kontakt:visited { background-image:url(images/btnKontaktHell.jpg); }
a.kontakt:hover   { background-image:url(images/btnKontaktDunkel.jpg); }
a.kontakt:active  { background-image:url(images/btnKontaktDunkel.jpg); }

a.links {
	background-image: url(images/btnLinksHell.jpg);
	width: 44px; height: 23px; display: block; float: left}
a.links:link    { background-image:url(images/btnLinksHell.jpg); }
a.links:visited { background-image:url(images/btnLinksHell.jpg); }
a.links:hover   { background-image:url(images/btnLinksDunkel.jpg); }
a.links:active  { background-image:url(images/btnLinksDunkel.jpg); }

a.impressum {
	background-image: url(images/btnImpressumHell.jpg);
	width: 72px; height: 23px; display: block; float: left}
a.impressum:link    { background-image:url(images/btnImpressumHell.jpg); }
a.impressum:visited { background-image:url(images/btnImpressumHell.jpg); }
a.impressum:hover   { background-image:url(images/btnImpressumDunkel.jpg); }
a.impressum:active  { background-image:url(images/btnImpressumDunkel.jpg); }

a.home {
	background-image: url(images/btnHomeHell.jpg);
	width: 70px; height: 23px; display: block; float: left}
a.home:link    { background-image:url(images/btnHomeHell.jpg); }
a.home:visited { background-image:url(images/btnHomeHell.jpg); }
a.home:hover   { background-image:url(images/btnHomeDunkel.jpg); }
a.home:active  { background-image:url(images/btnHomeDunkel.jpg); }

#mitte {
    text-align:justify;
	width: 850px;
	margin: auto
}

h1 {
    font-size:12px;	
	font-weight:bold;
	color:#333
}
h3 {
    font-size:9px;	
	font-weight:normal;
	color:#888
}
#about {
	padding-left: 70px;
	padding-top: 120px;
	height: 470px;
	width: 900px;
}
#abouttext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
    text-align: justify;
	padding-left: 80px;
	width: 400px;	
}

#abouttext2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
    text-align: justify;
	padding-left: 80px;
	width: 320px;	
}

#fotograf {
	background-image: url(images/ich.jpg);
	height: 233px;
	width: 350px;
	border:6px solid #FFF ;	
	margin:-240px 510px;
}
