/*
 * mb, 2009-02-09, 2009-02-09
 *
 * 2009-02-09 Abstand spalterechts.h2
 *
 *****   hier die styles fuer die normale ansicht             **********
 *****   fuer browser > netscape4                             **********
*/

/* ***** die farben: *****************************************************
/*farben                    hellgruen #FDFCE7
				hellgrau #DDD
							dunkelgruen #B8B818
							dunkelgrau #656565
*/


/* ***** debug ***********************************************************

div									{ border: 1px solid black; }
body								{ background: url(../images/bg.gif) no-repeat; } 
.debug								{ border: 1px solid black; }


/* ***** uebergreifendes ... *********************************************
*/
*									{ margin:0; padding:0; }
div									{ border:0; padding:0; margin:0; }
html								{ border:0; padding:0; margin:0; height: 100%; }
body								{ margin: 0; padding: 0; text-align:left; background: #FFFFFF; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.70em; text-align: left; height: 100%; }

/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#frame								{ margin: 0 auto;  width: 982px; text-align: left; }
#oben								{ float: left; width: 980px; background: #FFFFFF; border-bottom: 1px solid #B8B818; z-index:5; border-right: 1px solid #B8B818; border-left: 1px solid #B8B818; border-top: 1px solid #B8B818; }
#mitte								{ float: left; width: 980px; z-index:4; background-image: url(../assets/bg.gif); background-repeat: repeat-y; border-right: 1px solid #B8B818; border-left: 1px solid #B8B818;  }
#unten								{ float: left; background: #FFFFFF; z-index:5; border-right: 1px solid #B8B818; border-bottom:1px solid #B8B818; border-left: 1px solid #B8B818;  }
#mitte.clear							{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }

div.spaltelinks 					{ float: left; width: 214px; text-align: left; padding: 0; }
div.spaltemitte 					{ float: left; width: 360px; text-align: left; padding: 15px 15px 10px 17px; }
div.spalterechts 					{ float: right; width: 360px; text-align: left; padding: 15px 0 10px 4px; }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 0 20px 0 31px;  }
#mittePad							{ margin: 0; padding: 0 5px 0 0; text-align: left; }
#untenPad							{ margin: 0; padding: 0; border: 0; border-top:1px solid #B8B818;  }

/* ***** header **********************************************************
*/
#obenPad img.logo 			{ margin: 0; padding: 0; }
#obenPad img.topimage 		{ float: left; margin: 0; padding: 0; border-left: 1px solid #B8B818; border-right: 1px solid #B8B818; }
#logo						{ float: right; padding: 0; margin: 0; }

/* ***** navigationsliste horizontal ***********
*/
#navigation					{ float: left; margin: 0; padding: 75px 0 0 16px; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; }
#navigation ul					{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; }
#navigation ul li				{ display: inline; text-align: left; margin: 0; letter-spacing:0.5px; }
#navigation ul li a				{ padding: 24px 3px 0 3px; color: #656565; text-decoration: none; font-size: 1.25em; letter-spacing: 0.04em; }
#navigation ul li a:hover,
#navigation ul li a:focus		{ color: #B8B818;  background-color: #FFF; /*background: url(../assets/menue.gif) no-repeat top center;*/ }

#menue							{ }
#menue:hover					{ background: url(../assets/menue.gif) no-repeat top center; }

/* navi ausgewaehlt: */
#navigation .navAktiv				{ color: #B8B818; }


/* ***** navigationsliste vertikal *************************************** 
*/
#navigation1						{ float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing:0.2px; }
#navigation1 ul						{ list-style-type: none; text-align: left; margin: 2px 0 10px 45px; padding: 0; }
#navigation1 ul ul					{ margin: 0 0 0 10px; font-weight: normal; }
#navigation1 a						{ clear: both; width: 99%; display: block; text-align: left; margin: 7px 0 0 0; color: #656565; text-decoration: none; }
#navigation1 ul li a				{ font-size: 1.2em; line-height: 110%; }
#navigation1 ul li li a				{ font-size: 1.1em; line-height: 110%; }
#navigation1 ul li li li a			{ font-size: 1.0em; line-height: 110%; }
#navigation1 ul li li li li a			{ font-size: 1.0em; line-height: 100%; }
#navigation1 a:hover,
#navigation1 a:focus				{ color: #B8B818; }

/* navi ausgewaehlt: */
#navigation1 .navAktiv				{ color: #B8B818; }

/* ***** navigationsliste subline ***********
*/	
#subline							{ float: right; width: 980px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #656565; text-align: left; letter-spacing: 0.2px; }
#subline ul							{ border: 0; padding: 2px 0; list-style-type: none; text-align: right; margin: 0 15px 0 680px;}
#subline ul li						{ display: inline; text-align: left; padding: 0; margin: 0; }
#subline ul li a					{ padding: 0 4px 0 4px; color: #B8B818; text-decoration: none; font-size: 0.9em; font-weight: normal;}
#subline ul li a:hover,
#subline ul li a:focus				{ color: #656565; background-color: #FFF;  }

/* ***** diverses ********************************************************
*/
#oben h1							{ color: #CCC; font-weight: bold; font-size: 1em; font-family: Georgia,"Times New Roman",Times,serif; line-height: 120%; letter-spacing: 1px; }
#oben h1 a							{ color: #CCC; text-decoration: none; }

#mitte td.td-0						        { padding: 5px; }
#mitte td.td-1						        { padding: 5px; }
#mitte td.td-2						        { padding: 5px; }
#mitte td.td-last					        { text-align: left; padding: 5px; }

