/*************************************************** 
Copyright Notice
***************************************************/

/* RESET */
/***************************************************/
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; }
/* 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; }

a,
a:link,
a:visited,
a:active,
a:hover
{
	color: #025996;
	text-decoration: none;
}
.contentbox a {
	text-decoration: underline;
	}
	.contentbox a:hover {
	text-decoration: none;
}
/***************************************************/
/* RESET end */

/* SHARED DIV STYLES
--------------------------------------------------------------------------------------*/

html { height: 100%; margin-bottom: 0.1px; }

body { font: 62.5%/1.4em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; color: rgb(51,51,51); margin: 0; padding-bottom: 0px; }

form, div, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, "Times New Roman", serif; }
h1, h2, h3, .subhead { margin-top: 0; font-size: 31px; color: rgb(51,51,51); font-weight: normal; }
h3, .subhead { font-size: 16px; line-height: 20px; color: rgb(96,96,96); }
h4, h5, h6 { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-weight: bold; color: rgb(96,96,96); }

h1 { position: relative; }
h6 { position: relative; margin: 15px 0 0 0; font: normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #333; }

td, th, p, div, span, form { margin: 0; padding: 0; }

p img { float: left; margin: 0; padding: 0; }

a img { border: none; }

a:link,
a:visited { color: #666; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #ccc; }
a.selected { color: #bbb;}
a.selected:hover { color: #999;}

.splash #content {
	position: relative;
	top: 100px;
	padding-left: 55px;
}
.splash #content h1 {
	position: relative;
	top: 80px;
	color: white;
	font: 42px/1.4em normal "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
.splash #content h4 {
	position: relative;
	color: white;
	font: 14px/1.4em normal "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
.splash {
	background: #cb486c url(../gfx/splash_bg.jpg) bottom left no-repeat;
	margin: 0 0 0 30px;
}
.splash a {
	color: white;
	font-size: 14px;
	font-weight: bold;
}
.shorttext {
	position: relative;
	top: 300px;
	margin: 0 0 30px 0;
}
.shorttext h2 {
	color: #ff88b5;
	font: bold 36px/1.4em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
.shorttext h5 {
	color: #850042;
	font: bold 26px/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

/* SHARED DIV STYLES
--------------------------------------------------------------------------------------*/

/*
SimpleSlide start
--------------------------------------------------------------------------------------*/

.SimpleSlide {
	position: relative;
	float: left;
	width: 210px;
	/* IE Bugfix */
	/* IE Bugfix */
	height: 299px;
	margin-right: 25px;
	overflow: hidden;
}
.SimpleSlide div { position: relative; width: 10000px; }
.SimpleSlide div div { position: relative; float: left; width: 210px; _width: 210px; height: 299px; }
.SimpleSlide div div div { position: relative; float: left; padding: 0; margin: 0; }

/*
SimpleSlide end
--------------------------------------------------------------------------------------*/

.SimpleSlide div .slide_link {
	position: relative;
}
.SimpleSlide div .slide_link .list {
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	clear: both;
	background: url(../gfx/bull.gif) left 5px no-repeat;
}

a.linkbox:hover .list {
	background: url(../gfx/bull_hover.gif) left 5px no-repeat;
}

a.linkbox,
a.linkbox:link,
a.linkbox:selected,
a.linkbox:visited {
	color: rgb(51,51,51);
}
a.linkbox:hover {
	color: rgb(51,51,51);
	background: url(../gfx/link_hover.gif) left top no-repeat;
}
a.linkbox:active {
	color: #666;
	/*background: url(../gfx/t_link1.gif) left top no-repeat;*/
}

.SimpleSlide div .slide_link span { clear: both; }

a.linkbox {
	position: absolute;
	top: -17px;
	float: left;
	cursor: pointer;
	color: rgb(51,51,51);
	width: 206px;
	padding: 17px 2px 0 2px;
	height: 225px;
	display: block;
	background: url(../gfx/link_bg.gif) left top no-repeat;
}
a.linkbox:hover {
	color: rgb(51,51,51);
}
.subhead {
	position: absolute;
	top: -4px;
	font: 16px/20px Georgia, Times, "Times New Roman", serif;
	color: #444;
}
a.linkbox .subhead {
	position: absolute;
	top: 13px;
}
.SimpleSlide div .slide_link .text {
	position: relative;
	float: left;
	top: 0px;
	width: 210px;
}
.SimpleSlide div .slide_link .ptag {
	position: absolute;
	top: 48px;
}
.SimpleSlide div .slide_link .linkbox .ptag {
	position: absolute;
	top: 65px;
}
.SimpleSlide div .slide_link .text ul {	
	list-style: outside disc;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
}

.SimpleSlide div .slide_link .caption {
	position: relative;
	height: 50px;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-bottom: 17px;
	background-color: #fff;
}
.SimpleSlide div .slide_link .caption a {
	position: relative;
	display: block;
	height: 47px;
	padding: 3px 0 0 6px;
	color: #fff;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	}
	.SimpleSlide div .slide_link .caption a:hover {
	text-decoration: none;
	background: url(../gfx/grad_hover.gif) left top no-repeat;
}

#SimpleSlide1 div .slide_link .caption { background: url(../gfx/grad_01.gif) left top repeat-y; }
#SimpleSlide2 div .slide_link .caption { background: url(../gfx/grad_02.gif) left top repeat-y; }
#SimpleSlide3 div .slide_link .caption { background: url(../gfx/grad_03.gif) left top repeat-y; }
#SimpleSlide4 div .slide_link .caption { background: url(../gfx/grad_04.gif) left top repeat-y; }
#SimpleSlide5 div .slide_link .caption { background: url(../gfx/grad_05.gif) left top repeat-y; }
#SimpleSlide6 div .slide_link .caption { background: url(../gfx/grad_06.gif) left top repeat-y; }
#SimpleSlide7 div .slide_link .caption { background: url(../gfx/grad_07.gif) left top repeat-y; }
#SimpleSlide8 div .slide_link .caption { background: url(../gfx/grad_08.gif) left top repeat-y; }
#SimpleSlide9 div .slide_link .caption { background: url(../gfx/grad_09.gif) left top repeat-y; }
#SimpleSlide10 div .slide_link .caption { background: url(../gfx/grad_10.gif) left top repeat-y; }

.teaserBox {
	position: relative;
	float: left;
	width: 373px;
	height: 215px;
	padding: 40px 0 0 57px;
	overflow: hidden;
	text-align: center;
}
.teaserBox img {
	clear: both;
	float: left;
	padding-bottom: 13px;
}
.teaserBox form {
	}
	.teaserBox form#formfake .searchfield {
	padding: 6px 3px;
	width: 360px;
	line-height: 24px;
	font-size: 20px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #333;
	}
	.teaserBox form .formrow {
	padding: 12px 0 0 0;
	}
	.teaserBox form .formrow input {
	position: relative;
}

.teaserBox h1 {
	margin-bottom: 41px;
}

.label {
	padding: 0 8px 0 1px;
}

.dark { color: #444; }

.clearer { clear: both; }

#log {
	position: absolute;
	float: left;
	left: 100px;
	width: 470px;
	margin: 0;
	visibility: hidden;
	font: 20px Georgia, Times, "Times New Roman", serif;
	color: #151515;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
}

input, textarea, a:active {
	outline: none;
}

.quote { float:right; }

div.visual {
	position: relative;
	padding-left: 40px;
	top: -45px;
	float: none;
}
div.flyer {
	position: relative;
	float: left;
	margin: 0 11px 5px 0;
}
div.flyer span a {
	position: relative;
	display: block;
	font-size: 10px;
	padding-left: 13px;
	color: #666;
	font-weight: bold;
	background: url(../gfx/download_0.gif) left top no-repeat;
	}
	div.flyer span a:hover {
	color: #999;
	background: url(../gfx/download_1.gif) left top no-repeat;
}
div.flyer img {
	margin: 4px 0;
}
div.flyer img {
	position: relative;
	display: block;
	border: 2px solid white;
}
div.flyer a:hover img {
	border: 2px solid #dedede; /*eceae7*/
}

.col_double {
	position: relative;
	float: left;
	top: -2px;
	width: 415px;
	margin: 0 0px 0 40px;
	_margin: 0 20px 0 20px;
	padding-bottom: 20px;
	font: 15px/22px Georgia, Times, "Times New Roman", serif;
	border: 0px solid pink;
}

.col_triple {
	position: relative;
	float: left;
	width: 265px;
	padding: 70px 14px 60px 16px;
}
.col_triple p img { margin: 25px 0 0 0; padding: 0; }
.col_triple a {
	text-decoration: none;
	cursor: pointer;
}
.col_triple a:hover {
	text-decoration: none;
}
.stuemper {
	position: relative;
	float: left;
	width: 25px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	font-size: 0.1%;
}

#count{ display: none; text-indent: -9999px; font-size: 0.1%; }

#container {
	position: relative;
	margin: 0px auto;
	border: 0px solid yellow;
	padding-left: 0px; !important
}
#mainHeader {
	position: absolute;
	left: 0;
	height: 104px;
	background: url(../gfx/cc_mainhead.gif) left top no-repeat;
	width: 100%;
	clear: both;
}
#mainHeader a {
	position: relative;
	width: 300px;
	height: 104px;
	display: block;
}

#headerContainer {
	position: relative;
	height: 60px; /* gleichzeitig abstand fuer inhaltscontainer */
	clear: both;
	border: 0px solid pink;
}

#imprint { border: 0px solid red; position: absolute; top: 15px; right: 0; text-align: right; z-index: 999; }
#imprint a { font: 10px/16px normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana; color: #fff; }
#imprint a:hover { color: #666; }

#menu { position: absolute; width: 100%; top: 150px; float: right; font: normal normal 10px/15px Arial Black, "Arial Black", Helvetica, Arial, "Lucida Grande"; text-transform: uppercase; text-align: right; color: #666; border: 0px solid red; z-index: 1; }
#menu a { margin: 5px 0 5px 22px; padding: 10px 0; }
#menu a:hover {  }

.clear_both {
	display: block;
	clear: both;
}

/*
******************************
TOPLAYER start
******************************
*/

#toplayer {
	position: absolute;
	width: 100%;
	right: 0;
	height: 1110px;
	background: transparent url(../gfx/teaser/top_white.png) right top repeat-y;
	/* IE 6 Bugfix */
	_background: transparent url(../gfx/teaser/top_white.gif) right top repeat-y;
	/*IE 6 Bugfix end*/
	z-index: 998;
}
.topwrapper {
	position: relative;	
}
.opener {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 996;
}
.opener h1 {
	position: relative;
	padding-left: 100px;
	font: normal 36px/43px Georgia, Times, "Times New Roman", serif;
	display: block;
	color: #000;
}
.opener h3 {
	position: relative;
	padding-left: 25px;
	color: #000;
	font: italic normal 17px/32px Georgia, Times, "Times New Roman", serif;
	text-transform: none;
}
.opener .textblock {
	position: relative;
	padding-left: 33px;
}
.sample {
	position: relative;
	height: 24px;
	clear: both;
}
.sample .flash {
	float: left;
	margin: 0 8px 0px 0;
	padding-top: 3px;
}
.sample .title {
	font: normal bold 13px/24px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	text-transform: uppercase;
	color: #000;
}
.opener .sponsor {
	position: relative;
	margin-top: 20px;
}
a.main_image {
	position: relative;
	padding-right: 0px;
	height: 439px;
	width: 410px;
	display: block;
	background: url(../gfx/teaser/cd_01.jpg) left top no-repeat;
	}
	a.main_image:hover {
	background: url(../gfx/teaser/cd_02.jpg) left top no-repeat;
}
.buy_now a {
	position: relative;
	top: 10px;
	height: 36px;
	width: 185px;
	display: block;
	background: url(../gfx/teaser/order_01.gif) left top no-repeat;
	}
	.buy_now a:hover {
	background: url(../gfx/teaser/order_02.gif) left top no-repeat;
}

