/* ================================================================= */
/*                           Style-Sheet                             */
/*                  PuMaWissen @ Mattenbach-Style                    */
/* ================================================================= */
/*    Autor: Fabian Suter                                            */
/*    Home:  www.mattenbach.ch                                       */
/*    Datum: 11.05.2008                                              */
/*    Copyright: mattenbach AG                                       */
/* ================================================================= */
/*    Aenderungen:                                                   */
/* ================================================================= */

body
{
	font-family:		Verdana, Helvetica, Arial, Sans-Serif;	
	font-size:			11px;
}

s
{
	text-decoration:	underline;
}

.borderGrey
{
   background-color: 	#e7e9eb;
}

.titleBeam
{
   background-color: 	#e7e9eb;
   padding-left:		20px;
   font-size:			12px;
   font-weight:			bold;
}

.naviCol
{
   background-color: 	#ECF3E4;
   
}

.content
{
   font-size:			11px;
   width:				100%;
   vertical-align: 		top;
}

.mainPageTitle
{
	font-size:			18px;	
	font-weight:		bold;
	color:				#6B9636;
	text-align:			left;
}

.mainPageText
{
	font-size:			12px;	
	font-weight:		bold;
	color:				#6B9636;		
}

.mainPageTextBld
{
	font-size:			11px;	
	font-weight:		bold;
	color:				#43473D;		
}

/* ================================================================= */
/* Links                                                             */
/* ================================================================= */


.simuLinkBlue
{
	font-size:			11px;	
	font-weight:		bold;
	color:				#6B9636;
	text-decoration:	underline;
}
.simuLinkBlue:visited 
{
	font-size:			11px;	
	font-weight:		bold;
	color:				#6B9636;
	text-decoration:	underline;
}
.simuLinkBlue:hover 
{
	font-size:			11px;	
	font-weight:		bold;
	color:				#FDBE01;
	text-decoration:	underline;
}
.simuLinkBlue:active 
{
	font-size:			11px;	
	font-weight:		bold;
	color:				#FDBE01;
	text-decoration:	underline;
}

.linkNormal
{
	font-size:			10px; 
	color:				#125e93; 
	text-decoration:	none;
}
.linkNormal:visited 
{
	font-size:			10px; 
	color:				#125e93; 
	text-decoration:	none;
}
.linkNormal:hover 
{
	font-size:			10px; 
	color:				#9a9294;  
	text-decoration:	none;
}
.linkNormal:active 
{
	font-size:			10px; 
	color:				#9a9294; 
	text-decoration:	none;
}


.linkBold 
{
	font-weight:		bold; 
	font-size:			10px; 
	color:				#125e93; 
	text-decoration:	none;
}
.linkBold:visited 
{
	font-weight:		bold; 
	font-size:			10px; 
	color:				#125e93; 
	text-decoration:	none;
}
.linkBold:hover 
{
	font-weight:		bold; 
	font-size:			10px; 
	color:				#9a9294; 
	text-decoration:	none;
}
.linkBold:active 
{
	font-size:			bold; 
	font-size:			10px; 
	color:				#9a9294; 
	text-decoration:	none;
}

a.linkTopOfPage:link
{ 
	font-size:			10px; 
	font-weight:		normal; 
	color:				#3C600F; 
	text-decoration:	none;
}
a.linkTopOfPage:visited
{ 
	font-size:			10px; 
	font-weight:		normal; 
	color:				#3C600F; 
	text-decoration:	none;
}
a.linkTopOfPage:focus
{ 
	font-size:			10px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}
a.linkTopOfPage:hover
{ 
	font-size:			10px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}
a.linkTopOfPage:active
{ 
	font-size:			10px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}


a.linkHorizontalNavi:link
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#3C600F; 
	text-decoration:	none;
}
a.linkHorizontalNavi:visited
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#3C600F; 
	text-decoration:	none;
}
a.linkHorizontalNavi:focus
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}
a.linkHorizontalNavi:hover
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}
a.linkHorizontalNavi:active
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#82D120; 
	text-decoration:	none;
}

a.email:link
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#0000FB; 
	text-decoration:	none;
}

a.email:visited
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#0000FB; 
	text-decoration:	none;
}

a.email:focus
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#FFFFFF; 
	text-decoration:	none;
}

a.email:hover
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#FFFFFF; 
	text-decoration:	none;
}

a.email:active
{ 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#FFFFFF; 
	text-decoration:	none;
}

.squarer
{
	width:				150px;
	height:				150px;
	background-color:	#A5D26C;
	vertical-align: 	top;
}

.squarel
{
	width:				30px;
	height:				150px;
	background-color:	#FDBE01;
	vertical-align: 	top;
}