tr.tr-even                          { background-color:  #FDFCE7; margin-right: 0; padding: 0; }
tr.tr-odd                           { background-color:  #FFFFFE;  margin-right: 0; padding: 0; }

.spaltelinks h1
{
	margin: 18px 0 0 45px;
	color: #B8B818;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.04em;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
}

/* mb, 2008-01-11: Spaltenueberschrift nun auch als Link */
.spaltelinks h1 a,
.spaltelinks h1 a:link,
.spaltelinks h1 a:visited
{
	color: #B8B818;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

.spaltemitte							{ color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  }
.spaltemitte h1							{ color: #656565; font-size: 1.3em; font-weight: bold; line-height: 130%; letter-spacing: 0.7px; margin: 0 0 10px 0;}
.spaltemitte h2							{ color: #656565; font-size: 1em; font-weight: bold; margin: 5px 0 10px 0; line-height: 130%; }
.spaltemitte h2 a						{ color: #656565; text-decoration: none; }
.spaltemitte h2 a:hover,
.spaltemitte h2 a:focus					{ text-decoration: none; }
.spaltemitte h2 a span					{ }
.spaltemitte h2 a:hover span			{ }
.spaltemitte h3							{ color: #444; font-weight: bold; font-size: 0.7em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 2px 0 0 0; margin: 0; }

.spaltemitte p,
.content					{ color: #656565; font-size: 1.0em; line-height: 170%; margin: 5px 0 10px 0; }
.spaltemitte p			{ }
.spaltemitte p a,
.spaltemitte p a:visited,
.spaltemitte li a,
.spaltemitte td a,
.spaltemitte td a:visited	{ text-decoration: none; padding-bottom:1px; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #bbb; color: #656565; }
.spaltemitte td a:hover,
.spaltemitte li a:hover,
.spaltemitte td a:visited:hover,
.spaltemitte p a:hover,
.spaltemitte p a:visited:hover	{ text-decoration: none; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #B8B818; color: #B8B818; }
.spaltemitte ol.comments a  	{ text-decoration: underline; color: #656565; }

.spaltemitte ul a,
.spaltemitte ol a 						{ }

.spaltemitte p a:hover,
.spaltemitte p a:visited:hover,
.spaltemitte p a:focus					{ text-decoration: none; }

.spaltemitte td a:hover,
.spaltemitte td a:focus					{ text-decoration: none; }

.spaltemitte ol.comments a:hover,
.spaltemitte ol.comments a:focus 			{ text-decoration: none; }

.spaltemitte ul a:hover,
.spaltemitte ul a:focus,

.spaltemitte ol a:hover,
.spaltemitte ol a:focus					{ }

.spaltemitte img						{ margin: 0; }
.spaltemitte img.noborder				{ border: 1px solid white; }
.spaltemitte ul,
.spaltemitte ol							{ padding: 0 0 4px 20px; margin: 0; }


.spaltemitte li							{ font-size: 1.0em; line-height: 170%; color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spalterechts li						{ font-size: 1.0em; line-height: 170%; color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

.spalterechts							{ color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spalterechts h1							{ color: #656565; font-size: 1.3em; font-weight: bold; line-height: 130%; letter-spacing: 0.7px; margin-bottom:10px;}
.spalterechts h2 {
	color: #656565;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 10px 0;
	line-height: 130%;
}
.spalterechts h2 a,
.spalterechts h2 a:visited {
	color: #656565;
	text-decoration: none;
}
.spalterechtse h2 a:hover,
.spalterechts h2 a:focus {
	text-decoration: none;
}
.spalterechts h2 a span {
}
.spalterechts h2 a:hover span {
}
.spalterechts h3							{ color: #444; font-weight: bold; font-size: 0.7em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 2px 0 0 0; margin: 0; }



.spalterechts p,.content					{ color: #656565; font-size: 1.0em; line-height: 170%; margin-top: 0; }
.spalterechts p a,
.spalterechts a:visited,
.spalterechts td a				{ text-decoration: none; padding-bottom:1px; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #bbb; color: #656565; }
.spalterechts td a:hover,
.spalterechts td a:visited:hover,
.spalterechts p a:hover,
.spalterechts p a:visited:hover	{ text-decoration: none; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color: #B8B818; color: #B8B818; }


.spalterechts ol.comments a  			{ text-decoration: underline; color: #656565; }

.spalterechts ul a,
.spalterechts ol a 						{ }
.spalterechts ul,
.spalterechts ol							{ padding: 0 0 4px 20px; margin: 0; }

.spalterechts li a				{ text-decoration: underline; color: #656565; }

#mitte .csc-textpic-image img 				{ border: 1px solid #DDD; }
.csc-textpic-caption				{ padding: 5px 0 0 0; }

#mitte .csc-form-fieldcell				{ font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1em; padding: 0 0 5px 5px; }
#mitte .csc-loginform				{ font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1em; padding: 0 }


.artikel img						{ float: right; border: 1px solid #DDD; }
.artikel #galerie img				{ float: left; border: 1px solid #DDD; }

#unten p							{ margin: 0; padding: 4px 0; color: #656565; font-size: 1em; font-weight: bold; }
#unten p a							{ color: #656565; text-decoration: none; }



/* ***** standards *******************************************************
*/
small								{ font-size: 1em; }


/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea							{ padding: 1px 2px; color: #333; font-style: normal; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.7em;  }
textarea							{ width: 270px;  height: 120px; }


/* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de )
69%, 76%, 86%, 93%, 101%
*/

.artikel { border:0; padding:0; margin:0; }
/* .rahmen { padding:0; margin:0; border: 1px solid #DDD; } */
.rahmen { padding:0; margin:0; border: 1px solid #DDD; }

/*
border-bottom:1px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #B1B1B1; 
*/


/* mb, 2010-06-24, nach Upd auf 4.4 */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img {
	border: 2px solid black;
	border: 0px none black;
	padding:0;
}