/* Content und Sidebar-Elemente */

#content h1 {
	font-size: 140%;
	font-weight : normal;
	margin: 0px;
	padding: 5px 0px 2px 0px;	
	text-transform: uppercase;
	color: #444444;
}

#content h2 {
	font-size: 120%;
	font-weight : bold;
	margin: 0px;
	color: #4F4F4F;
}

#content h2 {
	padding: 10px 0px 2px 0px;	
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	color: #4F4F4F;
}

#content p, #sidebar p {
	font-weight : normal;
	margin: 0px;
	padding: 2px 0px 4px 0px;	
	line-height: 160%;
}

#content a {
	text-decoration: none;
	font-weight : bold;
	color: #6F8B68;
}

#sidebar a {
	color: #EFEFEF;
	text-decoration: none;
}

#content a:hover {
  font-weight : normal;
  text-transform : uppercase;
	text-decoration: none;
	color: #006400;
}

/* Marginalie, rechts oder links floatend */
div.sidepictureleft {
	float: 			left;
	width: 			120px !important;
	border: 		none;
	padding: 		1px;
	/* 			oben, rechts, unten, links */
	margin: 		1px     15px     0px    0px;
}

div.sidepictureleftshadow {
	float:			left;	 /* Left ist wichtig nicht ändern */
}

div.sidepictureleftshadow, div.sidepicturerightshadow{
	background-color:	#777;
	border:			1px solid #c6c6c6;
	margin:			2px    0px   0px   4px;
	/* 			oben, rechts, unten, links */
	padding:		1px;
}

div.sidepictureright {
	float: 			right;
	width: 			120px !important;
	border: 		none;
	padding: 		1px;
	/* 			oben, rechts, unten, links */
	margin: 		1px     20px     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:	#777;
	margin:			0px;
	padding:		0px;
	display:		block;
	position:		relative;
	top:			-4px;
	left:			-4px;
}

.sidepicturetext {
	font-size: 		10px !important;
	width: 			120px !important;
	color: 			#495A3D !important;
	background-color:	transparent;
}

div.sidepictureborder {
	float: 			right;
	text-align:		center;
	width: 			150px;
	border: 		1px solid #8E0303;
	padding: 		5px;
	/* 			oben, rechts, unten, links */
	margin: 		1px     20px    0px   5px;
}

div.sidepicturemaintext {
	padding:		10px;
	margin: 		5px;
	background-color:	#ADC6A5;
	border: 		1px solid #8E0303;
}

/* Marginalien */
#content .sidepicture {
	float: 				right;
	padding: 			0px 	0px 	0px 	10px;
/* 					oben, rechts, unten, links */
	margin: 			5px 	0px 	10px 	10px;
	width: 				120px;
}

div.sidepicturetext {
	margin: 			-2px	-8px	0	4px;
/* 					oben, rechts, unten, links */
	padding: 			4px 	0px 	4px 	4px;
	line-height 			130%;	
	font-size: 			11px;
	color: 				#000;
	background-color: 		#bbb;
	float: 				right;
	width:				122px;
}

/* Die Schattenmenues stammen von www.thestyleworks.de/tut-art/shadow.shtml */
div.shadow {
	float: 				left;
	background-color: 		#777;
	padding: 			1px;
	border: 			1px solid #999;
	margin: 			0px;
}

div.shadow2 {
	float: 				left;
	background-color: 		#bbb;
	padding: 			1px;
	border: 			1px solid #ddd;
	margin:				0.7em 	0.6em	0.7em	0.1em;
	/* 				oben, rechts, unten, links */
}

div.shadow img {
	margin: 			0;
	display:			block;
	position: 			relative;
	top: 				-3px;
	left: 				-3px;
}

/* Bild-Absatz*/
div.picture {
	padding: 			0px;
/* 					oben, rechts, unten, links */
	margin: 			5px 	auto 	5px 	auto;
	width: 				420px;
	border: 			none;
	text-align:			center;
}

