/* validiertes Stylesheet für w2d-Rho - 30.03.2010, Webdesignconsult.de, W. Krawik */

/* gewählte Designfarben */
/*

usercolor.dark = "#609523"
usercolor.alt.dark = "#466B79"
usercolor.medium = "#D0BD9F"
usercolor.bright = "#CE6859"

usercolor.text= "#663300"
/*

/* Content und Sidebar-Elemente */
.select    {
	padding: 			0.1em; 
	margin-right:			20px;
}

#adress a.adress  {/* Link im Kontaktfeld*/ 					
	text-decoration:		none;/* alle Links ohne Textdecoration*/ 
	font-weight: 			bold  !important;
	padding: 			0     5px    0     15px;
}
#nav a, #subnavfull-down a, #subnavfull-height a,#subnavfull-height2 a,#subnav-down a, #subnav-height a,#subnav-height2 a, #subtopics a {
	font-weight : 			normal;
	font-size : 			8pt;
	font-family:			Tahoma, Arial, sans-serif !important;
	letter-spacing:			1px;
}
#nav a {
	display: 			block;
	width: 				auto;
	height: 			40px;
	float: 				left;
	text-align: 			center;
	text-decoration : 		none;
	text-transform : 		uppercase;
	line-height : 			36px;
	padding-left: 			6px;
	padding-right: 			6px;
	margin: 			0 ;
}
#nav a.active {
}
#nav a:hover {
	padding-left: 			10px;
	padding-right: 			10px;
	font-size : 			7pt;
	font-weight : 			bold;
}

/* formate für subtopics */
#subtopics a {
}
#subnavfull-down a.activesub, #subnavfull-height a.activesub,#subnavfull-height2 a.activesub,#subnav-down a.activesub, #subnav-height a.activesub, #subnav-height2 a.activesub{
	font-weight: 			bold !important;
	text-transform : 		none;
	padding-left:			13px;
}
a.subtopics  {
	font-weight: 			normal !important;	
}
#subtopics a.activesub  {
	font-weight: 			bold !important;
	text-transform : 		none;
	padding-left:			10px;
}

#subtopics a.activesubsub  {
	font-weight: 			bold !important;
	text-transform : 		none;
}
#subtopics a.activehome  {
	font-weight:			bold;
}
#subtopics a:hover {
	padding-left: 			10px;
	padding-right: 			10px;
	font-size : 			7pt;
	font-weight : 			bold;
}


/* formate für Subnavigation */
#subnavfull-down ul, #subnavfull-height ul,#subnavfull-height2 ul,#subnav-down ul, #subnav-height ul, #subnav-height2 ul {
	list-style: 			none;
	padding-left:			5px;
}
#subnavfull-down a, #subnavfull-height a, #subnavfull-height2 a,#subnav-down a, #subnav-height a, #subnav-height2 a {
	font-weight: 			normal;
	text-decoration : 		none;
	text-transform : 		uppercase;
	margin: 			0 ;
	padding: 			2px 	0  	4px 	15px;
}
#subnavfull-down a.active, #subnavfull-height a.active, #subnavfull-height2 a.active,#subnav-down a.active, #subnav-height a.active, #subnav-height2 a.active{
	font-weight: 			bold;	
}
#subnavfull-down a.activehome, #subnavfull-height a.activehome, #subnavfull-height2 a.activehome,#subnav-down a.activehome, #subnav-height a.activehome, #subnav-height2 a.activehome{
	font-weight:			bold;
}
#subnavfull-down a:hover, #subnavfull-height a:hover, #subnavfull-height a:hover,#subnav-down a:hover, #subnav-height a:hover, #subnav-height2 a:hover{
	font-weight: 			normal;	}

/* formate für Contentlinks */
#content a {
	text-decoration: 		none  !important;
	font-weight : 			bold;
	text-decoration: 		underline;
}
#content a:hover {
	text-decoration: 		none;
}

/* formate für Linkgrafiken */
a.pdf {

}
#content a.offsite {
	font-weight: 			normal !important;
	text-decoration: 		none;
	padding: 			0      0     50px   16px;
	white-space : 			nowrap;
} 
#content a.onsite {
	font-weight: 			normal !important;
	text-decoration: 		none;
	padding: 			0      0     50px   16px;
	white-space : 			nowrap;
} 