.tableCase
{
	width:				655px;
	border:				solid 0px #003366;
	border-collapse:    collapse;
}

.tableRowCaseOn
{
	vertical-align: 	top;
	background-color:	#A5D26C;
}

.tableRowCaseOff
{
	background-color:	#ECF3E4;
}

.tableCellCase
{
	vertical-align: 	top;
	/* border:				solid 0px #A5D26C; */
	border-top:			solid 1px #A5D26C;	
	border-bottom:		solid 1px #A5D26C;	
	
	
	
	padding:			5px;
}

.linkCase
{
	/* font-family:		Courier New; */			
	font-family:		Verdana, Arial, Helvetica, Sans-Serif;	
	/* color:				#3383A2; */
	color:				#AD4D61;
	font-weight:		bold;
	font-size:			14px;
	text-decoration:	none;	
}

.linkCaseDelete
{		
	font-family:		Arial, Helvetica, Sans-Serif;	
	color:				#333333;
	font-weight:		normal;
	font-size:			12px;
	text-decoration:	underline;	
}

.refTable
{
	width:				655px;	
}

.refCellTitleLeft
{
	font-weight:		bold;
	width:				160px;	
}

.refCellTitleRight
{
	font-weight:		bold;	
}

.refCellContent
{
	font-weight:		normal;
	background-color:	#A5D26C;
	padding:			3px;	
}

.refCellContentFine
{
	font-weight:		normal;
	background-color:	#D0E1BD;
	padding:			3px;	
}

/* ================================================================= */
/* Components                                                        */
/* ================================================================= */

.Button100green
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url('img/button_100_mgreen.jpg'); 
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				100px;
}

.Button100yellow
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_100_yellow.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				100px;
}

.Button100orange
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_100_orange.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				100px;
}

.Button120green
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url('img/button_120_mgreen.jpg');
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				120px;
}

.Button120yellow
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_120_yellow.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				120px;
}

.Button120orange
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_120_orange.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				120px;
}

.Button150green
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	/* background-image:	url('img/button_150_green.jpg'); */
	background-image:	url('img/button_150_mgreen.jpg');
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				150px;
}

.Button150yellow
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_150_yellow.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				150px;
}

.Button150orange
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_150_orange.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				150px;
}

.Button180green
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	/* background-image:	url('img/button_180_green.jpg'); */
	background-image:	url('img/button_180_mgreen.jpg');
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				180px;
}

.Button180yellow
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_180_yellow.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				180px;
}

.Button180orange
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_180_orange.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				180px;
}

.Button200green
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	/* background-image:	url('img/button_200_green.jpg'); */
	background-image:	url('img/button_200_mgreen.jpg');
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				200px;
}

.Button200yellow
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_200_yellow.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				200px;
}

.Button200orange
{
	border:				0px;
	margin:				3px;
	font-family:		Arial;
	height:				22px;
	color:				#333333;
	font-weight:		bold;
	font-size:			11px;
	background-image:	url("./img/button_200_orange.jpg");
	background-repeat:	no-repeat;
	text-align:			center;
	line-height:		21px;	
	width:				200px;
}

.textfield
{
	font-weight:		normal; 
	font-size:			11px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				1px solid #000000;
}

.dropDown
{
	border:				1px solid #6B9636;
}

.textBox
{
	border:				1px solid #6B9636;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	margin-left:		3px;	
}

.inputBoxSmallest
{
   font-family:      Verdana, MS Sans Serif, Arial;
   font-size:        10px;
   height:           16px;
   width:            80px;
   border-left:      1px solid #6B9636;
   border-top:       1px solid #6B9636;
   border-right:     1px solid #6B9636;
   border-bottom:    1px solid #6B9636;
   background-color: #FFFFFF;
   padding-left:     3px;
   line-height:      16px;	
}

.textBoxMultiline
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;	
	
	border:							1px solid #6B9636;	
	
	scrollbar-base-color:			#ffffff;
	scrollbar-3d-light-color:		#ffffff;
	scrollbar-arrow-color:			#ffffff;
	scrollbar-darkshadow-color:		#ffffff;
	scrollbar-face-color:			#ffffff;
	scrollbar-highlight-color:		#ffffff;
	scrollbar-shadow-color:			#6B9636;
	scrollbar-track-color:			#ffffff;
}

/* ================================================================= */
/* Text and Titles                                                   */
/* ================================================================= */

.tableRowTitle
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#6B9636;
	text-align:			left;
	vertical-align:		top;	
}

.tableRowTitleContent
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#000000;
	text-align:			left;
	vertical-align:		top;
	border-bottom:		solid 1px #6B9636;
}

