/* 		kammerkunst.de: kaku.css				*/
/*		author: use-art.de					*/
/*		Email: info@use-art.de					*/
/*		date: 2010/09/16					*/

@media screen {

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

/*		CSS Centering 101, http://www.simplebits.com/notebook/2004/09/08/centering.html		*/

body { 	text-align: center; padding: 20px;
	font-size:1em;
	color: #000;
	font-size: 100%; /*	http://www.alistapart.com/articles/howtosizetextincss	*/
	background:url(../gifs/1140.gif) repeat-y center #d5d3c7;
	font-family: verdana, sans-serif;
	}
	
#container {
  	text-align: left;
  	/* background:url(../gifs/bg201.gif) repeat-y #fff; */
  	max-width: 1080px;
  	margin: 0 auto;
  	padding: 0;
	}
	
header {
  	text-align: center;
  	display: block;
  	/* background:url(../gifs/bgd-burst.png) no-repeat center center #fff; */
  	padding: 1em 0 2em 0;
	}
	
header h2 { position:absolute; left:-2000px;}
	
h1 { height: 150px; margin: 0; padding: 0; font-weight: 100; font-size: 100%; line-height: 100%; color: #36c;}
h1 a:link, h1 a:visited, h1 a:active { display: block; width: 150px; height: 150px; margin: 0 auto 0 auto; text-indent: -9999px; background: url("http://kammerkunst.de/IMAGEPOOL/duplex_new.png") no-repeat 0 0; }
h1 a:hover, h1 a:focus { background-position: 0 -150px; }

img, object { max-width: 100%; }

nav { margin: 2em 0 2em 0; }

nav dd { display: inline; }

nav a { padding: 0;
	margin: 0 .5em;
	}

nav a:link {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
nav a:visited {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
nav a:focus {text-decoration:underline; color:#36f; background:#fff none;}
nav a:hover {text-decoration:underline; color:#36f; background:#fff none;}
nav a:active {text-decoration:none; color:#36c; background:#fff none;}

nav a:link.active {text-decoration:none; color:#000; background: #fff none; }
nav a:visited.active {text-decoration:none; color:#000; background: #fff none; }
nav a:focus.active {text-decoration:none; color:#000; background:#fff none;}
nav a:hover.active {text-decoration:none; color:#000; background:#fff none;}
nav a:active.active {text-decoration:none; color:#000; background:#fff none;}

#content {
	margin:0;
	padding:0;
	float: left;
	width: 75%;
	background:url(../IMAGEPOOL/dotvertical_36c.gif) repeat-y #fff right top;
	}
	
aside 	{
	float:left;
	width:25%;
	padding: 0;
	}
	
#content small { margin: 3em 0 0 0; font-size: .7em; display: block;}

.content { margin: 0 50px 0 50px; }

.boxright {
		float: right;
		width: 150px;
		margin:0 0 3em 6em;
		border-left:solid #36c 1px; 
		padding:0 0 0 1em;
		}
		
.boxright p {
		padding:0 0 .5em 0;
		}
	
input, textarea {
	font-size:1em;
	font-family: verdana, sans-serif;
	color: #000;
	font-size: 100%; 
	background: #fff none;
	border: 1px solid #36c;
	}
	
.subalt { border: none; background: none #36c; color: #fff; margin: .35em 0 0 0; padding: 0 1em; }

.subalt:hover, .subalt:focus  {
   	background: none #36f; color: #fff; text-decoration: none;
	cursor: pointer;
	margin: .35em 0 0 0;
	}
	
.suche { border: none; background: none transparent; color: #36c; margin: 0; padding: 0 0; }

.suche:hover, .suche:focus  {
   	background: none #36c; color: #fff; text-decoration: none;
	cursor: pointer;
	margin: 0;
	}

p, ul, dl {	
	font-size: .8em;
	line-height: 1.5em;
	font-family:Verdana,Geneva,sans-serif;
	}
	
p {	
	padding: 0 0 1em 0;
	}
	
h2 {font-weight:100; font-size:100%; line-height:100%; padding: 0; margin: 0 0 2em 0; color: #36f; font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;}

h2.h2alt {font-weight:100; font-size:100%; line-height:1.5em; padding: 0; margin: 0 0 0 0; color: #36f; text-transform: uppercase; font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;}

h3 {font-weight:300; font-size:200%; line-height:1.2em; padding: 0 0 .4em 0; margin: 0 0 0 0; color: #36c; font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
 }

h4 {font-weight:100; font-size:80%; line-height:1.5; padding: 0; margin: 0 0 1em 0; color: #36f; }

a:link {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
a:visited {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
a:focus {text-decoration:none; color:#fff; background:#36c none;}
a:hover {text-decoration:none; color:#fff; background:#36c none;}
a:active {text-decoration:none; color:#fff; background:#36c none;}

a.more  {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; cursor: pointer;}

a:link.more {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
a:visited.more {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
a:focus.more {text-decoration:none; color:#fff; background:#36c none;}
a:hover.more {text-decoration:none; color:#fff; background:#36c none;}
a:active.more {text-decoration:none; color:#36c; background:transparent none;}

a:link.sub {text-decoration:none; color:#36c; background: none; }
a:visited.sub {text-decoration:none; color:#36c; background: none; }
a:focus.sub {text-decoration:none; color:#36f; background: transparent url(../gifs/dot_bottom.gif) repeat-x bottom;}
a:hover.sub {text-decoration:none; color:#36f; background:transparent url(../gifs/dot_bottom.gif) repeat-x bottom;}
a:active.sub {text-decoration:none; color:#36c; background:transparent none;}

a:link.noline {text-decoration:none; color:#36c; background: none; }
a:visited.noline {text-decoration:none; color:#36c; background: none; }
a:focus.noline {text-decoration:none; color:#36c; background: none;}
a:hover.noline {text-decoration:none; color:#36f; background:none;}
a:active.noline {text-decoration:none; color:#36c; background:none;}

a:link.permalink {text-decoration:none; color:grey; background: none; }
a:visited.permalink {text-decoration:none; color:grey; background: none; }
a:focus.permalink {text-decoration:none; color:#666; background: none;}
a:hover.permalink {text-decoration:none; color:#666; background:none;}
a:active.permalink {text-decoration:none; color:#666; background:none;}

a:link.sub1 {text-decoration:none; color:#fff; background: none; }
a:visited.sub1 {text-decoration:none; color:#fff; background: none; }
a:focus.sub1 {text-decoration:none; color:#fff; background: transparent none;}
a:hover.sub1 {text-decoration:none; color:#fff; background:transparent none;}
a:active.sub1 {text-decoration:none; color:#fff; background:transparent none;}

h3 a:link {text-decoration:none; color:#36c; background:none transparent;}
h3 a:visited {text-decoration:none; color:#36c; background:none transparent;}
h3 a:focus {text-decoration:underline; color:#36c; background:none transparent;}
h3 a:hover {text-decoration:underline; color:#36c; background:none transparent;}
h3 a:active {text-decoration:underline; color:#36c; background:none transparent;}

hr { border: 0; height: .1em; margin: 2em 0 3em 0; background: url(../IMAGEPOOL/line_dotted.gif) no-repeat center center; }

.hide, #helpnav, dt, label, .alt, .print {position:absolute; left:-2000px;}

aside dl { margin: 0; }
aside dd { margin: 0 0 .25em 0; }

aside a:link {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
aside a:visited {text-decoration:none; color:#36c; background: url(../gifs/dot_bottom.gif) repeat-x bottom; }
aside a:focus {text-decoration:underline; color:#36c; background:#fff none;}
aside a:hover {text-decoration:underline; color:#36c; background:#fff none;}
aside a:active {text-decoration:underline; color:#36c; background:#fff none;}

aside a:link.activecontext {text-decoration:none; color:#000; background: none; }
aside a:visited.activecontext {text-decoration:none; color:#000; background: none; }
aside a:focus.activecontext {text-decoration:underline; color:#36c; background:#fff none;}
aside a:hover.activecontext {text-decoration:underline; color:#36c; background:#fff none;}
aside a:active.activecontext {text-decoration:underline; color:#36c; background:#fff none;}

.leftcontext { padding: 0 1.9em; }

.right {float:right;}

.rightpadding {float:right; margin:0 0 0 3em; padding:0;}

.rightright {float:right; margin:0 0 2em 2em; padding:0;}

.left {float:left;}

.clear {clear: both;}

.center { text-align: center; width: 100%; }

.linklist dt {font-weight:100; font-size:100%; line-height:100%; font-family: courier new, georgia, times, serif; padding: 0; margin: 0 0 2em 0;}

#content p.date {color:#808080; background-color:transparent; margin:0; padding:0; text-indent:0; font-size: .7em;}

ul {list-style:none; list-style-position:outside; margin:0; padding:0 0 1em 0; text-indent: 0;}

.icon li { margin:0; padding:0; text-indent:1.25em; background: url(../gifs/list1.gif) no-repeat 0 .5em; }

.iconabs li { margin:0 0 2em 0; padding:0; text-indent:1.25em; background: url(../gifs/list1.gif) no-repeat 0 .5em; }
	
aside li { margin:0 ; padding:0 0 1em 0; }

.absunten {padding:0; margin:0 0 2em 0;}

.keinabs {padding:0; margin:0;}

.absunten0 {padding:0; margin:0 0 .5em 0;}

.absunten15 {padding:0; margin:0 0 1.5em 0;}

.absunten4 {padding:0; margin:0 0 .5em 0;}

.absunten1 {padding:0; margin:0 0 3em 0;}

.absunten2 {padding:0; margin:0 0 5em 0;}

.absunten3 {padding:0; margin:0 0 4em 0;}

.absunten4 {padding:0; margin:0 0 1em 0;}

.abslinks {padding:0; margin:0 0 2em 1em;}

.absoben {padding:0; margin:2em 0 0 0;}

.absoben1 {padding:0; margin:2em 0 1em 0;}

.absoben2 {padding:0; margin:2em 0 2em 0;}

.absoben3 {padding:1em 0 0 0; margin:0;}

.abd {float:left; padding:0; margin:0 2em 1em 0;}

.imgspace {margin: 0 0 2em 3em; padding: 1px; border: 1px solid #bbb; float: right; background: #fff;}

.imgspace_s {margin: 0 0 2em 3em; float: right;}

.imgspace_l {margin: 0 2em 3em 0; padding: 1px; border: 1px solid #bbb; float: left;}

.imgspace_ls {margin: 0 2em 3em 0; float: left;}

.absleftbottom {margin: 1em 0 2em 2em; float: right}

.imgborder { border: 1px solid #bbb; padding: 1px;}
	
#contextnav { margin: 0 0 3em 30px; }
#contextnav dd { margin: 0 0 .25em 0; }
#contextnav a.activecontext {text-decoration:none; color:#fff; background:none #36c;}

.boxright1 {
		float: right;
		width: 150px;
		margin:0 0 3em 50px;
		padding:0 0 0 1em;
		text-align: right;
		}

.tel { cursor: pointer }

del, .hide2 { display: none; }

.smaller { font-size: .7em; }

.notsosmall { font-size: .85em; margin: 1em;}

.en { display: block; margin: 1.2em 0 1em 0; }

.speaker {
	background: url(../IMAGEPOOL/speaker.png) no-repeat 0 .25em;
	padding: 0 0 .5em 2em;
	}
	
object, img { max-width: 100%; -ms-interpolation-mode: bicubic; }

.ext {
	background: url(../IMAGEPOOL/arrow_ext.gif) no-repeat 0 .25em;
	padding: 0 0 0 2em;
	}
	
.rounded {
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
	}
	
.roundedbig {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	}
	
.rdbd {
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
	border: 1px solid #36c;
	}
	
.orange {
	background: #ff7400;
	padding: 0 1em;
	margin: 0 0 2em 0;
	}
	
.markit {
	color: #36f;
	background: #fff;
	}
	
.attention {
	color: #000;
	background: #ff0;
	text-transform: uppercase;
	font-size: .7em;
	padding: .25em .5em;
	}
	
	
.orange:hover, .orange:focus  {
   	background: #d15600; color: #fff; text-decoration: none;
	cursor: pointer;
	padding: 0 1em;
	margin: 0 0 2em 0;
	}
	
.listen { padding: 1em 5em 1em 1.5em; background: url(../gifs/speaker_50.png) no-repeat right center #fff; margin: 0 0 1.5em 0; cursor:pointer; }
.listen:hover { padding: 1em 5em 1em 1.5em; background: url(../gifs/speaker_50_h.png) no-repeat right center #fff; margin: 0 0 1.5em 0; cursor:pointer; }
.listen:focus { padding: 1em 5em 1em 1.5em; background: url(../gifs/speaker_50_h.png) no-repeat right center #fff; margin: 0 0 1.5em 0; cursor:pointer; }

#twitter_update_list { font-size:.75em; }
#twitter_update_list li { padding: 0 0 1em 0; }

.hellblau { color: #36f; }

footer {
	padding: 3em 0 0 0;
	font-size: .7em;
	line-height: 1.5;
	color: #666;
	text-align: center;
	max-width: 1080px;
  	margin: 0 auto;
  	clear: both;
  	}
  	
footer small { padding: 2em 0 1em 0; display: block;}

footer ul {
	position: absolute;
	top: 1em; right: 1em;
	font-size: 1em;
	list-style:none;
	}
	
footer ul li {
	display: inline;
	margin: 0 .25em;
	}
	
footer a:link {text-decoration:none; color:#666; background: none; }
footer a:visited {text-decoration:none; color:#666; background: none; }
footer a:focus {text-decoration:none; color:#000; background: none;}
footer a:hover {text-decoration:none; color:#000; background: none;}
footer a:active {text-decoration:none; color:#000; background: none;}
	
}

	
@media print {

html, body { 
	background: white;
	color: black;
	font-family: verdana, arial, verdana, sans-serif !important;
	}
	
#container {
	width: 100%;
	margin: 0 auto;
  	text-align: left;
  	background:url(../gifs/bg201.gif) repeat-y #fff;
	}
	
h1, h2, h3, h4, h5, p, ul, li, dl, dl, dd {
	font-family: verdana, arial, verdana, sans-serif !important;
	text-align: left;
	clear: both;
	font-size: 16pt;
	display: block;
	}
	
footer small { margin: 1em 0 0 0; display: block; font-size: 12pt; }
header h2 { margin: 0 0 1em 0; display: block;}
	
h1 {
	font-family: courier new, verdana, arial, verdana, sans-serif !important;
	letter-spacing:1pt;
	clear: both;
	font-size: 32pt;
	display: block;
	text-align: center;
	text-transform: uppercase;
	}
	
h3 {
	font-family: courier new, verdana, arial, verdana, sans-serif !important;
	text-align: left;
	clear: both;
	font-size: 24pt;
	display: block;
	}
	
h2, footer {
	text-align: center; width: 100%; display: block; color: grey;
	}
	
nav, #helpnav, #contextnav, .printnot, .hide, .hide2, footer ul, footer span, aside dl { display: none !important; }

hr { margin: 2em 0; height: 1px; background: none; border-top: 1px dotted grey; }

a:link, a:visited {
	color: #36c;
	background: white;
	text-decoration: none;
	}
	
h1, h2, h3, h4, h5 {
	color: #36c;
	background: white;
	font-weight: 700;
	text-decoration: none;
	}
	
.print {position:relative; left:0;}

.imgspace {margin: 0 0 2em 3em; padding: 1px; border: 1px solid #bbb; float: right; background: #fff;}


	
} /* /print */



@media handheld, all and (max-width: 600px) {

body {
  	background:none #fff;
  	font-family: verdana, sans-serif;
	}
	
#container {
	width: 100%;
	margin: 0 auto;
  	text-align: left;
  	clear: both;
  	background:none #fff;
  	font-family: verdana, sans-serif;
	}
	
#content, .content, aside, nav, header, footer, footer ul {
	margin: 0;
  	padding: 0;
  	background: none;
  	border: none;
  	width: 100%;
  	position: relative;
	clear: both;
	border: none;
	}

nav a { display: block; }

nav a:link {text-decoration:underline; color:#36c; background: none; }
nav a:visited {text-decoration:underline; color:#36c; background: none; }
nav a:focus {text-decoration:underline; color:#36f; background:#fff none;}
nav a:hover {text-decoration:underline; color:#36f; background:#fff none;}
nav a:active {text-decoration:none; underline:#36c; background:#fff none;}

nav a:link.active {text-decoration:none; color:#000; background: #fff none; }
nav a:visited.active {text-decoration:none; color:#000; background: #fff none; }
nav a:focus.active {text-decoration:none; color:#000; background:#fff none;}
nav a:hover.active {text-decoration:none; color:#000; background:#fff none;}
nav a:active.active {text-decoration:none; color:#000; background:#fff none;}
	
.boxright, .boxright1 {
	float: left;
	width: 100%;
	margin:0;
	border: none; 
	padding: 0 0 1em 0;
	text-align: left;
	}
	
.hide2 {
	display: block !important;
	clear: both;
	}
	
.hide3 { display: none !important; }

footer {
	padding: 0;
	font-size: .7em; color: #666;
	text-align: center;  	
  	}
	
}