a#reset {
	position: absolute;
	right: 1px;
	top: 300px;
	background: url(../gfx/topbutton_0.png) right center no-repeat;
	_background: url(../gfx/topbutton_0.gif) right center no-repeat;
	width: 29px;
	height: 99px;
	display: block;
	z-index: 997;
	text-indent: -9999px;
	font-size: 0.1%;
	}
	a#reset:hover {
	background: url(../gfx/topbutton_1.png) right center no-repeat;
	_background: url(../gfx/topbutton_1.gif) right center no-repeat;
	}
	a#reset:active {
	background: url(../gfx/topbutton_2.png) right center no-repeat;
	_background: url(../gfx/topbutton_2.gif) right center no-repeat;
}

/*
******************************
TOPLAYER ende
******************************
*/

/* 4 BOXES LAYOUT
--------------------------------------------------------------------------------------*/
.screen_hi #toplayer { height: 1110px; }

.screen_hi #container {
	width: 940px;
	padding-left: 40px;
}
.screen_hi #headerContainer { width: 915px; padding-top: 144px; }


/* 3 BOXES LAYOUT
--------------------------------------------------------------------------------------*/
.screen_med #toplayer { height: 1409px; }

.screen_med #container {
	width: 705px;
	padding-left: 60px;
}
.screen_med #headerContainer { width: 680px; padding-top: 144px;  }


