.black {
	color:black;
	}
.red {
	color:rgb(153,0,0);
	}

body {
	font-size:10pt;
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
	color:#336799;
	background:white;
	text-align:center;
	}

#frame {
/*	width:778px;	*/
	width:100%;
	max-width:910px;
	min-width:320px;
	min-width:300px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	vertical-align:top;
	}
	
img.head {
	width:100%;
	border:none;
	margin:0;
	}

#oben {
/*	width:910px;	*/
	width:100%;
/*	height:125px;	*/
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	overflow:hidden;
	}
#oben > img {
	width:100%;
	float:left;
	}

#title {
/*	width:778px;	*/
	width:100%;
/*	height:30px;	*/
	height:25px;
	background-color:#ffffff;
/*	border-bottom:solid 2px #595959;	*/
	padding:0px;
	margin:0px;
	top:0px;
	vertical-align:top;
	overflow:hidden;
	position:relative;
	}

.navi_suche {
	font-family:Helvetica, sans-serif;
	font-size:13px;
	float:left;
	}
.navi_suche:link, a.navi_suche:visited, a.navi_suche:active, a.navi_suche:hover, a.navi_suche:focus {
	text-decoration:none;
	}
.navi_suche:hover > span, a.navi_suche:focus > span {
	text-decoration:underline;
	}
.navi_suche > img {
	float:left; 
	margin-right:5px;
	border:none;
	height:25px;
	}
.navi_suche > span {
	font-family:Helvetica;
	color:#000;
	float:left; 
	line-height:25px;
	padding: 0 10px;
	}

.navi_suche_sel {
	height:25px;
	pointer-events:none;
	}	
.navi_suche_sel:link, .navi_suche_sel:visited, .navi_suche_sel:hover, .navi_suche_sel:focus, .navi_suche_sel:active {
	text-decoration:none;
	}
.navi_suche_sel > span {
	text-decoration:underline;
	letter-spacing:0.1em; 
	}
	
.menupc .navi_suche_sel > span { line-height:normal; padding:0 5px; margin:4px 5px; font-weight:bold; }
.menutablet .navi_suche_sel > span { width:90%; line-height:normal; padding:0 5px; margin:4px 5px; font-weight:bold; text-align:left; }

