@charset "utf-8";
/* CSS Document */

/*
// ------------------------------------------------------------------
// site.css by orangepointsolutions Ltd., www.orangepointsolutions.de
// ------------------------------------------------------------------
*/

html {
	overflow-y: scroll;
	height: 100%;
	margin-bottom: 1px;
}

body {
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.3em;
	margin: 0px auto;
	padding: 0px; 
	width: 1015px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

ul, li { margin: 0px; padding: 0px; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

.internalLink, .externalLink {
 	background-repeat: no-repeat;
 	background-position: 0% 5px;
 	padding-left: 10px;
	text-decoration: none;
}
.internalLink { background-image: url(images/layout/more.gif); }
.externalLink { background-image: url(images/layout/link.gif); }
a:hover.internalLink, a:hover.externalLink { text-decoration: underline; }

a img { border: 0px; }

#overlay {
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=85);
	opacity:0.85;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#overlay #content {
	width: 700px;
	height: 300px;
	margin: 0px auto;
	margin-top: 300px;
	padding: 10px;
	background-color: #222;
 	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	position: relative;
}
#overlay #content h1 { margin: 50px 25px 0px; }
#overlay #content .info { font-weight: bold; }
#overlay #content .info_english { font-weight: normal; }
#overlay #content .imprint { 
	position: absolute; 
	left: 10px; 
	bottom: 10px; 
	text-align: left; 
	margin: 0px; 
	color: #999;
}

/*
// ------------------------------------------------------------------
// header
// ------------------------------------------------------------------
*/

#header {
	background: url(images/layout/bg_header.gif) no-repeat;
	height: 80px;
	margin-top: 100px;
	margin-left: 30px; 
	margin-bottom: 17px;
}

#headerlink {
	width: 200px;
	height: 80px;
	float: right;
}

/*
// ------------------------------------------------------------------
// content wide
// ------------------------------------------------------------------
*/

#content_container { 
	width: 791px;
	float: left; 
}

/* HOME */
#content_container.home {
	background: url(images/layout/OYR_BG_Home.gif) no-repeat;
	width: 761px;
	height: 619px;
	padding: 0px;
	margin-left: 30px;
	float: left;
}
*html #content_container.home { margin-left: 15px; }

.home h1 {
	font-size: 12px;
	color: #53575a;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 20px;
	padding-left: 18px;
}

.home #col_cd { margin-left: 55px; margin-top: 35px; margin-bottom: 30px; padding: 0px; width: 650px; background: none; }
.home #col_cd img { margin: 0px; padding: 0px; border: 0px; margin-right: 25px; }
.home .small { width: 338px; float: left; }
.home #col_cd .small img { margin-right: 5px; }
.home .x-small { width: 308px; float: left; }
.home #col_cd .x-small img { margin-right: 5px; }
.home a { color: #fff; text-decoration: none; }
.home a:hover { text-decoration: underline; }


#content_container #top {
	background: url(images/layout/content-B_bg_02_top.gif) no-repeat;
	margin-left: 30px;
	height: 50px;
}

#content_container #content {
	background:url(images/layout/content-B_bg_02_middle.gif) repeat-y;
	margin-left: 30px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	min-height: 450px;
}

#content #splash_image { margin-bottom: 30px; }

#content #my_text {
	width: 444px;
	padding-left: 80px;
}
#content #my_text.no_splash { padding-top: 50px; }
#content #my_text.video { width: 515px; padding-left: 60px; }

#my_text h1 {
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

#my_text p { margin: 0px; }

/* changed german and english */

#my_text p.english { color: #444; }
#my_text p.english a { color: #444; }

#my_text p.german {
	color: #606060;
	font: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 40px;
}
#my_text p.german a { color: #606060; }

/* and of german / english change */

#content_container #bottom {
	background:url(images/layout/content-B_bg_02_bottom.gif) left bottom no-repeat;
	margin-left: 30px;
	height: 35px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
}

#bottom h1, .floatbox #content_bottom h1 {
	font-size: 12px;
	color: #53575a;
	font-weight: normal;
	margin: 0px;
	padding-top: 18px;
	padding-right: 17px;
	text-align: right;
	text-transform: uppercase;
}
.floatbox #content_bottom h1 { padding-right: 24px; }
	
