/* ************************************************************************************* 
	Body
************************************************************************************* */
body {
	color: white;
	background-color: #222;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	
	font-weight: lighter;
	font-size: 12pt;
	font-family: Verdana. Geneva;
}
/* ************************************************************************************* 
************************************************************************************* */



/* ************************************************************************************* 
	KLEINKRAM
************************************************************************************* */
/* Für überlappende Bilder im Impressum*/
p.ImpPics
{
	margin-bottom:	-1.5em;
	margin-top:		0em;
}
/* Tabellen-Hintergrund für PicOfTheDay auf der Main-Site */
table.PicOfTheDay
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	solid;
	background-color:	#ddeedd;
}
/* Tabellen-Hintergrund für LatestNews auf der Main-Site */
table.LatestNewsPrev
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	solid;
	/*background-color:	#dddddd;*/
	background-color:	#ddeedd;
}

/* Für Temporäre Pics in den 'Vorweg'-Texten von 'In-Arbeit'-Pässen */
.TempPicRightBig
{
	float:right;
	width:210px;
	margin-left:5px;
	display:inline;
}
.TempPicRightSmall
{
	float:right;
	width:110px;
	margin-left:5px;
	display:inline;
}
.TempPicLeftSmall
{
	float:left;
	width:110px;
	margin-right:5px;
	display:inline;
}


/* Tabellen-Design für per PHP erstellte Formulare */
.PHPFormTable
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	solid;
	background-color:	#dddddd;
}
/*Testweise, fliegt bald raus*/
.TableFullSize {
	height: 100%;
	width:	100%
}


img.blog {
	text-align:center;
	padding: 0px;
	margin: 0px;
	border: 1px solid white;
}

img.3D {
	border-width: 4px;
	border-color: lightgreen;
	border-style: solid;
}
span.SFPic {
	border-width:	0px;
	border-color:	#000000;
	border-style:	solid;
	/*background-color:	#dddddd;*/
	margin:			1px;
	font-style:		italic;
	font-size:		12px;
	color:			#000044;
}	

img.SFPic {
	border-width:	2px;
	border-color:	#000000;
	border-style:	solid;
}	


table.MBTable1
{
	border-width: 1px; 
	border-color: #000000;
	border-left-style: solid;
	border-top-style: solid;
}

td.MBTableHeader
{
	border-width: 1px; 
	border-color: #000000;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #ddeedd;
}
td.MBTableNormal
{
	border-width: 1px; 
	border-color: #000000;
	border-right-style: solid;
	border-bottom-style: solid;
}

/* ************************************************************************************* 
	Textformatierungen in den Static-Texten
	Nährers dazu siehe C_SF_TextTransformer
************************************************************************************* */
.TextFormatWater {
	color: 			#333;
	font-style:		italic;
	white-space:	nowrap;
}
.TextFormatCity {
	color: 			#333;
	font-weight:	bold;
	font-style:		italic;
	white-space:	nowrap;
}
.TextFormatRoute {
	color: 			#333;
	font-style:		italic;
	white-space:	nowrap;
}
.TextFormatLandscape {
	color: 			#333;
	font-style:		italic;
	white-space:	nowrap;
}
.TextFormatUnterkunft {
	color: 			#333;
	font-style:		italic;
	white-space:	nowrap;
}
.TextFormatZitat {
	color: 			#333;
	font-style:		italic;
}


/* ************************************************************************************* 
************************************************************************************* */



/* ************************************************************************************* 
	Links
	sf		- SF-interne Links
	www		- Links, die ins WWW zeigen
	sfhelp	- Links, die ein Info-Popup öffnen.
************************************************************************************* */
a:link {
		text-decoration: none;
}
a:visited {
		text-decoration: none;
}
a:active {
		text-decoration: none;
}
a:hover {
		text-decoration: underline;
}
/* ******************************
	interne Links
********************************/
a.sf:link {
		color: #ddf;
}
a.sf:visited {
		color: #aad;
}
a.sf:active {
		color: rgb(200, 0, 200);
}
a.sf:hover {
		color: #aad;
}
/* ******************************
 Big , für die Rubriken-Leiste
 FLIEGT BALD RAUS !!!
********************************/
a.sfbig:link {
		color: rgb(0, 0, 255);
		font-size: 130%;		
}
a.sfbig:visited {
		color: rgb(0, 0, 170);
		font-size: 130%;		
}
a.sfbig:active {
		color: rgb(200, 0, 200);
		font-size: 130%;		
}
a.sfbig:hover {
		color: rgb(0, 0, 255);
		text-decoration: underline;
		font-size: 130%;		
}
/* ******************************
	Link ins WWW 
********************************/
a.www:link {
		color: #ffc;
		text-decoration: underline;
}
a.www:visited {
		color: #ffc;
		text-decoration: underline;
}
a.www:active {
		color: #ffc;
		text-decoration: underline;
}
a.www:hover {
		color: #ffc;
		text-decoration: underline;
}	
/* ******************************
	Link die Info-Popup öffnen
********************************/
a.sfhelp:link {
		color: rgb(160, 160, 0);
		cursor: help;
}
a.sfhelp:visited {
		color: rgb(80, 80, 0);
		cursor: help;
}
a.sfhelp:active {
		color: rgb(255, 255, 0);
		cursor: help;
}
a.sfhelp:hover {
		color: rgb(160, 160, 0);
		cursor: help;
}	
/* ************************************************************************************* 
************************************************************************************* */