.navi_malerei, .navi_malerei > span			{	background-color:#b6c2ce; color:#ffffff; text-decoration:none;	}
.navi_design, .navi_design > span			{	background-color:#bec7b2; color:#ffffff; text-decoration:none;	}
.navi_fotografie, .navi_fotografie > span	{	background-color:#cfbea8; color:#ffffff; text-decoration:none;	}
.navi_literatur, .navi_literatur > span		{	background-color:#9b8578; color:#ffffff; text-decoration:none;	}
.navi_malerei, .navi_design, .navi_fotografie, .navi_literatur		{	border-right:2px solid #595959;	}

.navi_suche_sel.navi_malerei > span		{	background-color:#b6c2ce; color:#ffffff; text-decoration:none;	}
.navi_suche_sel.navi_design > span		{	background-color:#bec7b2; color:#ffffff; text-decoration:none;	}
.navi_suche_sel.navi_fotografie > span	{	background-color:#cfbea8; color:#ffffff; text-decoration:none;	}
.navi_suche_sel.navi_literatur > span	{	background-color:#9b8578; color:#ffffff; text-decoration:none;	}
.navi_suche_sel.navi_malerei, .navi_suche_sel.navi_design, .navi_suche_sel.navi_fotografie, .navi_suche_sel.navi_literatur		{	border-right:none; pointer-events:auto;	}



#mitte {
/*	width:calc( 100% - 20px - 170px );	*/
	width:75%;
	float:left;
	background-color:#ffffff;
	margin:0px;
	min-height:700px;
	overflow:hidden;
	padding-right:15px;
	vertical-align:top;
	top:0px;
	padding-top:30px;
	text-align:left;
	}
	
#mitte > .left5 { margin-left:5%; }



a { font-weight:bold; color:#336799; }
a.sprache { color:white; margin:10px; }
a.verweise { margin:10px; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#336799; }
a:hover { text-decoration:none; color:#990000; }


hr {	height:0px; border:1px dotted #336799; }

h1 { font-size:20pt; font-weight:bold; border:none; margin:0px; }
h2 { color:#62788F; font-weight:normal; font-size:30px; border:none; margin:0px; }

img.liniebuendig {
	margin-top:7px;
	}
img.rahmen {
	border:2px;
	border-color:#336799;
	border-style:solid;
	}
img.redborder {
	border:2px;
	border-color:rgb(153, 0, 0);
	border-style:solid;
	}

p {
	border:none;
	margin:10px;
	}

p.impressum {
	border:none;
	font-size:14px;
	letter-spacing:1px;
	}

#gebiete {
	padding:6px;
	margin:10px;
	font-size:10pt;
	background-color: rgb(193, 209, 225);
	}

small {
	font-size:8pt;
	border:none;
	margin:0px;
	}

strong {
	font-weight:bold;
	}

td.digits {
	text-align:center;
	margin:10px;
	margin-top:10px;
	/*background:#C1D1E1;*/
	/*background-image:url(../images/digits.jpg);*/
	z-index:8;
	}

#kaufen {
/*	width:157px;
	height:100%;
	float:right;
	text-align:left;
	background-color:#b6c2ce;
	padding:6px;
	margin:0px;	*/
	width:157px;
	float:right;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:100%;
	vertical-align:top;
	top:0px;
	}

/*	
.kunstobjekte {
	border-top:1px dotted #336799;
	width:100%;
	padding-top:8px;
	margin-bottom:8px;
	}
.kunstobjekte img {
	margin-bottom:5px;
	}
.kunstobjekte strong {
	width:100%; display:inline-block; margin:0; padding:0;
	}
*/
	
#kunstauswahl {
	margin-top:30px;
	border-top:1px dotted #336799;
	border-bottom:1px dotted #336799;
	}
#kunstauswahl .kunstobjekte {
/*	border-bottom:1px dotted #336799;	*/
	width:160px;
	padding-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	text-align:left;
	float:left;
	}
#kunstauswahl .kunstobjekte .kimg {
	margin-bottom:5px;
	width:133px;
	height:200px;
	}
#kunstauswahl .kunstobjekte img {
	max-width:133px;
	max-height:200px;
	}
#kunstauswahl .kunstobjekte strong {
	width:100%;
	display:inline-block;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
#kunstauswahl .kunstobjekte span.ktit {
	width:99%;
	display:inline-block;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
.keineAbbildung {
/*	width:133px; 
	height:133px;
	padding:15px 0;	*/
	width:100px; 
	height:100px; 
	padding:15px;
	border:dotted 2px #808080;
	text-align:center;
	line-height:300%;
	}
	
.angebote {
	width:100%; border-top:dotted 1px #808080; padding-top:10px; margin-top:10px; /*margin-left:10px;*/
	}
.angebote .angeboteimg {
	width:133px; float:left; margin:0; overflow:hidden; vertical-align:top; top:0px; color:#000000; font-family:Helvetica, sans-serif; font-size:10px; text-align:left;
	}
.angebote .angeboteimg img {
	max-width:133px;
	}
.angebote .angebotetxt {
	width:calc( 100% - 133px - 20px ); margin:0px; float:right; overflow:hidden; vertical-align:top; top:0px; text-align:left; padding-right:0px; padding-left:10px;
	}
.angebote .angebotetxt .angebotebes {
	width:calc( 100% - 110px ); float:left; font-family:Helvetica, sans-serif; color:#808080; font-size:12px; padding-top:5px;
	}
.angebote .angebotetxt .angebotelink {
	width:100px; float:right; background-color:#A2B0BD; margin-top:30px; padding:5px 0; text-align:center; font-family:Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none;
	}

.werke {
	width:100%; border-top:dotted 1px #808080; padding-top:10px; margin-top:10px; /*margin-left:10px;*/
	}
.werke .werkeimg {
	width:140px; float:left; margin:0; overflow:hidden; vertical-align:top; top:0px; color:#000000; font-family:Helvetica, sans-serif; font-size:10px; text-align:left;
	}
.werke .werkeimg img {
	max-width:133px;
	}
.werke .werketxt {
	width:calc( 100% - 140px - 20px ); margin:0px; float:right; overflow:hidden; vertical-align:top; top:0px; text-align:left; padding-right:0px; padding-left:10px;
/*	font-family:Helvetica, sans-serif; color:#808080; font-size:12px; padding-top:5px;	*/
	padding-top:30px; font-size:10pt; color:#336799;
	}



#name {
	top:40px;
	left:40px;
	z-index:99;
	}

#AD {
	width:150px;
	float:left;
	/*min-height:2300px;*/
	height:100%;
	text-align:center;
	background-color:#b6c2ce;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align:top;
	overflow:hidden;
	}

#sprachen {
/*	float:left;
	width:135px;
	height:30px;
	margin-left:15px;	*/
	float:right;
	margin-right:10px;
	text-align:left;
	vertical-align:middle;
	}

#text {
	width:400px;
	height:100%;
	margin-left:55px;
	text-align:left;
	line-height:20px;
	}


#nav {
	float:right;
	width:614px;
	height:30px;
	text-align:right;
	vertical-align:middle;
	font-size:9pt;
	letter-spacing:1px;
	line-height:30px;
	}

#works {
	margin-top:top:78px;
	width:420px;
	text-align:left;
	}

.kkbanner { width:153px; margin:0 auto; }
.faabanner { width:153px; margin:20px auto 0 auto; background:#afafaf; padding-top:8px; padding-bottom:8px; font-size:10pt; color:#ffffff; text-align:center; overflow:hidden; }

.rechts_link_spalte {
/*	border-left:solid 3px #000000;	*/
	vertical-align:top;
	width:95%;
	text-align:left;
	margin-bottom:10px;
	margin-top:20px;
/*padding:2%;
border:1px solid #c50005;*/
padding:5px 2%;
border:1px dotted #808080;
	}
.rechts_link_spalte p { width:95%; color:#000; font-weight:bold; margin:10px auto; }
.rechts_link_spalte a { width:95%; color:#000; font-weight:bold; display:block; margin:5px auto; }

.rechts_link {
	text-align:left;
	height:23px;
	background-color:#c50005;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	}
.rechts_link_beschr {
	color:#ffffff;
	text-align:left;
	margin-left:6px;
	font-family:Helvetica, sans-serif;
	font-size:15px;
	padding-top:2px;
	font-weight:bold;
	}

#fussblock {
	width:100%;
	font-family:Helvetica, sans-serif;
	line-height:25px;
/*border:1px solid blue;*/
	}
/*#fussblock a.navi_suche { font-size:15px; }*/

	
@media (max-width:749px) {
	#mitte { width:100%; min-height:auto; margin:0; padding:0; padding-top:15px; }
	#mitte > .left5 { margin-left:0; }
	#kaufen { width:100%; margin:0; margin-top:20px; padding:0; }
	#linie { display:none; }
	}
	
@media (max-width:330px) {
	#kunstauswahl { border-top:0; }
	#kunstauswahl .kunstobjekte { width:100%; text-align:center; border-top:1px dotted #336799; margin-right:0; }
	#kunstauswahl .kunstobjekte .kimg { height:auto; width:100%; }
	#kunstauswahl .kunstobjekte strong, #kunstauswahl .kunstobjekte span.ktit { overflow:auto; white-space:normal; text-overflow:initial; }
	.keineAbbildung { display:none; }
	.angebote .angeboteimg { width:100%; float:none; text-align:center; }
	.angebote .angeboteimg img { margin:auto; }
	.angebote .angebotetxt { width:98%; float:none; padding-left:0px; margin-top:10px; }
	.werke .werkeimg { width:100%; float:none; text-align:center; }
	.werke .werkeimg img { margin:auto; }
	.werke .werketxt { width:98%; float:none; padding-left:0px; padding-top:10px; }
	}