/*
// ------------------------------------------------------------------
// floatbox
// ------------------------------------------------------------------
*/

body.floatbox {
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 20px;
	width: 575px;
}

.floatbox #content {
	background: url(images/layout/oneColBox_bg.gif) no-repeat;
	height: 400px;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 20px;
}
.floatbox #content_bottom {
	background: url(images/layout/oneColBox_bg.gif) no-repeat bottom;
	height: 60px;
}
.floatbox #content #my_text {
	padding-left: 0px;
	width: 344px;
	float: left;
}

.floatbox .cover {
	margin-top: 30px; 
	float: right; 
}

.floatbox #bottom {
	width: 124px; 
	margin-left: 8px;
}
.floatbox #bottom a { color: #999; }

.floatbox .jwPlayer {
	margin-top: 18px;
	margin-bottom: 30px;
}

/*
// ------------------------------------------------------------------
// content 2 cols
// ------------------------------------------------------------------
*/

#content_container.columns {
	background: url(images/layout/bg_2col_container.gif) repeat-y;
	background-position: 24px 50px;
}
/* *html #content_container.columns{
	background-image: url(images/layout/bg_2col_container.gif);
	background-repeat: repeat-y;
	background-color:#CCFFFF;
	border: 3px solid red;
	left: 1px;
}*/

#col_cd, #col_cddetail { 
	/*background:url(images/layout/content_bg_01_top.gif) no-repeat;*/
	width: 735px;
	float: left; 
	margin-left: 0px; /* former 29px */
	padding-left: 0px; /* former 7px */
	padding-right: 0px; /* former 10px */
	min-height: 450px;
}
*html #col_cd { margin-left: 14px; height: 570px; }
*html #col_cddetail { margin-left: 14px; }
#col_cd.right, #col_cddetail.right { 
	margin-left: 14px; 
	width: 348px; 
	padding-left: 15px; 
	paddding-right: 15px; 
}
*html #col_cd.right, *html #col_cddetail.right { width: 358px; padding-right: 0px; }
 
#content_container #top h1 {
	font-size: 12px;
	color: #53575a;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 44px;
	text-transform: uppercase;
}
#col_cd.right h1 { padding-left: 4px; }


#col_cd img {
	/* border-left: 5px solid #b2babf;*/
	padding-left: 0px; /* former 4px */
	padding-right: 8px;
	float: left;
	/* cursor: pointer;*/
}
#col_cd img.active { border-color: #88ccff; }

#col_cd .news {
	margin: 0px;
	padding: 0px;
}
#col_cd.right .news {
	padding-bottom: 15px;
}

#col_cd .line_top {
	background: url(images/layout/line.gif) no-repeat 10px 15px;
	padding-top: 50px;
}

#col_cd .news h1, #col_cd .cd h1 { /* artist / headline */
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#col_cd .news h2, #col_cd .cd h2 { /* title / headline */
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#col_cd .news h3, #col_cd .cd h3 { /* type */
	font-size: 12px;
	color: #444;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#col_cd .news h4, #col_cd .cd h4 { /* artist / headline */
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

#col_cd .news p, #col_cd .cd p { /* type */
	margin: 0px;
	padding: 0px;
	padding-top: 11px;
}
*html #col_cd.right .news p { width: 350px; }
.home #col_cd .cd p { padding-top: 5px; }

#col_cd .news ul, #col_cd .cd ul { /* standard text */
	margin: 0px;
	padding: 0px 0px 6px 0px;
/*	width: 280px;*/
}
/* *html #col_cd .news ul, #col_cd .cd ul { width: 150px; }*/

#col_cd .news ul li, #col_cd .cd ul li { /* standard text */
	color: #444;
	margin: 0px;
	padding: 0px;
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}
#col_cd .news ul li.dl, #col_cd .cd ul li.dl { color: #fff; } /* text Download */
#col_cd .news ul li a, #col_cd .cd ul li a { /* download links */
	color: #444;
	font-style: italic;
	text-decoration: none;
}
#col_cd .news ul li a:hover, #col_cd .cd ul li a:hover { text-decoration: underline; }
/*
.separator, .newsseparator {
	clear: both;
	background: url(images/layout/line_01.gif) no-repeat;
	width: 728px;
	height: 1px;
	margin-top: 15px;
	margin-left: 0px;
	padding-bottom: 30px;
}
*html .separator, *html .newsseparator { padding-bottom: 15px; }
#col_cd.right .separator, #col_cd.right .newsseparator { margin-left: 0px; }
*html #col_cd.right .separator, *html #col_cd.right .newsseparator { width: 358px; }
*/

