/* style.css 
Style-Sheet
-----------------------------
Coded by D.Klement Rorschach
support@dopamin.ch

im Auftrag von
braincandy GmbH, St. Gallen
www.braincandy.ch
contact@braincandy.ch

*/

body
{
	margin:0px 0px;
}

table,th,td
{
	color: #000000;
	font-size: 11px; 
    FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.greyContentTd
{
	background-color: #E5E5E5;
}
.greyContent
{
	color: #000000;
	font-size: 11px; 
	margin-top:4px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:4px;
	width:100%;
	text-align:left;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.lehrkraefteGrey
{
	height: 18px;
	background-color: #E5E5E5;
}
.lehrkraefteBlank
{
	height: 18;
	background-color: #ffffff;
}
.blueTitleTd
{
	height: 24px;
	background-color: #E5E5E5;
}
.blueTitleTdBlank
{
	height: 24px;
	background-color: #ffffff;
	
}
.blackTitle
{
	font-weight: bolder;
	color: #000000;
	font-size: 11px; 
	margin-left:5px;
	margin-bottom:4px;
	margin-top:4px;
	width:100%;
	text-align:left;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.blueTitle
{
	font-weight: bolder;
	font-size: 11px; 
	margin-left:5px;
	width:100%;
	text-align:left;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
hr
{
	color: #FFFFFF; 
	size: 0.5pt; 
}

/* Normale Links */

a:link     
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:underlined;
	font-weight: bolder;
}
a:visited  
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:underlined;
	font-weight: bolder;

}
a:active   
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:underlined;
	font-weight: bolder;
}
a:hover    
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:underlined;
	font-weight: bolder;
}

/* News Events Jobs */

.nejTitle     
{ 
	font-size:17px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	font-weight: bolder;
	margin-left:5px;
}

.nejTitle:link     
{ 
	font-size:17px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	margin-left:5px;
	font-weight: normal;
}
.nejTitle:visited  
{ 
	font-size:17px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	margin-left:5px;
	font-weight: normal;


}
.nejTitle:active   
{ 
	font-size:17px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	font-weight: bolder;
	margin-left:5px;
}
.nejTitle:hover    
{ 
	font-size:17px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	font-weight: bolder;
	margin-left:5px;
}

/* content Text */
.title
{
	color:#595959;
	margin-left:5px;
	margin-top:4px;
	margin-bottom:3px;
	width:100%;
	font-weight:bolder;
	text-align:left;
	font-size: 17px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.text
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	margin-left:5px;
	margin-top:7px;
	margin-bottom:14px;
	line-height:14px;
}
.textTermine
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	margin-left:5px;
	margin-top:4px;
	margin-bottom:4px;
}
.textLinks
{ 
	color:#000000; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	margin-left:5px;
	margin-top:4px;
	margin-bottom:4px;
	line-height:14px;

}

/* Head *
/*------*/

.direct
{
	position:absolute;
	top:330px;
	border: 0px; 
	overflow: hidden;
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
}

#Layer20
{
	left:0px;
}
.menuWZRinput
{
	color: #ffffff;
	font-size: 9px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: #D70611;
	border: 1px solid #ffffff;
}


.headLayer
{
	position:absolute;
	heigth:25px;
	top:31px;
	background-color: #ffffff; 
	layer-background-color: #ffffff; 
	border: 1px; 
	overflow: hidden;
	visibility: hidden;
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
}

#Layer11
{
	left:770px;
	width:50px;
}

#Layer12
{
	left:796px;
	width:50px;
}

#Layer13
{
	left:822px;
	width:50px;
}

#Layer14
{
	left:848px;
	width:50px;
}
#Layer15
{
	left:743px;
	width:220px;
}
#Layer16
{
	left:847px;
	width:50px;
}
#Layer17
{
	left:745px;
	width:50px;
}


.LoginInput
{
	border: 1px solid #000000; font-size: 11px;
	background-color: #ffffff;
	
}
.SearchInput
{
	border: 1px solid #767676; font-size: 11px; color: #767676;
	background-color: #ffffff;
	
}


/* Navigation */
/*------------*/

#Layer1
{
	left:158px;
	width:117px;
}

#Layer2
{
	left:275px;
	width:117px;
}

#Layer3
{
	left:392px;
	width:117px;
}

#Layer4
{
	left:509px;
	width:117px;
}

#Layer5
{
	left:626px;
	width:117px;
}

#Layer6
{
	left:743px;
	width:122px;
}

#Layer7
{
	left:865px;
	width:119px;
}
/* Layer im Admin-Bereich 
***************************/
#Layer8
{
	left:164px;
}

#Layer9
{
	left:281px;
}

#Layer10
{
	left:398px;
}
/****************************/

