/* 
Design	    :	Easy-Black
Modifiziert:	www.webdesignconsult.de
Design	   :	Webdesignconsult
Date	   :	29.01.2010
Website	   :	http://www.webdesignconsult.de/
Description: 	2-Spaltenlayout mit links angeordneter Navigation.
*/
/* MiniPixel Icons von  icondock.com/free/   */  
 
  /* gewählte Designfarben */
/*
usercolor.h1 = "#7C8DAE"
usercolor.bright = "#759B3D"
usercolor.medium = "#aaaaaa"
usercolor.alt.medium = "#bbbbbb"
usercolor.dark = "#E9D39D"
usercolor.alt.dark = "#B1541B"
*/


div.clearer, .clearer, .clear { 
	clear:				both;
	text-align:			right;
	margin:				20px  auto  0px 0px;
}
p {
	color:				#E9D39D !important;
	background-color:		transparent;
}

img {
	border:				none;
}
a { 
	color:				#759B3D;
	background-color:		transparent;
	text-decoration:		none; 
}
a:hover {
  	color:				#B1541B; 
	background-color:		transparent;
}

#content h1 {
	font-size:			150%;
	color:				#759B3D;
	background-color:		transparent;
	font-weight:			normal  !important;
	margin:				0;
	padding:			10px 0 10px 0;	
	text-transform:			uppercase;
}
#content h2 {
	padding:			2px 0 5px 0; 
	font-weight:			bold;
	font-size:			1.1em;
	letter-spacing:			0.1em;
	color:				#E9D39D;
	background-color:		transparent;	
	border-bottom:			1px dotted #999;
	margin-bottom:			5px;
	margin-top:			10px;
	clear:				both;
}
h3 { 
	font-size:			1.1em !important; 
	color:				#00CC00;
	background-color: 		transparent;
}
#content .sidepicture {
	float:				right;
	line-height:			110%;
	padding:			4px 0px 0px 5px;
	margin:				0px 0px 5px 5px;
}

p.sidepicturetext {
	width:				114px;
	font-size: 			9pt;
	padding: 			5px   3px  5px  3px;	
	margin: 			0px 	0px 	5px 	0px;
	border-bottom:			1px solid #759B3D;		
	background-color: 		#aaaaaa;	
}
.picture{
	width:				100% !important;
	text-align:			left;
	margin-left:			0px;
}
.picturetext {
	width:				100% !important;
	text-align:			left;
	margin-left:			19px;
	padding:			8px 0px 8px 0px;
}


.sidepicturetext, .picturetext{
	font-size:			0.95em;
	margin:				0px;
	padding:			2px 0px 5px 0px;	
	line-height:			160%;
}
.sidepicture {
	float:				left;
	padding:			0px 0px 0px 0px;
	margin:				4px 10px 10px 0px;
	width:				220px;
}

/* Liste */
#content ul {
	font-size:			1.1em;
	color:				#B1541B;
	background-color:		transparent;
	list-style:			none;
	padding:			0px;
	margin:				6px 0px 6px 0px;
	line-height:			140%;
}
#content li {
	padding:			0px 0px 2px 16px;
	background:			url(../images/pbull.gif) no-repeat top left;
}


/* Tabelle */
table#gallery {
	width:				100% !important;
	border:				none;
	border-spacing:			0px;
	margin:				10px  auto 20px  auto;
}
#content table {
	border:				#ccc  1px solid;
	padding:			3px;
	text-align:			left  !important;
}
table.searchtabel {
	border:				none  !important;
}
tr.header  {
	font-size: 			1.3em;
	font-weight:			bold !important;
	color:				#F4E9CE;
	line-height:			140% !important;
	border:				#ccc 1px solid;
	background-color: 		#000;
}
td.rowheader  {
	padding:			0.5em !important;
}
#content td.headercell {
	font-weight:			bold;
	padding:			0.5em !important;
	border:				#ccc  1px solid;
}
td.colheader {
	font-size: 			1em;
	font-weight:			bold;
	padding-left:			0.5em;
	border:				#ccc  1px solid;
}
tr.even td.cell, tr.even td.headercell {
	background-color:		#5C5C5C !important;
	color:				#F4E9CE !important;
	border:				#ccc  1px solid;
}
tr.odd td.cell, tr.odd td.headercell{
	background-color:		#000 !important;
	color:				#F4E9CE!important;
	border:				#ccc  1px solid;
}
#content td.cell {
	font-size: 			0.9em;
	border:				#ccc  1px solid;
	padding: 			0.5em   0.5em   1.5em   0.8em;
}
td.tablepic  {
	background-color:		#759B3D;
}
#content table.spalten {
	width:				100% !important;
	font-size:			9pt !important;
	border:				1px solid #759B3D;
	padding:			3px;
}

