/***************************************************************************************************
* 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 ***/
	
	/*** layout ***/
	border:						0px;

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

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

body {
	/* always show the scrollbar of the browser window */
	height:						101%;
	
	/*** positioning ***/
	margin-top:					100px;		/* clearance to browser border */

	/*** background image ***/
	background-color:			#2a6ccd;

	/*** layout ***/
	text-decoration:			none;
	
	/*** font ***/
	color: 						black;
	font-size: 					12px;
	font-family: 				Geneva, Arial, Helvetica ,sans-serif;	
	
}


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

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

th {
	text-align:					left;
	font-weight:				bold;
}
/*** horizontal line (used in FCKeditor)
**************************************************************************/
hr {
	border:						1px solid #006699;
	color:						#006699;
	background-color:			#006699;				
	width:						90%;
	height:						1px;
}

/*** title definitions
**************************************************************************/
h1 {
	font-size:					14px;
	color:						black;
	margin-top:					5px;
	margin-bottom:				5px;
}
h2 {
	font-size:					12px;
	color:						black;
	margin-top:					5px;
	margin-bottom:				5px;
}

/*** text-style elements
**************************************************************************/
ul {
	margin:						0px;
	margin-top:					5px;
	margin-bottom:				15px;
	margin-left:				30px;
	padding:					0px;
	list-style-type:			disc;
}
.blocksatz {
	text-align: 				justify;
}


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

/*** Main Layout
**************************************************************************/
/*** layout table ***/
#layoutTable {
	border: 				1px solid #0033FF; 
	width: 					100%; 
	background-color: 		#FFF;
	text-decoration:		none;
}

/*** Header ***/
#imgShaker {
	margin:					0px;
	float: 					left;
	position:				relative;
	top:					-46px;
	left:					-37px;
	
}
#imgHeaderTitle {
	float: 					left; 
	margin:					0px;
	margin-top: 			21px;	
}
#headerTable {
	float: 					right; 
	margin:					0px;
	margin-top: 			18px;	/* minus 3px from cell padding bottom */ 
	margin-right: 			21px;
}
#headerTable td { 
	padding:				0px;
	text-align:				right;
	color:					#000;
}
#headerTable td a { 
	color:					#000;
	font-weight: 			normal;
	text-decoration:		none;
}
#headerTable td a:hover { 
	color:					#03F;
	font-weight: 			bold;
}

/*** random picture ***/
#randomPic {
	float: 					left; 
	margin: 				0px; 
	margin-left: 			16px; 
	position: 				relative; 
	bottom: 				104px; 
	left: 					0px;
}


/*** Content
**************************************************************************/
/* page content table cell */
.content {
	background-color:			#FFF;
	color: 						black;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	text-align: 				left;
	vertical-align: 			top;
	margin:						0px;
	padding: 					0px;
	padding-left: 				20px;
	padding-bottom:				15px;
	min-height: 				347px;
	border: 					0px; 
	border-left: 				1px solid #69F; 
	border-bottom: 				1px solid #69F;
}


/*** static box underneath navigation
**************************************************************************/
.staticBox {
	width: 						160px; 
	margin: 					0px; 
	margin-top: 				50px; 
	margin-left: 				16px; 
	background-color: 			#CCC; 
	padding: 					3px; 
	padding-top: 				0px; 
	padding-bottom: 			0px;
}


/*** Footer
**************************************************************************/
.footer {
	/* font */
	color: 						#000000;
	font-size: 					9px;
	font-style: 				normal;
	font-weight: 				normal;
	/* layout */
	padding: 					0px;
	padding-top:				5px;
	margin:						0px;
	padding-bottom:				20px;
	text-align: 				left;
}


/*** menu horizontal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menuHorizContent {
	text-align:					left;
	vertical-align: 			middle;
}
.menuHorizontal li {
	display:					inline;
	padding-right:				3px;
	color:						#000000;
}
.menuHorizontal li a {
	font-size:					12px;
	font-weight:				bold;
	color: 						#000000;
	text-decoration: 			none;
}
.menuHorizontal li a:hover {
	color: 						#FF0000;
	text-decoration: 			none;
}

/*** 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-bottom: 			20px;
	padding-top: 				20px;
	text-align: 				right;
	vertical-align: 			top;
}
#menuTable {
	margin:						0px;
	margin-left:				16px;
}
.level1 {
	color: 						#093;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				0px;
	cursor:						pointer; 
}
.level1 a {
	color: 						#000000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
}
.level1 a:hover {
	color: 						#03F;
	text-decoration: 			none;
}
.level2 {
	color: 						#03F;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				0px;
	cursor:						pointer; 
}
.level2 a {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
}
.level2 a:hover {
	color: 						#03F;
	text-decoration: 			none;
}
.level3 {
	color: 						#03F;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				15px;
	cursor:						pointer; 
}
.level3 a {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
}
.level3 a:hover {
	color: 						#03F;
	text-decoration: 			none;
}



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