/*--------general links---------*/
A:link {text-decoration: none; color: #029601}
A:visited {text-decoration: none; color: #029601}
A:hover {text-decoration: none; color: #206020}
A:active {text-decoration: none; color: #029601}

/*'Where am I' - bar*/
#page #content #where_am_i_bar A:link {text-decoration: none; color: #999999; font-weight: bold}
#page #content #where_am_i_bar A:visited {text-decoration: none; color: #999999; font-weight: bold}
#page #content #where_am_i_bar A:hover {text-decoration: none; color: #666666; font-weight: bold}
#page #content #where_am_i_bar A:active {text-decoration: none; color: #999999; font-weight: bold}

/*left submenu*/
#page #leftside .box A:link {text-decoration: none; color: #206020; font-weight: bold}
#page #leftside .box A:visited {text-decoration: none; color: #206020; font-weight: bold}
#page #leftside .box A:hover {text-decoration: none; color: #029601; font-weight: bold}
#page #leftside .box A:active {text-decoration: none; color: #206020; font-weight: bold}


/*menu*/
#page #header #menu A:link,
#page #header #menu A:visited,
#page #header #menu A:hover,
#page #header #menu A:active
{
	text-decoration: none;
	color: black;
}

#page #header #menu A:hover
{
	color: black;
}

#page #header #menu div.submenulink,
#page #header #menu div.submenulinkhover
{
	display: inline; /*to make the menu items appear in a horizontal order*/ /*float: left;*/
}

#page #header #menu div.normal,
#page #header #menu div.submenulink,
#page #header #menu div.submenulinkhover
{
	/*background: url(data/menu_item.png);*/
	width: 100px;
	height: 21px;
	cursor: hand; /*just for IE; without this the link-cursor isn't shown in IE*/
	/*margin-bottom: 2px;*/
	padding-left: 3px;
	padding-top: 2px;
}

#page #header #menu A:hover div.normal,
#page #header #menu div.submenulinkhover
{
	background: url('data/menu_item2.png');
}

/*submenu*/
#page #header #menu .submenu A:link,
#page #header #menu .submenu A:visited,
#page #header #menu .submenu A:hover,
#page #header #menu .submenu A:active,
#page #header #menu .submenu2 A:link,
#page #header #menu .submenu2 A:visited,
#page #header #menu .submenu2 A:hover,
#page #header #menu .submenu2 A:active
{
	text-decoration: none;
	color: white;
}

#page #header #menu .submenu A:hover,
#page #header #menu .submenu2 A:hover
{
	color: black;
}


#page #header #menu .submenu div.normal,
#page #header #menu .submenu div.submenulink,
#page #header #menu .submenu div.submenulinkhover,
#page #header #menu .submenu2 div.normal,
#page #header #menu .submenu2 div.submenulink,
#page #header #menu .submenu2 div.submenulinkhover
{
	background: url('data/menu_item.png');
	width: 100px;
	height: 21px;
	cursor: hand; /*just for IE; without this the link-cursor isn't shown in IE*/
	/*margin-bottom: 2px;*/
	padding-left: 3px;
	padding-top: 2px
}

#page #header #menu .submenu div.submenulink,
#page #header #menu .submenu div.submenulinkhover,
#page #header #menu .submenu2 div.submenulink,
#page #header #menu .submenu2 div.submenulinkhover
{
	display: block;
}


#page #header #menu .submenu A:hover div.normal,
#page #header #menu .submenu div.submenulinkhover,
#page #header #menu .submenu2 A:hover div.normal,
#page #header #menu .submenu2 div.submenulinkhover
{
	background: url('data/menu_item2.png');
}


#page #header #menu .submenu,
#page #header #menu .submenu2
{
	position: absolute;
	border: 1px solid black;
}

#page #header #menu .submenu
{/*move submenu downward*/
	margin-left: -100px; /*size of menu buttons*/
	margin-top: 21px;  /*if you change their size often, determine it dynamically in "javascript.js"*/
}


#page #header #menu .submenu2
{/*move submenu to the right and upward*/
	margin-left: 100px; /*size of menu buttons*/
	margin-top: -21px;  /*if you change their size often, determine it dynamically in "javascript.js"*/
}

/*--------body items---------*/
body
{
	margin: 12 0;
	font-family: Arial;
	font-size: 12px;
	background: #E5E5E5 url('data/back.png') repeat-x;
}

#page
{
	width: 800px;
}

#page #header
{
	margin-bottom: 12px; /*IE bug*/
	background: url('data/header.png') no-repeat;
	width: 800px;
	height: 183px;
	/*Menu position*/
	padding-top: 125px;
	padding-left: 195px;
	text-align: left;
	font-size: 12px;
	color: #333333;
	font-weight: bold
}

#page #leftside
{
	float: left;
	width: 175px;
}

#page #rightside
{
	float: right;
	width: 613px;
}

#page #leftside .top
{
	background: url('data/back_leftside_top.gif');
	width: 175px;
	height: 5px;
	font-size: 4px
}

#page #leftside .bottom
{
	background: url('data/back_leftside_bottom.gif');
	width: 175px;
	height: 5px;
	font-size: 4px; /*IE height-bug work-around*/
	margin-bottom: 12px
}


#page #rightside #content_top
{
	background: url('data/back_content_top.gif');
	width: 613px;
	height: 10px;
	font-size: 4px
}

#page #rightside #content_bottom
{
	background: url('data/back_content_bottom.gif');
	width: 613px;
	height: 10px;
	font-size: 4px; /*IE height-bug work-around*/
	margin-bottom: 12px
}

#page #rightside #content
{
	background: url('data/back_content_middle.gif') repeat-y; /*repeat-y: mozilla bug work-around*/
	width: 613px;
	text-align: justify; padding-left:9; padding-right:9; padding-top:5; padding-bottom:5
}

#page #leftside .box
{
	background: url('data/back_leftside_middle.gif') repeat-y;
	width: 175px;
	text-align: left; padding-left:7; padding-right:7; padding-top:5; padding-bottom:5
}

#page #leftside .box h1
{
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

#page #leftside .box img
{
	border: 0px none;
}

/*-----------------content styles---------------*/

#page #rightside #content h1
{
	font-size: 14px;
	font-weight: bold;
	color: black;
	display: inline;
}

#page #rightside #content img
{
	border: 1px solid #333333;
}

#page #rightside #content img.noBorder
{
	border: 0px none;
}

#page #rightside #content img.right
{
	float: right;
	margin: 0 0 -1 5;
}

#page #rightside #content img.left
{
	float: left;
	margin: 0 5 -1 0;
}

#page #leftside input.search
{
	width: 138px;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.floatclear
{
	clear: both;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.highlight
{
	background: yellow;
}

table
{
	font-family: Arial;
	font-size: 12px;
}

#page #rightside #content span.webcamButtons input
{
    width: 76px;
}