.navigation
{
	position:absolute;
	heigth:40px;
	z-index:1; 
	top:68px;
	background-color: #4c4c4c; 
	layer-background-color: #4c4c4c; 
	border: 1px none #000000; 
	overflow: hidden;
	visibility: hidden;
}

.nav:link     
{ 
	color:#FFFFFF; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	display: table-cell;
	width: 117px;
	font-weight: normal;


}
.nav:visited  
{ 
	color:#FFFFFF; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	display: table-cell;
	width: 117px;
	font-weight: normal;

}
.nav:hover    
{ 
	color:#FFFFFF; 
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
	text-decoration:none;
	font-weight: bolder;
	display: table-cell;
	width: 117px;
}
.navSpaceTd
{
	height: 10px;
}

td.active
{
	color:#000000;
	font-size:11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
}
.active 
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
}


/* Menu1 */
/*------*/

.ISOLogo
{
	position:absolute;
	top:610px;
	border: 0px; 
	overflow: visible;
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
}

.LogoBerufsbildungplus
{
	position:absolute;
	top:725px;
	border: 0px; 
	overflow: visible;
	font-size:11px; 
	font-family:Arial, Times New Roman, Times, serif;
}


.menutitle1
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}

.menu1:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu1:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu1:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu2 */
/*------*/

.menutitle2
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu2:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;
}
.menu2:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu2:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu3 */
/*------*/

.menutitle3
{
	color:#000000;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu3:link     
{ 
	color: #000000; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;
}
.menu3:visited  
{ 
	color: #000000; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu3:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu4 */
/*------*/

.menutitle4
{
	color:#000000;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu4:link     
{ 
	color: #000000; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;
}
.menu4:visited  
{ 
	color: #000000; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu4:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu5 */
/*------*/

.menutitle5
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu5:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;
}
.menu5:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu5:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu6 */
/*------*/

.menutitle6
{
	color:#000000;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu6:link     
{ 
	color: #000000; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;
}
.menu6:visited  
{ 
	color: #000000; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu6:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}
/* Menu7 */
/*------*/

.menutitle7
{
	color:#ffffff;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.menu7:link     
{ 
	color: #ffffff; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	font-weight: normal;
	display: table-cell;
}
.menu7:visited  
{ 
	color: #ffffff; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.menu7:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu8 */
/*------*/

.menutitle8
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
	font-weight: normal;
}

.menu8:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
}
.menu8:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;

}
.menu8:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu9 */
/*------*/

.menutitle9
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}

.menu9:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
}
.menu9:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;

}
.menu9:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* Menu10 */
/*------*/

.menutitle10
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}

.menu10:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
}
.menu10:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;

}
.menu10:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}

/* MenuWZR */
/*------*/

.menutitleWZR
{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	margin-left:20px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}

.menuWZR:link     
{ 
	color: #FFFFFF; 
	width:148px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
}
.menuWZR:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:148px;
	Text-decoration:none;
	display: table-cell;

}
.menuWZR:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:148px;
	Text-decoration:none;
	display: table-cell;
}


/* Newsflash */
/*-----------*/
.newsTitleTd
{
	height: 31px;
}
.newsSpaceTd
{
	height: 3px;
}
.newsSubTitleTd
{
	height: 18px;
}
.newstitle
{
	margin-left:5px;
	width:100%;
	text-align:left;
	font-weight:bolder;
	font-size: 17px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.newsSubTitle
{
	margin-left:5px;
	width:100%;
	font-weight:bolder;
	text-align:left;
	font-size: 11px;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
}
.newsflashText
{
	margin-left:5px;
	margin-right:5px;
	margin-top:7px;
	margin-bottom:7px;
	width:100%;
	text-align:left;
	font-size: 11px;
	color: #000000;
	FONT-FAMILY: Arial, Times New Roman, Times, serif;
	line-height:14px;
}
#newsflash1
{
	color:#ffffff;
}
#newsflash2
{
	color:#ffffff;
}
#newsflash3
{
	color:#000000;
}
#newsflash4
{
	color:#000000;
}
#newsflash5
{
	color:#ffffff;
}
#newsflash6
{
	color:#000000;
}
#newsflash7
{
	color:#ffffff;
}
#newsflash8
{
	color:#ffffff;
}
#newsflash9
{
	color:#ffffff;
}
#newsflash10
{
	color:#ffffff;
}

.gelebt:link     
{ 
	color: #FFFFFF; 
	width:319px;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.gelebt:visited  
{ 
	color: #FFFFFF; 
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	width:319px;
	Text-decoration:none;
	display: table-cell;
	font-weight: normal;

}
.gelebt:hover    
{ 
	color: #000000;
	font-size: 11px; 
	font-family: Arial, Times New Roman, Times, serif; 
	font-weight:bolder;
	background-color: white;
	width:319px;
	Text-decoration:none;
	display: table-cell;
}