/*
usercolor.dark = "#707480"
usercolor.medium = "#C0c2c9"
usercolor.bright = "#dbdde1"
usercolor.alt.dark = "#9f9175usercolor.alt.medium = "#c9c1b1"
usercolor.alt.bright = ""
*/

/* Content MIT Sidebar mit einer Super-Lösung von: http://webstylez.net/Leute/Markus-Rene-Einicher/ */
/* Floatende Divs gleich hoch machen */


#main {
	width:					982px;
	float:					left;
	padding:				10px  0    0    0;
	margin:					10px  0   10px  0;
	text-align:				left;
	background:				transparent url(../images/pspaltenback.gif) repeat-y;
}

#content {
	background:		#fff url(../images/pshadow.gif) no-repeat top left;
	float:			left;
	padding:		10px 10px 0 10px;
	margin-top:		-10px;
	width:			780px;
}
p.preise  {
	text-align:		left;
	margin:			0  10px  0  20px;
	padding:		0  0  10px 0 ;
	line-height:		180%;	
}
#side {
	width:			160px;
	margin:			0  0  0 822px;
}
#sidebar {
	clear:			right;
	float:			right; 
	width:			150px;
	padding:		10px  10px 0  10px;
	margin-top:		-10px;
	background:		#fff url(../images/pshadow.gif) no-repeat top left;
}
/*  IE 8 */
*+ html #sidebar {
	margin:			-10px 0 0  -12px; 
}
#wrapper {
	overflow:		hidden;
	height:			100%; /* for IE6 */
}


#sidebar h2 {
	font-size:			100%;
	font-weight:			bold;
	margin:				0;
	color:				#9f9175;
	background-color: 		transparent;
	padding:			0;
}
#sidebar h3 {
	padding:			0;
}
#sidebar p {
	margin:				0;
	padding:			2px 0 10px 0;	
	line-height:			160%;
	text-align:			left;
	color:				#000;
	background-color: 		transparent;
}
/* Liste */
#sidebar ul, ul.sb_teaser_ul {
	text-align:				left;
	font-size:				1.1em;
	color:					#000;
	background-color:			transparent;
	background-image:			none;
	list-style:				none;
	padding:				10px 0 0 0;
	margin:					0 0 6px 0;
	display:				block;
}
#sidebar li, li.sb_teaserlist   {
	padding:				0 0 2px 16px;
	background:				url(../images/pbull.gif) no-repeat top left;
	display:				block;
}

#sidebar a {
	font-weight:			bold;
	color:				#707480;
	background-color: 		transparent;
	text-decoration:		none;
}
#sidebar h2,#sidebar h2 a, #sidebar h3 a {
	text-transform:			uppercase;

}
#sidebar a.teaserlink {
	color:				#707480 !important;
	background-color: 		transparent;
}
#sidebar a.teaserlink:hover {
	color:				#666  !important;
	background-color: 		transparent;
	font-weight:			bold !important;
}

/* Sidebar-Elemente */
div.sb_pic, div.img, .sbpicture { /* Breite im in config.ccml definiert */
	text-align:			center;
	padding-top: 			10px;
	border: 			none;
	margin: 			0 auto;

}
div.sidebar_hr {
	border-bottom: 			0.01em solid #c9c1b1;
	margin:				10px   0 20px   10px;
	width:				90%;
}

ul.sidebarteaser {
	padding: 			0;
	margin: 			6px 	10px 	5px  0;
	line-height: 			140% !important;
	list-style-type:		none;
}
#sidebar p.sidebartext {
	padding:		 	5px;
	text-indent:	 		0;
	line-height:	 		130%;
	font-weight:	 		normal;
	border:	 			2px dotted #666;
	margin:		 		0;	
}
.sidebarteaserpicture {
	float:				left;
	line-height:			90%;
	padding:			3px	10px	0	10px;
	width:				60px;
}

/* Absatztype Formular */

input.forminput  {
	border : 1px solid #707480;
	width: 300px;
	background-color: #dbdde1;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

textarea.formtextarea  {
	border : 1px solid #707480;
	width: 300px;
	height: 200px;
	background-color: #dbdde1;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

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

p.formnote {
	color: #707480;
	padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
	line-height: 200%;
}

/* Plugin-Styles */

INPUT.s2d {
	border : 1px solid #707480;
	background-color: #dbdde1;
	vertical-align: top;
	padding: 1px;
}

SELECT.s2d {
	border : 1px solid #707480;
	background-color: #dbdde1;
	vertical-align: top;
	padding: 1px;
}

a.s2d, a.s2dinfo, a.s2dsmall {
	font-weight: bold;
	color: #9f9175;
	text-decoration: none;
}

P.s2d  {
	font-size: 16pt;
	color: #9f9175;
	font-weight : bold;
	margin-top : 5pt;
	margin-bottom : 5pt;
	line-height: 20pt;
}

textarea {
	border : 1px solid #707480;
	width: 300px;
	height: 200px;
	background-color: #dbdde1;
	vertical-align: top;
	padding: 1px;
}

/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #707480;
	background-color: #dbdde1;
}

/* 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: 690px;
	margin: auto;
}

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

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 345px;
}

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

/* 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;
}
/* Flash / Movie-Absatz*/
div.flashmovie, div.mediamovie, div.quicktimemovie, div.realmemovie {
	text-align: 				center;
	padding: 				10px	0	10px	5px;
	margin: 				10px 	auto 	10px 	auto ;
	width: 					690px;
}