#Head button, .desktop-hide, #show-menu, #hide-menu {display: none;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

*, *:before, *:after {box-sizing: border-box;}

.desktop-hide {display: block;}
.mobile-hide {display: none;}

body {overflow-x: hidden;}

/*div#Head button {display: block;}
	#Menu {display: none;}*/

div#Body, div#Head, div#Slogan, div#SideMenu, div#ExhibitionPresentation, div#Menu, div#ArtistRightColumn, div#Artists, div#ArtistPhoto, div#Contact, div#Address, div#ImpressumMain, div#ImpressumMain, div#NewsletterCapt, div#Impressum {float: none; width: 100%; height: auto; max-width: 799px; margin: 0 auto;}

div#Underline, div#Year, div#Slogan, div#Menu div#MenuSeparator, div#Menu div#MenuSeparatorFirst, div#Liner {display: none;}

div#SideMenu {margin-left: auto !important;}

img {display: block; width: auto; max-width: 100%; margin: 0 auto;}

div#Head {position: relative;}

	div#Logo {width: 100%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
		div#Logo img {float: left;}

#show-menu {display: block;}
#show-menu, #hide-menu {background: url(/img/menuButton.png) no-repeat 0 0 transparent; width: 40px; height: 40px; margin: 0; text-indent: -3000em; position: absolute; top: 15px; right: 10px;}
div#Menu {display: none;}
	div#Menu div#MenuItem {float: none; display: block; width: 100% !important; height: auto; padding: 0;}
		div#Menu div#MenuItem a {display: block; border-bottom: 1px solid #ccc; padding: 10px;}

div#ExhibitionPresentation, div#SideMenu {padding: 15px 10px;}

div#body > div {margin: 0 auto !important;}

div#ArtistsList {margin: 0 0 20px 0 !important; padding: 0; height: auto;}

.clean-div {margin: 0 !important;}

div#Artists a {height: auto; font-size: 14px; text-align: left; line-height: 1.3; white-space: normal;}
div#Artists a.Selected {font-size: 14px; height: auto; line-height: 1.3;}

div#Address, div#Impressum {height: auto !important; width: auto !important}

div#ImpressumMain, div#Address {padding: 0 10px;}
	div#Address {padding-bottom: 10px !important;}

div#Contact {padding: 10px;}

div#SideMenu a {display: inline-block; margin-right: 10px;}

.start-table tr:nth-child(1) {display: none !important}
	.start-table tr td a img {display: inline-block; height: 44px;}

div#Serie {height: auto; margin: 2px 0;}
	div#Serie img {display: inline-block;}

div#Artists div#Series div#Serie a {height: auto;}

div#ArtistPhoto {padding: 0;}

div#ArtistRightColumn {width: 100% !important; padding: 0 10px;}

div#PhotoName {margin: 0 0 0 5px; float: none; width: auto; height: auto;}
	div#PhotoName table {height: auto;}

	div#PhotoName h1, div#PhotoName h2 {line-height: 1.3;}

div#ArtistRightColumn a, div#PhotoDescription a {height: auto;}
/*div#ArtistRightColumn a {padding-left: 5px;}*/

div#ArtistFooter div#PhotoDescription, div#ArtistFooter, div#ArtistFooter div#PhotoBrowser {float: none; width: 100%; height: auto;}
	div#ArtistFooter div#PhotoBrowser {padding: 0 10px; text-align: center;}
		div#ArtistFooter div#PhotoBrowser a, div#ArtistFooter div#PhotoBrowser span {display: inline-block;}

div#Artists {margin: 0 !important; padding: 10px;}

div#ArtistPhoto table {width: 100%;}

div#Newsletter {padding: 0 10px;}

	div#FormsInput {float: none; width: 100%; height: auto; margin: 10px 0 0 0;}

	div#NewsletterCapt {height: auto !important; margin: 10px 0; padding: 0;}

	div#UnFormsInput {margin: 30px 0 0 0 !important; float: none; width: 100% !important; text-align: left;}

div#ArtistFooter {padding: 0 10px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}