/* styles for modern browsers only, NN4 doesnt know how to import this file */
@import url("notfornn4.css");

/* styles for modern browsers and NN4 */

html, body, frame, frameset {
	color: #000000;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	-moz-box-sizing:border-box;
}
html, body, body * {
	font-family: verdana,univers,arial,helvetica,sans-serif;
}
body {
	/*font-size: 76%; font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	font-size: 11px;
/*	font-size: 76%; */
/*	font-size: 11px;*/
}
/* NN4 needs explicit rules for font formatting */
td, input, select, textarea, div {
	font-family: verdana,univers,arial,helvetica,sans-serif;
	font-size: 11px;
}
body.menu {
	background-color: #ee6a00;
	border-bottom: 2px solid white;
}
body.bottom {
  background-image: url(bottom.gif);
}
body.content {
	margin-left: 79px;
	margin-right: 15px; /* for ie6 in SC mode with vertical scrollbar */
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #ffffff;
  background-image: url(http://www.kunstkeller-o27.de/bqudrat.gif); /*  NN4 needs full path for pages not residing in the root folder */
	background-position: top left;
	background-repeat: repeat;
}
body.bbbliste {
	margin-left: 79px;
	margin-right: 10px;
	padding-top: 30px;
	padding-right: 10px;
	border-right: 1px solid #ee6a00;
	background-color: #ffffff;
  background-image: url(http://www.kunstkeller-o27.de/bqudrat.gif); /*  NN4 needs full path for pages not residing in the root folder */
	background-position: top left;
	background-repeat: repeat;
}
@media print {
	body.content, body.bbbliste, body.bbb {
		margin: 0px;
		padding: 0px;
	}
}
body.bbb {
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 15px; /* for ie6 in SC mode with vertical scrollbar */
	padding-bottom: 1.0em;
	background-color: #ffffff;
}
div {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
div.content {
	width: 662px;
}
#bbbliste {
	background-color: #f7f7f0;
	width: 230px;
	white-space: nowrap;
}
body.menu div {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 18px;
	overflow:hidden;
}
div.bottomlinks {
	text-align: right;
	padding-right: 20px;
}	
div.bottomsociallinks {
	float:left;
	text-align: left;
	vertical-align: middle;
	margin-top: 2em;
}	
div.bottomsociallinks img {
	vertical-align: baseline;
}	

div.gbMessage {
	border-top: 2px solid #ee6a00;
	padding-top: 0.2em;
	padding-bottom: 2em;
	clear: both;
}
div.eyeCatcher {
	background-color:#f7f7f0;
	border: 2px dashed #ee6a00;
}
div.archive span.noarchive {
	display: none;
}
span.boldexceptarchive {
	font-weight: bold;
}
div.archive span.boldexceptarchive {
	font-weight: normal;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
ul {
	margin-left: 1.5em;
	list-style-type: square;
}
p.slimp {
	margin: 0em;
	padding: 0em;
}
p.linkliste {
	margin-bottom: 0em;
	margin-top: 0em;
 	margin-left: 2em;
}
p.linkliste a {
	margin-left: -2em;
}
p.cancelled {
	background-color:#efc468;
	width: 500px;
	padding: 0.5em;
}
table {
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	border-collapse: collapse;
}
tr {
	vertical-align: top;
}
td {
	color: #000000;
	vertical-align: top;
}
td.grayBack {
	border-top: 1.5em solid white;
	background-color: #ffffff;
}
td.grayBack.presenter0, span.grayBack.presenter0, tr.presenter0 td { /* con-action */ /* #faeef4 */
	background-color: #f7f7f0; /*#fcf2f7;*/
}
td.grayBack.presenter1, span.grayBack.presenter1, tr.presenter1 td { /* kunstkeller */
	background-color: #c0e5fc; /*#f7f7f0;*/
}
td.grayBack.presenter2, span.grayBack.presenter2, tr.presenter2 td { /* kunstkeller soul'n'more */
	background-color: #eefaf4;
}
td.grayBack.presenter3, span.grayBack.presenter3, tr.presenter3 td { /* kunstkeller SDHFM */  /* #eeeefa */
	background-color: #f2f2fc;
}
.presenter0 { /* con-action */
	background-color: #f7f7f0; /*#fcf2f7;*/
}
.presenter1 { /* kunstkeller */
	background-color: #c0e5fc; /*#f7f7f0;*/
}
.presenter2 { /* kunstkeller soul'n'more */
	background-color: #eefaf4;
}
.presenter3 { /* kunstkeller SDHFM */
	background-color: #f2f2fc;
}
a {
	text-decoration: none;
	font-weight: 600;
}
a:link, a:visited {
	color: #ee6a00;
	text-decoration: none;
}
a:visited:hover, a:hover {
	color: #efc468;
	text-decoration: underline;
}
a:active {
	color: #efc468;
}
a.textlink {
	font-weight: normal;
	color: #000000;
}
a.textlink:link {
	color: #000000;
}
a.textlink:visited {
	color: #333333;
}
a.textlink:hover, a.textlink:active {
	color: #ee6a00;
	text-decoration: none;
}
a.tinylink {
	font-weight: normal;
	color: #000000;
}
a.tinylink:link {
	color: #000000;
}
a.tinylink:visited {
	color: #333333;
}
a.tinylink:hover, a.tinylink:active {
	color: #ee6a00;
	text-decoration: none;
}
a.tinylink.bar {
	width: 100%;
}
a.tinylink.bar:hover, a.tinylink.bar:active {
	background-color: #ee6a00;
	color: #ffffff;
	text-decoration: none;
}
a.bottomlink {
	font-weight: normal;
	color: #000000;
}
a.bottomlink:link, a.bottomlink:visited {
	color: #000000;
}
a.bottomlink:hover, a.bottomlink:active {
	color: #ffffff;
}
a.external {
}
a.external:after {
/*	content: " "url(extern.gif);*/
	content: " (externer Link)";
	color: black;
	font-weight: normal;
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
}
body h1, h1 { /* Opera 7 needs "body h1" to display in the correct size */
	font-family: Chicago, Arial Black, Univers, Babelfish, serif;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.0em;
	vertical-align: baseline;
}
div.eyeCatcher h1 {
	font-family: verdana,univers,arial,helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	padding-top: 1.0em;
	color: #ee6a00;
}
h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	font-weight: 600;
}
h2 {
	color: #ee6a00;
}
hr {
	width: 100%;
	color: #ee6a00;
	background-color: #ee6a00;
	height: 2px;
	text-align: center;
	border: 0px solid #ee6a00;
}
hr.grayed {
	color: #cccccc;
	background-color: #cccccc;
	border: 0px solid #cccccc;
}
img {
	border: 0px none #ffffff;
	margin: 0px;
	padding: 0px;
}
img.vspace {
	margin: 5px 0px;
}
img.icon {
	vertical-align: middle;
}
img.cssImageSlice nn4Special { /* NN4 doesnt understand the nested rule and doesnt display any img.cssImageSlice, modern browsers ignore the rule for img.cssImageSlice, which is what we want!!! */
	display: none;
}
.grayed { /* used for input, select */
	color: #cccccc;
}
strong, b {
	font-weight: 600;
}
strong.orange {
	color: #ee6a00;
}
.orange {
	color: #ee6a00;
}
.errorRed {
	color: #cc3024;
}
.mono {
	font-family: monospace;
}