@charset "utf-8";

/* allgemeine Formatierungen
----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: inherit;
}
div.jonson {
background: #fbff8c; border: 2px dotted black; padding: 8px;
}
div.left form label.black {
color: #000 !important;
}
div.mt {
margin-top: 82px;
background: red;
height: 110px;
}
button.nobg {
background: none;
font-size: 0.8em !important;
width: 270px !important;
padding: 0 0 0 5px !important;
height: 73px !important;
color:#fff; font-weight:bold;
}
body {
	background: #4e4d51;
	/*font: 74.9%/1.3em normal Verdana, Arial, Helvetica, sans-serif;*/
	font: 75%/1.5em Arial, Verdana normal !important;
	/*letter-spacing: 0.01em;*/
	height: 100%;
	color: #504f53;
}
.csc-textpic-imagewrap ul {
margin-left: 0 !important;
}

.csc-textpic-imagewrap ul li {
list-style-type: none !important;
}
h1 {
	font-size: 1.3em;
	margin: 0.1em 0 1.1em 0;
	color: #ff9900;
}
h2 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	color: #ff9900;	
}
h3 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	color: #e2001a;	
}
h4 {
	font-size: 1.2em;
	margin: 0 0 1em 1em;
	padding-top: 0.8em;
	color: #e2001a;	
}
span.important {
color: green !important;
}
div.left.klassik h3.rgaccord1-toggle {
	font-size: 1em;
	margin: -3px 0 1em 0;
	color: #ddd;	
	background-position: 5px 1px !important;
	height: 15px !important;
}
div.left h3.rgaccord1-toggle {
	color: #fa9d1c !important;	
}
dd.csc-textpic-caption {
 display: none !important;
}
div.right.klassik h1 {
margin-top: 5px;
}
p {
	margin: 0 0 1em 0;
		/*color: #fff;*/
	color: #cdcbcb;
}

span.detail {
text-decoration: line-through !important;
}

img {
	border: none;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
pre {
	font-size: 1.2em;
}

div.klassik sup, div.einsteiger sup {
font-size: 0.8em !important;
}

#left-f table td {
	background-color: none !important;
	color: #fff !important;
}

#left-f div.tx-newloginbox-pi3-listrow table th {
     padding-bottom: 0 !important;
}
acronym {
	border: none;
	text-decoration: none;
}
.bold {
	font-weight: bold;
}
.clearBoth {
	clear: both;
}
.noDisplay {
	display: none;
}

.center {
	text-align: center;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Layout
---------------------------------------------------------------------*/


#wrapper {
	text-align: left;
	width: 960px;;
	margin: 0 auto;
	padding: 0;
}

img.logo {
	float: left;
}


/* Kopf 
----------------------------------------------------------------------*/
div#header {
	background: url(../img/bg-header.png) top left no-repeat;
	height: 71px;
}

div#subheader {
	background: url(../img/bg-subheader.png) top left no-repeat;
	height: 200px;
}


/* Inhalte 
----------------------------------------------------------------------*/

#content  {
	background: #fff;
	padding-bottom: 20px;
	margin-bottom: -20px;	
}

#content.einsteiger {
	/*height: 620px !important;*/
	padding-bottom: 30px;
	margin-bottom: -20px;
}

#content div.left-top {
	background: url(../img/bg-left-top.png) top left no-repeat;
	height: 13px;
	padding-top:13px;
		}
		
#content div.left-top.einsteiger {
	background: url(../img/bg-left-top-einsteiger.png) top left no-repeat !important;
}

#content div.left.einsteiger {
float: left !important;
}

#content div.left-top.einsteiger table p {
font-weight: normal !important;
}

#content div.left-top.einsteiger table * {
vertical-align: top !important;
}

#content div.left-top div.left-bottom  {
	background: url(../img/bg-left-bottom.png) bottom left no-repeat;
	height: 13px;
	padding-bottom:13px;
	}
	
#content div.left {
	width: 601px;
	padding: 10px 5px 5px 25px;
	background: url(../img/bg-left-bottom.png) bottom left no-repeat #2b2b2b;
}

#content div.left.einsteiger {
	width: 601px;
	padding: 10px 10px 5px 20px;
	background: url(../img/bg-left-bottom.png) bottom left no-repeat #2b2b2b;
}


#content div.left div.inner-left.einsteiger {
	width: 580px !important;
background: none !important;
padding-top: 0 !important;
	height: 600px !important;
}