/* ************************************************************************************* 
	Texte
	Den Middle könnte man eigentlich auch in den Body-Tag verfrachten, da dies
	der Standard-Text-CSS sein sollte.
************************************************************************************* */
.TextNormalBig {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #fff;
	font-weight: light;
	font-size: 13pt;
	font-family: Verdana. Geneva;
}
.TextNormalMiddle {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #fff;
	font-weight: lighter;
	font-size: 12pt;
	font-family: Verdana. Geneva;
}

.TextNormalSmall {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #fff;
	font-weight: light;
	font-size: 9pt;
	font-family: Verdana. Geneva;
}

/*Taucht nur in der Structur links auf, wenn link disabled ist.*/
.TextStructDisabled {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #888888;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana. Geneva;
}
/* zur Zeit noch für dein InfoLink verwendet, aber CSSe werden eh durch den Link überschrieben*/
.TextInfoLinkTo
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: lighter;
	font-size:	12pt;
	font-family: Verdana. Geneva;

	color:		#aaffff;
	font-style:italic;
}
/* ************************************************************************************* 
************************************************************************************* */




/* ************************************************************************************* 
	Die folgenden Formatierungen werden in allen SF-Listen verwendet.
	.List... werden in den Listen verwendet, freundlicherweis auch NUR dort!
	ListHeader		- Header-Spalte in tabellarischen,
					  in den Views die wenigen Header, die meist links
					  vom eigentlichen Text stehen.
	ListData...		- Mögliche CSS-Klassen für Listen-DATEN, d.h.
					  ist nix für Header-Texte. Wird teilweise (wenn Main-Spalte)
					  mit Link unterlegt, hat zur folge, das dieser die
					  größe wechselt.
	ListDataSmall	- Zur Zeit eigentlich nur in der Forum-Übersicht
	ListDataNormal	- gewöhnliche Daten innerhalb einer Liste
	ListDataBig		- Zur Zeit öfters für die Main-Spalte verwendet
************************************************************************************* */


table.ListCommon
{
	border-left: 1px solid white; 
	border-top: 1px solid white;
	border-right: 1px solid white; 
	border-bottom: 1px solid white; 
	border-color: #000000;
}
.ListHeader
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	color: #ffddff;
	font-family: Verdana. Geneva;
	font-size:	12pt;
	
	/*color:		#aa0000;*/
	/*font-style:italic;	*/
}
.ListDataLong
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: lighter;
	font-size:	13pt;
	font-family: Verdana. Geneva;

	color:		#400;
	/*font-style:italic;	*/
}
.ListDataSmall
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: lighter;
	font-size:	10pt;
	font-family: Verdana. Geneva;

	/*color:		#aa0000;*/
	/*font-style:italic;	*/
}
.ListDataNormal
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: lighter;
	font-size:	12pt;
	font-family: Verdana. Geneva;

	/*color:		#aa0000;*/
	/*font-style:italic;	*/
}
.ListDataMiddle
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: lighter;
	font-size:	14pt;
	font-family: Verdana. Geneva;

	/*color:		#aa0000;*/
	/*font-style:italic;	*/
}
.ListDataBig
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	font-size:	16pt;
	/*font-weight: bold;*/
	font-family: Verdana. Geneva;

	color:		#fff;
	/*font-style:italic;	*/
}
/* TD für Tabellen-Listen (z.B. Pässe-Listen) */
td.ListTable
{
	padding: 2px; 
	border-width: 0px; 
	border-style: solid; 
	border-color: #555555; 
	border-bottom-width: 1px;
}
/* ************************************************************************************* 
************************************************************************************* */




/* ************************************************************************************* 
	Das hier sind die einzigen jetzt gültigen CSSe in Sachen HEADER
	Diese sollten NICHT in Listen o.ä auftauchen, sind nur für
	diverse Überschriften gedacht, z.B.
	Rubriken-Überschriften,
	Infobox-Themen-Überschrift.
************************************************************************************* */
.TextHeaderBig {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #ddd;
	font-weight: normal;
	font-size:	30pt;
	font-family: Verdana. Geneva;
	font-style:italic;
}
.TextHeaderMiddle {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #ddd;
	font-weight: lighter;
	/*font-weight: bold;*/
	font-size:	20pt;
	font-family: Verdana. Geneva;
}
.TextHeaderSmall {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #ddd;
	font-weight: lighter;
	/*font-weight: bold;*/
	font-size:	14pt;
	font-family: Verdana. Geneva;
}
.TextHeaderSub {
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
	color: #ddd;
	font-weight: lighter;
	font-size:	10pt;
	font-family: Verdana. Geneva;
}

