/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#252525; border:0; font:11px Arial, Helvetica, sans-serif; color:#afafaf; line-height:18px; min-width:1060px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/bg_top.gif) 50% 50% repeat #252525; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > div{ position:absolute; width:100%; height:100%;background: url(../images/loader.gif) 50% 50% no-repeat; top:0; left:0}

.block {height:63px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -63px; overflow:hidden}
body, html {height:100%;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width:1060px; position:relative; z-index:1}

.bg1{ background:url(../images/bg_top.gif) center top repeat-x; height:62px; overflow:hidden; position:relative; z-index:2}
.bg2{ background:url(../images/bg_bot.gif) 0 0 repeat-x; position:relative; z-index:2}
#bgStretch {overflow:hidden;z-index:-1; position:fixed}

.top{ height:149px}

.spinner {width:16px;height:11px;right:90px; bottom:5px;background: url(../images/ajax-loader.gif) 0 0 no-repeat; position:absolute}
#pagination{ position:absolute; bottom:41px; right:6px; z-index:1;}
#pagination li{ float:left; padding-left:3px;}
#pagination a{ display:block; background:url(../images/buttons.png) right 0 no-repeat; width:17px; height:17px;}
#pagination a:hover, #pagination .active a{ background-position:left}
 

/* ============================= main layout ====================== */

