/* 
--------------------------------------------------------------------------------------------------------------
© 2007, Ch. Badertscher (BC), handball spiez
--------------------------------------------------------------------------------------------------------------
Beschreibung:
CSS-Stylesheets
--------------------------------------------------------------------------------------------------------------
*/

/* Allgemeine */
*
{
	font-family:			Arial;
	font-size:				11pt;
	font-weight:			normal;
	letter-spacing:		normal;
	text-transform:		none;	
	word-spacing:			normal;
}

/* Body-Klasse */
body
{
	background-color:		#ffffff;
	margin:					0px;
}

/* H-Tag-Klassen */
H1, H2
{
    color:					#010090;
}

H1	
{	
	font-size:				2em;
	font-weight:			700;
	font-style:				normal;
	text-decoration:		none;
	word-spacing:			normal;
}

H2
{	
	font-size:				1.75em;
	font-weight:			700;
	font-style:				normal;
	text-decoration:		none;
	word-spacing:			normal;
}

H3
{	
	font-size:				1em;
	font-weight:			700;
	font-style:				normal;
	text-decoration:		none;
	word-spacing:			normal;
}

HR
{
	width:					100%;
	text-align:				left;/*this will align it for IE*/
	margin:					0 auto 0 0; /*this will align it left for Mozilla*/
	color:					#010090;
}

HR.fine
{
	width:					100%;
	text-align:				left;/*this will align it for IE*/
	margin:					0 auto 0 0; /*this will align it left for Mozilla*/
	color:					#010090;
	height:					1px;
}

li
{	
	list-style-type:		disc;
	color:					#010090;
}

li.nr
{	
	list-style-type:		decimal;
	color:					#010090;
	padding-left:			0px;
}

ul ol
{
	padding-left:			0px;
}

/* Link-Klassen */
A:link
{
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
}	
		
A:visited	
{	
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
}	
		
A:active	
{	
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
}	
		
A:hover
{
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
}

A.Content:link
{
	color:					#0066ff;
	text-decoration:		underline;
}	
		
A.Content:visited	
{	
	color:					#0066ff;
	text-decoration:		underline;
}	
		
A.Content:active	
{	
	color:					#0066ff;
	text-decoration:		underline;
}	
		
A.Content:hover
{
	color:					#0066ff;
	text-decoration:		underline;
}

A.Legende:link
{
	font-size:				10pt;
	color:					#0066ff;
	text-decoration:		underline;
}
		
A.Legende:visited	
{
	font-size:				10pt;	
	color:					#0066ff;
	text-decoration:		underline;
}	
		
A.Legende:active	
{
	font-size:				10pt;
	color:					#0066ff;
	text-decoration:		underline;
}	
		
A.Legende:hover
{
	font-size:				10pt;
	color:					#0066ff;
	text-decoration:		underline;
}

/* Navigation */
#navigation
{
	width:					117px;
	font-family:			Inhirits;
}

#navigation ul
{
	list-style:				none;
	margin:					0;
	padding:					0;
}

#navigation li
{
	border-bottom:			1px solid #ffffff;
}

#navigation li a:link, #navigation li a:visited
{
	display:					block;
	padding:					5px 5px 5px 0.5em;
	border-left:			12px solid #ffffff;
	/* border-right:		1px solid #711515; */
	background-color:		#010090;
	color:					#ffffff;
	text-decoration:		none;
}

#navigation li a:hover
{
	background-color:		#0066ff;
	color:					#ffffff;
}

#navigation ul ul
{
	margin-left:			8px;
}

#navigation ul ul li
{
	/* border-bottom:		1px solid #711515; */
	margin:					0;
}

#navigation ul ul a:link, #navigation ul ul a:visited
{
	background-color:		#6699ff;
	color:					#ffffff;
}

#navigation ul ul a:hover
{
	background-color:		#0066ff;
	color:					#ffffff;
}

/* Allgemeine Tabellen-Klassen */
.TableRowWidth1
{
	width:					115px;
}

.TableRowWidth2
{
	width:					20px;
}

.TableRowWidth3
{
	width:					200px;
}

.TableRowWidth4
{
	width:					400px;
}

.TableRowWidth5
{
	width:					500px;
}

.TableRowWidth6
{
	width:					50px;
}

.TableRowWidth7
{
	width:					300px;
}

.TableRowWidth8
{
	width:					100px;
}

.TableRowWidth9
{
	width:					250px;
}

