/* angepasstes Stylesheet für w2d my style.css, 04.01.2007, Webdesignconsult.de */

/*Wichtige Farben*/
/* #444655 */
/* #F9A13A */
/* #E0D4BB */
/* #0F4D2A */


/* Ausgestaltung */
#content h1, #contentfull h1 {
	font-size:			1.3em;
	font-family:			"Trebuchet MS", Geneva, Verdana, sans-serif;
	font-style:			italic;
	font-weight:			normal;
	margin:				0;
/* 					oben, rechts, unten, links */
	padding:			2px     0px     10px    0px;
	width:				530px;
	color:				#F9A13A;
	background-color:		transparent;
}
#content h2, #contentfull h2 {
	font-size:			0.8em;
	font-weight :			bold;
	width:				auto;
	margin-bottom:			10px;
	color:				#0F4D2A;
	background-color:		transparent;
	text-transform:			uppercase;
	padding:			2px    0px     3px      0px;
/* 					oben, rechts, unten, links */	
	border-bottom:			1px solid #F9A13A;
}
#content h3, #contentfull h3 {
	font-size:			0.8em;
	font-weight:			bold;
	margin:				0px;
/* 					oben, rechts, unten, links */
	padding:			2px     0px     2px    0px;	
	color:				#444655;
	background-color:		transparent;
}
#content p, #contentfull p {
	margin:				0px;
/* 					oben, rechts, unten, links */
	padding:			0px     0px    10px    0px;	
	font-size:			0.75em !important;
	line-height:			140%;
}
#content a, #contentfull a{
	text-decoration:		none;
	font-weight :			bold;
	color:				#0F4D2A;
	background-color:		transparent;
}
#content a:hover, #contentfull a:hover{
	text-decoration:		underline;
}
p.logosmall {/* für das Logo links */
	background: 			url(../images/plogosmall.gif) no-repeat top;
	height:				70px !important;
	border-bottom:			1px solid #F9A13A;
}
p.content1 {/* für updatedatum */
	text-align:			center;
	font-size:			0.7em;
	padding:			4px    10px    4px   10px;
  	/* Abstand:     		oben  rechts  unten  links*/
	border-bottom:			1px solid #F9A13A;
}
p.content2 {/* webmasterlink links */
	background: 			url(../images/plogosmall.gif) no-repeat top right;
	height:				66px !important;
	margin:				0px;
/* 					oben, rechts, unten, links */
	font-size:			0.7em;
	padding:			4px    10px    4px   10px;
  	/* Abstand:     		oben  rechts  unten  links*/
	border-bottom:			1px solid #F9A13A;
}
p.content3 {/* W3C */
	text-align:			center;
	margin:				0px;
/* 					oben, rechts, unten, links */
	font-size:			0.7em;
	padding:			4px    10px    4px   10px;
  	/* Abstand:     		oben  rechts  unten  links*/
	border-bottom:			1px solid #F9A13A;
}
/* Sidebarelemente */
#sidebar h2 {
	font-family:			"Trebuchet MS", Geneva, Verdana, sans-serif;
	font-style:			italic;
	font-size:			0.8em;
	font-weight :			bold;
	color:				#F9A13A;
	background-color:		transparent;
	text-transform:			uppercase;
	margin:				0px;
/* 					oben, rechts, unten, links */
	padding:			0px     0px   0px      0px;
}
#sidebar p {
	font-size:			0.7em;
	margin:				0px;