#content div.left div.inner-left {
	width: 272px;
	height: auto;
	float: left;
	background: url(../img/box.png) -2.1em -0em no-repeat;
	padding-top: 110px;
	margin-top: -10px;
}

#content div.left div.inner-left-es {
	width: 272px;
	height: auto;
	float: left;
	background: url(../img/box_es.png) -2.1em -0em no-repeat;
	padding-top: 110px;
	margin-top: -10px;
}

#content div.left div.inner-right {
	float: left;
	width: 272px;
	padding: 0 0 0 15px;
}

div.inner-right #rgaccord1-nest {
width: 272px !important;
}

div.right #rgaccord1-nest {
width: 272px !important; margin-top: 0 !important;
}

div.right #rgaccord1-nest ol {
padding: 8px !important;
margin: 0 0 0 20px;
}

div.right #rgaccord1-nest ol li {
font-size: 0.8em;
margin: 7px 0 0 0;
}

#content div.left div.both {
	width:560px;
	clear: both;
	/*border: 2px dotted #e3061f;*/
	border: none;
	padding: 5px;
}

#content div.left div.both p {
	color: #fdfdfd !important;
}

#content div.left ul {
	margin-left: 15px !Important;
	color: #CDCBCB !important;
}

#content div.left ul li {
	margin-top: 5px !Important;
}

#content div.left ul li b, #content div.left p b {
color: #fff !important;
}

#content div.right-top {
	background: url(../img/bg-right-top.png) top left no-repeat;
	float: right;
	width: 321px;
	padding-top: 13px;
	margin-top: -27px;
	}

#content div.right-top div.right-bottom  {
	background: url(../img/bg-right-bottom.png) bottom left no-repeat;
	/*height: 13px;
	padding-bottom:13px;*/
	}
	
#content div.right {
	width: 286px;
	background: url(../img/bg-right-bottom.png) bottom left no-repeat #fa9d1c;
	padding: 0 15px 0 20px !important;
	color: #444 !important;
	margin-top: -10px;
}	

#content div.right a {
color: #444 !important;
}

#content div.right h2 {
	font-size: 1.3em;
	padding: 1.2em 0 0.1em 0;
	color: #444 !important;	
}

#content div.right h2 a {
	font-size: 1.3em;
	padding: 1.2em 0 1em 0;
	color: #444 !important;	
	text-decoration: none !Important;
}

#content div.right p {
	color: #444 !important;	
}

/*
#content div.right p sup {
	font-size: 1em !important;
}	
*/
#content div.center.multi ul {
margin: 0 0 10px 15px !important;
color: #CDCBCB !important;
}

#content div.right.multi ul {
margin-left: 15px !important;
color: #CDCBCB !important;
}


/* unten
----------------------------------------------------------------------*/


/* Fussbereich
----------------------------------------------------------------------*/
#footer_lp {
background: #fff url(../img/bg-footer.png) bottom left no-repeat;
  width: 960px;
/*  clear: both;*/
   padding-bottom: 20px;
   position: relative;
}
#footer_lp_es {
background: #fff url(../img/bg-footer.png) bottom left no-repeat;
   width: 960px;
   /*clear: both;*/
   padding-bottom: 20px;
   position: relative;
}

#footer_lp h2 {
	font-size: 1.3em;
	padding: 0 0 0 1.2em;
	color: #444 !important;	
}

#footer_lp_es h2 {
	font-size: 1.3em;
	padding: 0 0 0 1.2em;
	color: #444 !important;	
}

#footer_lp a {
 color: #0040FF;
 text-decoration: underline;
}

#footer_lp_es a {
 color: #0040FF;
 text-decoration: underline;
}

div.testimonial-left {
	float: left;
	margin: 0 10px 0 20px;
	width: 300px;
}

div.testimonial-center {
	float: left;
	margin-right: 10px;	
		width: 300px;
}

div.testimonial-right {
	float: left;
		width: 300px;
}

a:target {
border: 0.1em solid #fff;
background: #029f15;
padding: 0.1em;
color: #fff !important;
text-decoration: none !important;
}


/**********************
 SOMMERAKTION
 *********************/
 
body.sommer {
	background: url(../img/bg-body-sommer.png) top left repeat-x #fff;
	font: 75%/1.5em Arial, Verdana normal !important;
	height: 100%;
	color: #504f53;
} 

body.advent {
	background: url(../img/bg-body-advent.png) top left repeat-x #fff;
	font: 75%/1.5em "Trebuchet MS" normal;
	height: 100%;
	color: #504f53;
}

