/***************************************************************************************************
* Description:
* This file contains the style sheet definitions specialized for the users website design and layout.
* 
* Versions:
* Initial		22.12.2008			Beat Schilbach (Steckborn)	
***************************************************************************************************/


/****************************************************************************************************
* DEFAULTS
* - valid for the hole site 
****************************************************************************************************/

/*** default values for p, div tags
**************************************************************************/
p,tr,th,div
{
	/*** positioning ***/
	margin:						0px;
	padding:					0px;

	/*** layout ***/
	border:						0px;

	/*** font ***/
	font-size:					12px;
}

/*** default values for the body
**************************************************************************/
body
{
	/*** positioning ***/
	margin:						0px;											/* clearance to browser border */
	padding: 					0px;											/* no inner clear */		

	/*** layout ***/
	color: 						black;
	background-color:			white;

	/*** font ***/
	font-size: 					12px;
	font-family: 				Geneva, Arial, Helvetica ,sans-serif;		
	text-align: 				center;  										/* center the content in IE */
	text-decoration:			none;											/* text does not have an underline */
}


/*** default values for the ancer tag 
**************************************************************************/
a {
	text-decoration:			none;													/* no underline */
	color:						#0066CC;													/* default color */
}

a:hover {
	color:						#6699FF;												/* change color by mouseover to standard blue */
	text-decoration: 			underline;
}

th {
	text-align:					left;
	font-weight:				bold;
}

h1 {
	font-size: 					20px;
	font-weight: 				bold;
}
h2 {
	font-size: 					14px;
	font-weight: 				bold;}
h3 {
	font-size: 					12px;
	font-weight: 				bold;
}

.blocksatz {
	text-align: 				justify;
}


/****************************************************************************************************
* LAYOUT
* - CSS used for website layout
* - depending on the users website design and the kind of implementation
****************************************************************************************************/

/*** Content
**************************************************************************/
/* page content table cell */
.content {
	background-color:			white;
	color: 						black;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	text-align: 				left;
	vertical-align: 			top;
	padding:	 				10px;
}
/* right column */
.thirdCol {
	color: 						black;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	text-align: 				middle;
	vertical-align: 			top;
	padding-top: 				20px;
	padding-bottom: 			20px;
	padding-left: 				10px;
	padding-right: 				10px;
}



/*** menu horizontal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menuHorizContent {
	padding: 					0px;
	margin:						0px;
	margin-left:				10px;	
	list-style:					none;	
	white-space: 				nowrap;
}
.menuHorizontal li {
	display:					inline;
	padding-right:				7px;
	color:						#000000;
}
.menuHorizontal li a {
	font-size:					12px;
	font-weight:				bold;
	color: 						#000000;
	text-decoration: 			none;
}
.menuHorizontal li a:hover {
	color: 						#0066CC;
}

/*** menu normal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menucontent {
	color: 						#000000;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	padding-right: 				5px;
	padding-bottom: 			5px;
	padding-left: 				10px;
	text-align: 				left;
	vertical-align: 			top;
}
.menu_table {
	margin-top:					25px;
	margin-bottom:				25px;
}
.level1 {
	color: 						#000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	padding-top: 				5px;
	cursor:						pointer; 
}
.level1 a {
	color: 						#0066CC;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				5px;
}
.level1 a:hover {
	color: 						#000;
}
.level2 {
	color: 						#000;
	font-weight: 				bold;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				5px;
	padding-left: 				10px;
	cursor:						pointer; 
}
.level2 a {
	color: 						#0066CC;
	font-weight: 				bold;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				5px;
	padding-left: 				10px;
}
.level2 a:hover {
	color: 						#000;
}
.level3 {
	color: 						#000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				5px;
	padding-left: 				20px;
	cursor:						pointer; 
}
.level3 a {
	color: 						#0066CC;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				5px;
	padding-left: 				20px;
}
.level3 a:hover {
	color: 						#000;
}



/*** Menu Linked (References)
**************************************************************************/
div.menuLinked {
	border: 					1px solid orange; 
	margin: 					25px 5px;
	padding: 					2px;
}

div.menuLinked ul {
	padding: 					0px;
	margin:						0px;
	margin-left:				5px;
	
	list-style:					none;	
	white-space: 				nowrap;
}

/*** current menu history
**************************************************************************/
div.menuHistory {
	padding: 					0px; 
	padding-bottom: 			5px; 
	margin-bottom: 				15px;
	border-bottom: 				1px dashed orange;
}


/*** Footer
**************************************************************************/
table.fusszeile {
	width:					100%;
}

table.fusszeile tr {
	vertical-align:			middle;
}
.fusszeile_links {
	color: 					#000000;
	font-size: 				9px;
	padding-left: 			10px;
	padding-top:			5px;
	padding-bottom:			5px;
	text-align: 			left;
}
.fusszeile_mitte {
	color: 					#000000;
	font-size: 				9px;
	text-align: 			center;
	padding-top:			5px;
	padding-bottom:			5px;
}
.fusszeile_rechts {
	color: 					#000000;
	font-size: 				9px;
	text-align: 			right;
	padding-right: 			10px;
	padding-top:			5px;
	padding-bottom:			5px;
}