/* 					oben, rechts, unten, links */
	padding:			2px      0px   5px   0px;	
	line-height:			145%;
}
#sidebar a {
	text-decoration:		none;
	font-weight :			bold;
	color:				#0F4D2A;
	background-color:		transparent;
}
#sidebar a:hover {
	text-decoration:		underline;
}
#sidebar ul {
	list-style: 			none;
	padding: 			2px       5px   2px  0px; 
	/* 				oben, rechts, unten, links */
	margin:				0px       0px   0    -6px; 
	width:				190px;
}
#sidebar li{
	font-size:			0.7em; 
	line-height:			110%;
	padding: 			2px 	2px 	2px 	16px;
	/* 				oben, rechts, unten, 	links */
	background: 			url(../images/pbull.gif) no-repeat top left;
}
#sidebar  .img {
	text-align:			center;
	margin:				0     auto     0      auto;
	/* 				oben, rechts, unten, links */
}
#sidebar p.note {
	color:				#F0151D;
	font-weight:			bold;
	font-size:			0.9em;
	text-transform:			uppercase;
	line-height:			150%;
	padding: 			2px 	16px 	2px 	0px;
	/* 				oben, rechts, unten, 	links */
	background: 			url(../images/pnote.gif) no-repeat top right;
}
/* Suchfeld */
form.search { 	
	margin:				0px;
	display:			inline;
}
.search  { 
	margin: 			0px; 
	color: 				#E0D4BB; 
	background-color:		transparent;
	height:				17px; 
}
input.search {
	font-size:			0.75em;
	color: 				#E0D4BB; 
	background-color:		#0F4D2A;
	border-bottom: 			1px solid #E0D4BB;	
	border-right: 			1px solid #E0D4BB;	
	border-top: 			1px solid #F9A13A;	
	border-left: 			1px solid #F9A13A;	
	width: 				150px;
	vertical-align: 		top;
	padding: 			1px 	4px 	1px 	4px;
/* 	Abstand:      			oben  	rechts  unten  links*/
	margin-top: 			0px;
}
/* Styles für den Footer */
#footer p {
	font-size: 			0.8em;
}
#footer a:link {
	font-size: 			0.8em;
	color: 				#0F4D2A;
	background-color: 		transparent;
}
#footer a:visited {
	color: 				#6B941B;
	background-color: 		transparent;
}
#footer a:hover {
	color:				#6B941B;
	background-color: 		transparent;
	text-decoration: 		none;
}
#footer a.top {
	text-decoration : 		none;
}
#footer a.top:hover {
	background-color:		#F9A13A;
	text-decoration : 		none;
}
/* Ende Styles für den Footer */

div.shadow2 {
	float: 				left;
	background-color: 		#bbb;
	padding: 			1px;
	border: 			1px solid #ddd;
	margin:				0.4em   0.6em   0.4em    0;
	/* 				oben, rechts, unten, links */
}

/* Marginalien */
/* Die Schattenmenues stammen von www.thestyleworks.de/tut-art/shadow.shtml */
div.shadow {
	float: 				left;
	background-color: 		#8EB297;
	padding: 			1px;
	border: 			1px solid #999;
	margin: 			0px;
}
.sidepicture {
	float: 				left;
	padding: 			0px    10px    0px    0px;
	/* 				oben, rechts, unten, links */
	margin: 			4px   0px      10px    0px;
	width: 				160px;
}
p.sidepicturetext {
	margin: 			5px;
/* 					oben, rechts, unten, links */
	padding: 			6px !important;
	line-height: 			130%;	
	font-size: 			0.7em;
	color: 				#EFE3CA;
	background: 			transparent url(../images/psidetext.gif) repeat-x left top;
	width:				152px;
}
.side {
	float: 				left;
	padding: 			7px    10px    0px    0px;
	/* 				oben, rechts, unten, links */
	margin: 			5px   10px      10px    0px;
	width: 				300px;
}
p.sidetext {
	margin: 			5px;
/* 					oben, rechts, unten, links */
	padding: 			6px !important;
	line-height: 			130%;	
	font-size: 			0.7em;
	color: 				#EFE3CA;
	background: 			transparent url(../images/psidetext.gif) repeat-x left top;
	width:				294px;
}


/* Bild-Absatz*/
div.picture {
/* 					oben, rechts, unten, links */
	margin: 			5px 	0 	5px 	0px;
	width: 				90%;
	border: 			none;
}
div.picturefull {
/* 					oben, rechts, unten, links */
	margin: 			5px 	0 	5px 	0px;
	width: 				90%;
	border: 			none;
}
div.picture img {
	border: 			0px solid #666;
	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;
}
.small1 {
	color: 				#990000!important;
	background:			transparent;
	line-height:			130%;
	font-weight:			bold;
}
.small2 {
	line-height:			130%;
	font-weight:			normal;
}

/* Movie-Absatz*/
div.flashmovie {
	margin-top:			-5px;
	float: 				left;
}
/* formate für Bereich more */
/* unterseitennavigation  */
#more  {
	font-size: 			0.7em !important;
	padding: 			20px    0      20px   0;
/* 					oben, rechts, unten, links */
	color:				#0F4D2A;
	background-color:		transparent;
}
#more a.goto{
	text-decoration : 		none;
	background : 			#728D6E;
	color: 				#fff !important;
	font-weight:			normal !important;
	padding:			2px    5px    2px      5px;
/* 					oben, rechts, unten,  inks */

}
#more a.goto:hover{
	color: 				#fff!important;
	background-color:		#F9A13A;
	text-decoration: 		none;
	font-weight: 			bold !important;
}
#more a.back{
	text-decoration : 		none;
	color: 				#fff !important;
	background : 			#728D6E;
	font-weight: 			normal !important;
	padding: 			2px    5px    2px    5px;
