/*------------------------------------*\
    GENERAL
\*------------------------------------*/

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
body{
	margin: 0;
}
img{ 
    max-width:100%; 
    height:auto; 
    border: 0 none; 
}
.PageContainer{
    position: relative;
}


/*------------------------------------*\
    MENU AND MENUBAR
\*------------------------------------*/

.menubar{
    background-color: #fff;
    width: 78px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    overflow:hidden;
    z-index:1000;     
    padding: 40px 0;
}
.open-menu{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -16px -16px;
    width: 29px;
    height: 25px;
    margin: 0 auto;
    cursor: pointer;
}
.open-menu-mobile{
    display: none;
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -16px -17px;
    width: 29px;
    height: 25px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 8px;
}
.menu-arrow{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -15px -381px;
    width: 39px;
    height: 74px;
    margin: 25px auto 0;
}
.close-menu-icon{
    display: none;
    background-image: url('images/assets.png');
    background-size: 271px auto;
    background-position: -21px -264px;
    width: 24px;
    height: 25px;
    cursor: pointer;
    margin: 0 auto;
}
.close-menu-icon-mobile{
    display: none;
    background-image: url('images/assets.png');
    background-size: 271px auto;
    background-position: -21px -264px;
    width: 24px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
}
#overlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0 , 0, 0.75);
    z-index: 100;
}
.MenuContainer{
    position: fixed;
    top: 0px;
    width: 209px;
    background-color: #eeeeee;
    z-index: 1000;
    display: none;
    height: 100%;
    left: 78px;
    overflow-y: auto;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility; 
}
.MenuContainer a {
	text-decoration: none;
}
.MobileMenuContainer{
    margin-bottom: 80px;
}
.MenuContainerTop{
    margin-top: 40px;
}
.MobileMenuContainer .Padding ul{
    padding: 0;
    list-style-type: none;
}
.MobileMenuContainer li{
    position: relative;
}
.MobileMenuContainer .Padding > ul > li:hover {
}
.MobileMenuContainer .Padding > ul > li > a{
    padding: 11px 0px 11px 24px;
    font-size: 30px;
    display: block;
    margin-right: 38px;
}
.MobileMenuContainer .Padding > ul > li > ul{
    background-color: #fff;
    list-style-type: none;
    display: none;
}
.MobileMenuContainer .Padding > ul > li > ul > li > ul{
    background-color: #fff;
    list-style-type: none;
    display: none;
}
.MobileMenuContainer .Padding > ul > li > ul > li > a{
    color: #676767;
    font-size: 22px;
    display: block;
    padding: 6px 0px 6px 24px;
    margin-right: 38px;
}
.MobileMenuContainer .Padding > ul > li > ul li:hover {
    background-color: #f5f5f5;
}
.MobileMenuContainer .Padding > ul > li > ul > li > ul > li > a{
    color: #676767;
    display: block;
    padding: 7px 0px 7px 45px;
    margin-right: 38px;
}
.dropdown-arrow{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -8px -175px;
    width: 36px;
    height: 46px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 0px;

    /* Rotate div */
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.dropdown-arrow-close{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
ul > li > ul .dropdown-arrow{
    top: 0px;
    height: 38px;
    background-position: -6px -178px;
}
.arrow{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -19px -222px;
    width: 58px;
    height: 25px;
    margin: 0 0 0 24px;
} 



/*------------------------------------*\
    HEADER AND TOP IMAGE
\*------------------------------------*/

.HeaderContainer{
    margin-top: 28px;
    padding-left: 110px;
	padding-bottom: 20px;
}    
.IndexPage .HeaderContainer{
    position: absolute;
    width: 68%;
    height: auto;
    margin: 0;
    padding-left: 78px;
	padding-bottom: 0;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.HeaderContainer h1{
    font-family: "Harman-ScriptInline",sans-serif; 
    font-size: 60px;
	line-height: 65px;
}
.IndexPage .HeadlineContainer h1{
    font-family: "Harman-ScriptInline",sans-serif; 
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.LogoContainer img{
    width:100%;
}
.LogoContainer{
    display: none;
    padding-left: 78px;
}
.IndexPage .LogoContainer {
    display: block;
    width: 68%;
    overflow: hidden;
    padding-left: 78px;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}



/*------------------------------------*\
    GENERAL CONTENT
\*------------------------------------*/

.PageContainerMiddle-inner{
    width: 100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility; 
}

.GalleryPagerLinks td.PageNumber a.active, 
.GalleryPagerLinks td.PageNumber a  { font-size: 20px; }
.GalleryPagerLinks td.PreviousPage a {
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url('images/gallery-prev.png') no-repeat;
}
.GalleryPagerLinks td.NextPage a {
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url('images/gallery-next.png') no-repeat;
}


.MainPage .ImageContainer img {
    max-width: none;
}

.MainPage .GalleryPagerLinks .PageNumber a.active, 
.MainPage .GalleryPagerLinks .PageNumber a  { font-size: 20px; }
.MainPage .GalleryPagerLinks .PreviousPage a {
    background: url('images/assets.png') no-repeat;
    background-size: 271px auto;
    background-position: -14.5px -189px;
    width: 23px !important;
    height: 23px !important;

    /* Rotate div */
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
.MainPage .GalleryPagerLinks .NextPage a {
    background: url('images/assets.png') no-repeat;
    background-size: 271px auto;
    background-position: -14.5px -189px;
    width: 23px !important;

    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.ContentContainer{
    padding-left: 78px;
    box-sizing:border-box;
}


/*------------------------------------*\
    START CONTENT
\*------------------------------------*/

.IndexPage .ContentContainer{
    background-color: #eeeeee;
}
.IndexPage .ContentContainer .ContentContainerMiddle { 
    padding: 50px 10% 110px 38px;
    width: 68%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.ResponsiveDesign .MainPage {
    box-sizing: border-box;
	max-width: 710px;
	min-width: 0;
	padding: 0;
}
.ResponsiveDesign .MainPage .MainContainer {
    float: none;
    box-sizing:border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;	
}
.ResponsiveDesign .MainPage .MainContainer .BodyTextContainer {
    float: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer {
    float: none;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer img { max-width: 100%; }

.MainPage .NewsContainer {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32%;
    min-height: 500px;
    padding: 32px 54px 133px !important;
    text-align: center;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    float: none;
    margin-right: 0;
    height: auto;
}
.MainPage .BodyTextContainer {
    margin-right: 0;
}
.ResponsiveDesign .MainPage .NewsContainer {
    float: none;
    margin-right: 0;
    height: auto;
}

.NewsItem{
    margin: 0 0 65px;
}
.NewsItem h2{
    margin-bottom: 15px;
}
.NewsItemTop{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -17px -150px;
    width: 58px;
    height: 22px;
    margin: 0 auto 18px;
}
.NewsItemContent {
    margin-top: 4px;
}
.NewsHeader{
    margin-bottom: 40px;
}
.NewsHeader h1{
    padding: 0;
}

.ResponsiveDesign .MainPage .NewsContainer .GalleryPagerLinksContainer #pager-settings { display: none; }
.ResponsiveDesign .MainPage .NewsContainer .GalleryPagerLinksContainer #pager-settings #visible-pages { width: 3px; }
.ResponsiveDesign .MainPage .NewsContainer .GalleryPagerLinksContainer #pager-settings #rows-per-page { width: 3px; }


/*------------------------------------*\
    General styles
\*------------------------------------*/

.MainPageInlineContainer .ImageContainer img { max-width: 100%; }
.MainPage .ImageContainer img                { max-width: 100%; }
.TextLayout1 .ImageContainer img             { max-width: 100%; }
.TextLayout2 .ImageContainer img             { max-width: 100%; }
.Contact .ImageContainer img                 { max-width: 100%; }

.FunctionTable {
	border-collapse: collapse;
}

.EmptyPage,
.ImageGallery,
.ImageGallery1,
.ImageGallery2,
.ImageGallery3,
.FileArea,
.TextLayout1,
.TextLayout2 {
    position: relative;
	background-color: rgb(238, 238, 238);
    padding: 53px 3.325% 20px 3.325%;
	min-height: 800px;
}

.IndexPage.ResponsiveDesign .EmptyPage,
.IndexPage.ResponsiveDesign .ImageGallery,
.IndexPage.ResponsiveDesign .ImageGallery1,
.IndexPage.ResponsiveDesign .ImageGallery2,
.IndexPage.ResponsiveDesign .ImageGallery3,
.IndexPage.ResponsiveDesign .FileArea,
.IndexPage.ResponsiveDesign .TextLayout1,
.IndexPage.ResponsiveDesign .TextLayout2, 
.IndexPage.ResponsiveDesign .LayoutPage { position: static; padding: 0; }

.TextLayout1 .HeadlineTextContainer,
.TextLayout1 .LeftColumn { 
    width: 67%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.TextLayout1 .LeftColumn { padding-top: 2em; padding-right: 1em; }
.TextLayout1 .RightColumn { padding-top: 2em; padding-left: 1em; }
 
.TextLayout1 .RightColumn {
    width: 30%;
}
.ResponsiveDesign .TextLayout1 .LeftColumn { 
    margin-right: 33%;
}
.ResponsiveDesign .TextLayout1 .RightColumn { float: none; }
.TextLayout1 .RightColumn {
    float: none;
    width: 30%;
    padding: 53px 3.325% 20px 3.325%;
    position: absolute;
    top: 0;
	right: 0;
    min-height:100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.IndexPage.ResponsiveDesign .TextLayout1 { position: static; padding: 0; }
.IndexPage.ResponsiveDesign .TextLayout1 .HeadlineTextContainer { width: auto; padding: 0; margin: 0; margin-bottom: 20px; }
.IndexPage.ResponsiveDesign .TextLayout1 .LeftColumn { width: auto; padding: 0; margin: 0; }
.IndexPage.ResponsiveDesign .TextLayout1 .RightColumn { width: 32%; }

.LayoutPage {
	min-height: 600px;
	background-color: rgb(238, 238, 238);
}

/*
.LayoutPage .block-container {
	display: table;
	margin-bottom: 0;
}
.LayoutPage .col-block {
	background-color: rgb(238, 238, 238);
    padding: 53px 3.325% 20px 3.325% !important;
	display: table-cell;
	float: none;
	vertical-align: top;
}
*/
.LayoutPage .col-block {
    padding: 53px 3.325% 20px 3.325% !important;
}

.LayoutPage .block-container {
	display: table;
	margin-bottom: 0;
}
.LayoutPage .col-block {
	display: table-cell;
	float: none;
	vertical-align: top;
}


.IndexPage.function-layoutpage .LogoContainer { width: 100%; background-color: rgb(238, 238, 238); }
.IndexPage.function-layoutpage .ContentContainer .ContentContainerMiddle {
	width: auto;
	padding: 0;
}

.LayoutPage .layout-5 .col-1,
.LayoutPage .layout-6 .col-0,
.LayoutPage .layout-7 .col-1,
.LayoutPage .layout-8 .col-2,
.LayoutPage .layout-9 .col-0 {
    padding-top: 0 !important;
}

.LayoutPage .smalltext-type p,
.TextLayout1 .RightColumn p,
.Contact .RightColumn p,
.TextLayout2 .InlineImageContainer p { font-size: 20px; line-height: 22px; }

.TextLayout2 .HeadlineTextContainer { 
	margin-bottom: 20px;
}
.TextLayout2 .FunctionTable { border-collapse: collapse; border: 0; padding: 0; margin: 0; width: 100%; }
.TextLayout2 .LeftColumn { width: 50%; padding: 0; margin: 0; padding-right: 1em; vertical-align: top; }
.TextLayout2 .RightColumn { width: 50%; padding: 0; margin: 0; padding-left: 1em; vertical-align: top; }
.TextLayout2 .InlineImageContainer { float: left; display: inline; margin: 0 1em 1em 0; }
.TextLayout2 .InlineImageContainer img { margin-bottom: 0.5em; }

.TextLayout2 .InlineImageContainer .ImageContainer,
.TextLayout2 .InlineImageContainer .ParagraphContainer {
	max-width: 200px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.Guestbook, .Contact, .Diary {
    position: relative;
    min-height: 920px;
}

.Guestbook .HeadlineTextContainer,
.Contact .HeadlineTextContainer,
.Diary .HeadlineTextContainer {
    padding: 50px 3.325% 0px;
    box-sizing: border-box;
}
.Guestbook .BodyTextContainer,
.Contact .BodyTextContainer,
.Diary .BodyTextContainer {
    padding: 20px 3.325% 50px;
    box-sizing: border-box;
}

.Contact .HeadlineTextContainer,
.Contact .BodyTextContainer,
.Guestbook .HeadlineTextContainer,
.Guestbook .BodyTextContainer {
   -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    background-color: rgb(238, 238, 238);
}

.ResponsiveDesign .Contact .HeadlineTextContainer,
.ResponsiveDesign .Contact .BodyTextContainer,
.ResponsiveDesign .Guestbook .HeadlineTextContainer,
.ResponsiveDesign .Guestbook .BodyTextContainer {
    width: 70%;
    margin-left: 30%;
}
.ResponsiveDesign .Contact .BodyTextContainer .ParagraphContainer,
.ResponsiveDesign .Guestbook .BodyTextContainer .ParagraphContainer{
    max-width: 800px;
}
.Contact .LeftColumn,
.Guestbook .GuestbookForm {
    width: 30%;
    padding: 53px 3.325% 20px 3.325%;
    min-height:100%;
    box-sizing:border-box;
	vertical-align: top;
}
.Contact .RightColumn,
.Guestbook .GuestbookList {
    margin-left: 0;
    width: 70%;
    margin-left: 30%;
    padding: 46px 8% 0px 3.57%;
    box-sizing:border-box;
	vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.ResponsiveDesign .Contact .LeftColumn,
.ResponsiveDesign .Guestbook .GuestbookForm {
    /*background-color: rgb(206, 188, 165);*/
    float: none;
    position: absolute;
    top: 0;
}
.Contact .ContactForm .BodyTextContainer { background: none; }
.Contact .ContactForm input, 
.Contact .ContactForm textarea,
.GuestbookForm input, .GuestbookForm textarea{
    width: 100%;
    border: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.Contact .ContactForm textarea { height: 200px; }
.Contact .ContactForm input,
.GuestbookForm input {
    height: 30px;
    font-family: 'Harman-Deco', sans-serif;
    font-size: 20px;
    padding: 0 9px;
}

.LayoutPage .Contact .ContactForm textarea,
.LayoutPage .Contact .ContactForm input[type=text] {
	border: 1px solid #777;
}

.ResponsiveDesign .Contact .RightColumn,
.ResponsiveDesign .Guestbook .GuestbookList {
    margin-left: 0;
    width: 70%;
    margin-left: 30%;
    padding: 46px 8% 0px 3.57%;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.Guestbook .FunctionTable {
    margin-top: 0;
}
.TextLayout1 .FunctionTable:after,
.TextLayout2 .FunctionTable:after,
.Contact .FunctionTable:after,
.Contact .FunctionTable:after,
.Guestbook .FunctionTable:after{
    content: '';
    display: block;
    clear: both;
}
.Contact .ContactFormContainer p,
.Guestbook div.GuestBookCount p, .Guestbook .GuestbookForm p{
    font-family: "Harman-Retro",sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}
.Guestbook .GuestBookSmiliesTD {
    margin-bottom: 32px;
}
.Diary .DiaryCommentForm img.CaptchaImage {
    display: inline-block;
}

.Diary input.CaptchaReload, 
.Diary .DiaryCommentForm input.DiaryCommentSubmit,
.Contact .ContactForm input.ContactSubmit,
.Guestbook .GuestbookForm input.CaptchaReload, 
.Guestbook .GuestbookForm input.GuestSubmit {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    height: 43px;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    width: 152px;
    cursor: pointer;
    font-family: "Harman-Retro",sans-serif;
    font-size: 14px;
}
.Contact input.ContactSubmit,
.Guestbook input.GuestSubmit{
    /*margin: 43px 0 0 0;*/
}
.Guestbook .GuestbookListItemContainerMiddle{
    margin-bottom: 30px;
}
.Guestbook .GuestEmail, .GuestUrl{
    font-size: 15px;
    line-height: 24px;
    font-family: Harman-Sans;
    letter-spacing: 2px;
}
.Guestbook .GuestEmail:before{
 content: '\a' ; 
 white-space: pre;  
}
.Guestbook .GuestBookMessage textarea{
    min-height: 96px;
}
.Guestbook .GuestEmail:after{
    content: ' | ';
}
.Guestbook .GuestbookListItem{
    margin-top: 13px;
}
.Guestbook .GuestbookListItem p, .GuestbookEntryReplyContainer p{
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 1px;
    font-family: Harman-Elegant;
}
.Guestbook .GuestbookEntryReply{
    font-size: 18px;
}
.Guestbook .GuestbookEntryReply .GuestbookEntryReplyMiddle  {
    letter-spacing: 1px;
    font-family: Harman-Elegant;
    line-height: 23px;
    font-style: normal;
}
.Guestbook .reply-hand{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -17px -306px;
    width: 58px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 5px;
}
.Guestbook .GuestBookEntry .GuestbookEntryReplyContainer { background: none !important; }

.Guestbook .GuestbookList .GuestBookEntry {
    max-width: 800px;
}
.Guestbook .GuestBookEntry .GuestbookEntryReplyContainer{
    padding-left: 70px;
    position: relative;
}
.Guestbook .GuestBookEntry-end{
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: -17px -344px;
    width: 245px;
    height: 22px;
    margin: 40px auto;
}
.add-post-wrap{
    height: 41px;
    /*background-color: rgb(206, 188, 165);*/
    padding: 24px 0 24px 0;
}
.add-post{
    background-color: #000;
    height: 41px;
    width: 160px;
    margin: 0 auto;
    padding: 4px;
    cursor: pointer;
    background-image: url('images/assets.png');
    background-repeat: no-repeat;
    background-size: 271px auto;
    background-position: 51px -473px;
}
.add-post p{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: "Harman-Retro",sans-serif;
    font-size: 11px;
}
.GuestBookEntry .GuestbookEntryReplyContainer .GuestbookEntryReply span{
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 25px;
    display: block;
}

.Contact .RightColumn .ImageContainer { 
	float: left; 
	width: 300px;
	padding-right: 20px;
}
.Contact .RightColumn .ParagraphContainer { 
	clear: both;
}


.GalleryDescription {
	margin: 0;
	padding: 0;
	text-align: center;
}
.GalleryDescription #text {
	overflow-y: auto;
	overflow-x: hidden;
	height: 45px;
	text-align: center; 
	_background-image: none;
}
.GalleryDescription img { margin: 0 auto 5px auto; }

.GalleryNavigator {
	margin: 30px auto;
	width: 130px;
	height: 40px;
}
.GalleryNavigator span.Previous {
	display: block; 
	float: left; 
	width: 30px;
	height: 30px;
}
.GalleryNavigator a.Previous {
	display: block; 
	float: left; 
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url('images/gallery-prev.png') no-repeat;
}
.GalleryNavigator a.Previous:hover { text-decoration: none; }
.GalleryNavigator .PageNumber { 
	display: block; 
	float: left; 
	text-align: center; 
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	width: 70px;
	height: 10px;
}
.GalleryNavigator span.Next {
	display: block; 
	float: left; 
	width: 30px;
	height: 30px;
}
.GalleryNavigator a.Next { 
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url('images/gallery-next.png') no-repeat;
}
.GalleryNavigator a.Next:hover { text-decoration: none; }

.ResponsiveDesign .ImageGallery1 .ImageRow, 
.ResponsiveDesign .ImageGallery2 .ImageRow {
    padding-bottom: 20px;
}
.ImageGallery1 .FunctionTable {
	width: 800px;
	margin: 0 auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.ImageGallery1 .FunctionTable table {
	width: 800px;
}
.ImageGallery1 .BodyTextContainer {
}
.ImageGallery1 .FunctionTable table {
	width: 100%;
}
.ImageGallery1 .FunctionTable .ImageCell {
	width: 33%;
	vertical-align: top;
	padding: 0 15px;
	box-sizing: border-box;
}
.ImageGallery1 .FunctionTable .ImageContainer {
	text-align: center;
}

.ImageGallery1 .FunctionTable .ParagraphContainerTop { padding-top: 5px; }
.ImageGallery1 .FunctionTable .ParagraphContainerBottom { padding-bottom: 5px; }

.ImageGallery2 .BodyTextContainer {
}
.ImageGallery2 .FunctionTable {
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.ImageGallery2 .FunctionTable .ImageCell {
	padding-right: 5px;
	width: 160px;
	vertical-align: top;
}
.ImageGallery2 .FunctionTable .TextCell {
	vertical-align: top;
	min-height: 60px;
	_height: 60px;
}
.ImageGallery2 .FunctionTable .ImageContainer {
	text-align: center;
}

.ImageGallery3 .BodyTextContainer {
}
.ImageGallery3 .FunctionTable {
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.ImageGallery3 .FunctionTable .ImageCell {
	width: 90px;
	vertical-align: top;
	padding-right: 5px;
}
.ImageGallery3 .FunctionTable .TextCell {
	width: 490px;
	vertical-align: top;
}
.ImageGallery3 .FunctionTable .ImageContainer {
	text-align: center;
	min-height: 40px;
	_height: 40px;
}
.ImageGallery3 .FunctionTable .ParagraphContainer {
	min-height: 40px;
	_height: 40px;
}

.ResponsiveDesign .ImageGallery2 .TextCell {
    margin-left: 170px;
}
.ResponsiveDesign .ImageGallery3 .TextCell {
    margin-left: 100px;
}

.Diary .ArticleList .MenuColumn .DiaryList {
	width: 220px;
	padding: 20px;
}

.Diary .ArticleList .EntriesColumn {
	padding: 0;
}
.Diary .ArticleList .EntriesColumn .EntryContainer {
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 15px;
}

.Diary .DiaryContainer { position: relative; }

.Diary .ShareButtons {
	font-size: 18px;
	line-height: normal;
}

.ResponsiveDesign .Diary .ArticleList .MenuColumn,
.ResponsiveDesign .Diary .LeftColumn {
    float: none;
    width: 30%;
    padding: 53px 3.325% 20px 3.325%;
    position: absolute;
    top: 0;
    min-height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.ResponsiveDesign .Diary .ArticleList .MenuColumn { right: 0; padding: 0; }

.Diary .ArticleList .FunctionTable {
    width: 100%;
    border-collapse: collapse;
	box-sizing: border-box;
}
.Diary .ArticleList .FunctionTable .EntryContainerBottom { height: 1px;}

.Diary .DiaryList a {
	font-family: "Harman-Retro",sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.Diary .DiaryList .BackToIndex {
	margin-bottom: 20px;
    background: url('images/gallery-prev.png') no-repeat;
    background-size: 20px 20px;
	padding-left: 25px;
	font-size: 20px;
}
.Diary .EntriesColumn .CommentField a {
	margin-bottom: 20px;
    background: url('images/gallery-next.png') no-repeat;
    background-size: 20px 20px;
	padding-left: 25px;
	font-size: 20px;
}

.Diary .LeftColumn .DiaryListItem {
}
.Diary .LeftColumn .DiaryListItem h2 {
	font-size: 20px;
	margin: 0;
	padding-bottom: 10px;
}
.Diary .DiaryList .GroupByDay li.FirstLevelItem,
.Diary .DiaryList .GroupByMonth ul.SecondLevel li,
.Diary .DiaryList .GroupByYear ul.ThirdLevel li {
	font-size: 20px;
	margin: 0;
	padding-bottom: 10px;
}
.Diary .DiaryList .GroupByDay h2,
.Diary .DiaryList .GroupByMonth h2,
.Diary .DiaryList .GroupByYear h2 {
	margin: 0;
	padding-bottom: 5px;
}
.Diary .LeftColumn .DiaryListItem a:hover {
	text-decoration: none;
}

.Diary .ArticleList { position: relative; }

.Diary .ArticleList .EntriesColumn,
.Diary .RightColumn {
	vertical-align: top;
	width: 70%;
	padding-left: 10px;
    background-color: rgb(238, 238, 238);
	box-sizing: border-box;
}

.ResponsiveDesign .Diary .DiaryContainer .RightColumn { margin-left: 30%; }
.ResponsiveDesign .Diary .ArticleList .EntriesColumn { margin-right: 30%; }

.Diary .DiaryItemContainer {
	padding: 20px;
	max-width: 900px;
}
.Diary .DiaryView .DiaryItemContainer .BodyTextContainer {
	padding: 20px 0;
}


.Diary .ArticleList .EntriesColumn p.EntryDate,
.Diary .DiaryItemContainer .DiaryDateInput,
.Diary .DiaryItemContainer .DiaryDate h3 {
	font-family: "Harman-Retro",sans-serif;
    font-size: 20px;
    font-weight: normal;
	font-size: 20px;
	width: auto;
}
.Diary .DiaryItemContainer .ShareButtons {
	margin-top: 10px;
}
.Diary .DiaryCommentFunction {
	width: auto;
}
.Diary .DiaryCommentListContainer {
	margin: 0;
	padding: 20px;
	max-width: 900px;
}
.Diary .DiaryCommentFormTable input,
.Diary .DiaryCommentFormControl .CaptchaSubmitTD input,
.Diary .DiaryCommentFormTable textarea {
	background-color: white;
	color: black;
	border: 1px solid black;
	font-size: 12pt;
}
.Diary .DiaryCommentListItemContainer { 
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-top: 3px;
}

.Diary .DiaryCommentListItemContainer,
.Diary .DiaryCommentForm {
	font-size: 10pt;
	width: auto;
	padding: 10px 20px;
	max-width: 900px;
}
.Diary .DiaryCommentListItemContainer .DiaryCommentListItemContainerMiddle .DiaryCommentDate,
.Diary .DiaryCommentListItemContainer .DiaryCommentListItem {
	font-size: 20px;
}

.Diary .DiaryCommentEmail, .Diary .DiaryCommentName, .Diary .DiaryCommentUrl {
    font-size: 15px;
    line-height: 24px;
    font-family: Harman-Sans;
    letter-spacing: 2px;
}
.Diary .DiaryCommentEmail:before{
 content: '\a' ; 
 white-space: pre;  
}
.Diary .DiaryCommentEmail:after{
    content: ' | ';
}
.Diary .DiaryCommentListItem{
    margin-top: 13px;
}

.Diary .DiaryCommentFormControl .CaptchaSubmitTD p,
.Diary .DiaryCommentForm span.CommentLabel {
    font-size: 20px;
    display: block;
    padding-top: 5px;
}

.ResponsiveDesign.IndexPage .Diary,
.ResponsiveDesign.IndexPage .Diary .ArticleList { position: static; }
.ResponsiveDesign.IndexPage .Diary .ArticleList .MenuColumn {
	position: absolute;
    width: 32%;
}
.ResponsiveDesign.IndexPage .Diary .ArticleList .EntriesColumn { margin-right: 0; width: auto; }

.FileArea .FileListContainer {
	padding: 20px;
}
.FileArea .FileListContainer .FileListContainer {
	padding: 0;
	margin-bottom: 0;
}
.FileArea .FunctionTable {
	width: 600px;
	padding-bottom: 15px;
	border-collapse: collapse;
}

.FileArea .IconCell { width: 50px; text-align: right; vertical-align: middle; }
.FileArea .TextCell { padding-left: 5px !important; vertical-align: middle; font-size: 18px;}
.FileArea .TextCell a { text-decoration: none; }
.FileArea .TextCell a:hover { text-decoration: underline; }
.FileArea .SizeCell { width: 70px; vertical-align: middle; text-align: right; padding-right: 35px; font-size: 18px !important; }
.FileArea .FileList {
	width: 600px;
	border-collapse: collapse;
}
.FileArea .FileSort p { margin-top: 5px; padding: 0; }

/*
Gallery
===============================================================
*/

.PopupContainer {
	background-color: white;
}
.PopupContainer .PopupImage div.PopupImageBackground img#ds-image,
.PopupContainer .PopupImage div.PopupImageBackground img.ds-image {
	border: 0;
}

.FullviewContainer .FullviewImage div.FullviewImageBackground {
	background-color: white;
}

.GalleryCommentFormControl textarea { background-color: white; color: black; }

.Gallery8 {
	width: 800px;
}
.Gallery8 .GalleryContainer {
	width: 800px;
}
.Gallery8 .Fullview {
	width: 800px;
}
.Gallery8 .Fullview .FullviewImage {
	width: 800px;
	height: 600px;
}
.Gallery9 {
	width: 800px;
}
.Gallery9 .GalleryContainer {
	width: 800px;
}
.Gallery9 .Fullview {
	width: 640px;
}
.Gallery9 .Fullview .FullviewImage {
	width: 640px;
	height: 480px;
}
.Gallery10 {
	width: 800px;
}
.Gallery10 .GalleryContainer {
	width: 800px;
}
.Gallery10 .Fullview {
	width: 600px;
}
.Gallery10 .Fullview .FullviewImage {
	width: 600px;
	height: 450px;
}

.Gallery6 .GalleryTable .ParagraphContainer,
.Gallery7 .GalleryTable .ParagraphContainer,
.Gallery8 .GalleryTable .ParagraphContainer,
.Gallery9 .GalleryTable .ParagraphContainer,
.Gallery10 .GalleryTable .ParagraphContainer {
	display: none;
}
.Gallery6 .GalleryTable .ImageContainer,
.Gallery7 .GalleryTable .ImageContainer,
.Gallery8 .GalleryTable .ImageContainer,
.Gallery9 .GalleryTable .ImageContainer,
.Gallery10 .GalleryTable .ImageContainer {
	background: none;
	padding: 0;
	margin: 0;
}
.Gallery6 .GalleryTable .ImageContainer img,
.Gallery7 .GalleryTable .ImageContainer img,
.Gallery8 .GalleryTable .ImageContainer img,
.Gallery9 .GalleryTable .ImageContainer img,
.Gallery10 .GalleryTable .ImageContainer img {
	max-width: 100%;
}
.Gallery8 .GalleryContainer td.ThumbContainer {
	padding-top: 20px;
}
.Gallery9 .GalleryTable .ImageContainer,
.Gallery10 .GalleryTable .ImageContainer {
	padding:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.Gallery1,
.Gallery1 .GalleryTable {
	width: 670px;
}
.Gallery1 .GalleryTable .GalleryCell {
	padding: 0 5px;
}
.Gallery1 .GalleryTable .GalleryCell div {
	padding: 20px;
	width: 120px;
	margin-bottom: 10px;
}
.Gallery1 .GalleryTable .GalleryCell div div,
.Gallery1 .GalleryTable .GalleryCell .ImageContainer,
.Gallery1 .GalleryTable .GalleryCell .ParagraphContainer {
	padding: 0;
	margin: 0;
	width: auto;
	background: none;
}
.Gallery1 .GalleryTable .GalleryCell .ParagraphContainer p {
	padding-top: 5px;
}

.Gallery2 .GalleryTable .ImageContainer,
.Gallery4 .GalleryTable .ImageContainer {
	width: 120px;
}
.Gallery3 .GalleryTable .ImageContainer,
.Gallery5 .GalleryTable .ImageContainer {
	width: 50px;
}

.Gallery4,
.Gallery5,
.Gallery4 .GalleryTable,
.Gallery5 .GalleryTable {
	width: 840px;
}

.Gallery6,
.Gallery6 .GalleryTable {
	width: 730px;
}
.Gallery6 .GalleryTable .ImageContainer {
	padding: 10px;
	width: 90px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.Gallery7,
.Gallery8,
.Gallery9,
.Gallery10 {
	padding: 20px;
	margin-bottom: 10px;
}

.PopupContainer .CommentContainer,
.Gallery8 .FullviewDescription .CommentContainer,
.Gallery9 .FullviewDescription .CommentContainer,
.Gallery10 .FullviewDescription .CommentContainer {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #888;
	width: auto;
}
.PopupContainer #ds-comment-form,
.FullviewDescription #ds-comment-form {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #888;
	width: auto;
}

.Gallery8 .FullviewControls,
.Gallery9 .FullviewControls,
.Gallery10 .FullviewControls {
	background: white;
	margin-bottom: 10px;
}
.Gallery8 .FullviewControls td,
.Gallery9 .FullviewControls td,
.Gallery10 .FullviewControls td {
	padding: 5px 0;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.FooterContainer{
    background-color: rgb(0, 0, 0);
    width: 100%;
    height: auto;
    color: #fff;
    z-index: 1010;
    position: relative;
    text-align: center;
    padding: 39px 0;
    font-size: 25px;
}
.FooterContainer p, .FooterContainer p a{
    font-size: 25px;
    font-family: 'Harman-Deco', sans-serif;
    padding-bottom: 0;
}
.FooterContainer a{
    color: #fff;
    font-size: 20px;
    font-family: 'HarmanSlabInline', sans-serif;
}


/* Styles for sticky footer */
body,
body > form 
{ height: 100%; }

.PageContainer { 
    display: table; 
    height: 100%; 
    width: 100%; 
}
.PageContainer .PageContainerTop,
.PageContainer .PageContainerMiddle,
.PageContainer .PageContainerBottom { 
    display: table-row; 
}
.PageContainer .PageContainerTop,
.PageContainer .PageContainerBottom { 
    height: 0px; 
    width: 100%; 
}
.PageContainer .PageContainerMiddle { 
    padding-bottom: 20px; 
    height: 100%;
}