/***************************************************************************************************
* 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;
}

html {
	/* always show the scrollbar of the browser window */
	height:						100%;
}

body {
	/* always show the scrollbar of the browser window */
	height:						101%;
	margin:						0px;
	padding: 					0px;		/* no inner clear */		

	/*** layout ***/
	background-image:			url(../../images/layout/l_body_bg.jpg);

	/*** font ***/
	color: 						black;
	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:						#0066FF;										/* default color */
}

a:hover {
	color:						#66B3E6;										/* 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
****************************************************************************************************/

/*** Container box
**************************************************************************/
#container {
	width: 						1030px; 
	height: 					auto; 
	border: 					0px; 
	text-align: 				center;
}

/*** header table
**************************************************************************/
#fixedHeaderTable {
	position: 					absolute; 	/* old browser will scroll the menu */
	top: 						0px; 
	height: 					97px; 
	margin: 					0px;
	z-index:					2;
}


/*** content table
**************************************************************************/
#scrolledContentTable {
	position: 					relative; 	
	top: 						97px;
	z-index: 					1;
}




/*** fixed areas (menu and head)
**************************************************************************/
/* nur fuer moderne Browser! */
/* fixation is always seen from absolute origin of browser window */
html>body #menuContentFixed {  
	position: 					fixed;
}
html>body #fixedHeaderTable { 
	position: 					fixed;
}


/*** 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:					20px;
	padding-top:				20px;
}



/*** menu horizontal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menuHorizContent {
	text-align: 				left; 
	vertical-align: 			bottom; 
	background-image:			url(../../images/layout/l_header_top_bg.jpg);
	padding-right:				5px;
}
.menuHorizContent a {
	font-size:					12px;
	font-weight:				normal;
	color:						white;
	text-decoration: 			none;
}
.menuHorizContent a:hover {
	color: 						#66B3E6;
}


/*** menu roots
**************************************************************************/
.menuRoots {
	padding-left: 				10px;
	margin-bottom:				5px;
	border-bottom: 				2px dashed white; 
	width: 						178px;
	text-align: 				right; 
	color: 						white; 
	font-size: 					14px; 
	font-weight: 				bold;
	text-transform:				capitalize;
}
.menuRoots a {
	color: 						#FFF;
	text-decoration:			none;
}
.menuRoots a:hover {
	color: 						#66B3E6;
	text-decoration:			none;
}


/*** menu normal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
#menuContentFixed {
	/* positioning */
	position: 					absolut; 	/* old browser will scroll the menu */
	top: 						97px; 
	/* layout */
	text-align: 				left;
	vertical-align: 			top;
	width: 						230px; 
	height: 					auto; 
	margin: 					0px;
	margin-top:					20px;
	padding:					0px;
	/* text */
	color: 						#000000;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
}
.menu_table {
	margin-top:					25px;
	margin-bottom:				25px;
}
.level1 {
	color: 						#000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				5px;
	cursor:						pointer; 
}
.level1 a {
	color: 						#000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				5px;
}
.level1 a:hover {
	color: 						#39C;
}
.level2 {
	color: 						#000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				10px;
	cursor:						pointer; 
}
.level2 a {
	color: 						#000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				10px;
}
.level2 a:hover {
	color: 						#39C;
}
.level3 {
	color: 						#000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				20px;
	cursor:						pointer; 
}
.level3 a {
	color: 						#000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				20px;
}
.level3 a:hover {
	color: 						#39C;
}



/*** Menu Linked (References)
**************************************************************************/
div.menuLinked {
	margin: 					0px;
	padding:					0px;
}

div.menuLinked ul {
	padding: 					0px;
	margin:						0px;	
	list-style:					none;	
}

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


/*** Footer
**************************************************************************/
.footer {
	/* font */
	color: 						#000000;
	font-size: 					9px;
	font-style: 				normal;
	font-weight: 				normal;
	/* layout */
	padding:					2px;
	padding-left: 				10px;
	text-align: 				left;
	background-image: 			url(../../images/layout/l_header_bottom_bg.jpg);
}
.footer a {
	color:						#FFFFFF;
	text-decoration: 			none;
}
.footer a:hover {
	color: 						#66B3E6;
}