/* 					oben, rechts, unten,links */
}
#more a.back:hover {
	color: 				#fff!important;
	background-color:		#F9A13A;
	text-decoration: 		none;
	font-weight: 			bold !important;
}
.back {
	color: 				#728D6E !important;
	background : 			transparent url(../images/pbullback.gif) no-repeat right;
	padding: 			2px 	20px	 4px 	5px;
/* 					oben, rechts, unten, 	links */
	font-weight: 			bold ;
}
.goto {
	color: 				#728D6E;
	background:			transparent  url(../images/pbullgo.gif) no-repeat;
	padding: 			0px 	5px 	4px 	15px;
/* 					oben, rechts, unten, 	links */
	font-weight: 			bold ;
}
#top a.top:hover {
	background-color:		#F9A13A;
	text-decoration : 		none;
}
/* Liste */

/* separate the list from what follows it */
div.floatlist{
	margin-bottom:			1em;
}
ol{
	width:				90%;  /* room for 2 columns */
	list-style-type:		none!important;
	margin:				0px 
}
ol li{
	float:				left;
	width:				15em;  /* accommodate the widest item */
}
#content ul, #contentfull ul {
	width:				530px;
	list-style:			none;
	padding:			0px;
/* 					oben, rechts, unten, links */
	margin:				6px    0px     6px    0px;
}
#content li, #contentfull li {
	font-size:			0.8em !important;
	line-height:			140%;
	padding:			2px   0px     0px   16px;
/* 					oben, rechts, unten, links */
	background:			url(../images/pbull.gif) no-repeat top left;
}
/* Tabelle */
#contentfull table, #content table  {
	width:				100%;
	font-size: 			0.75em;
	border-spacing: 		0;
	border-collapse: 		separate;
	margin-top:			5px;
}
td.tablepic {
	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;
}
tr.header .rowheader{
	font-size: 			0.9em;
	background-color: 		#F9A13A;
	padding-left:			4px;
	line-height:			140%!important;
}
td.colheader {
	background: 			#dee2e9;
}
td.cell{
	background-color: 		transparent;
	color: 				#203276;
	border-top: 			1px solid #fff;
	border-right: 			1px solid #E0D4BB;
	border-bottom: 			1px solid #E0D4BB;
	border-left: 			1px solid #fff;
	padding: 			0.75em  0.5em   0.75em  0.8em;
/* 					oben, rechts, unten, links */
}
table a{
	font-size: 			small;
}
tr.even td, tr.even, td.colheader {
	background-color: 		transparent;
	color: 				#444;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
}
tr.even td:hover {
	background: 			#f8f8f8;
}
tr.odd td:hover {
	background: 			#C9D2C7;
}
tr.even,tr.odd   {
	line-height:			130%!important;
}	

/* Teaser */
.teaser{
	margin:				0px;
	padding:			4px 0px 4px 0px;
}
div.teaserelement {
	float:				left;
	width:				100%;
	padding:			0px    8px    0px    0px;
/* 					oben, rechts, unten, links */
	margin:				0px;
}
div.teaser {
	margin:				0px;
	padding:			0px;
}
div.teaserpicture {
	padding:			0px;
	margin:				0px 0px -5px 10px;
	border:				none;
}
div.teaserpicturefloat {
	float:				right;
	padding:			0px;
/* 					oben, rechts, unten, links */
	margin:				6px    0px     3px   3px;
	border:				none;
}
.teasernav {
	clear:				both;
	padding:			2px 0px 2px 0px;
	margin:				0px;
	text-align:			center;
}
a.teaserlist{
	font-size:			0.8em !important;
	font-weight:			normal !important;
	margin:				0px;
	padding:			4px 0px 4px 0px;
}
a.teaser, a.teasermore{
	margin:				0px;
	padding:			4px 0px 4px 0px;
}
#content li.teaserlist, #contentfull li.teaserlist {
	line-height:			140%;
	padding:			2px   0px     0px   16px;
/* 					oben, rechts, unten, links */
	background:			url(../images/pbull.gif) no-repeat top left;
}
#content ul.teaserlist, #contentfull ul.teaserlist {
	font-size:			1.0em !important;
	width:				auto;
}

/* Kontaktformular */
#formular,#formularfull {
	float:				left;
	width:				100%;  
	padding:			0 	5px 	0      15px;
	/* 				oben, rechts, unten, links */
}
#formular br {
	clear: 					both;
}
label.first{
	padding-top:				0.25em;
	padding-bottom:				0.25em;
	font-weight:				bold;
	color:					#016533;
	background-color:			transparent;
	font-size: 				0.9em;
	clear:					both;
}
label { 
	font-size:				0.8em; 
	float:					left; 
	padding:				0 	0 	2px 	0;
	/* 					oben, rechts, unten, links */ 
	margin-top:				1px; 
	width:					20%; 
	white-space:				nowrap;
	clear:					both;
}
.left{
	clear:					both;
	float:					left;
	margin-top:				10px; 
	margin-left:				5px; 
	width:					auto;
}

