/* 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-y; }

    .ResponsiveDesign .ParagraphContainer {
        padding: 10px 5px;
        margin-bottom: 10px;
    }

    .ResponsiveDesign .HeaderContainer {
        width: auto;
        margin: 10px 5px;
        margin-bottom: 0;
    }
    .ResponsiveDesign .HeaderContainer h1 { 
        width: auto;
        padding: 15px 5px;
        font-size: 200%;
        margin: 0; 
    }

    .ResponsiveDesign .FooterContainer {
        width: auto;
        margin: 10px 5px;
        margin-top: 0;
        padding: 5px;
    }

    .ResponsiveDesign ul.DropMenu ul,
    .ResponsiveDesign ul.DropMenu ul ul,
    .ResponsiveDesign ul.DropMenu li, 
    .ResponsiveDesign ul.DropMenu li ul li, 
    .ResponsiveDesign ul.DropMenu li ul li ul li, 
    .ResponsiveDesign ul.DropMenu li a, 
    .ResponsiveDesign ul.DropMenu li li a, 
    .ResponsiveDesign ul.DropMenu li li li a, 
    .ResponsiveDesign ul.DropMenu li:hover,
    .ResponsiveDesign ul.DropMenu li.sfhover {
        background-color: transparent;
    }
    .ResponsiveDesign ul.DropMenu {
        background-color: black;
        border-bottom: 2px solid white;
    }


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

    .ResponsiveDesign .TextLayout1 .RightColumn { width: 200px; margin: 10px 10px 5px 5px; }
    .ResponsiveDesign .TextLayout1 .RightColumn .ImageContainer,
    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer { padding: 0; background: none; margin-bottom: 0; }

    .ResponsiveDesign .TextLayout2 .FunctionTable .LeftColumn,
    .ResponsiveDesign .TextLayout2 .FunctionTable .RightColumn {
        width: auto;
    }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ImageContainer,
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ParagraphContainer { padding: 0; background: none; margin: 10px 5px 5px 10px; font-size: 80%; }


    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell .ParagraphContainer { padding: 5px 10px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell .ImageContainer { margin-bottom: 10px; }
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageCell .ImageContainer { padding: 5px; height: auto; min-height: 0; margin-bottom: 10px; }

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel {
        background-color: black;
        border-bottom: 2px solid white;
        padding-bottom: 10px;
    }
    .ResponsiveDesign .Diary .ArticleList .EntriesColumn { padding: 0; }
    .ResponsiveDesign .Diary .DiaryItemContainer { padding: 10px; }
    .ResponsiveDesign .Diary .DiaryCommentListItemContainer, 
    .ResponsiveDesign .Diary .DiaryCommentForm { padding: 10px; margin-bottom: 5px; }
    .ResponsiveDesign .Diary .DiaryCommentListContainer .CommentCountContainer h2 { padding: 0; }
    .ResponsiveDesign .Diary .MenuColumn .DiaryList { padding: 0; }
    .ResponsiveDesign .Diary .ArticleList .EntriesColumn .EntryContainer { padding: 10px; }
    .ResponsiveDesign .Diary .DiaryList .BackToIndex { margin-bottom: 10px; padding: 10px; }
    .ResponsiveDesign .Diary .ShareButtons { margin: 5px 0; height: auto; }

    .ResponsiveDesign .Guestbook .GuestbookList .GuestbookListItemContainer { padding: 10px; }

    .ResponsiveDesign .FileArea .FileListContainer { padding: 10px; }
    
    .ResponsiveDesign .Contact .ContactForm { padding: 10px; }
    .ResponsiveDesign .Contact .RightColumn .ImageContainer { margin: 0; margin-bottom: 10px; padding: 10px; }
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { width: auto; margin: 0; margin-bottom: 10px; padding: 10px; }

    .ResponsiveDesign .ImageGallery .GalleryTable .ImageContainer img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

    .ResponsiveDesign .ImageGallery .Gallery1 { padding: 0; }
    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryTable .GalleryCell { padding: 0; }
    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryTable .GalleryCell .CellPanel { padding: 10px; width: auto; margin: 2px; }
    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryRowPadding { height: 10px; }
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryRowPadding { height: 10px; }
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryTextCell { margin-left: 130px; }
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryTable .ImageContainer { padding: 5px; }
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryTextCell { margin-left: 70px; }
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImageCell { width: 120px; }
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow .image-cell,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow .image-cell { padding-bottom: 0; }
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow .ImageContainer { margin-bottom: 10px; }
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImageCell { width: 50px; }
    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryTable .ImageContainer { padding: 4px; width: 90px; }
    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryTable .GalleryCell .ImageContainerMiddle { height: auto; }
    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryCell { margin-right: 0; }
    .ResponsiveDesign .ImageGallery .Gallery7 { padding: 15px; }
    .ResponsiveDesign .ImageGallery .Slide3 .ImageContainer img { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
}