@media aural, braille {
#live, #live *,.imgdescr{
	display: block;
	display: block !important;
	visibility: visible;
	visibility: visible !important;
	speak: normal;
}
}
@media screen, projection {
/* Reset */
* {
	padding: 0;
	margin: 0;
}
html {
	font:100.1%/1.5em Verdana, Helvetica, sans-serif;
}
body {
font-size: .9em;
color: #000;
background-color: #fff;
height:100%;
}
.waiting, .waiting *, .waiting a{
	cursor: wait;
}

#wrapper {
	height:94%;
	min-height: 38em;
	max-height: 49em;
	width: 46em;
	position: absolute;
	top: 4%;
	left: 50%;
	margin: 0;
	margin-left: -25em;
}

#logo {
	position: absolute;
	bottom: 0;
	right: 0;
	width:33.5em;
	height: 3.8em;
	z-index:1;
}
ul#langs {
	position: absolute;
	bottom: 0.1em;
	left: 0;
	overflow: hidden;
	zoom: 1;
	width: 24%;
	height: 3.9em;
	z-index:1;
	list-style: none;
}
ul#langs li {
	clear: both;
	overflow: hidden;
	zoom: 1;
	line-height: 0;
	padding-bottom: .1em;
}
ul#langs img {
	float: right;
	width: auto;
	height: 1.1em;
	opacity: 0.7;
}
ul#langs a img {
	opacity: 1;
}
#logo img{
	width:100%;
	height: auto;
}
#logo object,#logo param{
border: none;
background-color: #ccc;
}
/* Navigation */
#nav {
	width:23%;
	text-align: right;
	position:absolute;
}
#nav strong {
	display: block;
	padding: 0 10% 0 0;
	background: url(../design/punkt_schwarz.png) no-repeat 100% 42%;
	font-size: 1.075em;
	text-transform: uppercase;
	line-height: 1.3em;
}
/* .big wird durch JavaScript hinzugefügt */
.big #nav strong {
	background-image: url(../design/bpunkt_schwarz.png);
}
#nav ul{
	list-style: none;
	margin: .8em 0 0 0;
}
#nav a {
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	display: block;
	padding: .3em .15em;
	line-height: .9em;
}
#nav a:hover,#nav a:focus,#nav a:active, #nav .active a {
	font-weight: bold;
	background-color: #000;
	color: #fff;
}
/* Die Position der 3 einzelnen Hauptnavigationsbereiche */
.n1, .n2, .n3{
	position:absolute;
	left: 0;
	width:100%;
}
.n1{
	top: .336em;
}
.n2{
	top: 12.049em;
}
.n3{
	top: 23.68em;
}
/*.large .n1,.xlarge .n1{
	top: .39em;
}
.large .n2,.xlarge .n2{
	top: 12.78em;
}
.large .n3,.xlarge .n3{
	top: 25.14em;
}
.xxlarge .n1{
	top: .45em;
}
.xxlarge .n2{
	top: 14.4em;
}
.xxlarge .n3{
	top: 28.4em;
}*/
/* ENDE! Navigation */
/* Hauptbereich */
#live{
	height: 33.4em;
	width: 33.4em;
	position: absolute;
	top: 0;
	right: 0;
	color: #000;
	line-height: 1.4em;
	z-index: 2;
	overflow: hidden;
	line-height: 1.5em;
}
/*.large #live,.xlarge #live{
	height: 38em;
	width: 38em;
}
.xxlarge #live{
	height: 43em;
	width: 43em;
}*/
.main{
height: 100%;
width: 100%;
position:absolute;
color: #ffffff;

background-color: #853046;
font-size: .94em;
}
.artnav{
	position:absolute;
height: 100%;
width: 100%;
font-size: .94em;
}
.artnav ul{
	color: #fff;
	list-style: none;
	line-height: 1.2em;
	font-size: .9em;
}
.artnav li, .artnav div {
	width: 30%;
	height: 30%;
	position: absolute;
	overflow: hidden;
}
.artnav a {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 display: block;
 height: 96%;
 padding: 5% 0 0 4%;
 text-transform: uppercase;
 overflow: hidden;
}
.artnav a:active, .artnav a:focus {
text-decoration: underline;
}
.artnav a:hover {
text-decoration: none;
}
.artnav a img {
width : 45%;
height: auto;
padding: 0 0 3% 0;
}
/* überschreibt .artnav ... */
.gal a {
 height: 100%;
 padding: 0;
 font-weight: normal;
}
.gal .gal img {
width : auto;
height: 100%;
padding: 0;
position: absolute;
}
.gal .gal img.hoch {
width : 100%;
height: auto;
}
.gal .gal strong{
 padding: 0 0 2% 0;
}
.imgdescr{
	position: absolute;
	top:10%;
	left: 0;
	padding: 4% 0 4% 4%;
	width: 95.99%;
}
.active .imgdescr{
	position: absolute;
	top:71%;
	left: 4%;
	width: 92%;
}
.artnav strong {
 font-size: 1.1em;
 display: block;
 padding: 0 0 4% 0;
}
.box0,.box0 *, .main *{
background-color: #853046;
}
.artnav .box0 {
top: 0; 
left:0;
}
.box1,.box1 *{
background-color: #5779bc;
}
.artnav .box1 {
top: 0; 
left:35%;
}
.box2, .box2 *{
	background-color: #285e6e;
}
.artnav .box2 {
top: 0; 
left:70%;
}
.box3, .box3 *{
background-color: #92725f;
}
.artnav .box3 {
top:35%;
left:0;
}
.box4, .box4 *{
background-color: #9bd3ae;
}
.artnav .box4 {
top:35%;
left:35%;
}
.box5, .box5 *{
background-color: #a1a397;
}
.artnav .box5 {
top:35%;
left:70%;
}
.box6, .box6 *{
background-color: #a5cf4d;
}
.artnav .box6 {
top:70%;
left:0;
}
.box7, .box7 *{
background-color: #47c7eb;
}
.artnav .box7 {
top:70%;
left:35%;
}
.box8, .box8 *{
background-color: #f7941d;
}
.artnav .box8 {
top:70%;
left:70%;
}
/* Zugänglichere Farben */
div.box4,div.box5, div.box6,div.box7,div.box8{
color: #000;
}
/* Zugänglichere Farben für Überschriften bei Bildergalerie aufheben */
div.bild{
color: #fff;
}
/* obiges .boxn color aufheben || damit lineal funktioniert. der blöde blöde ie versteht leider kein inherit, sonst wäre das wesentlich einfacher */
/*.redakteur, .redakteur *{
	background-color: transparent;
}*/
.redakteur{
	position:absolute;
	z-index: 11;
	margin: 0 1% 0 4%;
	padding: 0 2% 0 0;
	top: 4.3em;
	left: 0;
	overflow: auto;
	width: 93%;
	height: 85.5%;
}
.style1 .redakteur{
	height: 60.4%;
	top: 12.74em;
}
/*.large .style1 .redakteur,.xlarge .style1 .redakteur{
	height: 61%;
	top: 13.8em;
}
.xxlarge .style1 .redakteur{
	height: 61%;
	top: 15.7em;
}*/
.style2 .redakteur{
	top: 24em;
	height: 28.5%;
}/*
.large .style2 .redakteur,.xlarge .style2 .redakteur{
	top: 25.5em;
	height: 30.5%;
}
.xxlarge .style2 .redakteur{
	top: 29em;
	height: 30.5%;
}*/
h1 {
	font-size: 1.15em;
	margin: 3% 0 1em 3%;
		text-transform: uppercase;
}
h2 {
	font-size: 1.04em;
	margin: -.8em 0 1em 3%;
	text-transform: uppercase;
}
em {
	text-transform: uppercase;
	font-style: normal;
}/*
#live .main table p {
	padding-left: 0;
	background-image: none;
}
.main tr{
	vertical-align: top;
	padding: 0 0 .5em 0;
}
.main th{
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	width: 40%;
	padding: 0 20px 0 0;
	background: url(../design/punkt_weiss.png) no-repeat 98% 0.33em;
	text-transform: uppercase;
}
.box4 th,.box5 th,.box6 th,.box7 th,.box8 th
{
	background-image: url(../design/punkt_schwarz.png);
}
.main td{
	padding: 0 0 0 10px;
}*/
.redakteur h2 {
	margin: 0em 0 .3em 20px;
}
.main img {
	margin: 3% 0 0 3%;
	height: auto;
}
.redakteur img {
	margin: 0 3% 3% 0;
	float: left;
	width: 30%;
}
.redakteur img.even {
	margin: 0 0 3% 3%;
	float: right;
}
img.bigbild {
	height: 75%;
	width:auto;
	display:block;
	margin: 4% auto;
}
img.querr {
	height: auto;
	width:92%;
	display:block;
	margin: 4% auto;
}
img.header{
	height: 30%;
	width:auto;
	margin: 15px 15px 0 15px;
	float:left;
}
#karte{
	padding: 3% 0 0 3%;
	width:93.5%;
	height: 62.334%;
}
#karte img{
margin: 0;
padding: 0;
width: 100%;
height:100%;
}
p{
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
}
p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.main ul {
	margin: 0 0 1.2em 0;
	list-style: none;
}
.main li {
	margin: 0 0 1.2em 0;
	padding: 0 0 0 20px;
	background: url(../design/1punkt_weiss.png) no-repeat 0 0.33em;
}
.main li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Zugänglichere Farben */
.box4  li,.box5 li,.box6 li,.box7 li,.box8 li {
	background-image: url(../design/1punkt_schwarz.png);
}
a img {
	border: none;
}
.main a {
	color: #fff;
}
/* Zugänglichere Farben */
div.box4  a,div.box5 a,div.box6 a,div.box7 a,div.box8 a {
	color: #000;
}
div.box0 a{
background-color: #59202f;
}
div.box0 a:hover, div.box0 a:focus, div.box0 a:active{
background-color: #fff;
color:#59202f;
}
div.box1 a{
background-color: #3a517e;
}
div.box1 a:hover, div.box1 a:focus, div.box1 a:active{
background-color: #fff;
color:#3a517e;
}
div.box2 a{
background-color: #142f37;
}
div.box2 a:hover, div.box2 a:focus, div.box2 a:active{
background-color: #fff;
color:#142f37;
}
div.box3 a{
background-color: #5b473c;
}
div.box3 a:hover, div.box3 a:focus, div.box3 a:active{
background-color: #fff;
color:#5b473c;
}
div.box4 a{
background-color: #b2f1c7;
}
div.box4 a:hover, div.box4 a:focus, div.box4 a:active{
background-color: #000;
color:#b2f1c7;
}
div.box5 a{
background-color: #cfd1c2;
}
div.box5 a:hover, div.box5 a:focus, div.box5 a:active{
background-color: #000;
color:#cfd1c2;
}
div.box6 a{
background-color: #c1f159;
}
div.box6 a:hover, div.box6 a:focus, div.box6 a:active{
background-color: #000;
color:#c1f159;
}
div.box7 a{
background-color: #87e5ff;
}
div.box7 a:hover, div.box7 a:focus, div.box7 a:active{
background-color: #000;
color:#87e5ff;
}
div.box8 a{
background-color: #ffb156;
}
div.box8 a:hover, div.box8 a:focus, div.box8 a:active{
background-color: #000;
color:#ffb156;
}
#newsletterform {
	width: 22em;
	overflow: hidden;
	margin-left: 20px;
}
#newsletterform label {
	cursor: pointer;
	display: block;
	padding: .1em 0;
}
.input {
	padding:.2em 0;
}
#newsletterform input, .select select {
	border: 1px solid #000;
	background-color: #a5e0b9;
}
#newsletterform input:hover,#newsletterform input:active,#newsletterform input:focus,
.select select:hover, .select select:active, .select select:focus{
	background-color: #bcffd3;
}
.input input {
display:block;
width:97.4%;
padding: 1%;
}
.select, .submit {
	padding: .4em 0;
	float: left;
}
.submit {
	float: right;
}
.select select{
	width: 15em;
}
.groups {
	display: none;
}
#srnotice, .sbh{
width: 0;
overflow: hidden;
position: absolute;
left:-9999em;
top: -9999px;	
}
.dynsbh{
position: absolute;
left:-9999em;
top: -9999px;	
}
#updatenotice, #stupidIE{
	position: fixed;
	top:0;
	left: 0;
	padding: .3em 2em;
	background-color: #ffe;
	width: 100%;
	border-bottom: 1px solid #000;
	display: none;
	font-size: .8em;
	z-index: 999;
}
#updatenotice.clickarea{
	width: 15em;
	border: 1px solid #000;
	font-size: .9em;
	padding: .5em;
	margin: 1em 0 0 1em;
}
address{
display: none;
}
}
@media print, embossed {
* {
	margin: 0;
	padding: 0;
}
body {
font: 14px/16px Verdana Geneva Arial Helvetica sans-serif !important;
}
#nav, embed, #srnotice {
	display:none;
}
#wrapper {
	margin: 0 !important;
}
#logo {
margin: 30px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #000;
}
.vcard {
font-style: normal;
}
.org{
display:none;
}
.adr{
	display: block;
	margin-bottom: 3px
}
div, img {
	overflow: visible !important;
	height: auto !important;
	width: auto !important;
	max-height: none !important;
	min-height: auto !important;
}
h1 {
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 20px;
}
h2 {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 17px;
}
p {
	margin-bottom: 15px;
	overflow:hidden;
/*	border: 1px solid #000;*/
}
p:after, li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul{
	margin-bottom: 15px;
	padding-left: 35px;
	list-style: disc;
}
li {
	margin-bottom:2px;
}
.artnav li {
	margin-bottom:10px;
}
a{
	color: #000;
	text-decoration: none;
}
#live a:after {
	content: " [" attr(href) "] ";
	font-size: 11px;
}
#live a[href^="/"]:after, #live a[href^="#"]:after {
	content: " [http://kantpraxis.de"attr(href)"] ";
}
em {
	font-style: normal;
	text-transform: uppercase;
}
a img, img {
	border: none;
}
.main img {
	float: left;
	display: block;
	margin: 0 15px 2px 0;
}
.bild img {
	float: none;
	margin: 0 0 5px 0;
}
.bildreihe {
	height:160px !important;
	overflow: hidden;
	zoom:1;
	margin-bottom: 10px;
}
.bildreihe img{
	height:160px !important;
	width: auto !important;
}
}