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

@media screen {

/* 	http://meyerweb.com/eric/tools/css/reset/, v1.0 | 20080212 	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

/*		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;
	}
	
h1 {
	height: 200px;
	width: 250px;
	float: left;
	clear: none;
	overflow: hidden;
	display: inline; /* fix IE double width margin bug*/
	}

h1 a {
	display: block;
	position: relative;
	width: 250px;
	height: 200px;
	text-align: center;
	}
	
h1 a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../IMAGEPOOL/logo_duplex_fff.png);
	}
	
h1 a#logo:hover span { background-position: 0 -200px; }
h1 a#logo:focus span { background-position: 0 -200px; }

h1 a:hover, h1 a:focus {
	cursor: pointer;
	text-decoration: none;
	}
	
#top	{
	float: left;
	overflow: hidden;
	width: 100%;
	}
	
.top	{
	margin: 50px 0 0 50px;
	padding: 0;
	float: left;
	}
		
.topdir {float: right; padding: 0 1em 0 0; margin: 0; text-align: right; }

.navdir { float: right; }

#nav { border-bottom:1px solid #36c;width:100%;float:left;margin:0; padding: 12px 0 0 0; clear:both; font-size: 1em; float: right;}

#miniflex{ width:100%;float:left;position:relative;z-index:2;margin:0;padding:0; }
#miniflex li{ float:left;display:inline;list-style:none;position:relative;margin:0;padding:0; }
#miniflex a:link, #miniflex a:visited {
	float:left;line-height:25px;font-weight:100;text-decoration:none;color:#36c;background:none;margin:0 1em;
	border-bottom:5px solid #fff;padding-bottom:4px;
	}
#miniflex a.active:link,#miniflex a.active:visited {
	border-bottom:5px solid #36c;padding-bottom:4px;color:#000;background:none;
	}
	
#miniflex a:hover, #miniflex a:focus{
	border-bottom:5px solid #36c;padding-bottom:4px;color:#36f;background:none;
	}
#animated-tab{
	position:absolute;z-index:1;line-height:25px;padding-bottom:4px;
	border-bottom:5px solid #36c;background:none;
	}
	
#left 	{
	float:left;
	width:250px;
	position: absolute;
	}
	
#content {
	margin:0;
	padding:48px 50px 50px 300px;
	}

.content {padding: 0; margin: 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, sans-serif;
	}
	
p {	
	padding: 0 0 1em 0;
	}

h1 {font-weight:100; font-size:100%; line-height:100%; padding: 0; margin: 0; color: #36c;}
	
h2 {font-weight:100; font-size:100%; line-height:100%; padding: 0; margin: 0 0 2em 0; color: #36f; text-transform: uppercase; font-family: "Courier New", Courier, mono, verdana, arial, helvetica, sans-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: "Courier New", Courier, mono, verdana, arial, helvetica, sans-serif;}

h3 {font-weight:700; font-size:150%; line-height:1em; padding: 0 0 .3em 0; margin: 0 0 0 0; color: #36c; text-shadow: #aaa 2px 2px 1px; font-family: "Courier New", Courier, mono, verdana, arial, helvetica, sans-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.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;}

a:link.extern {text-decoration:none; color:#36c; background: url(../IMAGEPOOL/arrow_extern.gif) no-repeat left center transparent; padding: 0 0 0 1em; }
a:visited.extern {text-decoration:none; color:#36c; background: url(../IMAGEPOOL/arrow_extern.gif) no-repeat left center transparent; padding: 0 0 0 1em; }
a:focus.extern {text-decoration:none; color:#36f; background: url(../IMAGEPOOL/arrow_extern_hover.gif) no-repeat left center transparent; padding: 0 0 0 1em; }
a:hover.extern {text-decoration:none; color:#36f; background:url(../IMAGEPOOL/arrow_extern_hover.gif) no-repeat left center transparent; padding: 0 0 0 1em; }
a:active.extern {text-decoration:none; color:#36f; background:url(../IMAGEPOOL/arrow_extern.gif) no-repeat left center transparent; padding: 0 0 0 1em; }

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

/* http://jlhaslip.trap17.com/sm/check.php */
a[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern1.gif);}
a:link[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern1.gif);}
a:visited[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern1.gif);}
a:hover[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover1.gif);}
a:focus[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover1.gif);}
a:active[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern1.gif);}

h3 a[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}
h3 a:link[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}
h3 a:visited[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}
h3 a:hover[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}
h3 a:focus[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}
h3 a:active[href^="http://"]:not([href*="www.kammerkunst.de"])::after {content: "\00A0" url(../IMAGEPOOL/arrow_extern_hover.gif);}

dd {list-style-position:outside; list-style-type:none; margin:0; padding:0;}

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

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

#left .content {margin:0; padding: 47px 20px 0 20px;}

.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; }
	
#left 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:link.activecontext {text-decoration:none; color:#000; background:none transparent;}
#contextnav a:visited.activecontext {text-decoration:none; color:#000; background:none transparent; }
#contextnav a:focus.activecontext {text-decoration:underline; color:#fff; background:none #36c;}
#contextnav a:hover.activecontext {text-decoration:none; color:#fff; background: none #36c; }
#contextnav a:active.activecontext {text-decoration:underline; color:#fff; background:none #36c;}

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

}

	
@media print {

html, body { 
	background: white;
	color: black;
	font-family: courier new, arial, verdana, sans-serif !important;
	}
	
#container {
	width: 100%;
	font-size: 12pt;
	margin: 0 auto;
  	text-align: left;
  	background:url(../gifs/bg201.gif) repeat-y #fff;
	}
	
