/* CSS Document */
html {height:100%;}
body {
	background-color:#888888;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
* {
	margin:0;
	padding:0;
	border:0;
}
figure, footer, header, nav, section, figcaption {
	display: block;
}
.clear {
	clear:both;
	height:0;
}
header {
	background:#FFFFFF;
	padding:35px 0px 9px 0px;
	height:122px;
	width:100%;
	min-width:650px;
	margin:auto;
}
header h1, header hr {
	display:none;
}
header img {
position:absolute;
width:585px;
height:118px;
left:50%;
margin-left:-292px;
z-index:1;

}
#login {
	width:550px;
	margin:auto;
	padding-top:12px;
}
section#welcome {
	width:550px;
	position:absolute;
	z-index:100;
}
#login h2 {
	color:#333333;
	font-size:150%;
	text-shadow: #CCCCCC 1px 1px 0px;
	padding-bottom:26px;
}
#login p {
	padding-bottom:12px;
	color:#333333;
	text-shadow: #CCCCCC 1px 1px 0px;
}


#login nav {
	font-size:120%;
	padding-top:24px;
	padding-bottom:75px;
}
#login nav ul {
	list-style:none;
}
#login nav a:link, #login nav a:visited {
	background:#333333;
	text-decoration:none;
	color:#FFFFFF;
	padding:8px 17px 8px 17px;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#login nav a:hover {
	background:#6c0509;
}


#frontpage {
	width:550px;
	margin:auto;
	padding-top:35px;
}

#video {
	background:#000000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#video .inner {
	width:320px;
	margin:auto;
	padding-bottom:-5px;
}

#frontpage nav {
	font-size:160%;
	padding-top:5px;
	padding-bottom:75px;
}
#frontpage nav img {
	padding-bottom:5px;
}
#frontpage nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#frontpage nav li {
	padding-bottom:5px;
}
#frontpage nav a:link, #frontpage nav a:visited {
	background:#f5ebeb;
	display:block;
	text-decoration:none;
	color:#650202;
	padding:7px 15px 7px 15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#frontpage nav a:hover {
	background:#FFFFFF;
}
#gallery {
	width:600px;
	margin:auto;
	padding-top:0px;
	padding-bottom:55px;
	
}
#galleryTable {
	display:table;
	padding-top:125px;
}

#back {
	position:absolute;
	top:190px;
	z-index:1;
}
#back a:link, #back a:visited, #backMenue a:link, #backMenue a:visited {
	background:#333333;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:8px 17px 8px 17px;
	font-weight:bold;
}
#back a:link, #back a:visited {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#back a:hover {
	background:#6c0509;
}
#backMenue a:hover {
	background:#FFFFFF;
	color:#6c0509;
}

#backMenue a.on:link, #backMenue a.on:visited, #backMenue a.on:hover {
	background:#6c0509;
	color:#FFFFFF;
}

div#backMenue {
	background:#333333;
	position:absolute;
	display:none;
	top:222px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	z-index:10;
}
#backMenue .inner {
	padding:1px 0px 1px 0px;
}
#backMenue ul {
	list-style:none;
}
#backMenue li {
	padding:1px 2px 1px 2px;
}
#introBG {
	position:absolute;
	top:165px;
	background:#f5ebeb;
	width:100%;
	min-width:650px;
	height:80px;
	z-index:-1
}
#gallery h2 {
	color:#333333;
	margin-left:200px;
	font-size:140%;
	width:380px;
	text-shadow: #CCCCCC 1px 1px 0px;
	padding-top:20px;
	position:absolute;
	z-index:1;
}

#gallery h3 {
	color:#666666;
	margin-left:200px;
	font-size:100%;
	width:380px;
	position:absolute;
	top:210px;
	z-index:1;
}

#date {
position:absolute;
top:250px;
padding-left:500px;
color:#FFFFFF;
font-weight:bold;
display:none;
}

#gallery .navigation ul  {
	list-style:none;
	padding:0;
	margin:0;
}
#gallery .navigation li {
	display:inline;
}
#gallery .navigation a:link, #gallery .navigation a:visited {
	text-decoration:none;
	background:#333333;
	color:#ffffff;
	padding:2px 7px 2px 7px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#gallery .navigation a:hover {
	background:#6c0509;
	color:#FFFFFF;
}

ul#tab-container-entstehung-nav a.active:link,
ul#tab-container-fotobooth-nav a.active:link,
ul#tab-container-galgenberg-nav a.active:link,
ul#tab-container-grillparty-nav a.active:link,
ul#tab-container-standesamt-nav a.active:link,
ul#tab-container-trauung-nav a.active:link, 
ul#tab-container-entstehung-nav a.active:visited,
ul#tab-container-fotobooth-nav a.active:visited,
ul#tab-container-galgenberg-nav a.active:visited,
ul#tab-container-grillparty-nav a.active:visited,
ul#tab-container-standesamt-nav a.active:visited,
ul#tab-container-trauung-nav a.active:visited {
	background:#6c0509;
	color:#FFFFFF;
	position:relative;
	z-index:1;
	margin:0;
}
#gallery .navigation {
	position:fixed;
	background:url(../images/template/bg-gallery-nav.png);
	width:100%;
	min-width:600px;
	height:35px;
	left:0;
	bottom:0;
	z-index:1;
	padding-top:20px;
}
#gallery .navigation p {
	padding:0;
	margin:0;
	display:inline;
}
ul#tab-container-entstehung-nav,
ul#tab-container-fotobooth-nav,
ul#tab-container-galgenberg-nav,
ul#tab-container-grillparty-nav,
ul#tab-container-standesamt-nav,
ul#tab-container-trauung-nav {
	position:absolute;
	width:100%;
	text-align:center;
}
ul#js-navigation {
	position:absolute;
	width:100%;
	text-align:center;
}

#gallery figure {
	display:table-cell;
	width:200px;
	padding-bottom:10px;
	padding-top:0px;
	text-align:center;
}
#gallery .row {
	display:table-row;
}
#gallery img {
	border:5px solid #EFEFEF;
	background:#FFFFFF;
	padding:1px;
	width:178px;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-khtml-border-radius:1px;
}
#gallery figcaption {
	text-align:center;
	display:none;
}

#topBG {
    background-image:url(../images/template/topbg.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:452px;
	height:335px;
	position:absolute;
	top:0;
}

footer {
    background-image:url(../images/template/bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:100%;
	height:409px;
	position:fixed;
	bottom:0;
	z-index:-1
}
footer p, footer hr {
	display:none;
}

#logo_frontpage {
	position:fixed;
	background:url(../images/template/bg-gallery-nav.png);
	width:100%;
	min-width:650px;
	height:35px;
	left:0;
	bottom:0;
	z-index:1;
	padding-top:20px;
}

#logo_frontpage img {
	position:absolute;
	border:0;
	right:0;
	bottom:0;
	padding-right:30px;
	padding-bottom:4px;
	z-index:1;
}

#logo {
	position:fixed;
	width:100%;
	min-width:650px;
	height:35px;
	left:0;
	bottom:0;
	padding-top:20px;
}

#logo img {
	position:absolute;
	border:0;
	right:0;
	bottom:0;
	padding-right:30px;
	padding-bottom:4px;
	z-index:1;
}