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

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

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

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

	/*** layout ***/
	color: 						black;
	background-color:			#FFFFFF;

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


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

a:hover {
	color:						#FF7F00;										/* 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-top: 				20px;
	padding-bottom: 			20px;
	padding-left: 				20px;
	padding-right: 				20px;
}


/*** Content
**************************************************************************/
/* page content table cell */
.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 {
	text-align:					right;
	vertical-align: 			top;
}
.menuHorizontal li {
	display:					inline;
	padding-right:				3px;
	color:						#FFFFFF;
}
.menuHorizontal li a {
	font-size:					12px;
	font-weight:				bold;
	color: 						#000000;
	text-decoration: 			none;
}
.menuHorizontal li a:hover {
	color: 						#FFFFFF;
}

/*** 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;
}
.menu_table {
	margin-top:					25px;
	margin-bottom:				25px;
}
.level1 {
	color: 						#FFFFFF;
	font-weight: 				bold;
	font-size: 					14px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				5px;
	cursor:						pointer; 
}
.level1 a {
	color: 						#000000;
	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: 						#FFFFFF;
}
.level2 {
	color: 						#FFFFFF;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				10px;
	cursor:						pointer; 
}
.level2 a {
	color: 						#000000;
	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: 						#FFFFFF;
}
.level3 {
	color: 						#FFFFFF;
	font-weight: 				normal;
	font-size: 					12px;
	text-align: 				left;
	padding-top: 				3px;
	padding-bottom: 			3px;
	padding-left: 				20px;
	cursor:						pointer; 
}
.level3 a {
	color: 						#000000;
	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: 						#FFFFFF;
}


/*** 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
**************************************************************************/
.fusszeile_links {
	/* font */
	color: 						#000000;
	font-size: 					9px;
	font-style: 				normal;
	font-weight: 				normal;
	/* layout */
	padding-left: 				20px;
	text-align: 				left;
}

.fusszeile_rechts {
	color: 						#000000;
	font-size: 					9px;
	text-align: 				left;
	font-style: 				normal;
	font-weight: 				normal;
	padding: 					0px;
}


/*** Anmeldung Start Button Home Page
**************************************************************************/
.homeStartAnmeldung {
	cursor: 					pointer; 
	font-size: 					14px; 
	font-weight: 				bold; 
	padding:					3px;
	margin:						0px;
	margin-top:					10px;
	margin-bottom:				10px;
	background-color: 			#FFE6C5;
}


.homeStartAnmeldung:hover {
	background-color:   		#666;
	color:						#FFF;
	cursor:						pointer;
}