/* 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) 
{ 

    .ResponsiveDesign .PageFooter { padding: 45px 5px 10px 5px; }
    .ResponsiveDesign .PageContainer { background: url('images/bg-1px-transparent-50.png'); }
    
    .ResponsiveDesign .HeadlineContainer { padding: 5px; }

    .ResponsiveDesign .MainPage .NewsHeader .ParagraphContainer { margin-left: 0; }
    .ResponsiveDesign .MainPage .NewsContainer .NewsItem { margin-left: 0; width: auto; padding: 5px; }

    .ResponsiveDesign .TextLayout1 .RightColumn { width: 200px; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 145px; padding: 5px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell .ImageContainer { padding: 5px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { width: auto; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageCell .ImageContainer,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageCell .ImageContainer,
    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell .ParagraphContainer,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell .ParagraphContainer { padding: 0; background: none; }
    
    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageRow,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageRow { padding: 5px; background: url('images/bg-1px-transparent-30.png'); margin-bottom: 10px; }

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel,
    .ResponsiveDesign ul.DropMenu { background: url('images/bg-1px-transparent-75.png'); }
    .ResponsiveDesign ul.DropMenu ul,
    .ResponsiveDesign ul.DropMenu li { background: none; }

    .ResponsiveDesign .FileArea .FileListContainerMiddle { padding: 5px; }

    .ResponsiveDesign .Contact .RightColumn { width: 310px; margin: 10px auto;}
    .ResponsiveDesign .Contact .RightColumn .ImageContainer,
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { padding: 5px;}

    .ResponsiveDesign .ImageGallery .ImageContainer,
    .ResponsiveDesign .ImageGallery .ParagraphContainer { padding: 5px;}

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell { width: 130px; padding: 5px; }

    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryCell { width: 120px; margin: 1px; }

    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryCell div.ImageContainerMiddle,
    .ResponsiveDesign .ImageGallery .Gallery7 .GalleryCell div.ImageContainerMiddle { width: auto; height: auto; }
    .ResponsiveDesign .ImageGallery .Gallery6 .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery7 .ImageContainer { padding: 3px;}

    .ResponsiveDesign .ImageGallery .Gallery7 .GalleryCell { width: 50px; margin: 1px; }

}