/***************************************************************************************************
* 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 ***/
	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: 						rgb(51,51,51);
	background-color:			#FFFFFF;

	/*** 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:						#666666;										/* default color */
}

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

/*** horizontal line (used in FCKeditor)
**************************************************************************/
hr {
	border:						1px solid rgb(128,128,128);
	color:						rgb(128,128,128);
	background-color:			rgb(128,128,128);				
	width:						90%;
	height:						1px;
}

/*** title definitions
**************************************************************************/
h1 {
	/* font */
	font-size:					14px;
	color:						rgb(202,26,58);
	/* layout */
	padding-left:				90px;
	margin:						0px;
	margin-bottom:				5px;
}
h2 {
	/* font */
	font-size:					12px;
	color:						rgb(202,26,58);
	/* layout */
	padding-left:				90px;
	margin-top:					0px;
	margin-bottom:				5px;
}
h3 {
	/* font */
	font-size:					12px;
	color:						rgb(202,26,58);
	/* layout */
	padding-left:				0px;
	margin-top:					0px;
	margin-bottom:				5px;
}

/*** text-style elements
**************************************************************************/
p {
	padding:					0px;
	padding-bottom:				15px;
	text-align:					justify;
	color:						rgb(51,51,51);
}

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


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

/*** layout background and images and formats
**************************************************************************/
#rightcol {
	/* font */
	color: 						#000000;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	/* layout */
	padding:					0px;
	text-align: 				left;
	vertical-align: 			top;
	/* background */
	background-image: 			url(../../images/layout/l_header_gray.jpg);
}
#picContent {
	margin-top: 				5px;
}
#menuLogoContent {
	padding:					0px;
	padding-top:				10px;
}


/*** boxes in right column
**************************************************************************/
.box {
	/* layout */
	width: 						150px; 
	margin: 					0px; 
	margin-bottom: 				25px;
}
.box.header {
	/* font */
	font-weight: 				normal; 
	font-size: 					14px; 
	color: 						#666666; 
	text-align: 				left; 
	/* layout */
	margin:						0px;
	padding: 					5px; 
	padding-top: 				15px;
	padding-left: 				15px; 
	padding-right: 				15px; 
	/* background */
	/* the image is defined in index.php file because it is dynamically loaded */
	background-repeat: 			no-repeat;
}
.box.image {
	/* layout */
	margin:						0px;
	padding: 					0px; 
	padding-bottom: 			15px; 
}
.box.content {
	/* layout */
	width:						150px;
	margin:						0px;
	padding: 					5px; 
	padding-top: 				0px;
	padding-left: 				15px;
	padding-right: 				15px; 
}

/*** Content
**************************************************************************/
/* page content table cell */
#pagecontent {
	/* font */ 
	color: 						black;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	text-align: 				left;
	/* background */
	background-color:			white;
	/* layout */
	vertical-align: 			top;
	padding-top: 				22px;
	padding-bottom: 			0px;
	padding-left: 				10px;
	padding-right: 				100px;
	height:						350px;
}

/*** header address
**************************************************************************/
#headerAddress {
	/* font */
	font-size: 					11px;
	/* layout */
	padding-left:				15px;
}



/*** menu horizontal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
.menuHorizContent {
	/* layout */
	text-align:					right;
	vertical-align: 			middle;
	padding:					0px;
	padding-top:				10px;
}
.menuHorizContent a {
	/* font */
	font-size:					14px;
	font-weight: 				normal;
	/* layout */
	text-decoration:			none;
	padding:					0px;
	padding-left:				5px;
	padding-right:				5px;			
}
.menuHorizContent a:hover {
	text-decoration:			none;
	color:						#000000;
}


/*** menu normal
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**************************************************************************/
#menucontent {
	/* font */
	color: 						#000000;
	font-size: 					12px;
	font-style: 				normal;
	font-weight: 				normal;
	/* layout */
	padding-top:	 			20px;
	text-align: 				left;
	vertical-align: 			top;
	/* background */
	background-image: 			url(../../images/layout/l_menu_bg.jpg); 
	background-repeat: 			repeat-y;
}
.level1 {
	color: 						#000000;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				right;
	padding-top: 				5px;
	padding-bottom: 			5px;
	padding-right: 				15px;
}
.level1 a {
	color: 						#666666;
	font-weight: 				normal;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
}
.level1 a:hover {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					14px;
	text-align: 				left;
	text-decoration: 			none;
}
.level2 {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				right;
	padding-top: 				5px;
	padding-bottom: 			5px;
	padding-right: 				15px;
}
.level2 a {
	color: 						#666666;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
}
.level2 a:hover {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
}
.level3 {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				right;
	padding-top: 				5px;
	padding-bottom: 			5px;
	padding-left: 				15px;
}
.level3 a {
	color: 						#666666;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	text-decoration: 			none;
}
.level3 a:hover {
	color: 						#000000;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				right;
	text-decoration: 			none;
}


/*** Menu Linked (References)
**** the css classes are used in the included files from the 
**** directory "user/scripts/"
**** (currently not used)
**************************************************************************/
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;
}


/*** Footer
**************************************************************************/
#symbolscontent {
	/* layout */
	text-align: 				left;
	vertical-align:				middle;
	padding:					0px;
	/* background */
	background-image: 			url(../../images/layout/l_menu_bg.jpg); 
	background-repeat: 			repeat-y;
}
#impressumcontent {
	/* layout */
	text-align: 				left;
	vertical-align:				middle;
	padding:					0px;
	/* background */
	background-image: 			url(../../images/layout/l_header_gray.jpg); 
}
#impressumcontent p {
	/* font */
	font-size:					9px;
	/* layout */
	padding-left:				15px;
	padding-top:				10px;
	padding-bottom:				10px;
}
#middlecontent {
	/* font */
	font-size:					9px;
	/* layout */
	padding-left:				100px;
}