/* 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.start = "#D6300A"
 */

#content h4 a.teaserlink  { 
	text-transform:			uppercase;
	margin:				0 0 10px 0 !important;
	padding:			0 0 10px 0 !important;
	height:				20px !important;
}
#content p, #suchausgabe p  {
	margin:				0 0 10px 0;
	padding:			2px 0  4px 0 ;	
	line-height:			160%;
	text-align:			left;
}
div.kontakt {
	text-align:			left;
	line-height:			150%;
	width:				180px;
	padding-left:			10px;
}
div.kontakt h2{
	text-align:			left;
	line-height:			150%;
	width:				150px  !important;
	font-size:			130%;
	font-weight:			bold;
	margin:				0;
	color:				#A12270;
	padding:			0  0   2px 0;
}
hr.hr_maintopic_0   {
	width:				100%;
	color:				#8F9BCB;
	background-color:		#8F9BCB;
	height:				0.09em;
	border:				none;
	text-align:			left;
	margin-bottom:			10px;
}
hr.hr_sb_maintopic_0   {
	width:				100%;
	color:				#8F9BCB;
	background-color:		#8F9BCB;
	height:				0.09em;
	border:				none;
	text-align:			left;
	margin-bottom:			10px;
}

/* Content-Elemente */
#content h1 {
	font-size:			18px;
	color:				#D6300A;
	font-weight:			normal  !important;
	margin:				0  ;
	padding:			15px  0 0 0;	
	text-transform:			uppercase;
}

#content h2 {
	font-size:			16px;
	color:				#8F9BCB;
	font-weight:			normal  !important;
	margin:				0 0 0 0  ;
	padding:			0  0 2px 0;	
	text-transform:			uppercase;
}
#content h3 {
	font-size:				130%;
	font-weight:				bold;
	margin:					0;
	color:					#2C6E46;
	padding:				10px  0   2px 0;
}

/* Aufzählung */
#content ul {
	list-style:				none;
	padding:				0  ;
	margin:					0  0   20px  0  ;
}
#content li {
	line-height:				180%;
	padding:				0 5px 3px 16px;
	background:				url(../images/pbull.gif) no-repeat top left;
}
#content ul.teaserlist {
	text-align:				left;
}

/* Formate für Pseudoliste für Teaser_caption, wenn kein Directput*/
p.wieListe a {
	background:				url(../images/pbull.gif) no-repeat top left;
	padding:				2px 0 2px 16px;
	line-height:				100% !important;
	margin:					6px 0 6px 0;
}
#content h3 {
	font-size:				130%;
	font-weight:				bold;
	text-align:				center;
	letter-spacing:				0.1em;
	margin:					0  ;
	padding-bottom:				6px ;	
	color:					#C07508;
}
#content p  {
	padding:				2px  0   6px  0  ;	
	line-height:				160%;
	text-align:				left !important;
	margin:					0  0  15px  0  ;
}
#suchausgabe p {
	margin-bottom:				20px  ;
	padding:				2px  0   4px  0  ;	
	line-height:				160%;
	text-align:				left !important;
}
#content a {
	text-decoration:			none;
	font-weight:				bold;
	color:					#2C326D;
}
#content a:hover {
	text-decoration:			none;
	color:					#D6300A;
	border-bottom:				1px dotted #D6300A;
}
.clear, .clearer {
	 clear:				both;
	line-height:			1px;
}

/* formate für Bereich more */
/* unterseitennavigation  */
#more {
	padding:				10px    0      0     0  ;
	margin: 				20px    5px;
	text-align: 				center;
	white-space : 				nowrap;
}
#more a.goto {
	text-decoration : 			none;
	padding: 				0   8px 8px 15px;
	color: 					#2C326D  !important;
	background-color: 			transparent;
	font-weight: 				normal  !important;
}
#more a.goto:hover, #more a.back:hover {
	color: 					#C07508 !important;
	background-color:			#fff !important;
	text-decoration: 			none;
	font-weight: 				bold  !important;
}
#more a.back {
	text-decoration : 			none;
	padding: 				2px 20px  0   15px;
	color: 					#535353  !important;
	font-weight: 				normal  !important;
}
/* Flash / Movie-Absatz*/
/* für Absatztyp Medienclip:für Alternativbild des Flash WICHTIG: Die Größe muss mit der des Filmes übereinstimmen*/
div.mediamovie, 
div.flashmovie {
	width:				98%;
	margin:				0  auto;
	text-align:			center;
}
div.mediamovie p {
	float:				right;
}