.top	{
	margin: 0;
	float: left;
	}
	
h1, h2, h3, h4, h5, p, ul, li, dl, dl, dd {
	font-family: courier new, arial, verdana, sans-serif !important;
	text-align: left;
	clear: both;
	}
	
h1 { display: none; }
	
#nav, #helpnav, #contextnav, .printnot, .hide, .hide2 { display: none !important; }

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;
	}
	
.topdir {float: left; padding: 2em 0 0 1em; margin: 0; text-align: left; }

.top	{
	margin: 50px 0 0 1em;
	padding: 0;
	float: left;
	}
	
.navdir { float: left; }

#nav 	{
	border: none;
	clear:both;
	line-height: 1em;
	margin: 1em;
	float: left;
	}
	
#nav li {display:inline; list-style-type:none; margin:0; padding:0; background: transparent; float: left; line-height: 2em;}
#nav ul {line-height:1em; padding:2em 0 2em 0; margin:0; text-align: left; }

#nav a:link {color: #36c; border: none; padding:.25em .5em; text-decoration:none; margin: 1em 0; background:none transparent; line-height:1em;}
#nav a:visited {color: #36c; border: none; padding:.25em .5em; text-decoration:none; margin:1em 0; background:none transparent; line-height:1em;}
#nav a:focus {color: #fff; border: none; padding:.25em .5em; text-decoration:none; margin:1em 0; background:none #36f; line-height:1em;}
#nav a:hover {color: #fff; border: none; padding:.25em .5em; text-decoration:none; margin:1em 0; background:none #36f; line-height:1em;}
#nav a:active {color: #36f; border: none; padding:.25em .5em; text-decoration:none; margin:1em 0; background:none transparent; line-height:1em;}

#nav .active {border: none; padding:.3em .5em; margin:-.3em 0 1em 0; background: #36c; color: #fff; line-height:1em;}

#miniflex{ width:100%;float:left;position:relative;z-index:2;margin:0;padding:0; }
#miniflex li{ float:left;display:inline;list-style:none;position:relative;margin:0;padding:0; }
#miniflex a:link, #miniflex a:visited {
	float:left;line-height:25px;font-weight:100;text-decoration:none;color:#36c;background:none;margin:0;
	border-bottom:5px solid #fff;padding-bottom:4px;
	}
#miniflex a.active:link,#miniflex a.active:visited {
	border-bottom:5px solid #36c;padding-bottom:4px;color:#000;background:none;
	}
	
#miniflex a:hover, #miniflex a:focus{
	border-bottom:5px solid #36c;padding-bottom:4px;color:#36f;background:none;
	}
#animated-tab{
	position:absolute;z-index:1;line-height:25px;padding-bottom:4px;
	border-bottom:5px solid #36c;background:none;
	}

	
#left 	{
	width:100%;
	position: relative;
	clear: both;
	}
	
#content {
	margin:0;
	padding:2em 1em;
	}
	
.boxright {
	float: left;
	width: 100%;
	margin:0;
	border: none; 
	padding:0 0 1em 0;
	}
	
.hide2 {
	display: block !important;
	clear: both;
	}
	
hr { background: url(../IMAGEPOOL/line_dotted.gif) no-repeat center center transparent; border: none; height: 1px; margin: 2em auto; width: 20%; text-align: center; }

.hide3 { display: none !important; }
	
}