body.advent2 {
	background: url(../img/bg-body-advent2.png) top left repeat-x #fff !important;
	font: 75%/1.5em "Trebuchet MS" normal;
	height: 100%;
	color: #504f53;
}
 
 /* Kopf 
----------------------------------------------------------------------*/
div#header.sommer {
	background: url(../img/bg-header-sommer.png) top left no-repeat;
	height: 130px !important;
}

div#subheader.sommer {
	background: url(../img/bg-subheader-sommer.png) top left no-repeat;
	height: 147px;
}

div#header.advent {
	background: url(../img/bg-header-nw.png) top left no-repeat;
	height: 130px !important;
}

div#header.advent2 {
/*background: url(../img/bg-header-advent2.png) top left no-repeat !important;*/
background: url(../img/bg-header-nw2.png) top left no-repeat !important;
	height: 130px !important;
}

div#subheader.advent {
	background: url(../img/bg-subheader-nw.png) top left no-repeat;
	height: 147px;
}

div#subheader.advent2 {
	background: url(../img/bg-subheader-nw2.png) top left no-repeat !important;
	height: 147px;
}

/* Inhalte 
----------------------------------------------------------------------*/

#content.sommer  {
	background: #fff;
	padding-bottom: 5px;
	margin-bottom: -20px;
	background: url(../img/bg-wrap-sommer.png) top center repeat-y;
}

#content div.left-top {
	background: url(../img/bg-left-top.png) top left no-repeat;
	height: 13px;
	padding-top:13px;
	
	}

#content div.left.sommer {
	width: 435px;
	padding: 30px 5px 5px 10px;
	margin-left: 15px;
	background: #fff;
	float: left;
	color: #444 !important;
}

#content div.sommer p {
	color: #444 !important;
	padding: 0 0 0 0p;
}
	
#content div.right.sommer {
	width: 440px;
	padding: 5px 5px 10px 25px !important;
	margin: 30px 0 0 0 !important;
	color: #444 !important;
	float: left !important;
	background: #fff !important;
}	

#content div.left.sommer ul, #content div.right.sommer ul, #content div.right.sommer ol {
	margin: 0 0 10px 15px !Important;
	color: #444 !important;
	padding: 0 !important;
}

/*#rgaccord1-nest ul*/

/* Klassik-Aktion
*********************/

body.klassik div#subheader {
	background: url(../img/bg-subheader-ka.jpg) top left no-repeat !important;
	height: 200px;
}

#content.klassik {
margin-top: -10px !important;
}

#content div.left.klassik {
	width: 410px;
	padding: 15px 5px 5px 15px;
	margin-left: 15px;
	float: left;
}


#content div.left.klassik dl.csc-textpic-image {
float: left;
display: inline !important;
margin-left: 7px;
}


#content div.left.klassik div.csc-textpic-clear {
clear: left;
}

#content div.left.klassik sup {
font-size: 0.8em !important;
}
/*
#content div.sommer p {
	color: #444 !important;
	padding: 0 0 0 0p;
}
*/	
#content div.right.klassik {
	width: 450px;
	padding: 20px 5px 10px 20px !important;
	margin: 0 0 0 0 !important;
	color: #444 !important;
	float: left !important;
	background: #fff !important;
}	

#content div.left.klassik ol {
	margin: 0 0 10px 15px !Important;
	color: #fff !important;
}

#content div.right.klassik ul {
	margin: 0 0 0px 15px !Important;
}

#content div.left.klassik p b, #content div.left.klassik p strong, #content div.left.klassik ul li strong {
	color: #fff !important;
}

#content div.left.klassik ol li {
	margin-top: 10px !Important;
}

/*
Formular
*/