div.picture img {
	border: 			0px solid #666;/* important für schönen Schatten*/
	margin: 			0;
	display:			block;
	position: 			relative;
	top: 				-3px;
	left: 				-3px;
}

div.shadow3 {
	float: 				left;
	background-color: 		#777;
	padding: 			1px;
	border: 			1px solid #999;
	margin: 			0px;
}	

div.shadow4 {
	float: 				left;
	background-color: 		#bbb;
	padding: 			1px;
	border: 			1px solid #ddd;
	margin: 			0.1em 0.1em;
}

div.picture .caption{
	text-align: 			right;
	font-weight:			bold;
	color:				#990000!important;
	background-color: 		transparent;
	padding-left: 			20px !important;
	padding-right: 			20px !important;
}

div.picture .text{
	text-align: 			left;
	font-weight:			normal;
	color:				#000 ;
	background-color: 		transparent;
	padding-left: 			20px !important;
	padding-right: 			20px !important;
}

#content .clearer {
	clear: 				both;
}

#more {
	margin: 			0px;
	padding: 			20px 0px 0px 0px;
	text-align: 			right;
}
#more a.goto{
	text-decoration:		none;
	background:			url(../images/pbull.gif) no-repeat;
	padding: 			2px 0px 4px 15px;
}
#more a.back{
	text-decoration:		none;
	background:			url(../images/pbullback.gif) no-repeat;
	padding: 			2px 0px 4px 15px;
}
div.more {
	float:				right;
	background:			url(../images/pbullback.gif) no-repeat;
	padding: 			2px 0px 4px 15px;
}

/* Liste */
#content ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

#content li:hover{
	font-size:			100%;
	color: #306B00;
	background-color: transparent;
}

/* Tabelle*/
#content table{ 
   width:            100%; 
   margin:            0.1em; 
   /*             oben, rechts, unten, links */ 
   font:             0.8em/1.2em Tahoma, Arial, Helvetica, sans-serif; 
} 

#content tr.header{ 
   font-size:          1em; 
   font-weight:         bold; 
   color:            #333333; 
   padding-left:         0.5em; 
   line-height:         140%!important; 
   background:          #E6E6FA url(../images/phead.gif) no-repeat top left; 
} 

#content td.colheader { 
   background:         #dee2e9 url(../images/pcol1.gif) repeat-x; 
   font-size:          1em; 
   font-weight:        bold; 
   padding-left:       0.5em; 
} 

#content td.cell{ 
   background:          #f3f8fd url(../images/pcol2.gif) repeat-x; 
   color:             #203276; 
   border-top:          1px solid #fff; 
   border-right:          1px solid #c6cdd8; 
   border-bottom:          1px solid #c6cdd8; 
   border-left:          1px solid #fff; 
   padding:          1.5em 0.5em 1.5em 0.8em; 
   /*             oben, rechts, unten, links */ 
}

#content td.tablepic { 
   background:          #f3f8fd url(../images/pcol2.gif) repeat-x; 
   color:             #203276; 
   border-top:          1px solid #fff; 
   border-right:          1px solid #c6cdd8; 
   border-bottom:          1px solid #c6cdd8; 
   border-left:          1px solid #fff; 
   padding:          0.8em; 
   text-align:         center; 
   clear:             both; 
   border:          1px solid #D0BD9F; 
} 

#content tr.odd, #content td.cell:hover, #content td.tablepic:hover { 
   background:          #f3f8fd; 
} 

#content td.cell:hover { 
   background:          #F6F9F3; 
} 

#content table a{ 
   font-size:          1.0em; 
}

#content table a:hover {
   text-transform : none;
   text-decoration: underline;
   font-size : 1.0em;
}

#content tr.even td, #content tr.even, #content td.colheader { 
   background:          #f8f8f8 url(../images/peven.gif) repeat-x; 
   color:             #444; 
   border-right:          1px solid #ccc; 
   border-bottom:          1px solid #ccc; 
} 