input.right {
	float: 					left;
	width: 					auto;
	clear: 					both;
	margin-left: 				1.3em;
	margin-right: 				0.3em;
}
input[type=checkbox].right{
	margin-left: 				1.3em;
}
.abstand1{  /*Ceckboxtext */
	font-weight:				normal;
	margin-left:				3.5em !important;
}
fieldset legend {
	font-size:			0.8em; 
	color:				#D2232A; 
	background-color:		transparent;
	font-weight:			normal; 
	padding:			 0    5px     5px      5px;
	/* 				oben, rechts, unten, links */
}
fieldset.mainform {
	font-size: 			0.9em;
	width: 				90%;
	margin: 			0.5em auto 1.0em 0; 
	padding-left: 			10px; 
	display: 			block;
	border: 			1px solid #C48540; 
	clear: 				both;
	background-color: 		#E4E1C8; 
	color: 				#5e6703; 
}
fieldset.button {
	font-size: 			0.9em;
	width: 				90%;
	border: 			1px solid #C48540; 
	background-color: 		#E4E1C8; 
	color: 				#D2232A; 
	padding-bottom: 		10px; 
}

select{ 
	font-size:			0.9em; 
	/* 				oben, rechts, unten, links */ 
	margin-left:			15px; 
	margin-bottom:			10px; 
}
.formnote {
	color: 				#990000;
	background-color:		transparent;
	font-size:			0.8em!important; 
}
.note {
	color: 				#990000;
	background-color:		transparent;
	font-size:			0.8em!important; 
}
.field { 
	line-height:			1.5em; 
	height:				20px; 
	float:				left; 
	border: 			#999 1px solid; 
	width: 				30em; 
	margin-bottom: 			10px; 
	margin-left:			15px; 
	background-color:		#FFF; 
	color:				#000; 
	text-indent:			0.5em; 
	font-size:			11px;
	padding-left:			0px; 
}	
.textarea {
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	border: 			#999 1px solid; 
	background-color: 		#fff;
	color: 				#000;
	width: 				30em;
	height:				7em;
	margin:				0 	0 	0 	17px; 
	/* 				oben, rechts, unten, links */
	padding: 			1px;
}
.submit{ 
	clear:				both; 
	margin-left:			10px; 
	height:				40px; 
	font-size:			0.8em; 
	line-height:			normal; 
	font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#000; 
	background:			transparent url(../images/send.gif) center no-repeat;
	width:				92px;
}
.submit:hover {
	cursor: 			pointer; 
	background:			url(../images/hoversend.gif) center no-repeat;
}



/* diverses */
#content p.small, #contentfull p.small  {/* Rabatthinweise */
	clear:				both!important;
	font-size: 			0.7em!important;
	color:				#0F4D2A;
	background-color:		transparent;
}
a.seitenanfang {
	float: 				right;
	background-image:		url(../images/pbullup.gif);
	background-repeat:		no-repeat;
	background-position: 		left;
	font-size:			0.8em;
	padding-left:			15px;
	text-decoration:		none !important;
	background-color:		#F9A13A;
}
#content .clearer, #contentfull .clearer {
	clear:				both;
}
.center {
	text-align: 			center;
}
.centered {
	display: 			block;
	margin-left: 			auto;
	margin-right: 			auto;
	text-align: 			center;
}
em {
	font-style : 			normal;
}
hr {	
	border:				solid  1px;
	height:				1px;
}


/* formate für Linkgrafiken */
a.pdf  {
	text-decoration : 		none;
	background : 			transparent url(../images/pbullgo.gif) no-repeat;
	padding: 			0px 	5px 	4px 	15px;
/* 					oben, rechts, unten, 	links */
	color: 				#F0151D !important;
	font-weight: 			normal !important;
}
a.offsite  {
	font-weight: 			normal!important;
	text-decoration: 		none;
	background : 			transparent url(../images/pbulldown.gif) no-repeat;
	padding: 			0px 	5px 	10px 	15px;
/* 					oben, rechts, unten, 	links */
	color: 				#D2232A!important;
}

a.onsite  {
	font-weight: 			normal!important;
	text-decoration: 		none;
	background : 			transparent url(../images/pbullgo.gif) no-repeat;
	padding: 			0px 	5px 	10px 	15px;
/* 					oben, rechts, unten, 	links */
	color: 				#D2232A!important;
}
/* Plugin-Styles */
P.s2d  {
	font-size:			180%;
	color:				#0F4D2A;
	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; 
}