/* 4. Formulare
-------------------------------------------------------------------------------- */
div.none form, form {
	margin: 0 0 10px 0;		
}
fieldset {
	border: none !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
div.none label, label {
	width: 100px !Important;
	margin: 3px 5px 0 0 !Important;
color: #444 !important;	
float: none;
}

div.left label.left {
display: block !important;
width: 120px !important;
clear: left;
float: left;
}


div.left label {
font-weight: bold;
}

div.left input.float {
float: left;
color: #444 !important;	
width: 178px !important;

}

div.left label {
	width: 100px !Important;
	margin: 3px 5px 0 0 !Important;
color: #ddd !important;	
float: none;
} 

div.left textarea {
font-size: 1.2em;
color: #000;
margin: 10px 0 20px 0;
}

div.none input.text, input.text {
	width: 248px;
	margin: 0 5px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
color: #444 !important;	
}
textarea {
	float: left;
	width: 401px;
	padding: 1px;
	border: 1px solid #ccc;
	overflow: auto;
}
input.text:focus,
textarea:focus {
	border-color: #444;
}

div.big {
font-size: 1.4em !important;
font-weight: bold !important;
width: 250px !important;
}
p.big {
font-size: 1.4em !important;
font-weight: bold !important;
width: 250px !important;
}

button {
	border: none;
	background: url(../img/btn_senden.png) left center no-repeat;
	color: #fff !important;
	cursor: pointer;
	width: 272px;
	height: 79px;
	margin-top: 15px;
	text-align: left !important;
	padding: 0 10px 0 5px !important;
}
button.btnImg2 {
background: url(../img/btn_grey.gif) left center no-repeat !important;
}

button.btnImg-best {
background: url(../img/bestellen.gif) left center no-repeat !important;
}

button.btnImg-ug{
background: url(../img/button-ug.gif) left center no-repeat !important;
}

button.btnImg-best2 {
background: url(../img/btn_absenden.gif) left center no-repeat !important;
}

button.btnImg-best2-en {
background: url(../img/btn_absenden-en.gif) left center no-repeat !important;
}

button.btnImg-best2-plain {
background: url(../img/btn_green-plain.gif) left center no-repeat !important;
}

div.row {
	margin: 0 0 10px 0;
}
div.buttonRow {
	clear: both;
	padding: 0 0 0 100px;
}

div.forename {
	float: left;
	padding-top: 8px;
}

div.forename input {
	width: 210px !important;
}

div.surname {
	float: left; 
	/*margin-left: 10px;padding-top: 8px;*/
	padding-top: 8px;
}

div.surname input {
	width: 210px !important;
}

div.firstname {
	float: left;
}

div.firstname input {
	width: 210 !important;
}

div.email {
	clear: both;
	padding-top: 8px;
	}
div.phone {
padding-top: 8px;
}


form#sommer {
background: #edeeee;
padding: 8px !important;
}

div.sommer div {
margin-top: 5px !important;
}

label.checked {
background-position:0 -150px;
color:#FFFFFF !important;
}

div.bottom {
margin-left: 300px !important;
}


div.field  label.product {
	float: left;
width: 178px !important;
	height: 19px;
	padding: 0;
	margin: 0 25px 10px 0 !important;
	overflow: hidden;
	text-align: left;
	font-size: 11px;
	padding: 131px 5px 0 105px;
	cursor: pointer;
	background-repeat: no-repeat;
}

label.product_wt { background-image: url(../../img/testversion_wt.jpg); }
label.product_bs10 { background-image: url(../../img/testversionsbox_bs_10.jpg); }
label.product_es { background-image: url(../../img/testversion_es.jpg); }
label.product_es10 { background-image: url(../../img/testversionsbox_es_10.jpg); }
label.product_ps { background-image: url(../../img/testversion_ps.jpg); }
label.product_ps10 { background-image: url(../../img/testversionsbox_ps_10.jpg); }
label.product_bsp { background-image: url(../../img/testversion_bsplus.jpg); }
label.product_bspn { background-image: url(../../img/testversionsbox_bs_plus.jpg); }
label.product_eg { background-image: url(../../img/testversion_eg.jpg); }
label.product_ev { background-image: url(../../img/testversion_ev.jpg); }
label.product_4  { background-image: url(../../img/Testversion_pcvisit_4remote.jpg); }
label.product_4re  { background-image: url(../../img/testversionsbox_4remote.jpg); }
label.product_8  { background-image: url(../../img/Testversion_pcvisit_8.jpg); }


fieldset {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 1em 0;
}
fieldset.userData {
	padding: 10px 0 0 0 !important;
}
form#frmTestVersion h2 {
margin: 12px 0 5px 300px !important;
}

form#frmTestVersion p {
color: #444 !important;
}

form#frmTestVersion p strong {
margin-left: 300px !important;
}

legend {
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
}
div.field label {
	float: left;
	width: 80px !important;	
	padding: 0.2em 5px 0 0;
}
#content .layer_6 .right label {
	text-align: left;
}
input.text,
textarea,
select {
	border: 1px solid #aaa;
	padding: 1px 2px;
	width: 180px;
}

p select {
    width: 180px !important;
}

input.text:focus,
textarea:focus,
select:focus {
	border: 1px inset #999;
}
select {
	width: 180px;
}

p.btn_multi {
display: block;
margin: 0 !important;
/*float: right;*/
}

p.btn_multi button {
font-size: 1.3em !important;
background: url(../img/senden_plain.gif) left center no-repeat !important;
}