.separator {
	clear: both;
	padding-top: 10px;
	margin: 10px 0px; 
	border-bottom: 1px solid #eee;
}

.cd_info { width: 260px; float: left; }
.video .cd_info { width: 220px; }
#col_cd .cd p.genre, #col_cd .news p.genre { margin-top: 0px; padding-bottom: 0px; }
#col_cd .cd p.more, #col_cd .news p.more { color: #fff; font-style: italic; font-size: 14px; margin: 0px; padding: 0px; }
.cd_info .more a { color: #444; font-size: 12px; }
.cd_info .more a:hover { text-decoration: underline; }
.cd_textinfo { width: 336px; float: left; }
/* formatting for new releases */
.cd_textinfo a.more { color: #fff; font-size: 12px; }
.cd_textinfo a.more:hover { text-decoration: underline; }

.cd_player { width: 336px; float: left; }

.cd_info h1 { text-transform: uppercase; }

.col_cd_bottom {
	background: url(images/layout/content_bg_01_bottom.gif) no-repeat;
	background-position: bottom;
	width: 373px;
	height: 15px;
	float: left;
}
.left_bottom { margin-left: 30px; }
.right_bottom { margin-left: 16px; }
*html .left_bottom { 
	background-image: url(images/layout/bg_2col_cd_bottom_IE6.gif);
	margin-left: 14px; 
}
*html .right_bottom { margin-left: 17px; }

/*
// ------------------------------------------------------------------
// content 2 cols projects
// ------------------------------------------------------------------
*/

.projects { position: relative; }

.projects h1 { /* projects headline */
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	float: left;
}
*html .projects h1 { width: 120px; }
.cd h1 { float: none; }
*html .cd h1 { width: auto; }

ul#pages, ul#more_pages {
	position: absolute;
	top: 217px;
	left: 285px;
}
*html ul#pages, *html ul#more_pages { position: relative; left: 10px; }
*html ul#more_pages { top: 10px; }

ul#pages li, ul#more_pages li {
	display: inline;
	padding: 0px 2px;
}
ul#pages li:hover.page, ul#_morepages li:hover.page { color: #444; background-color: #88ccff; }
ul#pages li.active, ul#more_pages li.active { color: #88ccff; }

.columns #col_cd, .columns #col_cddetail { min-height: 0px; }

#col_cddetail {
	background: url(images/layout/bg_2col_cdbigcover_top.gif) no-repeat;
	padding-top: 10px;
}

#cover_holder {
	background-color: #000;
	padding: 10px;
	text-align: center;
}
*html #cover_holder { width: 328px; }
#cover_holder img { border: 1px solid #1a1a1a; }

#col_cddetail h1 { /* title / headline */
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 5px;
}

#col_cddetail p {
	margin: 0px;
	padding: 0px;
}
*html #col_cddetail p { width: 350px; }

#col_cddetail a.teaser {
	font-size: 12px;
	color: #444;
	text-decoration: none;
}
#col_cddetail a:hover.teaser { color: #f0f0f0; }

ul.download_links {
	margin: 14px 0px;
	padding: 0px 0px 0px 6px;
}

ul.download_links li {
	display: inline;
	padding: 1px;
	color: #444;
}
ul.download_links li.dl { color: #fff; }
ul.download_links li a {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
	font-style: italic;
}
ul.download_links li a:hover { text-decoration: underline; }

#col_cddetail .details { }


#col_more {
	background: url(images/layout/bg_content-B_top.gif) no-repeat;
	padding-top: 10px;
	margin-left: 30px;
	height: 40px;
}

#more #content { padding-top: 15px; height: 461px; }
*html #more #content_container #content { padding: 0px; }

#more #bottom {
/*	background: url(images/layout/bg_content-B_bottom.gif) no-repeat;*/
/*	margin-left: 30px;*/
/*	height: 33px;*/
}