a{ color:#f8554f; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:0 0 0 115px;}
h2{ font-size:30px; font-weight:200; color:#fff; line-height:1.2em; padding:0 0 20px 0;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:157px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:371px; height:82px;}

.menu { float: left; margin-left:55px;  position:relative; height:60px;}
#menu {}
#menu > li { float:left; padding-right:1px; padding-top:5px; position:relative;}
#menu > li > a{ display:block; font-size:16px; font-weight:300; color:#a0a0a0; height:56px; background:url(../images/bg_menu.png) 0 0 repeat-x; padding:0 39px; line-height:44px}
#menu > li > span, #menu > li > strong{ position:absolute; width:100%; height:4px; background:#f8554f; top:0;}
#menu > li > strong{ background:#000;}
#menu > li:hover > a, #menu > .active > a, #menu > .sfHover > a{ color:#fff; background:url(../images/menu_bg_active.png) 0 0 repeat-x}

.submenu{ position:absolute; width:100%; background:#000;}
.submenu li{ line-height:40px; border-bottom:1px solid #303030}
.submenu li:hover, .submenu .active{ border-bottom:1px solid #dd6c67}
.submenu a{ display:block; font-size:16px; font-weight:300; color:#a0a0a0; text-align:center; height:40px; line-height:32px;}
.submenu li:hover a, .submenu .active a { background:#f8554f; color:#fff}

#menu_close{ float:right; font-size:16px;font-weight:300; color:#fff; line-height:22px; margin-top:4px; padding:12px 22px 16px}
#menu_close span{ background:url(../images/menu_close.gif) right 0 no-repeat; display:block; padding-right:43px; height:30px;}
#menu_close:hover{ color:#f8554f;}

#menu_down{ position:absolute; top:0px; right:0; font-size:16px;font-weight:300; color:#fff; line-height:22px; padding:12px 22px 16px; background:url(../images/menu_bg.gif) 0 0 no-repeat}
#menu_down span{ background: url(../images/menu_marker.gif) right 0 no-repeat; display:block; padding-right:43px; height:30px;}
#menu_down:hover{ color:#f8554f;}

/* ============================= content ====================== */

#content{ height:590px; padding-bottom:42px;}

#content > ul > li{ height:590px; width:100%; }

.content{ height:632px; position:relative; z-index:1}

.box{ padding:40px; background:url(../images/bg_content.png) repeat; width:510px}
#page_Contact .box{ padding-bottom:13px}
#page_Contact .marg_top1.box{ padding-bottom:27px}
#page_Contact .col1{ width:60px; float:left;}
#page_Privacy .box{ padding-bottom:26px}

figure{ margin-top:4px;}

.marg_top1{ margin-top:12px;}
.pad_bot1{ padding-bottom:32px;}

.font1{ color:#fff; text-transform:uppercase}

.color1{ color:#f8554f}

.scroll{height:153px; width:265px; overflow:hidden;}
.track{ width:30px; height:62px; padding:0 0; top: -38px !important; left:280px !important; background: none}
.shuttle{ width:0px; height:0px; background: none;}
._up-butt, ._down-butt{ height:30px !important; width:30px; background:url(../images/markers.gif) right 0 no-repeat;}
._down-butt{ background-position:0 bottom}
._up-butt:hover{ background-position:0 0}
._down-butt:hover{ background-position: right bottom}

#disqus_thread  {height:1900px;}

#page_Unsere_Hochzeit .scroll, #page_Privacy .scroll, #page_Glueckwuensche .scroll, #page_Fotoalben .scroll{height:454px; width:470px; overflow:hidden;}
#page_Unsere_Hochzeit .track, #page_Privacy .track, #page_Glueckwuensche .track, #page_Fotoalben .track{  left:480px !important;}
#page_More .scroll{height:454px; width:470px; overflow:hidden;}
#page_More .track{  left:480px !important;}

.gallery { position:relative; width:590px !important;}
.gallery li{ float:left; width:190px; margin-right:10px;}
.gallery li a{ position:relative; padding:6px; background:#fff; display:block; margin-bottom:10px;}
.gallery .img_act{ position:absolute; top:6px; left:6px;}


/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; background:#fff; z-index:1}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
div.light_square .pp_close{ position:absolute; z-index:99; top:-50px; right:0px; width:30px; height:30px; background:url(../images/close.gif) 0 0 no-repeat}
div.light_square .pp_close:hover{ background-position:right 0}

div.light_square .pp_next{ position:absolute; top:48%; right:0px; width:30px; height:30px; background:url(../images/markers2.gif) right bottom no-repeat; visibility:visible !important}
div.light_square .pp_next:hover{ background-position: right top}
div.light_square .pp_previous{ position:absolute; top:48%; left:0px; width:30px; height:30px; background:url(../images/markers2.gif) left top no-repeat; visibility:visible !important}
div.light_square .pp_previous:hover{ background-position: left bottom}

.pp_arrow_previous, .pp_arrow_next{ display:none !important}

.prev, .next{ position:absolute; width:30px; height:30px; display:block; top:-42px; right:0; background:url(../images/markers2.gif) bottom right no-repeat}
.prev{ right:32px; background-position:0 0}
.prev:hover{ background-position:0 bottom}
.next:hover{ background-position:right 0}

/* ============================= footer ====================== */

footer { height:63px; text-transform:uppercase;}
footer a{}
footer a:hover{}

footer .grid_24{ padding-top:24px;}
#privacy{ margin-left:3px; background:url(../images/footer_line.gif) 0 3px no-repeat; padding-left:11px;}

#icons{ float:right;}
#icons li{ float:left; padding-left:2px;}
#icons a{ position:relative; display:block;}
#icons .img_act{ position:absolute; top:0; left:0;}

/* Tooltips */
.aToolTip { background: url(../images/bg_content.png) repeat; color:#fff;	margin:0; padding:3px 10px 4px; font-size:11px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}


/* ============================= forms ============================= */

#ContactForm{ position:relative; margin-top:6px; height:160px;}
#ContactForm .col1{ width:214px; float:left; margin-right:40px;}
#ContactForm .col1 .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .col2{ float:left; width:254px}
#ContactForm .success{display:none; position:absolute; bottom:5px; left:0;}
#ContactForm label{ position:relative;min-height:30px; display: inline-block;}
#ContactForm .message{ min-height:118px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#f8554f; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:6px; float:right; position:relative; text-transform:uppercase; color:#fff; background:#000; line-height:30px;}
#ContactForm a span{ position:relative; padding:0 17px;}
#ContactForm a strong{ position: absolute; background:#f8554f; top:0; left:0; width:100%; height:100%;}
#ContactForm .input { margin:0;width:194px; height:14px; background:#000; padding:8px 10px;color:#afafaf; font:11px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:234px; height:93px; background:#000; padding:8px 10px;color:#afafaf; font:11px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ display:inline-block;}

.pp_description {position: absolute; bottom: 20px;left: 50px; background: url(../images/bg_content.png) repeat; width: 85%;padding: 15px; display:none;font-size:17px;text-align: center; }

#gallery_overview li{float:left;padding-right:30px;}
#gallery_overview p {line-height:12px;padding-top:5px;}
#gallery_overview strong {font-size:12px;color:#fff;}