.tableRowContent
{
	/* border:				solid 1px #6B9636; */
	border-bottom:		solid 1px #6B9636;
}

.contentStile
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
	vertical-align:		top;
}

.contentTitle
{
	background-color:	#E7E9EB;
	font-weight:		bold; 
	font-size:			18px; 
	color:				#6B9636; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	border-bottom:		1px solid #B7CEDE;
}


.contentTitleButton
{
	text-align:			right;
	background-color:	#E7E9EB;
	font-weight:		bold; 
	font-size:			18px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	border-bottom:		1px solid #B7CEDE;
	text-align:			right;
}

.errorTextGreen
{
	background-color:	#FFFFFF;
	font-weight:		bold; 
	font-size:			11px; 
	color:				#6B9636; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	text-align:			left;
}

.errorTextRed
{
	background-color:	#FFFFFF;
	font-weight:		bold; 
	font-size:			11px; 
	color:				#E10000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	text-align:			left;
}

.errorTextBlue
{
	background-color:	#FFFFFF;
	font-weight:		bold; 
	font-size:			11px; 
	color:				#0000E1; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			3px;
	text-align:			left;
}

.textSmall
{
	font-size:			10px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

/* ================================================================= */
/* Tables                                                            */
/* ================================================================= */

.gridPos
{
	padding-left:		3px;
	/* border:				solid 1px #334455; */
	width:				676px;
	
}

.naviLinkCellGrey
{
	background-color:	#E7E9EB;
	border-top:			1px solid #ffffff;
	border-bottom:		1px solid #ffffff;	
	height:				18px;
	text-align:			left;
	padding-left:		16px;
}

.naviLinkCellYellow
{
	background-color:	#FDBE01;
	border-top:			1px solid #ffffff;
	border-bottom:		1px solid #ffffff;	
	height:				18px;
	text-align:			left;
	padding-left:		16px;
}

.tableRow
{
	background-color:	#ECF3E4;
}

.tableCell
{
	width:				100px;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			left;
	vertical-align:		top;
	padding-left:		5px;
	padding-top:		5px;
}

.tableCellRight
{
	width:				100px;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			right;
	vertical-align:		top;
	padding-left:		5px;
	padding-top:		5px;
}

.tableCellNormal
{
	width:				100px;
	font-weight:		normal; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			right;
	vertical-align:		top;
	padding-left:		5px;
	padding-top:		5px;
}

.tableCellMiddle
{
	width:				100px;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			right;
	vertical-align:		middle;
	padding-left:		5px;
}

.tableCellMiddleNormal
{
	font-weight:		normal; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			right;
	vertical-align:		middle;
	padding-left:		5px;
}

.contentTableTopic
{
	background-color:	#ffffff;
	font-weight:		bold; 
	font-size:			18px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:		5px;
	text-align:			left;
	border-bottom:		1px solid #cccccc;
}

.contentTableTitle
{
	background-color:	#ffffff;
	font-weight:		bold; 
	font-size:			18px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			0px;
	text-align:			left;
}

.contentTableChapter
{
	width:				100px;
	background-color:	#ffffff;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			0px;
	text-align:			left;
	vertical-align:		top;
}

.contentTableChapterMiddle
{
	width:				100px;
	background-color:	#ffffff;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			0px;
	text-align:			left;
	vertical-align:		middle;
}

.contentTableChapterTitle
{
	background-color:	#ffffff;
	font-weight:		bold; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding-top:		5px;
	text-align:			left;
	vertical-align:		top;
}

.contentTableContent
{
	width:				680px;
	background-color:	#ffffff;
	font-weight:		normal; 
	font-size:			12px; 
	color:				#000000; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			0px;
	text-align:			left;
	vertical-align:		top;
}

.contentTableDivider
{
	background-color:	#ffffff;
}

.divider
{
	color:				#cccccc; 
	background-color:	#cccccc; 
	height:				1px;
}

.cellDividerText
{
	background-color:	#ffffff; 
	text-align:			right;
	height:				8px;
}

.cellDivider
{
	background-color:	#cccccc; 
	height:				1px;
}

.cellDividerSpacer
{
	background-color:	#ffffff; 
	height:				8px;
}

.horizontalNaviCellDividerText
{
	text-align:			left;
	background-color:	#ffffff; 
	padding-top:		6px;
	padding-bottom:		6px;
}

.horizontalNavicellDivider
{
	background-color:	#cccccc; 
	height:				1px;
}

.horizontalNavicellDividerSpacer
{
	background-color:	#ffffff; 
	height:				8px;
}