/* tablets and desktop
@media only screen and (min-width: 768px) {
}
*/

/* phones
@media only screen and (max-width: 768px) {
}
*/

/* portrait phones 
@media only screen and (max-width: 768px) and (orientation: portrait) {
    
}
*/

@media only screen and (max-width: 768px) 
{ 
	body.ResponsiveDesign { background-repeat: repeat;}
	
    .ResponsiveDesign .PageContainer { 
        padding: 5px; 
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
    }
    .ResponsiveDesign .PageContainer .PageHeader { min-height: initial; padding-bottom: 0; }
    .ResponsiveDesign .PageContainer .PageHeader .LogoField,
    .ResponsiveDesign .PageContainer .PageHeader .NavigatorContainerTop { display: none; }

    .ResponsiveDesign .PageContainer .PageHeader .HeaderField { position: static; width: auto; height: auto; padding: 5px 0; }
    .ResponsiveDesign .PageContainer .PageHeader .HeaderField h1 { padding: 0; }

    .ResponsiveDesign .PageContainer .ContentContainer { background: none; background-color: #b1b3af; }

    .ResponsiveDesign .PageFooter { padding: 10px 5px; background: none;}
    
    
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu li a { color: white; text-align: left; }
    

    .ResponsiveDesign .MainPage,
    .ResponsiveDesign .EmptyPage,
    .ResponsiveDesign .TextLayout1,
    .ResponsiveDesign .TextLayout2,
    .ResponsiveDesign .ImageGallery1,
    .ResponsiveDesign .ImageGallery2,
    .ResponsiveDesign .ImageGallery3,
    .ResponsiveDesign .ImageGallery,
    .ResponsiveDesign .FileArea { 
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: white;
        padding: 10px 5px;
    }

    .ResponsiveDesign .ImageContainer img {
        border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
    }

    .ResponsiveDesign .FunctionTable .LeftColumn { width: auto !important; }
    .ResponsiveDesign .BodyTextContainer,
    .ResponsiveDesign .ParagraphContainer,
    .ResponsiveDesign .ImageContainer { position: static; padding: 0; background: none !important; }
    
    .ResponsiveDesign .BodyTextContainer .BodyTextContainerTop, 
    .ResponsiveDesign .HeadlineTextContainer .ParagraphContainer .ParagraphContainerTop,
    .ResponsiveDesign .MainPage .BodyTextContainer .BodyTextContainerTop,
    .ResponsiveDesign .ImageContainer .ImageContainerTop, 
    .ResponsiveDesign .ImageContainer .ImageContainerBottom, 
    .ResponsiveDesign .ParagraphContainerTop,
    .ResponsiveDesign .ParagraphContainerBottom,
    .ResponsiveDesign .BodyTextContainerTop,
    .ResponsiveDesign .BodyTextContainerBottom 
    { display: none !important; }

    .ResponsiveDesign .MainPage .NewsHeader { margin-top: 10px; }
    .ResponsiveDesign .MainPage .NewsHeader .ParagraphContainer,
    .ResponsiveDesign .MainPage .NewsItem { margin-left: 0; width: auto; padding: 0; }

    .ResponsiveDesign .TextLayout1 .RightColumn { padding-left: 5px; width: 200px; }
    .ResponsiveDesign .TextLayout1 .RightColumn .ImageContainer,
    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer { padding: 0; font-size: 10pt; }

    .ResponsiveDesign .TextLayout2 .FunctionTable .RightColumn { padding-top: 10px; background: none; width: auto; }
    .ResponsiveDesign .TextLayout2 .LeftColumn .BodyTextContainer,
    .ResponsiveDesign .TextLayout2 .RightColumn .BodyTextContainer { padding: 0; background: none; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable { width: auto; max-width: 480px; margin: 20px auto; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 140px; padding: 0 10px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageContainer,
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ParagraphContainer { padding: 0; padding-top: 5px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageContainer,
    .ResponsiveDesign .ImageGallery2 .FunctionTable .ParagraphContainer { padding: 0; padding-top: 5px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { width: auto; padding: 0; }
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { margin-left: 60px;}

    .ResponsiveDesign .GalleryNavigator a.Next { background: url('images/bg-gallery-nav-right.gif') no-repeat top right; }
    .ResponsiveDesign .GalleryNavigator span.Next { visibility: visible !important;  background: none; }
    .ResponsiveDesign .GalleryNavigator a.Previous { background: url('images/bg-gallery-nav-left.gif') no-repeat top left; }
    .ResponsiveDesign .GalleryNavigator span.Previous { visibility: visible !important; background: none; }

    .ResponsiveDesign .Diary { padding: 10px 0; }

    .ResponsiveDesign .Diary .BodyTextContainer,
    .ResponsiveDesign .Diary .CommentCountContainer div,
    .ResponsiveDesign .Diary .DiaryCommentListItemContainer .DiaryCommentListItemContainerBottom,
    .ResponsiveDesign .Diary .FunctionTable .DiaryList,
    .ResponsiveDesign .Diary .DiaryContainer,
    .ResponsiveDesign .Diary .FunctionTable,
    .ResponsiveDesign .Diary .DiaryContainer .LeftColumn,
    .ResponsiveDesign .Diary .DiaryContainer .RightColumn,
    .ResponsiveDesign .Diary .FunctionTable .DiaryList,
    .ResponsiveDesign .Diary .ArticleList .FunctionTable .MenuColumn .DiaryList,
    .ResponsiveDesign .Diary .ArticleList .FunctionTable .MenuColumn .DiaryList #DiaryMenu,
    .ResponsiveDesign .Diary .ArticleList .EntryContainerTop,
    .ResponsiveDesign .Diary .ArticleList .EntryContainerBottom {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        background: none;
        min-height: initial;
    }

    .ResponsiveDesign .Diary .DiaryHeader,
    .ResponsiveDesign .Diary .CommentCountContainer .CommentCountContainerMiddle,
    .ResponsiveDesign .Diary .DiaryCommentListItemContainer .DiaryCommentListItemContainerMiddle,
    .ResponsiveDesign .Diary .DiaryCommentListContainer { padding: 0; }
    .ResponsiveDesign .Diary .DiaryCommentListContainer { margin: 0; }
    
    .ResponsiveDesign .Diary .DiaryItemContainer,
    .ResponsiveDesign .Diary .HeadlineTextContainer,
    .ResponsiveDesign .Diary .CommentCountContainer,
    .ResponsiveDesign .Diary .DiaryCommentListItemContainer,
    .ResponsiveDesign .Diary .DiaryCommentForm,
    .ResponsiveDesign .Diary .ArticleList .EntriesColumn .EntryContainer,
    .ResponsiveDesign .DiaryList .BackToIndex { 
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: white;
        padding: 5px;
        margin-top: 10px;
        width: auto;
    }
    .ResponsiveDesign .Diary .DiaryList .BackToIndex { padding: 10px; }

    .ResponsiveDesign .Guestbook { padding: 10px 0; }
    .ResponsiveDesign .Guestbook .GuestbookFormContainer,
    .ResponsiveDesign .Guestbook .GuestbookFormContainerTop,
    .ResponsiveDesign .Guestbook .GuestbookFormContainerMiddle,
    .ResponsiveDesign .Guestbook .GuestbookFormContainerBottom,
    .ResponsiveDesign .Guestbook .GuestbookListItemContainer,
    .ResponsiveDesign .Guestbook .GuestbookListItemContainer .GuestbookListItemContainerTop,
    .ResponsiveDesign .Guestbook .GuestbookListItemContainer .GuestbookListItemContainerMiddle,
    .ResponsiveDesign .Guestbook .GuestbookListItemContainer .GuestbookListItemContainerBottom,
    .ResponsiveDesign .Guestbook .GuestbookList .GuestbookListItemContainer h2,
    .ResponsiveDesign .Guestbook .GuestbookList .GuestbookListItemContainer .GuestbookListItem {
        width: auto;
        padding: 0;
        margin: 0;
        height: auto;
        background: none;
    }

    .ResponsiveDesign .Guestbook .HeadlineTextContainer,
    .ResponsiveDesign .Guestbook .BodyTextContainer,
    .ResponsiveDesign .Guestbook .GuestbookFormContainer,
    .ResponsiveDesign .Guestbook .GuestbookListItemContainer,
    .ResponsiveDesign .Guestbook .GuestbookList .GuestbookListItemContainer { 
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: white !important;
        padding: 5px;
        margin-top: 10px;
        width: auto;
    }


    .ResponsiveDesign .FileArea .FunctionTable,
    .ResponsiveDesign .FileArea .FileListContainer { background: none; }

    .ResponsiveDesign .Contact { padding: 10px 0; }
    .ResponsiveDesign .Contact .FunctionTable .RightColumn,
    .ResponsiveDesign .Contact .FunctionTable .LeftColumn,
    .ResponsiveDesign .Contact .ContactContainer,
    .ResponsiveDesign .Contact .FunctionTable .RightColumn .ImageContainer
    {
        width: auto;
        padding: 0;
        margin: 0;
        height: auto;
        background: none;
    }
    .ResponsiveDesign .Contact .ContactContainer .ContactForm .text { width: 100%; padding: 5px; height: 20px; }
    .ResponsiveDesign .Contact .ContactContainer .ContactForm .textmessage { width: 100%; padding: 5px; }
    .ResponsiveDesign .Contact .ContactContainer .ContactForm .ContactSubmit { margin-left: 0; }
    .ResponsiveDesign .Contact .FunctionTable .RightColumn .ParagraphContainer { padding: 0; }
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer * { font-size: 10pt; }
    

    .ResponsiveDesign .Contact .HeadlineTextContainer,
    .ResponsiveDesign .Contact .BodyTextContainer,
    .ResponsiveDesign .Contact .FunctionTable .RightColumn,
    .ResponsiveDesign .Contact .ContactForm { 
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: white !important;
        padding: 10px 5px;
        margin-top: 10px;
        width: auto;
    }
    .ResponsiveDesign .Contact .FunctionTable .RightColumn .ImageContainer { margin-bottom: 10px; }
    .ResponsiveDesign .Contact .FunctionTable .RightColumn .ImageContainer img { 
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }


    .ResponsiveDesign .GalleryPagerLinks .NextPage a { background: url('images/bg-gallery-nav-right.gif') no-repeat top right; }
    .ResponsiveDesign .GalleryPagerLinks .NextPage a.disabled { visibility: visible !important; background: none; }
    .ResponsiveDesign .GalleryPagerLinks .PreviousPage a { background: url('images/bg-gallery-nav-left.gif') no-repeat top left; }
    .ResponsiveDesign .GalleryPagerLinks .PreviousPage a.disabled { visibility: visible !important; background: none; }

    .ResponsiveDesign .Gallery2 div.ImageContainerMiddle,
    .ResponsiveDesign .Gallery2 div.ParagraphContainerMiddle,
    .ResponsiveDesign .Gallery3 div.ImageContainerMiddle,
    .ResponsiveDesign .Gallery3 div.ParagraphContainerMiddle,
    .ResponsiveDesign .Gallery4 div.ImageContainerMiddle,
    .ResponsiveDesign .Gallery4 div.ParagraphContainerMiddle,
    .ResponsiveDesign .Gallery5 div.ImageContainerMiddle,
    .ResponsiveDesign .Gallery5 div.ParagraphContainerMiddle,
    .ResponsiveDesign .Gallery6 div.GalleryContainerTop,
    .ResponsiveDesign .Gallery6 div.GalleryContainerMiddle,
    .ResponsiveDesign .Gallery6 div.GalleryContainerBottom,
    .ResponsiveDesign .Gallery7 div.GalleryContainerTop,
    .ResponsiveDesign .Gallery7 div.GalleryContainerMiddle,
    .ResponsiveDesign .Gallery7 div.GalleryContainerBottom {
        width: auto;
        padding: 0;
        height: auto;
        background: none;
    }
    
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryTextCell { margin-left: 130px; }
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryTextCell { margin-left: 60px; }
    .ResponsiveDesign .ImageGallery .Gallery4 .ImageContainer { margin-bottom: 10px; }
    .ResponsiveDesign .ImageGallery .Gallery5 .ImageContainer { margin-bottom: 10px; }

    .ResponsiveDesign .ImageGallery .Slide1 .GalleryContainerMiddle,
    .ResponsiveDesign .ImageGallery .Slide2 .GalleryContainerMiddle,
    .ResponsiveDesign .ImageGallery .Slide3 .GalleryContainerMiddle { width: auto; }
    .ResponsiveDesign .ImageGallery .Slide1 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide2 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide3 .ImageContainer img { width: 100%; }


}