body {
	font-size:10pt;
	font-family:arial, helvetica, sans-serif;
	}
	
#main {
	width: calc(100% - 20px);
	max-width: 1920px;
	min-width: 300px;
	margin: auto;
	text-align: left;
	background: #ffffff;
	color: #000000;
	padding-bottom: 10px;
	}
#frame {
	max-width:1200px;
	height:100%;
	margin: 0 auto;
	}	
.headline-container {
  max-width: 1200px;
  text-align:left;
  width: calc(100% - 30px);
margin: auto;
}
img.head {
	float:left;
	}
#title {
	min-width:50%;
	height:25px;
	float:left;
	background-color:#ffffff;
	padding:0px;
	margin-right:30px;
	top:84px;
	vertical-align:top;
	overflow:hidden;
	position:relative;
	}	
	
#kunstauswahl_2026 {
	width:100%;
	margin:20px auto;
	}
#kunstauswahl_2026 .kunstobjekte {
	width:300px;
	padding-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	text-align:left;
	float:left;
	}
#kunstauswahl_2026 .kunstobjekte .kimg {
	margin-bottom:5px;
	width:133px;
	height:200px;
	}
#kunstauswahl_2026 .kunstobjekte img {
	max-width:133px;
	max-height:200px;
	}
#kunstauswahl_2026 .kunstobjekte strong {
	width:100%;
	display:inline-block;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
#kunstauswahl_2026 .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%;
	}	
.auction-card-grid {
  float: left;
  margin: 0 20px 25px 20px;
  min-height: 460px;
  width: 255px;
}
.auction-card-grid .seperator {
  border-top: 1px solid #ddd;
  display: block;
  margin-bottom: 10px;
  margin-left: -4px;
  width: 75px;
}
.auction-card {
  max-height: 468px;
  padding: 30px 20px 30px 20px;
  position: relative;
}
.auction-card .card-image {
  align-items: center;
  display: -webkit-flex;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  height: 250px;
  overflow: visible;
}
.auction-card .card-image img {
  height: auto;
  width: auto;
  max-height: 250px;
  max-width: 100%;
}
.auction-card-grid .card-info { font-family: 'Roboto Condensed', sans-serif; position: relative; min-height: 180px; padding-left:18px;	}
.auction-card-grid .card-info .card-title {
  font-weight: 600;
  margin-bottom: 2px;
  min-height: 17px;
  max-height: 34px;
  overflow: hidden;
  text-transform: uppercase;
}
.auction-card-grid .card-details { line-height: 1.4; }
.auction-card-grid .card-details .card-name {
  font-style: italic;
  max-height: 35px;
  margin-bottom: 4px;
  overflow: hidden;
}
.auction-card-grid .card-details .medium {
  color: #888;
  display: block;
  max-height: 38px;
  overflow: hidden;
}
.text {
  font-size:13px;
  line-height:1.2;
  letter-spacing:.5px;
}
.color {
  color:#646668;
}
.fontsize { font-size:13px; }

hr {	height:0px; border:1px solid #000000; }

h1 { font-size:20pt; font-weight:bold; border:none; margin:0px; }
h2 { color:#000000; font-weight:bold; font-size:33px; border:none; margin:40px 0 5px; }

.mitte_text { column-width:575px; column-gap:30px; text-align:justify;}
.frame_infos { width:535px; float:left; margin-top:25px; margin-bottom:20px; padding:25px; background:#adb9c4b8; color:#000000; font-size:18px; line-height:1.3; font-weight:bold; border-radius:10px;}



.black {
	color:black;
	}
.red {
	color:rgb(153,0,0);
	}

	

	

	
	
 a.buttonlink { font-size:13px; color:#000000;  background:#adb9c4b8; padding:5px; border-radius:15px; border:1px solid #000;}
 a.buttonlink:link { text-decoration:none; }
 a.buttonlink:visited { text-decoration:none; color:#000000; }
 a.buttonlink:hover { text-decoration:none; color:#336799; }
 
 a.linkschwarz { font-size:13px; color:#000000; }
 a.linkschwarz:link { text-decoration:none; }
 a.linkschwarz:visited { text-decoration:none; }
 a.linkschwarz:hover { text-decoration:none; }





.navi_suche {
	font-family:Helvetica, sans-serif;
	font-size:18px;
	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:2px 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:#ffffff; color:#000000; text-decoration:none;	}
.navi_design, .navi_design > span			{	background-color:#ffffff; color:#000000; text-decoration:none;	}
.navi_fotografie, .navi_fotografie > span	{	background-color:#ffffff; color:#000000; text-decoration:none;	}
.navi_literatur, .navi_literatur > span		{	background-color:#ffffff; color:#000000; text-decoration:none;	}

.navi_suche_sel.navi_malerei > span		{	background-color:#ffffff; color:#62788F; text-decoration:none;	}
.navi_suche_sel.navi_design > span		{	background-color:#ffffff; color:#62788F; text-decoration:none;	}
.navi_suche_sel.navi_fotografie > span	{	background-color:#ffffff; color:#62788F; text-decoration:none;	}
.navi_suche_sel.navi_literatur > span	{	background-color:#ffffff; color:#62788F; 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:#414141; }
a.sprache { color:white; margin:10px; }
a.verweise { margin:10px; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#414141; }
a:hover { text-decoration:none; color:#990000; }



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;
	}

#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;
	}

@media (max-width:1230px) {	
	#main { width:100%;  }     
	#frame { width:90%;	}
	.auction-card-grid {  margin: 0 10px 25px 10px; }
	.frame_infos { width:80%; max-width:300px; }
}

@media (min-width:1200px) {
	.auction-card-grid .card-info .card-title {  padding-right: 0px; }
}

  @media (max-width:1024px) {
	.auction-card-grid .card-info .card-title { max-height:initial; }
}

@media (max-width:910px) {
	#title { top:40px; }
	img.head { height:80px; }	
}
	
@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; }
	h2 { font-size:25px; }
	.mitte_text { column-width:275px; column-gap:20px; text-align:justify;}	
	.frame_infos { width:40%; min-width:220px; padding:20px; }
	}
	
@media (max-width:630px)
	{
	.auction-card-grid { float:none; margin:auto; margin-bottom:15px;}
	}
	
@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; }
	}