.TableRowWidth10
{
	width:					600px;
}

.TableRowWidth11
{
	width:					450px;
}

.TableRowBackgroundColor1
{
	background-color:		#010090;
}

.TableRowBackgroundColor2
{
	background-color:		#ffffff;
}

.TableRowBackgroundColor3
{
	background-color:		#dcdcdc;
}

.TableRowHeight1
{
	height:					100%;
}

.TableTextAlignL
{
	text-align:				left;
}

.TableTextAlignR
{
	text-align:				right;
}

.TableTextAlignJ
{
	text-align:				justify;
}

.TableTextAlignC
{
	text-align:				center;
}

.TableVAlignT
{
	vertical-align:		top;
}

.TableVAlignB
{
	vertical-align:		bottom;
}

.TableVAlignM
{
	vertical-align:		middle
}

.TableShadowB
{
	border-bottom:			#6699ff 3px solid;
}

.TableShadowT
{
	border-Top:				#6699ff 3px solid;
}

.TableShadowR
{
	border-right:			#6699ff 3px solid;
}

.TableShadowL
{
	border-left:			#6699ff 3px solid;
}

.TableShadowGBB
{
	border-bottom:			#010090 1px solid;
}

.TableShadowGBT
{
	border-Top:				#010090 1px solid;
}

.TableShadowGBR
{
	border-right:			#010090 1px solid;
}

.TableShadowGBL
{
	border-left:			#010090 1px solid;
}

/* Tabellen-Klassen für Master-Page */
.MasterTable
{	
	border:					0px;
	height:					100%; 
	padding:					0px; 
	width:					100%;
	border-collapse:		collapse;
	border-width:			0px;
	background-color:		#010090;
}

.MasterTableHeaderRow
{
	background-color:		#010090;
	color:					White;	
	font-family:			inherits;
	font-size:				20pt;
	font-weight:			bold;
	height:					44px;
	vertical-align:		bottom;
}

/* Tabellen-Klassen für Content-Page */
.ContentTable
{	
	border:					0px;
	/*height:					510px;*/
	padding:					0px; 
	width:					90%;
	border-collapse:		collapse;
	border-width:			0px;
	background-color:		#ffffff;
}

.ContentInnerTable
{	
	border:					0px;
	padding:					0px; 
	width:					90%;
	border-collapse:		collapse;
	border-width:			0px;
	background-color:		#ffffff;
}

.ContentInnerTableFullSize
{	
	border:					0px;
	padding:					0px; 
	width:					100%;
	border-collapse:		collapse;
	border-width:			0px;
	background-color:		#ffffff;
}

.ContentSiteMapTable
{	
	border:					0px;
	padding:					0px; 
	width:					60%;
	border-collapse:		collapse;
	border-width:			0px;
	background-color:		#ffffff;
}

/* Tabellen-Klassen für Content-Page */
td.BigPadding
{
	padding:					10px;
}

td.SmallPadding
{
	padding:					5px;
}

/* Span-Tag Klassen */
span.HeaderTitel
{
	font-weight:			bold;
	font-size:				20pt;
	color:					#ffffff;
}

span.Titel
{
	font-weight:			bold;
	font-size:				20pt;
	color:					#010090;
}

span.UTitel
{
	font-weight:			bold;
	font-size:				12pt;
	color:					#010090;
}

span.UTitelW
{
	font-weight:			bold;
	font-size:				12pt;
	color:					#ffffff;
}

span.TextB
{
	font-weight:			bold;
	font-size:				10pt;
	color:					#010090;
}

span.TextW
{
	font-weight:			normal;
	font-size:				10pt;
	color:					#ffffff;
}

span.TextBig
{
	font-weight:			bold;
	font-size:				11pt;
	color:					#010090;
}

span.Text
{
	font-weight:			normal;
	font-size:				10pt;
	color:					#010090;
}

span.TextArab
{
	font-weight:			normal;
	font-size:				12pt;
	color:					#010090;
}

span.TextK
{
	font-weight:			normal;
	font-size:				10pt;
	color:					#010090;
	font-style:				italic;
}

span.TextBK
{
	font-weight:			bold;
	font-size:				10pt;
	color:					#010090;
	font-style:				italic;
}

span.TextLinkLike
{
	font-weight:			bold;
	font-size:				11pt;
	color:					#0066ff;
}

span.breadcrumb
{
	color:					#ffffff;
}

span.Footer
{
	font-weight:			bold;
	font-size:				10pt;
	color:					#ffffff;
}