/* 2 BOXES LAYOUT
--------------------------------------------------------------------------------------*/
.screen_lo #toplayer { height: 2007px; }

.screen_lo #container {
	width: 470px;
	padding-top: 196px;
	padding-left: 60px;
}
.screen_lo #headerContainer { position: absolute; top: 8px; left: 60px; width: 445px; padding: 136px 0 0 0; }

.screen_scroll #menu,
.screen_lo #menu { position: absolute; top: 100px; right: 0; color: #666; }
.screen_scroll #menu a,
.screen_lo #menu a { margin: 5px 0 5px 22px; padding: 10px 0; }


/* 2 BOXES + SCROLLBAR LAYOUT
--------------------------------------------------------------------------------------*/
.screen_scroll #toplayer { position: absolute; top: 0px; right: 0px;  height: 2007px; }

.screen_scroll #container {
	position: relative;
	width: 470px;
	margin: 0;
	padding-top: 196px;
	padding-left: 60px;
}
.screen_scroll #headerContainer { position: absolute; top: 8px; margin: 0; left: 60px; width: 445px; padding: 136px 0 0 0; }

/* GLOBAL start */
#container {
	width: 940px;
	padding-left: 40px;
}
#headerContainer {
	width: 915px;
	padding-top: 144px;
}
.col_double h3 {
	position: relative;
	color: #333;
}
#contact_form p {
	position: relative;
	clear: both; 
	white-space: nowrap;
}
#contact_form div.error {
	position: absolute;
	right: 0;
	top: 240px;
	font: bold normal 11px/16px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #c00;
	}
	#contact_form div.success {
	position: absolute;
	right: 0;
	top: 240px;
	font: bold normal 11px/16px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #6c0;
}
/* GLOBAL end */

/* FORMULARE start */

form {
	position: relative;
	margin: 20px 0;
	padding: 0;
}
form table {
	width: 415px;
	font: normal normal 11px/24px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
}
form table tr {
	background-color: #eceae7;
	border-bottom: 1px solid #fff;
	}
	form table tr:last-child {
	position: absolute;
	margin-top: -1px;
	border: none;
	width: 415px;
}
form table tr td {
	float: left;
	padding: 0 10px;
	width: 45px;
}
form table input,
form table textarea {
	padding: 5px 10px;
	background-color: #eceae7;
	font: normal normal 11px/14px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	resize: none;
	outline: none;
}
td #name,
td #email,
td #msg {
	position: relative;
	float: left;
	border: none;
	width: 300px;
}
td #send {
	position: absolute;
	clear: both;
	right: 0px;
	float: right;
	margin: 0;
	padding: 3px 10px;
	border: 1px solid #fff;
	border-right: none;
	border-bottom: none;
	/*background-color: #eceae7;*/
	}
	td #send:hover {
	color: #666;
	cursor: pointer;
	}
	td #send:active {
	margin-top: 1px;
}

/* FORMULARE end */

/******************************/
/* FARBEN

Formular				#eceae7

*/
/******************************/