/***************************************************************************************************
* Description:
* This file contains the style sheet definitions specialized for the users website design and layout.
* 
* Versions:
* Initial		23.01.2009			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 ***/
	text-align: 				left;    									/* adjust page content on the left */
	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-image:			url(../../images/layout/l_bg_site.gif);

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


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

a:hover {
	color:						#666666;									/* change color by mouseover to standard blue */
	text-decoration: 			underline;
}
/*** 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:					15px;
	margin-bottom:				5px;
}
h2 {
	font-size:					12px;
	color:						black;
	margin-top:					10px;
	margin-bottom:				5px;
}

/*** text-style elements
**************************************************************************/
p {
	padding:					0px;
	margin:						0px;
	margin-bottom:				15px;
}

ul {
	margin:						0px;
	margin-top:					5px;
	margin-bottom:				15px;
	margin-left:				30px;
	padding:					0px;
	list-style-type:			disc;
}


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

/*** layout table cell styles
**************************************************************************/
#bg_shaker_top {
	background-image: 			url(../../images/layout/l_bg_shaker_top.jpg); 
	background-repeat: 			repeat-x;
}
#bg_shaker_middle {
	background-image: 			url(../../images/layout/l_bg_shaker_middle.jpg); 
	background-repeat: 			repeat-x;
}
#bg_header_top {
	background-image:			url(../../images/layout/l_line_above.jpg);
}
#bg_header_middle {
	text-align:					right;
	vertical-align:				top;
	background-image: 			url(../../images/layout/l_line_right.jpg); 
	background-repeat: 			repeat-y; 
	background-position: 		right;
}
#bg_menu {
	background-image: 			url(../../images/layout/l_shaker_body.jpg); 
	background-repeat: 			no-repeat; 
	background-position: 		top right;
}
#bg_footer {
	background-image:			url(../../images/layout/l_line_bottom.jpg);
}


/*** Content
**************************************************************************/
/* page content table cell */
.content {
	background-image: 			url(../../images/layout/l_line_right.jpg); 
	background-repeat: 			repeat-y; 
	background-position: 		top right;
	color: 						black;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	text-align: 				left;
	vertical-align: 			top;
	padding-top: 				10px;
	padding-bottom: 			10px;
	padding-left: 				20px;
	padding-right: 				20px;
}


/*** menu normal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menu_bg {
	background-image: 			url(../../images/layout/l_bg_shaker_bottom.jpg); 
	background-repeat: 			repeat-x;
	color: 						#000000;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	padding-bottom: 			10px;
	text-align: 				left;
	vertical-align: 			top;
}
.menucontent {
	padding-left: 				10px; 
	padding-top: 				10px;
}
.level1 {
	color: 						#000000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				5px;
}
.level1 a {
	color: 						#0000FF;
	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: 						#666666;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				5px;
}
.level2 {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				10px;
}
.level2 a {
	color: 						#0000FF;
	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: 						#666666;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				10px;
}
.level3 {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				20px;
}
.level3 a {
	color: 						#0000FF;
	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: 						#666666;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				20px;
}


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


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

/*** static area border
**************************************************************************/
div.static_area {
	padding: 					5px; 
	border: 					1px solid white;
	margin:						0px;
	margin-top:					15px;
	margin-bottom:				15px;
}

/*** special page area
**************************************************************************/
div.special_area {
	padding: 					5px; 
	border: 					1px solid white;
	margin:						0px;
	margin-top:					15px;
	margin-bottom:				15px;
}