/* Teaser */
span.shop_id, .shop_preis,
.teaser_error, .error  {
	color:			#C07508  !important;
	font-weight:		bold;
	font-style:		normal  !important;
}
div.teaser {
	padding:		2px 0 2px 0;
	margin:			0 auto;
	text-align:		left;
}
div.teaserborder {
	margin:			0;
	padding:		2px 0 2px 4px;
	margin:			0;
}
div.teaserborder {border:1px solid #C07508;}

div.teaserelement, 
div.teaserhintergrund  {
	float:			left;
	text-align:		left;
}
div.teaserelement  {
	margin:			0 30px 6px 0;
	padding:		0 0 0   0  ;
}
p.teasertext {
	margin:			0 ;
	padding:		0  5px  3px  0 !important;
	line-height:		130% !important;
}
div.teaserhintergrund {
	border:			1px solid #2C6E46;
	margin:			1px 0 16px 0;
	padding:		5px;
	background:		#9BCC8F url(../images/pteaser.gif) repeat-x scroll top left;
}
div.teaserpicture {
	margin:			0 auto;
	text-align:		center;
	height:			auto;
	float:			none;
	clear:			both;
}
div.teaserpicturefloat {
	margin-top:		-2px;
	float:			right;
	padding:		0  3px 2px 3px;
	border:			none;
	clear:			both;
}

*+ html div.teaserpicture img,
*+ html div.teaserpicturefloat img  {
	padding:			7px;
	border:				1px solid #9BCC8F;
	background-color:		#2C326D;
}
div.teaserelement p {
	text-align:			left;
	margin:				0 0 0 4px;
	padding:			4px 0 0 4px;
}
.teasernav {
	clear:					both;
	font-size:				12px;
	letter-spacing:				0.4em;
	padding:				2px  0   2px  0  ;
	margin:					0  ;
	text-align:				center;
}
p.teaserregister {
	clear:					both;
	line-height:				130% !important;
	margin:					0  ;
	text-align:				left;
}
p.teaserregister:first-letter{
	font-size:				20px;
	color:					#D6300A;
	padding:				4px  0   0  0  ;
	letter-spacing:				0.1em;
}

/* Tabelle */
#content table.content{
	width:					100%;
	font-size:				9pt !important;
	border:					1px #EBEBEB  solid;
	margin-top:				0;	
}
tr.even  {
	color: 					#000;
	border:					1px #EBEBEB  solid;
	background-color:			#DCE6F5;
}
tr.odd {
	color: 					#000;
	border:					1px #EBEBEB  solid;
	background-color:			#F1F1F1;
}
td.cell {
	padding:				4px;	
	line-height:				150% !important;
	color: 					#000;	
	border:					1px #EBEBEB  solid;	
	vertical-align:				top  !important;
}
td.tablepic, td.picturecell_termine {
	background-color:			#DCE6F5;
	padding: 				0    0   3px  0  ;
	text-align:				center;
	margin:					0  auto;
	border:					1px #EBEBEB  solid;
}	
td.headercell {
	padding:				4px;	
	font-weight:				bold;	
	border:					1px #EBEBEB  solid;
}
tr.header  {
	font-size:				85% !important;
	font-weight:				bold !important;
	color:					#fff;
	padding:				0.4em 0.4em 0.4em 0.4em !important;
	line-height:				100%!important;
	background-color:			#D6300A;
	border:					1px #EBEBEB  solid;
}
td.rowheader {
	padding:				0.4em 0.4em 0.4em 0.6em !important;
	text-transform:				uppercase;
}
tr.header a {	
	text-decoration:			none;
	color:					#fff;
	border-bottom:				#fff 1px dotted;
}
tr.header a:hover {
	text-decoration:			none;	
	color:					#000;
	border-bottom:				none;	
}