#content tr.even td:hover{ 
   background:          #f8f8f8; 
} 

#content tr.even,#content tr.odd { 
   line-height:         130%!important; 
} 

odd   { 
   line-height:         130%!important; 
}    

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 0px 0px;
/*             oben, rechts, unten, links */ 
	margin: 0px;
}

div.teaser {
  margin: 0px;
  padding: 2px 0px 2px 0px;
  line-height: 130%;
  font-size: 100%;
  width: 480px;
}

div.teaserpicture {
	float: right;
	margin-top: -9px;
	padding: 0px 0px 0px 0px;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

p.teasertext {
  margin: 0px;
  padding: 4px 0px 4px 0px;
  line-height: 100%;
  font-size: 100%;
}

#content p.teasertext{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  line-height: 125%;
  font-size: 100%;
}
#content p.teasertext a {
	color: #6F8B68;
	text-decoration: none;
}
#content p.teasertext a:hover{
  text-transform :    uppercase;
  color: #006400;
  background-color: transparent;
}


/* Absatztype Formular */

input.box {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

form.formular textarea  {
	background: url(../images/pmt.gif) repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 140px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #4F4F4F;
	line-height: 160%;
	padding: 2px 0px 10px 142px !important;
}

.buttoncaption {
	line-height: 200%;
}

/* Absatztype Formular 

input.box {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

form.formular textarea  {
	background: url(../images/pmt.gif) repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 140px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #4F4F4F;
	line-height: 160%;
	padding: 2px 0px 10px 142px !important;
}

.buttoncaption {
	line-height: 200%;
}
*/

/* Plugin-Styles */
P.s2d  {
	font-size: 180%;
	color: #4F4F4F;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration:underline !important;
}

/* SidebarStyles */
#sidebar a:hover{
  text-transform :  uppercase;
  background-color: transparent;
  color: #CCFFCC;
}

#sidebar div.picture {
	padding: 			0px;
/* 					oben, rechts, unten, links */
	margin: 			5px 	10px 	5px 	15px;
	width: 				auto;
	border: 			none;
}

div.picturex img {
	border: 			0px solid #666;/* important für schönen Schatten*/
	margin: 			0;
	display:			block;
	position: 			relative;
	top: 				-3px;
	left: 				-3px;
}

div.shadow5 {
	float: 				left;
	background-color: 		#777;
	padding: 			1px;
	border: 			1px solid #999;
	margin: 			0px;
}	

div.shadow6 {
	float: 				left;
	background-color: 		#E8EEF9;
	padding: 			1px;
	border: 			1px solid #ddd;
	margin: 			0.1em 0.1em;
}

#sidebar a {
	font-size:			100%;
	text-decoration: 		none;
	color: #FFF8DC;
	background-color: 		transparent;
}

#sidebar ul {
	font-size:			100%;
	list-style: 			none;
	padding: 			0px;
	/*       			oben, rechts, unten, links */
	margin: 			6px 	0px 	6px 	5px;
}

#sidebar li:hover{
	font-size:			100%;
	color: #EDFFB2;
}

#sidebar li {
	padding: 			2px 	0px	 2px 16px;
	/*       			oben, rechts, unten, links */
	background: 			url(../images/pbull.gif) no-repeat center left;
}

#sidebar ul.sidebarteaser {
	font-size:			100%;
	list-style: 			circle;
	padding: 			0px;
	/* 				oben, rechts, unten, links */
	margin: 			6px 	0px 	10px	10px;
	line-height: 			140%!important;
}

#sidebar p {
	font-size:	 100%;
	margin: 			0px;
	padding: 			2px 0px 2px 0px;	
	line-height: 			160%;
	color: 				#fff !important;
}

#sidebar p.sidebarteaser{
	padding: 			2px 	0px 	10px 	0px;	
/* 					oben, rechts, unten, links */
}  

