body {
	text-align:center;
	vertical-align:top;
	}

h2 { font-family:arial, helvetica, sans-serif; color:#62788F; font-weight:normal; font-size:30px; border:none; margin:0px; }
.black {	color:black;	}


#frame {
/*	width:910px;	*/
	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;
	}

#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:100%;
	height:25px;
	background-color:#ffffff;
/*	border-bottom:solid 2px #595959;	*/
	padding:0px;
	margin:0px;
	top:0px;
	vertical-align:top;
	overflow:hidden;
	}

.navigation {
	float:left;
	text-align:left;
	font-family:Arial, sans-serif;
	color:#808080;
	font-size:12px;
	letter-spacing:0.2em;
	}
/*.navigation > a {
	padding:0 10px;
	}*/

#koerper {
	width:100%;
	}
/*
#spalte_links {
	width:139px;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:none;
	height:100%;
	vertical-align:top;
	}
.inhalt_links {
	margin-right:2px;
	height:98%;
	padding-top:30px;
	padding-left:10px;
	text-align:left;
	margin-top:0px;
	vertical-align:top;
	}
*/
#spalte_rechts_i {
	width:151px;
	float:right;
	margin:0px;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
	height:720px;
	background-color:#e7e1db;
	vertical-align:top;
	}

#spalte_rechts {
	width:157px;
	float:right;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:100%;
	vertical-align:top;
	top:0px;
	}

.termine {
	overflow:hidden;
	width:100%;
	border-top:dotted 1px #808080;
	padding-top:15px;
	margin-top:15px;
	}
.termine_datort {
	width:20%;
	min-width:150px;
	float:left;
	}
.termine_datort span {
	display:block;
	}
.termine_tit {
	width:60%;
	min-width:355px;
	float:left;
	padding-right:5px;
	}
a.termine_link {
/*	width:80px;*/
	float:right;
	font-weight:bold;
	text-decoration:underline;
	}


.inhalt_rechts {
/*	margin-left:2px;	*/
	height:98%;
/*	padding-top:30px;	*/
	margin-top:30px;
	text-align:left;
	}

.rechts_link {
/*	background-image:url(../imgad/tab_rechts.gif);
	background-repeat:no-repeat;	*/
	text-align:left;
	height:23px;
	background-color:#c50005;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	}

/*.rechts_link_spalte {
	border-left:solid 3px #000000;
	vertical-align:top;
	width:95%;
	margin-bottom:30px;
	}*/
.rechts_link_spalte {
	vertical-align:top;
	width:95%;
	text-align:left;
	margin-bottom:10px;
	margin-top:20px;
	padding:5px 2%;
	border:1px dotted #808080;
font-size: 10pt;
font-family: arial, helvetica, sans-serif;
	}
.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; text-decoration:none; }
.rechts_link_spalte img { width:100%; max-width:350px; max-height:450px; }


.rechts_link_schr {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	color:#000011;
	text-align:left;
	margin-left:6px;
	}

.rechts_link_gr {
	background-image:url(../imgad/tab_rechts_gr.jpg);
	background-repeat:no-repeat;
	text-align:center;
	height:75px;
	}

.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;
	}

.keineAbbildung {
	display:block;
	width:100px; 
	height:100px; 
	padding:15px;
	border:dotted 2px #808080;
	text-align:center;
	line-height:300%;
	}

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


.mitte_bilder {
	width:140px;
	float:left;
	margin:0px;
	overflow:hidden;
	padding-left:20px;
	padding-top:30px;
	vertical-align:top;
	top:0px;
	color:#000000;
	font-family:Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	}

.mitte_inhalt {
/*	width:410px;	*/
/*	width:95%;	*/
	width:99%;
	float:left;	
	margin:0px;
	overflow:hidden;
/*	padding-right:20px;	*/
	vertical-align:top;
	top:0px;
	text-align:left;
/*	margin:30px 0;	*/
	margin-top:30px;
	}

.buchstabe {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	}

.inhalte {
	font-family:Helvetica, sans-serif;
	color:#808080;
	font-size:12px;
	line-height:18px;
	}
	
	