/* formate für Bereich more */
/* unterseitennavigation  */
#more {
	padding:			10px 0  0   0 ;
	margin: 			0      5px    10px    5px;
	text-align: 			left;
	white-space : 			nowrap;
}
#moreoben {
	padding:			0 ;
	margin: 			15px     5px    12px    5px;
	text-align: 			left;
	white-space : 			nowrap;
	text-align:			right;
}
a.goto, .more a.goto{
	text-decoration : 		none;
	padding: 			2px 5px 4px 15px;
	font-weight: 			normal  !important;
}
a.goto:hover, .more a.goto:hover{
	text-decoration: 		none;
	font-weight: 			bold  !important;
}
a.back, .more a.back{
	text-decoration : 		none;
	padding: 			2px 5px 4px 15px;
	font-weight: 			normal  !important;
	font-size:			70%;
}
a.back:hover {
	text-decoration: 		none;
	font-weight: 			bold  !important;
}
.goto {
	font-weight:			bold;
	font-size: 			70%;
}

#content h1 {
	font-size: 			140%;
	font-weight : 			normal;
}
#content h2 {
	margin-top:			10px;
	font-size:			100%;
	text-transform:			uppercase;
	font-weight:			normal  !important;
}
*+ html #content h2, #content h3 {
	font-size:			90%;
}
#content h3  {
	font-size:			100%;
}

#footer a {
	font-size:			100%;
	text-decoration : 		none;
	font-weight: 			normal  !important;
}
#footer a:hover {
	text-decoration: 		none;
}
#footer p {
	font-size: 			70%;
}

/*textabsatz & Movie*/
#content p, #suchausgabe p {
	font-size:			85%;
	line-height:			150%;
}

/* Marginalien ausgelagert */

/*Sidebarstyles*/
#sb  {
	text-align: 			left;
	padding:		 	10px;
	font-size:			90%;
}
#sb h1 {
	font-size:			100%;
	padding-bottom:			4px;
	font-weight:			bold;
	text-transform:			uppercase;
	letter-spacing:			1px;	
	font-variant:			small-caps;
	line-height:			20px;
}
#sb h2 {
	font-size:			100%;
	padding-bottom:			4px;
	font-weight:			bold;
	text-decoration:		none;
	text-transform :		uppercase;	
	line-height:			160%;
}
#sb h3 {
	padding-bottom:			4px;
	font-weight:			bold;
	text-transform:			uppercase;	
	line-height:			160%;
}
#sb  a {
	font-weight:			normal  !important;
	text-decoration:		none;
	text-transform:			none;
}
#sb a:hover {
	text-decoration:		underline;
	font-weight:			bold;	
}

#sb  a, #sb  a.teaser, #sb  a.teasermore {
	font-weight: 			bold;
	text-decoration: 		none;
}
#sb  a.teaser:hover, #sb  a.teasermore:hover, #sb  a:hover {
	font-weight: 			bold;
	text-decoration: 		none;
}
#sb ul {
	font-size:			85%  !important;
	list-style-type: 		none;
	padding-bottom: 		10px  !important;
}
#sb li {
	margin-left:			10px;
	padding: 			2px 	0   0   0;
	line-height: 			160%;
	list-style-type:		square;
}
#sb p {
	font-size:			90%;
	padding: 			5px 0  5px 0 ;	
	line-height:	 		140%;
}
#sb p.sidebartext {
	text-indent:	 		0 ;
	line-height:	 		140%;
}
div.sidebarteaserpicture {
	float: 				right;
	padding: 			0 ;
	margin: 			4px 	3px 	5px 	3px;
	border: 			none;
}
div.sidebarmovie { /*Die Filmbreite darf nicht über 140 x X eingestellt sein*/
	text-align:			center;
	padding: 			0 ;
	margin: 			0  	auto 	0 auto;
	border: 			none;
	clear:				both;
}
.sidebarmovietext{
	clear:				both;
	text-align:			left;
	font-size: 			85% ;
	font-weight : 			normal;
}
#sb .sidebarpicture {
	padding:			8px !important;
}
/* Die Schattenmenues stammen von www.thestyleworks.de/tut-art/shadow.shtml */
div.shadow {
	float:				left;	 /* Left ist wichtig nicht ändern */
	display:			block;
	margin:				2px 0  0  4px;
	padding:			1px;
}
div.shadow:hover {
	float:				left;	 /* Left ist wichtig nicht ändern */
	display:			block;
	border:				0 ;
	margin:				3px 0  0  6px;
}
div.shadow img {
	float:				left;	 /* Left ist wichtig nicht ändern */
	display:			block;
	margin:				0 ;
	padding:			0 ;
	display:			block;
	position:			relative;
	top:				-4px;
	left:				-4px;
}
div.shadow:hover img {
	float:				left;	 /* Left ist wichtig nicht ändern */
	display:			block;
	border:				0 ;
	margin:				0 ;
	top:				-2px;
	left:				-2px;
}