/* Preisberechnung Tabelle */
#content td.cellright {
	font-weight:			bold;
	padding:			5px;
}
#content td.option {
	color : 			#742E51;
	background-color:		transparent;
	padding: 			5px;	
	margin: 			0;
	font-weight: 			bold;
	text-align:			center;
	vertical-align: 		middle;
}

/* DemoTabelle */
table#demo {
	line-height: 			160%;
	font-size:			60% !important;
	margin: 			0px 	auto 	0px 	auto;
	width:				400px !important;
	text-align:			center !important;
	border:				#990000 1px dotted;
	padding-left:			5px;
}
td.demoleft {
	vertical-align:			middle;
	text-align: 			left;
	padding: 			5px;
}
table#kalender {
	text-align:			center;
	font-size:			70%;
	line-height:			150%;
	width:				180px  !important;
}


/* Tipp des Tages mit Bild */
.tipppicture {
	float:				left; 
	margin:				2px  5px    3px    0px; 
	padding:			3px   10px   0  0; 
	width:				50px;
}


/* Styles für Spaltenlayout 2/2, 1/3 */
#spalte_right {
	float:					right;
	margin-top:				10px;
	padding:				1px;
	width:					30%;
}
#spalte_left {
	float:					left;
	width:					65%;
	margin-top:				10px;
	padding:				1px;
}

/* Kontaktformular */
/*  Styledefinitionen für Formularelemente in den Dateien mit und ohne Sidebar */


/* Plugin-Styles */
td.s2d option.s2d { 
	padding-right:				10px;
	font-weight:				bold;
	color:					#D6300A;
}
td.s2d { padding-right:10px;}
p.s2d  {
	font-size:				180%;
	color:					#C07508;
	font-weight :				bold;
	margin:					0  ;
	padding:				2px  0   2px  0  ;
	line-height:				200%;
}
p.s2dsmall {
	font-size:				80%;
}	
a.s2dsmall, a.s2dinfo  { 
	font-weight:				normal !important;
	text-decoration:			none !important; 
}
span.preise   {
	font-size:				160%;
	color:					#D6300A;
	font-weight :				bold;
}
/* others */
.invis {
	display: 			none;
}
#center, div.centered, .center, .centered, .sidebarcenter {
	text-align:			center !important;
}
div.hr {
	border-bottom: 			0.01em solid #800000;
	margin:				10px    auto 25px    auto ;
	width:				90%;
	clear:				both;
	border-bottom: 			0.01em solid #8F9BCB;
}


/* Plugin Abstimmung im Contentbereich mit Sidebar*/
table#umfragecontent {
	width:				96%;
}
#content td.bar {
	padding:			4px    10px      3px  5px;
	margin:				0;
	text-align:			left;
	width:				40%;
	line-height:			160%;
	white-space:			nowrap;
}
#content td.ergebnis {
	padding:			5px      1px    5px  0;	
	margin:				0;
	text-align:			left;
	font-weight:			normal;
	background-color:		transparent;
	color:				#000;
	font-size:			0.9em;
}
#content td.answer {
	padding:			5px      1px    5px  10px;	
	margin:				0;
	text-align:			left;
	font-weight:			normal;
	background-color:		transparent;
	color:				#000;
	font-size:			0.9em;
}
#content .answer:first-letter, #content .ergebnis:first-letter {
	font-size:			1.4em;
	text-transform:			uppercase;
	color:				blue;
	background-color:		#ffd800;
	padding:			3px;
	font-weight:			bold;
}
#content span.repeatquestion  {	
	color: 				#095D02 !important;
	background-color:		transparent;
	font-size:			120% !important;
	letter-spacing: 		0.05em;
	font-style:			italic;
	font-weight:			normal;
	padding: 			6px 0;
}
#content .total  {
	font-size:			1.4em;
	text-transform:			uppercase;
	color:				blue;
	background-color:		#ffd800;
	padding:			3px;
	font-weight:			bold;
}
#content .summe  {
	font-size:			1.4em;
	text-transform:			uppercase;
	color:				#ffd800;
	background-color:		blue;
	padding:			3px;
	font-weight:			bold;
}