.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;
	}


#ausfuellung { height:600px; }

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


.suche12unter a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	}
.suche12unter a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	}
.suche12unter a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	}
.suche12unter a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	}
.suche12unter a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	}

.schwarz10ohne a:link {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #222222;
	text-decoration:none;
	}
.schwarz10ohne a:visited {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #222222;
	text-decoration:none;
	}
.schwarz10ohne a:hover {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #222222;
	text-decoration:none;
	}
.schwarz10ohne a:active {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #222222;
	text-decoration:none;
	}
.schwarz10ohne a:focus {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #222222;
	text-decoration:none;
	}

a.oben:link {
	font-family:Helvetica;
	color:#808080;
	font-size:10px;
	text-decoration:none;
	}
a.oben:visited {
	font-family:Helvetica;
	color:#808080;
	font-size:10px;
	text-decoration:none;
	}
a.oben:hover, a.oben:focus {
	font-family:Helvetica;
	color:#000000;
	font-size:10px;
	text-decoration:underline;
	}
a.oben:active {
	font-family:Helvetica;
	color:#808080;
	font-size:10px;
	text-decoration:none;
	}

a.haupt:link {
	font-family:Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
	}
a.haupt:visited {
	font-family:Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
	}
a.haupt:hover {
	font-family:Helvetica, sans-serif;
	font-size:20px;
	text-decoration:underline;
	}
a.haupt:active {
	font-family:Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
	}
	
a.suche:link {
    font-family:Helvetica, sans-serif; 
    font-size:13px;
    text-decoration:none;
    color:#ffffff;
    }
a.suche:visited {
    font-family:Helvetica, sans-serif; 
    font-size:13px;
    text-decoration:none;
    color:#ffffff;
    }
a.suche:hover, a.suche:focus {
    font-family:Helvetica, sans-serif; 
    font-size:13px;
    text-decoration:underline;
    color:#ffffff;
    }
a.suche:active {
    font-family:Helvetica, sans-serif; 
    font-size:13px;
    text-decoration:none;
    color:#ffffff;
    }

.navi_suche {
	font-family:Helvetica, sans-serif;
	font-size:13px;
	float:left;
	}
.navi_suche:link, .navi_suche:visited, .navi_suche:active, .navi_suche:hover, .navi_suche:focus {
	text-decoration:none;
	}
.navi_suche:hover > span, .navi_suche:focus > span {
	text-decoration:underline;
	}
.navi_suche > span {
	font-family:Helvetica;
/*	color:#808080;	*/
	color:#000;
	float:left; 
	line-height:25px;
	padding:0 10px;
font-weight:bold;
	}

.navi_suche_sel {
/*	font-size:16px; */
	font-family:arial; 
	float:left;
	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-transform:uppercase;*/
	letter-spacing: 0.1em;
	text-decoration:underline;
	}
	
.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;	}


/****TEST***
a.suche, a.suche_sel { border:1px solid blue; }
a.suche > span, a.suche_sel > span { border:1px solid red; }
/***********/

a.buchstabe:link {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	}
a.buchstabe:visited {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	}
a.buchstabe:hover {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#ff0000;
	}
a.buchstabe:active {
	font-family:Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	}
	
	
.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; }

	
@media (max-width:/*749px*/799px) {
	#mitte { width:100%; min-height:auto; margin:0; padding:0; }
	#mitte > div.left5, #mitte > p.left5 { margin-left:0; }
	#spalte_rechts { width:100%; margin:0; padding:0; }
	#ausfuellung { display:none; }
	#spalte_rechts a.buchstabe { width:153px; margin:auto; }
	.keineAbbildung { display:none; }
	}

@media (max-width:500px) {
	.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; }
	
	.termine_datort { width:100%; min-width:auto; }
	.termine_datort span { display:inline-block; padding-right:10px; }
	.termine_tit { width:100%; min-width:auto; /*padding-right:5px;*/ }
	a.termine_link { width:100px; text-align:center; /*float:none; display:block; margin:auto;*/ }

	}