/* ************************************************************************************* 
************************************************************************************* */



.TourDataBox {
	border: 2px solid white;
	font-size: 12px;
	padding: 5px;
	background: lightgrey;
	float:	right;
}


.Thin {
	vertical-align:top;
	text-align:left;
	border-spacing:0px
	margin: 0px;
	padding: 0px;
	border: 0px solid white;
	border-collapse:collapse;
}

.Debug {
	border: 1px solid white;
	background-color: #d8efd8;
	padding: 3px;
	
}

/* ******************************/
/* ******************************/
/* ******************************/
/* 								*/
/* Test-Krempel                 */
/*                              */
/* ******************************/
/* ******************************/
/* ******************************/

/* ******************************/
/* Form- + Elemente (nur Test) */
/* ******************************/

input, select, textarea
{ 
	color:			white; 
	background-color: black;
	/*width:			100px;*/
	margin:			0px;
	margin-bottom:	0px;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	0px;
	padding-bottom:	0px;
	/*font-size:		12px;*/
}
label {
	text-align: 	center;
	font-weight:	bold;
	white-space:	nowrap;
	padding-left:	5px;
	padding-right:	0px;
	padding-top:	5px;
	padding-bottom:	0px;
	color: #000088;
	/*
	border-width:	thin;
	border-color:	#000000;
	border-style:	solid;
	*/
	margin-left:	5px;
	margin-right:	0px;
}

label.LabelDisabled
{
	color: #aaaaaa;
}
fieldset
{ 
	/*color:			#0000CC; */
	padding-top:	0px;
	padding-bottom:	10px;
	padding-left:	5px;
	padding-right:	5px;
	font-size:		15px;
}

/* Die Form hat nach unten hin meinst ein margin von 1em, meist störenderweis*/
form {

	margin:			0px;
	padding:		0px;

}

/*
.CheckRadio
{ 
	color:			#0000CC; 
	width:			20px;
	height:			15px;
	margin:			1px;
}
*/



/*
th, td {
	background-color: #b8cfb8;
	margin-top: 10em;
	margin-bottom: 10em;
}
*/


/*
.Small {
	width:100px;
}
.Big
	width:300px;
}
/*

/*
form { 
	//background-image:url(background.gif); 
	padding:20px; 
	border:6px solid #DDDDDD; 
}
 
 td, input, select, textarea
   { font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
 .Bereich, .Feld
   { background-color:#FFFFAA; width:300px; border:6px solid #DDDDDD; }
 .Auswahl
   { background-color:#DDFFFF; width:300px; border:6px solid #DDDDDD; }
 .Check, .Radio
   { background-color:#DDFFFF; border:1px solid #DDDDDD; }
 .Button
   { background-color:#AAAAAA; color:#FFFFFF; width:200px; border:6px solid #DDDDDD; }
*/




table.SFBlogComment {
	border: 1px solid #888888;
	/*background-color: #e8ffe8;*/
	background-color: #222;
	
}
tr.SFBlogComment {
}
td.SFBlogComment {
	border-top: 0px solid white;
}
td.SFBlogCommentBig {
	border-top: 1px solid white;
}

.SFBlogCommentQuote {
	border: 1px solid white;
	background-color: #cceecc;
	margin: 8px;
	padding: 3px;
}



.SFFrameBlue {
	text-align: left;
	vertical-align:top;
	background-color: #333;
	padding: 7px;
	border: 1px #666 solid;
}




















/* ******************************/
/* Link */
/* ******************************/
/*
a.ListLinkSmall:link {
}
a.ListLinkSmall:visited {
}
a.ListLinkSmall:active {
}
a.ListLinkSmall:hover {
}

a.ListLinkBig:link {
		font-size: 130%;		
}
a.ListLinkBig:visited {
		font-size: 130%;		
}
a.ListLinkBig:active {
		font-size: 130%;		
}
a.ListLinkBig:hover {
}
*/
/*		font-size: 130%;		*/


h4.ListTextNormal {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	color: #002200;
	font-weight: lighter;
	font-size: 100%;
	font-family: Verdana. Geneva;
}
h4.ListTextHeader {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	color: #002200;
	font-weight: bold;
	font-size: 100%;
	font-family: Verdana. Geneva;
	
}
h2.ListTextHeaderBig {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 2px;
	margin-left: 2px;
	color: #002200;
	font-weight: bold;
	font-family: Verdana. Geneva;
	
}


img.Special
{
	border:#ff0000 1px dashed;
	background-color:#aaaaff;
}