#col_more h1 { /* title / headline */
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #b2babf;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
}

#more .column { 
	width: 200px;
	float: left;
}

#more .column li { list-style: none; }
#more .column li a { color: #444; }
#more .column li a:hover { color: #fff; }
#more #my_text { width: 700px; }
*html #more #my_text { width: 680px; }

#more #page2 { display: none; }

/*
// ------------------------------------------------------------------
// main navigation
// ------------------------------------------------------------------
*/

#main_navigation {
	width: 144px; /* plus margin-right */
	float: left;
/*	padding-right: 58px;*/
}
/*#main_navigation.home { margin-top: 0px; padding-left: 0px; }*/
/**html #main_navigation.home, *html #main_navigation.more { padding-left: 0px; }*/

#main_navigation li {
	clear: both;
	list-style: none;
	text-align: right;
	line-height: 12px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family:Arial;
}
#main_navigation li a { 
	color: #b2babf;
	text-decoration: none;
	display: block;
}
#main_navigation li a:hover { color: #444; }
#main_navigation li a.active { color: #444; }

#main_navigation #impressum { font-size: 10px; }

/*
// ------------------------------------------------------------------
// mid navigation
// ------------------------------------------------------------------
*/

#mid_navigation {
	list-style: none;
	margin-top: 0px;
	float: right;
}

#mid_navigation li {
	width: 123px;
	text-align: right;
	line-height: 12px;
	margin-bottom: 3px;
	padding: 0px;
	text-transform: uppercase;
	background-color: #b2babf;
}
*html #mid_navigation li { margin-bottom: 0px; }

#mid_navigation li a { 
	font-size: 11px;
	color: #444;
	text-decoration: none;
	display: block;
}
#mid_navigation li a:hover { background-color: #88ccff; }
#mid_navigation li a.active { background-color: #88ccff; color: #444; }

#mid_navigation li.empty { background-color: #fff; height: 30px; }

/*
// ------------------------------------------------------------------
// sub navigation
// ------------------------------------------------------------------
*/

#sub_navigation {
	list-style: none;
	margin-top: 0px;
	float: right;
	background-color: #fff;
}

#sub_navigation li {
	width: 123px;
	text-align: right;
	line-height: 12px;
	margin-bottom: 3px;
	padding: 0px;
	text-transform: none;
	background-color: #fff;
}
*html #sub_navigation li { margin-bottom: 0px; }

#sub_navigation li a { 
	font-size: 11px;
	color: #444;
	text-decoration: none;
	display: block;
}
#sub_navigation li a:hover { background-color: #fff; color: #88ccff; }
#sub_navigation li a.active { background-color: #fff; color: #88ccff; }

#sub_navigation li.empty { background-color: #fff; height: 15px; }

/*
// ------------------------------------------------------------------
// footer
// ------------------------------------------------------------------
*/

#footer {
	background: url(images/layout/bg_footer.gif) no-repeat;
	height: 3px;
	margin-top: 15px;
	margin-left: 30px; 
	padding-bottom: 50px;
}
#footer.home { margin-top: 0px; }

#back2top a { color: #444; text-decoration: none; }
#back2top a:hover { text-decoration: underline; }

/*
// ------------------------------------------------------------------
// contact form
// ------------------------------------------------------------------
*/

label { 
	display: block; 
	padding-top: 10px; 
	color: #606060;
	font: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
}
input, textarea { 
	width: 344px; 
	background-color: #fff; 
	border: 1px solid #999;
	color: #444;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input.submit, input.submithover { 
	margin-top: 20px; 
	width: 100px; 
	color: #444; 
	cursor: pointer;
}
input.submithover { 
	background-color:#88ccff;
	color: #444;
}

.kurtblue, .kurtorange, .kurtgreen { 
	display: none; 
	margin: 0px; 
	padding: 0px; 
}


/*
// -----------------------------------------------------------------------
// IE6 specifics
// -----------------------------------------------------------------------
*/

img, div { behavior: url(iepngfix.htc) } */ /* IE6 PNG Alpha Fix by Angus Turnbull, www.twinhelix.com, licensed under the GNU LGPL, version 2.1 or later