@charset "UTF-8";

/*******************************************************************************
*  skidoo_redux_theme.css : 2007.03.05 : ruthsarian@gmail.com
* -----------------------------------------------------------------------------
*  
*  This stylesheet provides the theme of the layout. The theme includes
*  anything that controls the presentation of the page, but typically it's just
*  for setting colors, fonts, borders, and gutter space. 
*
*  It is possible to offer multiple themes for a single page and allow the
*  user to pick the one that best fits their needs. 
*  
* ------------------------------------------------------------------------------
*  This stylesheet is released into the public domain.
*******************************************************************************/

#page-container
{
	font-size: 100%;		/* font attributes set here so that
					   the font sizer javascript bit can
					   operate on the body element and not
					   fubar things */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
}
.outer-column-container
{
	border-left-color: #fff;	/* left column background */
	border-right-color: #fff;	/* right column background */
}
.inner-column-container
{
	background-color: #fff;	/* middle column background */
}
.left-column h3, .right-column h3
{
	margin-bottom: 0;		/* column menu titles should
					   hug the menus */
}
.right-column p, .right-column ul
{
	margin-top: 0;
}
p.fontsize-set
{
	text-align: center;		/* center the icons for changing
					   font size */
}
p.fontsize-set input
{
	margin: 0 2px;			/* space them out a bit */
}
p.bodytext {
	margin: 8px 0 8px 0;
	padding: 0;
}
div.bodytext-small p.bodytext {
	font-size: 12px;
	line-height: 20px;
}
div.bodytext-smallline p.bodytext {
        font-size: 12px;
        line-height: 16px;
}
div.newstext-artist {
	margin: 10px 0;
	color: #003366;
	font-family: Georgia;
	font-size: 11px;
	line-height: 20px;
}
div.newstext-artist p,
div.newstext-artist div {
	margin: 0;
	padding: 0;
}
div.newstext-artist div.csc-header {
	margin: 4px 0;
}

/******************************************************************************/

#footer, 
#menu-container {
	display: block;
	zoom: 1;
	border-top: 1px solid white;
}
#menu-container {
       background-color: #fff;
}
#footer {
	margin-top: 0;
}

#footer UL,
#menu-container UL {
	DISPLAY: block; 
	PADDING: 0; 
	MARGIN: 0; 
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	OVERFLOW: visible;
	zoom: 1;
}

* HTML #menu-container UL {
	margin: 0;
}

#footer UL LI,
#menu-container UL LI {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	LINE-HEIGHT: normal; 
	OVERFLOW: visible;
	POSITION: relative;
	COLOR: #ffffff;
	font-size: 12px;
	line-height: 14px;
}
#menu-container UL LI.artesystem {
	width: 222px;
	overflow: hidden;
}

#menu-container UL.folded {
	height: 54px;
	overflow: hidden;
}

#footer UL LI A IMG,
#footer UL LI STRONG IMG,
#menu-container UL LI A IMG,
#menu-container UL LI STRONG IMG {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}
#menu-container .text {
	position:absolute;
	width: 172px;
	top:53px;
	left:25px;
	font-size: 11px;
	line-height: 16px;
}

#footer UL {
	margin-left: 22px;
	float: left;
	display: inline;
}

#topnavi {
	font-size: 11px;
	color: #fff;
	float: right;
	padding-top: 10px;
}
#logo .tx-srlanguagemenu-pi1,
#logo .tx-srlanguagemenu-pi1 A,
#topnavi A {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#logo .tx-srlanguagemenu-pi1 A:hover,
#topnavi A:hover {
	text-decoration: underline;
}
#logo .tx-srlanguagemenu-pi1 {
	padding-top: 10px;
	float: left;
}

/******************************************************************************/

#search {
	float: right;
	padding-right: 15px;
}
#search form {
        margin: 0;
        padding: 0;
}

#search input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/******************************************************************************/

#content-container .news-latest-gotoarchive A {
        font-family: "Stainless Light", Arial, Helvetica, sans-serif;
        color: #054475;	
}

.news-latest-item {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #999;
}

.news-latest-container {
	font-size: 11px;
	line-height: 21px;
}
.news-latest-container H3 {
       font-family: "Stainless Light", Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #054475;
}

/******************************************************************************/

#content-container H1 {
	font-family: "Stainless Light", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #009ee0;
}
#content-container H1.imageheader {
	overflow: hidden;
	height: 10px; /* only 10px here because of margin in H1 rule above */
	text-indent: 999em;
	white-space: nowrap;
	background-repeat: no-repeat;
}

#content-container H2 {
        font-family: "Stainless Light", Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #054475;
}
#content-container H2.imageheader {
        overflow: hidden;
        height: 10px; /* only 10px here because of margin in H1 rule above */
        text-indent: 999em;
        white-space: nowrap;
        background-repeat: no-repeat;
}
* HTML #content-container H1.imageheader,
* HTML #content-container H2.imageheader,
* HTML #content-container H3.imageheader {
	width: 300px;
}
* HTML #content-container .right-column H1.imageheader,
* HTML #content-container .right-column H2.imageheader,
* HTML #content-container .right-column H3.imageheader {
        width: 162px;
}
#content-container H3 {
        font-family: "Stainless Light", Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #054475;
}

#content-container A {
	color: #009ee0;
	text-decoration: none;
}
#content-container A:hover {
	text-decoration: underline;
}

/******************************************************************************/