p.btn_multi button.btnImg-best {
background: url(../img/bestellen.gif) left center no-repeat !important;
}


p.btn_einst button {
font-size: 1.3em !important;
background: url(../img/andere.gif) left center no-repeat !important;
}

span.message {
clear:both;
color:red;
display:block;
font-size:0.85em;
/*padding-left:165px;*/
}

input.product {
	position: absolute;
	left: -9999px !important;
	/*visibility:hidden;*/
}

label.newsletter {
	float: none !important;
	text-align: left;
	width: 300px !important;
	display: block;
}
#lbl_newsletter_0 {
text-align: left !important;
	width: 300px !important;
}
/*
label#lbl_newsletter_0 {
width: 300px !important;
float: left !important;
padding: 10px 0 0 5px !important;
clear: both;
display: block !important;
}

input#newsletter_0 {
padding-top: 10px;
display: block !important;
float: left;
}
*/
/** Akkordeon
****************/

div.inner-right h3 {
color: #fa9d1c !important;
}

div.inner-right sup {
color: #2b2b2b !important;
}

div#rgaccord1-nest {
width: 390px !important;
margin: 0 0 15px 0!important;
}	

div.rgaccord1-nest p, div#rgaccord1-nest ul {
padding: 0 0 20px 25px !important;
height: auto !important;
}

div.rgaccord1-content {
width: 390px !important;
}

div.klassik div.rgaccord1-nest p, div.klassik div#rgaccord1-nest ul {
padding: 0 0 10px 25px !important;
height: auto !important;
}

/* Multi-LP
**************/

body.multi {
	background: #4e4d51;
	/*font: 74.9%/1.3em normal Verdana, Arial, Helvetica, sans-serif;*/
	font: 75%/1.5em "Trebuchet MS" normal;
	/*letter-spacing: 0.01em;*/
	height: 100%;
	color: #504f53;
}

div#header.multi {
	background: url(../img/header-multi.png) top left no-repeat;
	height: 185px !important;
}

#intro {
margin-top: -8px;
}

#intro p {
font-weight: normal !important;
vertical-align: top !important;
	color: #444 !important;
	padding: 0 5px 0 15px;
}

#content.multi  {
	background: #fff;
	padding-bottom: 30px;
	margin: -65px 0 -15px 0 !important;
	background: url(../img/bg-content-multi.gif) top center repeat-y;
}

#intro {
	background: url(../img/bg-content-multi.gif) 1px 0px repeat-y !important;
	color: #444 !important;
}

#intro h2 {
	padding: 10px 5px 0 15px;
}

#content div.left.multi {
	width: 295px;
	padding: 10px 5px 5px 15px;
	background: #2b2b2b;
	float: left;
	color: #fdfdfd !important;
}

#content div.center.multi {
	width: 295px;
	padding: 10px 5px 5px 15px;
	margin-left: 5px;
	background: #2b2b2b;
	float: left;
		color: #fdfdfd !important;
		text-align: left !important;
}
	
#content div.right.multi {
	width: 280px;
	padding: 8px 5px 10px 20px !important;
	margin: 0 0 0 5px;
	color: #fff !important;
	background: #2b2b2b;
	float: left
}	

#content div.right.multi p {
color: #CDCBCB !important;
}	


#content div.right.multi h2 {
color: #ff9900 !important;
}	
	
#footer.multi {
	background: #fff url(../img/bg-footer.png) bottom left no-repeat;
   width: 940px;
   clear: both;
   padding: 8px 0 20px 20px !important;
   margin-top: -10px;
}


/* Fussbereich
----------------------------------------------------------------------*/
#footer.sommer {
	background: #fff url(../img/bg-footer.png) bottom left no-repeat;
   width: 960px;
   clear: both;
   padding: 8px 0 20px 0 !important;
}

#footer.sommer h2, #footer.sommer p, #footer.sommer ul {
padding: 0 25px;
color: #444 !important;
}

#footer.sommer ul li {
margin-left: 15px;
}



/* DCI
*************/

div.salutation {
margin-bottom: 10px !important;
}

div.salutation label {

}

div.salutation select {
width: 74px !important;
}

div#rgaccord1-nest a {
color: #eee !important;
}

ul.action-items li a {
background: url(../../img/haekchen.png) 0 0 no-repeat !important;
padding: 0 0 1px 19px;
font-weight: bold;
}

ul.action-items {
list-style-type: none;
margin-bottom: 20px;
}

ul.action-items li {
margin-bottom: 10px;
}