div.header { /* für Headergrafiken */
	margin-left:			0px;
	padding:			0px;
	width:				450px;
	height:				50px;
	background-repeat:		no-repeat;
}
/* DemoTabelle */
table#demo {
	line-height: 			160%;
	font-size:			60% !important;
	margin: 			0px 	auto 	0px 	auto;
	width:				400px !important;
	text-align:			center !important;
	border:				#990000 1px dotted;
	padding-left:			5px;
}
td.demoleft {
	vertical-align:			middle;
	text-align: 			left;
	padding: 			5px;
}
table#kalender {
	text-align:			center;
	font-size:			70%;
	line-height:			150%;
	width:				180px  !important;
}
#kontakt {
	text-align:			left;
	line-height:			150%;
	width:				180px  !important;
	padding-left:			10px;
}
#kontakt h2{
	text-align:			left;
	line-height:			150%;
	width:				150px  !important;
	padding-left:			10px;
}
/* Teaservariante mit verstecktem Text */
#hiddendiv { 
	display:			none;
	padding-top:			0px;
}
.hiddendiv { 
	display:			none;
}
#nothiddendiv { 
	display:			block;
}
.bildlinks{
	float:				left;
	margin-left:			20px;
	padding-right:			10px;
}


#content h5 {	
	color: 				#095D02;
	background-color:		transparent;
	font-family:			Trebuchet, Verdana, geneva, lucida, helvetica, arial, sans-serif; 
	font-size:			100%;
	letter-spacing: 		1px;
	text-transform:			uppercase;
	padding: 			6px ;

	margin-top: 			30px !important;
	margin-bottom: 			0 !important;
	border: 			1px solid #095D02;
}
#content h6 {	
	color: 				#095D02;
	background-color:		transparent;
	font-family:			Trebuchet, Verdana, geneva, lucida, helvetica, arial, sans-serif; 
	font-size:			100%;
	letter-spacing: 		0.05em;
	text-transform:			uppercase;
	padding: 			6px ;

	margin-top: 			30px !important;
	margin-bottom: 			0 !important;
	border: 			1px solid #095D02;
}
/* Styles für Spaltenlayout 2/2, 1/3 */
#right {
	float:				right;
	margin-top:			10px;
	padding:			1px;
	width:				30%;
}
#left {
	float:				left;
	width:				65%;
	margin-top:			10px;
	padding:			1px;
}


/* Diverses */
#christmas {
	white-space : 			nowrap;
	width:				100%;
	margin: 			0;
	padding-top: 			10px;
	padding-bottom: 		10px;
	text-align: 			center;
	color:				#000;
}
div.postshadow {
	background-color:		#8F9BCB;
	border:				1px solid #c6c6c6;
	margin:				2px    0   0   4px;
	padding:			1px;
	width:				182px;
}
#shoppostit{
	visibility:			hidden;
	z-index:			1000;
	cursor:				pointer;
	position:			absolute;
	left:				0px;
	top:				50px;
	width:				253px !important;
	margin-left:			0px;
}


#postit{
	visibility:			hidden;
	z-index:			1000;
	cursor:				pointer;
	position:			absolute;
	left:				700px;
	top:				10px;
	width:				253px;
	margin-left:			200px;
}#postit h3 {
	font-size:			100%;
	font-weight:			normal;
	margin:				0;
	padding:			0 0 2px 0;	
	color:				#2C6E46;
	background-color:		transparent;
}
.sticky_note_container {
	float:				right;
	width:				253px;
	margin-right:			10px;
	margin-left:			40px;
}
.sticky_note {
	 width:				253px;
	 background:			url(../images/pnote_middle.gif) repeat-y;
	 margin:			0px;
	 padding:			10px 0  0  10px;
}
.sticky_note_content {
	 padding:			5px;
}
.sticky_note_footer {
	width:				253px;
	background:			url(../images/pnote_finish.gif) 0% 100% no-repeat;
	margin:				0;
	padding:			0;
}
/* Formate für FAQ*/
#faq  {
	clear:				both;
	position:			relative;
	margin-left:			0px !important;
	width:				450px;
	line-height:			180%;
	padding-top:			8px;
	font-size:			85% !important;
}
#faq a.faq1{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
	white-space:			nowrap;
	color:				#000 !important;
}
#faq a.faq1:hover{
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
}