div.sidebarmovie { /*Die Filmbreite darf nicht über 140 x X eingestellt sein*/
	text-align:			center;
	padding: 			0px;
/* 					oben, rechts, unten, links */
	margin: 			0px 	auto 	0px auto;
	border: 			none;
	clear:				both;
}

.sidebarmovietext{
	clear:				both;
	text-align:			left;
	background:			transparent;
	font-size: 			0.95em;
	color: 				#000;
	background-color:		transparent;
	font-weight : 			normal;
}

#sidebar a.pdf  {
	color: #EFEFEF;
	font-weight: 			bold;
	text-decoration: 		none;
	background-image : 		url(../images/pdf.gif);
	background-position : 		top left;
	background-repeat : 		no-repeat;
	padding: 			0px     0px    30px   30px;
/* 					oben, rechts, unten, links */
	white-space : 			nowrap;
}

#sidebar a.offsite  {
	color: #EFEFEF;
	font-weight: 			bold;
	text-decoration: 		none;
	background-image : 		url(../images/pic.offsite.gif);
	background-position : 		top left;
	background-repeat : 		no-repeat;
	padding: 			0px     0px    50px   16px;
/* 					oben, rechts, unten, links */
	white-space : 			nowrap;
} 

#sidebar a.onsite  {
	color: #EFEFEF;
	font-weight: 			bold;
	text-decoration: 		none;
	background-image : 		url(../images/pic.onsite.gif);
	background-position : 		top left;
	background-repeat : 		no-repeat;
	padding: 			0px     0px    50px   16px;
/* 					oben, rechts, unten, links */
	white-space : 			nowrap;
}

#sidebar h1 {
	padding: 9px 20px 9px 20px;
	background-color: #4F4F4F;
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #EFEFEF;
	padding: 4px 0px 2px 0px;
}

.sb {
	padding: 9px 20px 9px 20px;
	color: #ffffff !important;
}

.linksearch {
  background:          #f3f8fd url(../images/peven.gif) repeat-x; 
  color:             #444; 
  border-top:          1px solid #fff; 
  border-right:          1px solid #ccc; 
  border-bottom:          1px solid #ccc; 
  border-left:          1px solid #fff; 
  color: #4F4F4F;
  display:block;
  font-weight:lighter !important;
  margin: 3px 3px 3px 0px;
  padding: 0px 3px 0px 3px;
}

* html .linksearch {
  width:100%;
}

.linksearch:hover{
  background:          #f3f8fd url(../images/pcol2.gif) repeat-x; 
  color:             #203276; 
  border-top:          1px solid #fff; 
  border-right:          1px solid #c6cdd8; 
  border-bottom:          1px solid #c6cdd8; 
  border-left:          1px solid #fff; 
  color:#003300;
  text-decoration: none !important;
  font-weight: bold !important;
  margin: 3px 3px 3px 0px;
  padding: 0px 3px 0px 3px;
}

/* Formate für FAQ*/

#faq {
clear: both;
position: relative;
margin-left: 0px !important;
width: 450px;
line-height: 180%;
padding-top: 8px;
}

#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;
/* oben, rechts, unten, links */
white-space: nowrap;
color: #6F8B68;
}

#faq a.faq1:hover{
background-image: url(../images/yellowlink.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0px 10px 3px 30px;
/* oben, rechts, unten, links */
}

#content a.s2d{
	text-decoration: none;
	font-weight : bold;
	color: #4F4F4F;
}

#content a.s2d:hover{
	text-decoration: underline;
	text-transform : none;
	font-weight : bold;
	color: #6F6F6F;
}


/* Rahmen und Farbe Formularelemente */
table.formtab select.tx {
	 border: 1px solid #4F4F4F;
   background-color: #EFEFEF}
table.formtab input.tx {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}
table.formtab textarea.tx {
	background: url(../images/pmt.gif) repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

/* Weitere Styledefinitionen für Formularelemente */
/* 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;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 460px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 100%;
}

/* Breite der Formularfelder */
table.formtab input.tx {
  font-weight: bold;
}
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 300px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 92px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}