/* Teaser */
div.teaserelement {
	float:				left;
	margin-bottom:			20px !important;
	margin:				0;
}
div.teaser {
	margin:				0;
	padding:			2px 0 2px 0;	
}
div.teaserpicture {
	float:				left;
	padding:			0;
	margin:				4px 10px 10px 0;
	border:				none;
}
p.teasertext {
	margin:				0px;	
	line-height:			160%;
	color:				#E9D39D;
	background-color:		transparent;
	padding:			0px 0px 4px 0px;
}
.teaser_sidepicture{
	float:					left;
	padding:				0px 0px 0px 0px;
	margin:					4px 10px 10px 0px;
}
.teasernav {
	clear:				both;
	padding:			2px 0 2px 0;
	margin:				0;
	text-align:			center;
}
a.teaser_not_bold {
	font-weight: 			normal  !important;
	color: 				#bbbbbb !important;
	background-color: 		transparent;
	border-bottom:			1px dotted #aaaaaa !important;
}
a.teaser_not_bold:hover  {
	color: 				#aaaaaa  !important;
	background-color: 		transparent;
	border-bottom:			1px dotted #aaaaaa !important;
}
p.wieListe  {
	padding:			0 0 0 20px;
	background:			url(../images/pbullet.gif) no-repeat center left;
}
a.s2d, a.s2dinfo {
	font-weight: 			bold  !important;
	color: 				#bbbbbb !important;
	background-color: 		transparent;
	border-bottom:			1px dotted #aaaaaa !important;
}
a.s2d:hover, a.s2dinfo:hover  {
	color: 				#E9D39D  !important;
	background-color: 		transparent;
	border-bottom:			1px dotted #aaaaaa !important;
}
/* Plugin-Styles */
p.s2d  {
	font-size:			180%;
	color:				#E9D39D;
	font-weight :			bold;
	margin:				0 ;
	padding:			2px  0  2px  0 ;
	line-height:			200%;
}
p.s2dsmall {
	font-size:			85%;
}

/* Formular */
.field_anrede  {
	padding:			2px	10px	2px	0;	  
	font-size:			1.0em; 
	text-indent:			0.5em; 
	letter-spacing:			0.1em;
	width:				370px;
	border:				1px solid #F4E9CE;
	background-color:		#759B3D;
	color:				#E9D39D;
}

/** Für Formulare und Shopseiten **/
table.formtab  { 
	border:				none  !important; 
}
table.formtab h3 { 
	margin: 			10px  20px 5px   0  !important; 
	border:				none;
	font-size:			1.2em !important; 
	color:				#E9D39D;
	background-color: 		transparent;
	text-transform:			uppercase;
}
fieldset.mainform  {
	margin: 			0.05em   auto   0.55em   auto; 
	padding: 			0.5em; 
	background-color: 		transparent;
	color: 				#000; 
	border: 			1px solid #E9D39D;
	clear: 				both;
 	display: 			block;
	width:				460px;
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	color:				#E9D39D;
	background-color:		transparent;
	font-size:			0.95em !important; 
}
.tx, .left {
	color:				#F4E9CE !important;
	letter-spacing:			0.1em;
}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:				1px solid #ddd;
	background-color:		#759B3D;
}
p.formnote {
	color: 				#990000; 
	font-size:			0.85em !important; 
	background-color:		transparent;
	clear:				both;
	padding: 			0.2em; 
}

/* 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  !important;
	color:				#A70C0C  !important;
}
table.formtab, td.completewidth {
	width:				460px;
}
.field_anrede, .tx {
	margin-left:			3px;
	background-color:		#000;
	padding:			2px	10px	2px	10px;	  
	font-size:			1.0em; 
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	color:				#E9D39D;  
	font-weight:			bold;
	letter-spacing:			0.1em;
}
/* Breite der Formularfelder */
.field_anrede,
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width:				330px;
	background-color:		#000;
}
/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height:				124px;
}
/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
td.h, p.h {
	color:				#A70C0C  !important;
	font-weight:			normal;
	text-align:			left;
}

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

/* Movie-Absatz*/
div.flashmovie, div.mediamovie, div.quicktimemovie, div.realmemovie {
	text-align: 			center;
	padding: 			10px	0	10px	0;
	margin: 			10px 	auto 	10px 	auto !important;
}

/*Iconlinks rechts außen*/
* html #sidemenu {
	top:				expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 150 + "px");
	position:			absolute !important;
} 
#sidemenu {
	position:			fixed;
	top:				200px;
	left:				50%;
	width:				19px;
	padding:			0px;
	text-align:			left;
	margin:				0px     0px    0px    420px;     /* abhängig von der Designbreite (50*/
	color:				#a0a0a0;
	float:				none;
}
div.sideimg{
	padding:			0px;
	width:				20px;
	margin:				0px     0px    5px   0px;
}
div.sideimg a:hover{
	background-color:		#c6c6c6;
	position:			relative;
	top:				-2px;
	left:				-2px;
	margin:				0px    0px     3px   0px;
}
div.sideimg a:hover img{
	border:				1px solid red; 
	position:			relative;
	top:				-1px;
	left:				-1px;
	margin:				0px;
}

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

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


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

/* für Haftzettel */
#postit{
	visibility:			hidden;
	z-index:			1000;
	cursor:				pointer;
	position:			absolute;
	left:				250px;
	top:				10px;
	width:				253px;
	margin-left:			200px;
}
.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 0px 0px 10px;
}
.sticky_note_content {
	 padding:			10px;
	 color:				blue;
}
.sticky_note_footer {
	width:				253px;
	background:			url(../images/pnote_finish.gif) 0% 100% no-repeat;
	margin:				0px;
	padding:			0px;
}