/* Teaser line height ergänzt*/
div.teaser {
	margin:				0 ;
	padding:			2px	 10px	 2px	 20px;
	line-height:			130%;
	width:				100%;
}
div.teaserelement {
	float:				left;
	padding:			0 	 15px	 0 	 0 ;
	margin:				0 ;
	line-height:			130%;
}
div.teaserpicture {
	float:				right;  /* wirkt nur auf "Nicht Block Design" */
	padding:			0 ;
	margin:				4px	 -2px	 4px	 0 ;
	border:				none;
	display:			block;
}

#content p, #suchausgabe p.teasertext  {
	margin:				0 ;
	padding:			0 	 0 	4px	  0 ;
	line-height:			125%;
}
#content .teasernav {
	clear:				both;
	padding:			2px	 0 	  2px	 0 ;
	margin:				0 ;
	text-align:			center;
}
#content a.teaser, #content a.teasermore{
	font-weight:			normal;
	text-decoration:		none;
}
#content a.teaser:hover, #content a.teasermore:hover {
	font-weight:			normal;
	text-decoration:		none;
}
#teasertext a.teaserblock	{
	padding:		 	0 ;
	text-decoration:		none;
	font-weight:	 		normal;
	margin:				0 ;
}
#teasertext a.teaserblock:hover  {
	padding:		 	0 ;
	text-decoration:		underline;
	text-transform :		uppercase;
	font-weight:	 		bold;
	margin:				0 ;
}

/* Liste */
#content ul {
	margin-left: 			20px;
	margin-bottom: 			10px;
	font-size:			85%;
	line-height:			160%;
}
#content li {
	padding:			0 	0 	2px	1px;
	list-style-type:		square;
	list-style-position:		outside;
}

/* Tabelle */
table#liste {
	font-size : 			1.3em !important;
	font-family:			Tahoma, Arial, sans-serif !important;
}
#content table{
	width:				100% !important;
	font-size:			1.0em !important;
}
#content tr.header, #content tr.rowheader {
	font-size:			0.9em;
	font-weight:			bold !important;
}
#content tr.header:hover, #content tr.rowheader:hover {
}
td.headercell,
.rowheader {
	padding:			0.5em 0.2em 0.5em 0.6em !important;
}
#content td.colheader {
	font-size:			0.95em;
	font-weight:			bold;
	padding-left:			0.5em;
}
#content td.cell {
	font-size:			0.95em;
	text-align:			left;
	vertical-align:			top;
	padding: 			1.5em 0.5em 1.5em 0.8em;
}
#content td.tablepic  {
	padding: 			0.8em;
	text-align:			center;
	clear: 				both;
}
#content tr.odd, #content td:hover, #content td.tablepic:hover  {
}
#content table a  {
	font-size: 			small;
}
#content tr.even td, #content tr.even, #content td.colheader   {
}
#content tr.even td:hover, #contentfull tr.even td:hover {
}
#content tr.even, #content tr.odd  {
	line-height:			130%!important;
}

td.headercelldatum {/* Plugin Termine */
	width:				100px;
	clear: 				both;
	font-weight: 			bold;	
	text-align: 			center;
}
td.headercellereignis {/* Plugin Termine */
	clear: 				both;
	font-weight: 			bold;	
	text-align: 			center;
}
td.headercelltermine {/* Plugin Termine */
	width:				100px;
	clear: 				both;
	font-weight: 			bold;	
	text-align: 			center;
}
td.picturecell {/* Plugin Termine */
	width:				50px;
	clear: 				both;
	text-align: 			center;
}

/* Teaser */
div.teaser {
	margin: 			0 ;
	padding: 			2px 	0  	2px 	0 ;	
}
div.teaserelement {
	float: 				left;
	padding: 			10px 	12px 	0  	5px;
	margin: 			0 ;
}
.teaser {
	margin: 			0 ;
	padding: 			5px 	0  	0  0 ;
	line-height:			150%;
}
a.teaser, a.teasermore{
	font-weight: 			bold;
	text-decoration: 		none;
}
a.teaser:hover, a.teasermore:hover{
	font-weight: 			bold;
	text-decoration: 		none;
}
#teaser a {
	font-weight: 			bold;
	text-decoration: 		none;
}
#teaser a:hover {
	font-weight: 			bold;
	text-decoration: 		none;
}
div.teaserpicture {
	float: 				right;
	padding: 			0 ;
	margin: 			4px 	0  	10px 	5px;
	border: 			none;
}