/* Input Klassen */
.Text
{
	font-weight:			normal;
	font-size:				10pt;
	color:					#010090;
}

/* Images Klassen */
img.links
{
	border:					0px;
}

img.logo
{
	border:					0px;
	width:					115px;
	height:					114px;
}

img.gallery
{
	border:					0px;
	width:					250px;
	height:					200px;
}

img.TeamGallery
{
	border:					0px;
	width:					200px;
	height:					160px;
}

img.portrait
{
	border:					0px;
	width:					500px;
	height:					375px;
}

img.passfoto
{
	border:					0px;
	width:					110px;
	height:					147px;
}

img.spacer
{
	border:					0px;
	width:					40px;
	height:					40px;
}

img.footer
{
	border:					1px solid #000000;
	width:					200px;
	height:					100px;
}

img.fotoviewer
{
	border:					1px solid #000000;
}

img.nussbaum
{
	border:					1px solid #000000;
	width:					300px;
	height:					90px;
}

img.etrgb
{
	border:					1px solid #000000;
	width:					300px;
	height:					49px;
}

img.appaloosa
{
	border:					1px solid #000000;
	width:					149px;
	height:					95px;
}

img.mrenergy
{
	border:					1px solid #000000;
	width:					171px;
	height:					95px;
}

img.brasserie
{
	border:					1px solid #000000;
	width:					137px;
	height:					95px;
}

img.dIsol
{
	border:					1px solid #000000;
	width:					254px;
	height:					60px;
}

img.zurbruegg
{
	border:					1px solid #000000;
	width:					237px;
	height:					88px;
}

img.bekb
{
	border:					1px solid #000000;
	width:					100px;
	height:					24px;
}

/* Klassen für Schatteneffekte */  
.img-shadow
{
  float:						left;
  background:				url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background:				url(../images/shadow.gif) no-repeat bottom right;
  margin:					10px 0 0 10px !important;
  margin:					10px 0 0 5px;
}

.img-shadow img {
  display:					block;
  position:					relative;
  background-color:		#fff;
  border:					1px solid #010090;
  margin:					-6px 6px 6px -6px;
  padding:					4px;
}

/* Klassen für GridView */
.BigGrid
{
	width:					1200px;
	padding:					2px;
}

.Grid
{
	width:					1000px;
	padding:					2px;
}

.MediumGrid
{
	width:					900px;
	padding:					2px;
}

.SmallGrid
{
	width:					700px;
	padding:					2px;
}

.GridHeaderRow
{
	font-family:			Arial;	
	font-size:				11pt;
	font-weight:			bold;
	height:					25px;
	vertical-align:		middle;
	text-align:				left;
	font-weight:			bold;
	background-color:		#0066ff;
	color:					#ffffff;
}

.GridRow
{
	height:					27px;
	background-color:		#0099ff;
	color:					#ffffff;
}

.GridAlternateRow
{
	height:					27px;
	text-align:				left;
	/*color:					#010090;*/
}

.GridCmdColumn
{
	text-align:				right;
	vertical-align:		middle;	
	width:					100px;
}

.GridSmallestColumn
{
	width:					50px;
}

.GridSmallColumn
{
	width:					80px;
}

.GridNormalColumn
{
	width:					150px;	
}

.GridBigColumn
{
	width:					190px;	
}

.GridLargeColumn
{
	width:					300px;	
}

.GridXLagreColumn
{
	width:					500px;	
}

/* Klassen für Buttons */
.Buttons
{
	cursor:					hand;
}

/* DIV-Tag Klassen */
div.GuestBookScroll
{
	height:					320px;
	/*width:					600px;*/
	overflow:				auto;
}

div.SurveyScroll
{
	height:					110px;
	/*width:					600px;*/
	overflow:				auto;
}

div.PhotoGalleryScroll
{
	height:					300px;
	/*width:					600px;*/
	overflow:				auto;
}

div.BerichteScroll
{
	height:					400px;
	/*width:					600px;*/
	overflow:				auto;
}

div.TZeitenScroll
{
	height:					180px;
	/*width:					600px;*/
	overflow:				auto;
}

div.SpezTermineScroll
{
	height:					250px;
	/*width:					600px;*/
	overflow:				auto;
}

/* Validator */
.Val
{
	color:					#010090;
	font-weight:			bold;
	font-size:				20pt;	
}

.ValSum
{
	color:					#010090;
	width:					500px;
}