/* 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-Elemente */
em {
	font-weight:			bold;
	color:				#D6300A;
}
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:			16px;
	color:				#8F9BCB;
	font-weight:			normal  !important;
	margin:				0  ;
	padding:			0  0 2px 0;	
	text-transform:			uppercase;
}

#content h2 {
	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:					6px  0   20px  0  ;
}
#content li {
	padding:				0 5px 3px 16px;
	background:				url(../images/pbull.gif) no-repeat top left;
}
#content ul.teaserlist {
	text-align:				left;
}

#content h3 {
	font-size:				100%;
	font-weight:				bold;
	margin:					0  ;
	padding:				2px  0   2px  0  ;	
	color:					#C07508;
}
#content p, #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:			underline;
	color:					#700000;
}
.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.flashmovie {
	width:				98%;
	margin:				0  auto;
	text-align:			center;
}
/* Teaser */
div.teaserelement {
	float:					left;
	padding:				6px;
	margin:					4px 5px 10px 0;
	background-color:			#fff;
	border:					1px solid #F5F5F5;
}
* html div.teaserelement {
	margin:					2px;
	padding:				6px;
}
div.teaser {
	margin:					0  ;
	padding:				2px  0   2px  0  ;
}
div.teaserpicture {
	float:					right;
	padding:				0  ;
	margin:					4px  0   10px 10px;
	border:					none;
}
div.teaserpicture_3 {
	float:					none;
	text-align:				center;
	padding:				0  ;
	margin:					0   auto;
	border:					none;
}
p.teasertext {
	margin:					0  ;
	padding:				4px  0   4px  0  ;
	text-align:				justify  !important;
}
.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:					#C07508;
	padding:				4px  0   0  0  ;
	letter-spacing:				0.1em;
}


/* div.marginalbild , rechts oder links floatend wird in den Stylesheets Sidebar_yes ( sidebar_no definiert */
/* Marginalie, rechts oder links floatend */
div.sidepictureleft {
	float: 				left;
	width: 				180px !important;
	border: 			none;
	padding: 			1px;
	margin: 			1px     15px     0px    0px;
}
div.sidepictureleftshadow {
	float:				left;	 /* Left ist wichtig nicht ändern */
}
div.sidepictureleftshadow, div.sidepicturerightshadow{
	background-color:		#8F9BCB;
	border:				1px solid #c6c6c6;
	margin:				2px    0px   0px   4px;
	padding:			1px;
}
div.sidepictureright {
	float: 				right;
	width: 				180px !important;
	border: 			none;
	padding: 			1px;
	margin: 			1px     0px     0px    15px;
}
div.sidepicturerightshadow{
	float:				right;	 /* Left ist wichtig nicht ändern */
}

div.sidepictureleftshadow img, div.sidepicturerightshadow img {
	float:				left;	 /* Left ist wichtig nicht ändern */
	background-color:		#E3EADF;
	margin:				0px;
	padding:			0px;
	display:			block;
	position:			relative;
	top:				-4px;
	left:				-4px;
}
p.sidepicturetext {
	font-size: 			8pt !important;
	color: 				#495A3D !important;
	background-color:		transparent;
	clear:				both;
}

div.sidepictureborder {
	float: 				right;
	text-align:			center;
	width: 				150px;
	border: 			1px solid #C07508;
	padding: 			5px;
	margin: 			1px     20px    0px   5px;
}
div.sidepicturemaintext {
	padding:			10px;
	margin: 			5px;
	background-color:		#495A3D !important;
	border: 			1px solid #8E0303;
}
#content .sidepicture {
	float:					right;
	padding:				0;
	margin:					4px 0 10px 10px;
}
#content .sidepicture p {
	margin:					-5px 0 0 5px;
	width:					210px;
}
.picturetext{
	font-size:				0.95em;
	margin:					0px;
	padding:				2px 0px 5px 0px;	
	line-height:				160%;
}

div.sidepictureright {
	float: 					right;
	border: 				none;
	padding: 				1px;
	margin: 				1px     5px      0      10px;
}

/* Tabelle */

/* Tabelle */
#content table.content{
	width:					100%;
	font-size:				9pt !important;
	border:					1px #EBEBEB  solid;
	margin-top:				20px;	
}
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 {
	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 { 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; 
}

/* others */
.invis {
	display: 			none;
}
#center, div.centered, .center, .centered {
	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;
}
#content h4 { /* für Headergrafiken */
	margin:				0px;
	padding:			0px;
	width:				450px;
	height:				50px;
	background-repeat:		no-repeat;
}
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: 			0px;
	padding-top: 			10px;
	padding-bottom: 		10px;
	text-align: 			center;
}

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;
}