/* gewählte Designfarben */
/*
usercolor.medium = "#2C6E46"
usercolor.bright = "#8F9BCB"
usercolor.dark = "#C07508"
usercolor.alt.medium = "#2C326D"
usercolor.alt.bright = "#9BCC8F"
usercolor.alt.dark = "#A12270"

usercolor.design = ""
usercolor.start = "#D6300A"
usercolor.webtodate = "#0064C9"

 */

/* mit Sidebar */
#wrapper {
	background:			#fff url(../images/picback.gif) repeat-y;
}
 
/*Content mit Sidebar */
#content {
	float:				left;
	background-color:		#fff;
	padding:			0 0 10px 20px;
	margin:				-10px 0  0 0;
	margin:				0;
	width:				510px;
}
* html #content {
	float:				left;
	background-color:		#fff;
	padding:			0 0 10px 10px;
	margin:				0;
	width:				490px;
}


div.marginalbild   {
	width:				500px;
	text-align:			left;
}
#sidebarRight {
	float:				right;
	width:				236px;
	background-color:		#F1F1F1;
	color:				#666;
}
div.sb h5 {
	margin: 			0;
	padding: 			5px	5px	 0	10px;
}
div.sb form {
	margin: 			0;
	padding: 			5px	5px	 5px	10px;
}
div.sb td.answer{
	padding: 			0	0	 0	10px;
	line-height:			15px;
}


/* Sidebar-Elemente */
div.sb_pic, div.img, .sbpicture, .sidebarpic { /* Breite in config.ccml definiert */
	text-align:			center;
	padding-top: 			10px;
	border: 			none;
	margin: 			0 auto;
	background-color:		#F1F1F1;
}
/* Teaser */
div.teaser { /* Breitenangabe steht in den Sidebar-Css-Dateien */
	width:				476px;
}
div.sidebarRight_hr {
	border-bottom: 			0.01em solid #DCE6F5;
	padding:			0px     0px    10px   0px;
	margin:				0px     0px    10px   10px;
	width:				90%;
	clear:				both;
}
#sidebarRight h1 {
	padding:			4px 2px 4px 8px !important;
	font-size:			1.1em;
	margin:				-2px     0  0 0;
	background:			transparent url(../images/pmta.gif) repeat-x;
	font-weight:			normal;
	letter-spacing:			1px;
	text-transform:			uppercase;
}

#sidebarRight h1:first-letter {
	color:				#D6300A;
	font-weight:			bold;
}

* html #sidebarRight h1 {
	margin:				-20px     0  0 0;
}
#sidebarRight h2 {
	font-size:			100%;
	font-weight:			bold;
	margin:				0px;
	color:				#A12270;
	background-color: 		transparent;
	padding:			4px 0px 2px 8px;
}
#sidebarRight h4  {
	clear:				both;
	background:			transparent url(../images/pmta.gif) repeat-x;
	padding:			0 12px 10px 8px !important;
	font-size:			102%;
	font-weight:			normal;
	letter-spacing:			1px;
	text-transform:			uppercase;
	line-height:			24px;
	width:				216px;
}
#sidebarRight h4 a {
	color:				#000 !important;
}
#sidebarRight h4 a:hover {
	color:				#D6300A !important;
}

#sidebarRight img.logo {
	width:				214px;
	height:				165px;
	text-align:			center;
	padding-top: 			10px;
	border: 			none;
	margin: 			0 auto;
	background-color:		#F1F1F1;
}
#sidebarRight p {
	margin:				0;
	padding:			2px 0 10px 8px;	
	line-height:			160%;
	text-align:			left;
	color:				#000;
	background-color: 		transparent;
}
#sidebarRight ul {
	list-style:			none;
	padding:			0;
	margin:				6px 0 6px 10px;
	color:				#000;
}
#sidebarRight li {
	padding:			0 5px 3px 16px;
	background:			url(../images/pbull.gif) no-repeat top left;
}

#sidebarRight a {
	font-weight:			bold;
	color:				#DCE6F5;
	background-color: 		transparent;
	text-decoration:		none;
}
ul.sidebarteaser {
	padding: 			0px;
	margin: 			6px 	10px 	5px  0px;
	line-height: 			140% !important;
	list-style-type:		none;
}
#sidebarRight a {
	font-weight:			bold;
	color:				#990000;
	background-color: 		transparent;
	text-decoration:		none;
}
#sidebarRight a.teaserlink {
	color:				#990000 !important;
	background-color: 		transparent;
}
#sidebarRight a.teaserlink:hover {
	color:				#666  !important;
	background-color: 		transparent;
	font-weight:			bold !important;
}
#sidebarRight p.sidebartext {
	padding:		 	5px;
	text-indent:	 		0px;
	line-height:	 		130%;
	font-weight:	 		normal;
	border:	 			2px dotted #666666;
	margin:		 		0px;	
}
.sidebarteaserpicture {
	float:				left;
	line-height:			90%;
	padding:			3px	10px	0px	10px;
	/*				oben, rechts, unten, links */
	width:				60px;
}
div.sidebarteaser    {
	padding-top:			5px;
}
a.teaserheader   {
	color:				#990000 !important;
	background-color: 		transparent;
	text-transform:			uppercase;
}
a.teasermore   {
	color:				#990000 !important;
	background-color: 		transparent;
}