/* Plugin-Styles */
P.s2d  {
	font-size: 			90%;
	font-weight : 			bold;
	margin: 			0 ;
	padding: 			2px 0  2px 0 ;
	line-height:			120%;
}
td.s2d  {
	width: 				400px;
}
p.s2dsmall  {
	font-size: 			80%;
}
a.s2dsmall, a.s2dinfo  {
	text-decoration:		underline;
}
/* Bild-Absatz*/
div.picture {
	padding: 			0 ;
	margin: 			5px 	10px 	5px 	10px;
	width: 				480px  !important;
	border: 			none;
}
div.picturefull {
	padding: 			0 ;
	margin: 			5px 	10px 	5px 	10px;
	width: 				630px;
	border: 			none;
}
div.picture img {
	margin: 			0 ;
	display:			block;
	position: 			relative;
	top: 				-3px;
	left: 				-3px;
}
div.shadow3 {
	float: 				left;
	padding: 			1px;
	margin: 			0 ;
}	
div.shadow4 {
	float: 				left;
	padding: 			1px;
	margin: 			0.1em 0.1em;
}
div.picture .caption, div.picturefull .caption{
	text-align: 			right;
	font-weight:			bold;
	padding-left: 			20px  !important;
	padding-right: 			20px  !important;
}
div.picture .text, div.picturefull .text{
	text-align: 			left;
	font-weight:			normal;
	padding-left: 			20px  !important;
	padding-right: 			20px  !important;
}

/* Diverses */
#film {
	position: 			relative;
	top: 				0 ;
	left: 				6px;
	width: 				480px;
	height:				40px;
}
#note{
	position:			absolute;
	left:				5px;
	top:				20px!important;
	text-align:			left!important;
	font-weight:			normal !important;
	width:				150px !important; 
	font-size:			80%;
	display:			block;
	margin-bottom:			10px;
	padding:			5px;
}
#fadeinbox{
	position:			absolute;
	width: 				250px;
	right: 				10px !important;
	top:				-50px !important;
	padding: 			4px;
	z-index: 			1000;
	visibility:			hidden;
}
p.floatRight { 
	float:				right; 
	margin:				4px; 
}
#searchbar { /* Kalender in der Suchausgabe  */
	position:			absolute;
	top:				30px;
	margin-left:			-180px; 
	margin-right:			auto; 	
	clear:				both;
	float:				left; 	
	width:				150px;	
	font-size:			0.8em; 
}
em {
	font-style : 			italic  !important;
	font-weight: 			bold  !important;
	font-size:			1.1em;
}
.clearer {
	clear: 				both;
}
.center {
	margin-left:			auto;
	margin-right: 			auto;
	text-align: 			center;
}
#printcounter {DISPLAY: none  !important;}

#sb .sideimg {
	margin-left: 			auto;
	margin-right: 			auto;
	text-align: 			center;
}
#sb div.center  {
	text-align: 			center;
	margin-left: 			30px;
	margin-right: 			30px;
}
div.centered, .centered {
	display: 			block;
	margin-left: 			auto;
	margin-right: 			auto;
	text-align: 			center;
}
.ausblenden {
	display:			none;
}
.einblenden {
	font-weight:			bold;
}
.navi {
	display:			none;
}
#popup {
	display:			none;
}
#popup h1 {
	font-size:			110% ;
}
#popup a {
}
/* Movie-Absatz*/

/* Filme in einer maximalen Breite im Programm auf 480px einstellen*/
div.flashmovie, div.mediamovie, div.quicktimemovie, div.realmemovie {
	text-align:			left;
	padding-top: 			10px;
}


/* Kontaktformular */
/** Für Formulare und Shopseiten **/
/* ergänzende Formate */
.formHelp {
	font-size:			85%;
	text-align:			left;
	margin:				0 0 0.4em 0;
}
.formHelp:hover {
	cursor:				default;
}
fieldset.mainform  {
	margin: 			0.05em   auto   0.55em  auto; 
	padding: 			0.5em; 
	clear: 				both;
	width:				450px;
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	font-size:			0.95em !important; 
}
.field_anrede, .tx {
	margin-left:			0;
	padding:			2px	10px	2px	0;	  

	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	letter-spacing:			0.1em;
}
p.formnote {
	font-size:			0.90em !important; 
	clear:				both;
	padding: 			0.2em; 
}
td.tx  {
	font-size:			smaller;
}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
}
/* 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 {
	padding:			3px;
}

/* Tabellenbreite */
table.formtab pluginwidth,
table.pluginwidth,
table.completewidth  {
	width:				70% !important;
	margin:				0  auto;
}

/* Breite der Formularfelder */
.field_anrede,
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	letter-spacing:			0.2em;
	width:				420px;
}
/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height:				120px;
}

/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, .h {
	font-weight:			bold;
	text-align:			left !important;
}
/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left:			3px;
	padding-right:			3px;
	margin:				0;
}