.subsitebutton_big {
	width		: 335px;
	height		: 318px;
	background	: url(../images/portal/buttons/bg_subsitebutton_big.jpg) no-repeat;
		
}
.subsitebutton_small {
	width		: 161px;
	height		: 151px;
	background	: url(../images/portal/buttons/bg_subsitebutton_small.jpg) no-repeat;
}
.overswitcher {
	cursor		: hand;
	cursor		: pointer;
}
.overswitcher:hover {
}
.overswitcher:hover .normalstate {
	display		: none;
}
.overswitcher:hover .overstate {
	display		: block;
}
.subsitebutton_big .normalstate {
	width		: 331px;
	height		: 267px;
	background-position : 1px 0px;
	background-repeat : no-repeat;
}
.subsitebutton_small .normalstate {
	width		: 156px;
	height		: 117px;
	background-position : 1px 0px;
	background-repeat : no-repeat;
}
.subsitebutton_big .overstate {
	width		: 331px;
	height		: 267px;
	display		: none;
	background-position : 1px 0px;
	background-repeat : no-repeat;
}
.subsitebutton_small .overstate {
	width		: 156px;
	height		: 117px;
	display		: none;
	background-position : 1px 0px;
	background-repeat : no-repeat;
}
.subsitebutton_small .overstate .intro {
	display		: none;
}
.subsitebutton_big .overstate .intro {
	color		: #4d0d8c;
	font-size	: 14px;
	font-weight	: bold;
	padding		: 17px 17px 0px 17px;
	height		: 65px;
	overflow	: hidden;
}
.subsitebutton_big .overstate .links {
	color		: #ffffff;
	font-size	: 11px;
	padding		: 40px 17px 0px 50px; 
}
.subsitebutton_big .overstate .links a {
	color		: #ffffff;
	display		: block;
	margin-bottom : 5px;
	font-weight	: bold;
}
.subsitebutton_small .overstate .links {
	color		: #4d0d8c;
	font-size	: 9px;
	padding		: 12px 7px 0px 12px; 
}
.subsitebutton_small .overstate .links a {
	color		: #4d0d8c;
	display		: block;
	margin-bottom : 4px;
}
.overstate {
	
}
#area_button_1_big .normalstate {
	background-image	: url(../images/portal/buttons/photos/bigbutton1_normal.jpg);	
}
#area_button_2_big .normalstate {
	background-image	: url(../images/portal/buttons/photos/bigbutton2_normal.jpg);	
}
#area_button_1_big .overstate {
	background-image	: url(../images/portal/buttons/photos/bigbutton1_over.jpg);	
}
#area_button_2_big .overstate {
	background-image	: url(../images/portal/buttons/photos/bigbutton2_over.jpg);	
}
#area_button_2_big .overstate .links a{
	color	: #000;
}
#area_button_1_big .overstate .links a{
	color	: #000;
}
#area_button_1_small .normalstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton1_normal.jpg);	
}
#area_button_2_small .normalstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton2_normal.jpg);	
}
#area_button_3_small .normalstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton3_normal.jpg);	
}
#area_button_4_small .normalstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton4_normal.jpg);	
}
#area_button_1_small .overstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton1_over.jpg);	
}
#area_button_2_small .overstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton2_over.jpg);	
}
#area_button_3_small .overstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton3_over.jpg);	
}
#area_button_4_small .overstate {
	background-image	: url(../images/portal/buttons/photos/smallbutton4_over.jpg);	
}

.areabox_small {
	width		: 186px;
}
.areabox_small .area_title {
	background	: url(../images/portal/buttons/areabox_small_title_bg.jpg) repeat scroll 0 0;
	height		: 45px;
	font-size	: 14px;
}
.areabox_small .area_title div {
	padding-top	: 16px;
}
.areabox_small .content .content {
	background-image : none;
}
.areabox_small .contentbottom {
	background	: url(../images/portal/buttons/areabox_small_bottom_bg.jpg) no-repeat scroll left bottom;
}
.areabox_small .bg {
	background : url(../images/portal/buttons/areabox_small_bg.jpg) repeat-y;
	
	
	
}