/* für h1  h2 Überschrift via page.ccml:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
div.flashmovieheader {
	border: 			none;
	text-align:			left;
	width:				450px;
	height:				60px;
}
/* für h1   h2 Überschrift via page.ccml:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
/* macht nur Sinn, wenn der Ausgabecode NICHT auf transparent steht. Ansonsten wird die Grafik hinter dem Film angezeigt */
#flashmovieheaderpic {
	border: 			none;
	text-align:			left;
	width:				450px;
	height:				60px;
	background:			url(../images/headergrafik.gif) no-repeat;
}
/*WIRD NUR für ein Beispiel eingesetzt */
#flashmovieheaderpic2 {
	border: 			none;
	text-align:			left;
	width:				450px;
	height:				30px;
}

/** Für Formulare und Shopseiten **/
/* ergänzende Formate */
table.formtab h3 { 
	margin: 			10px  20px 5px  0px !important; 
	border:				none;
	font-size:			1.1em !important; 
	color:				#C07508;
	background-color: 		transparent;
	text-transform:			uppercase;
}
fieldset.mainform  {
	margin: 			0.05em   auto   0.55em   0; 
	padding: 			0.5em; 
	background-color: 		transparent;
	color: 				#000; 
	border: 			1px solid #C07508;
	clear: 				both;
 	display: 			block;
	width:				480px;
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	color:				#2C6E46;
	background-color:		transparent;
	font-size:			0.95em !important; 
}
.field_anrede, .tx {
	margin-left:			3px;
	border:				1px solid #8F9BCB;
	padding:			2px	10px	2px	10px;	  
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	color:				#000;  
	letter-spacing:			0.1em;
}
p.formnote {
	color: 				#990000 !important; 
	background-color:		transparent;
	clear:				both;
	padding: 			0.2em; 
}

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:				1px solid #8F9BCB;
	background-color:		#fff;
}
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border:				1px solid #A70C0C;
	background-color:		#F5E5E5  !important;
	color:				#A70C0C  !important;
	padding:			3px;
}

/* Tabellenbreite */
table.formtab pluginwidth, td.completewidth {
	width:				480px;
} 
table.pluginwidth {
	width:				480px;
	margin:				auto;
}
table.completewidth, td.completewidth {
	width:				480px;
}


/* Breite der Formularfelder */
.field_anrede,
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	letter-spacing:			0.2em;
	border:				1px solid #8F9BCB;
	width:				400px;
}
/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height:				100px;
}

/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color:				#A70C0C;
	font-weight:			bold;
	text-align:			left !important;
}
/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left:			3px;
	padding-right:			3px;
	margin:				0;
}

/* Sofortinfos */
.sofort_marginleft {
	background:			url(../images/pkurz.gif) no-repeat top left;
	float:				left;
	height:				220px;
	width:				222px;
	margin-left:			5px;
}
.sofort-text {
	height:				75px;
	float:				left
}
.sofort-headline {
	color:				#2C6E46;
	padding-left:			90px;
	padding-right:			10px;
	padding-top:			10px;
	font-size:			14px;
	font-weight:			bold;
	display:			block;
}
.sofort-subheadline {
	padding-left:			90px;
	padding-right:			10px;
	font-size:			11px;
	display:			block;
}
.sofort-inputs {
	padding-left:			15px;
	height:				72px;
	float:				left;
	margin-top:			40px;
}
input.sofort-inputfield {
	width:				180px;
	height:				22px;
	background:			#fff url(../images/pemailfeld.gif) no-repeat top left;
	float:				left;
	padding:			4px 5px 4px 10px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:			14px;
	border:				none;
}
.sofort_senden {
	width:				217px;
	float:				left;
	height:				25px;
	text-align:			right;
}
.submitbutton {
	margin-top:			10px;
	border:				0;
	background:			transparent url(../images/pbull.gif) no-repeat right top;
	width:				100px;
	padding-right:			20px;
	margin-top:			-5px;
	cursor:				pointer;
	font-size:			14px;
	font-weight:			bold;
	color:				#666666;
}