.csc-menu-8 UL {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.csc-menu-8 > UL > LI {
	border-top: 1px dotted #999;
	padding: 10px 0;
	font-size: 12px;
	line-height: 20px;
}
.csc-menu-8 > UL {
	border-bottom: 1px dotted #999;
}

.csc-menu-8 .rubrik {
	color: #003366;
	font-weight: bold;
	font-size: 12px;
}

.csc-menu-8 .sub {
        color: #999;
        font-size: 12px;
}

/******************************************************************************/

UL.subnavi,
UL.subnavi UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
}
UL.subnavi {
	padding-top: 10px;
}
UL.subnavi > LI {
	margin: 0px;
	padding: 0px;
}
UL.subnavi UL LI {
	padding-left: 10px;
	margin: 5px 0;
	line-height: 16px;
}
#content-container .subnavi,
#content-container .subnavi A {
	color: #999;
}
#content-container .subnavi .active A {
	color: #009ee0;
}

/******************************************************************************/

.csc-menu-def-div,
.csc-menu1-div {
        border-top: 1px dotted #999;
        border-bottom: 1px dotted #999;
	padding: 8px 0;
	margin: 0 0 15px 0;
}
.csc-menu1-div {
	margin-top: 15px;
}
.csc-menu-def,
.csc-menu-1 {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.csc-menu-def LI,
.csc-menu-1 LI {
	float: left;
	margin-right: 10px;
}
#content-container .csc-menu-def LI A,
#content-container .csc-menu-1 LI A {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
#content-container .csc-menu-def LI.act A,
#content-container .csc-menu-1 LI.act A {
	color: #003366;
}

/******************************************************************************/

.content-frame-soundbox,
.content-frame-soundbox2,
.content-frame-box,
.content-frame-news {
	margin-top: 25px;
	background-color: #f0f0f0;
	border-bottom: 1px dotted #999;
}
.content-frame-soundbox2 {
	margin-top: 0;
}

#content-container .content-frame-soundbox H2,
#content-container .content-frame-soundbox2 H2,
#content-container .content-frame-galerie H2,
#content-container .content-frame-box H2,
#content-container .content-frame-news H2 {
	background-color: #3eacda;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 3px 0 7px 10px;
	margin: 0;
	border-bottom: 2px solid #fff;
}
#content-container .content-frame-soundbox H2.imageheader,
#content-container .content-frame-soundbox2 H2.imageheader,
#content-container .content-frame-galerie H2.imageheader,
#content-container .content-frame-box H2.imageheader,
#content-container .content-frame-news H2.imageheader {
        overflow: hidden;
        text-indent: 0;
        background-image: none !important;
}
.content-frame-news .news-list-container {
	padding: 0 10px 10px 10px;
	font-size: 11px;
	line-height: 14px;
	color: #666;
}
#content-container .content-frame-news .news-list-container A {
	color: #666;
}
.content-frame-news .news-list-item {
	padding: 10px 0;
}
.right-column .content-frame-news .news-list-item {
	padding: 5px 0;
}
#content-container .content-frame-news .news-list-container .news-list-gotoarchive A {
	color: #003366;
	font-weight: bold;
}

#content-container .news-single-item .news-single-category,
#content-container .news-single-item .news-single-timedata {
        font-size: 11px;
        line-height: 14px;
        color: #666;
}
.content-frame-soundbox2,
.content-frame-soundbox P.bodytext,
.content-frame-box P.bodytext {
        padding: 0 10px 0 10px;
        font-size: 11px;
        line-height: 14px;
        color: #666;
}
.content-frame-soundbox P.bodytext {
	margin: 8px 0 0 0;
}
.content-frame-frontdates p {
	border-bottom:1px dotted #999999;
	margin:0;
	padding:0;
	color:#009EE0;
	text-decoration:none;
	font-size:11px;
	line-height:21px;
}

.content-frame-media {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.abstand-unten {
	margin-bottom: 15px;
}
.abstand-oben {
	margin-top: 15px;
}

/******************************************************************************/

#content-container .news-single-item .news-single-backlink,
.pdflink,
.toplink {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

#content-container .news-single-item .news-single-backlink IMG,
#content-container .pdflink IMG,
#content-container .toplink IMG,
#content-container .linkExt IMG {
	display: inline;
	vertical-align: middle;
}

#content-container .news-single-item .news-single-backlink A,
#content-container .pdflink A,
#content-container .toplink A,
#content-container A.linkExt {
/*	color: #666; */
	font-size: 11px;
	line-height: 20px;
}

/******************************************************************************/

.mailformplus_contactform FIELDSET {
	border: 0;
}
.mailformplus_contactform LEGEND {
	display: none;
}
.mailformplus_contactform LABEL.label {
	width:4.5em;
	display: block;
}
.mailformplus_contactform {
	line-height: 24px;
	background-color: #f3f3f3;
	padding: 20px;
}
.mailformplus_contactform TEXTAREA {
	width: 100%;
}
.mailformplus_contactform INPUT.input  {
	width: 100%;
}
.mailformplus_contactform P {
	font-size: 10px;
}
.mailformplus_contactform TD.submit {
	text-align: center;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

/******************************************************************************/

.contenttable {
	width: 100%;
	border-spacing: 0;
}
.contenttable td {
	padding: 0 5px 0 0;
}
.contenttable td {
	font-size: 12px;
}

/******************************************************************************/

#cboxCurrent {
	font-size: 11px;
	width: 100%;
	line-height: 14px;
}
#cboxTitle .title {
	margin-right: 70px;
	text-align: right;
	font-size: 13px;
	text-align: right;
	vertical-align: bottom;
	line-height: 14px;
}
#cboxTitle .imglink {
	z-index: 10;
	position: absolute;
	top: -4px;
	right: 30px;
	display: block;
}

