@charset "utf-8";
/* CSS Document */

html, body
{
	margin: 0;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	padding: 0;
	/*height: 100%;*/
	/*width:100%;*/
}

body
{
	background:url(../images/bg.jpg) repeat left top;
}

form
{
	display:inline;
}

img
{
	border:none;
}

#viewHoptekleLink
{
	position:relative;
	left:694px;
	width:140px;
	height:130px;
	cursor:pointer;
}

#viewBody
{
	width:593px;
	height:533px;
	/*background:url(../images/viewbg.png) no-repeat left top;*/
}

#viewFlashcontent
{
	position:absolute;
	left:50%;
	top:50%;
	width:593px;
	height:533px;
	margin:-266px 0 0 -296px;
}

#body
{
	width:940px;
	height:350px;
	position:relative;
	top:-16px;
	left:50px;
	z-index:1;
}

#viewWrapper
{
	width:593px;
	height:533px;
	margin:auto;
}

#wrapper
{
	width:997px;
	margin:auto;
	margin-top:20px;
}


/**
 * @start HEADER
*/
#header
{
	/*width:100%;*/
	width:968px;
	height:195px;
	/*background-color:#bae1d1;*/
	position:relative;
	z-index:2;
	left:24px;
}

#header #logoArea
{
	background-image:url(../images/logo.jpg);
	width:171px;
	height:100px;
	float:left;
	margin-top:30px;
	margin-left:30px;
	margin-right:10px;
}

#header #loginArea
{
	background-image:url(../images/loginBg.jpg);
	background-repeat:no-repeat;
	/*width:130px;*/
	width:200px;
	height:76px;
	float:left;
	margin-top:54px;
	padding-left:8px;
}

#header #signinArea
{
	float:left;
	padding-top:167px;
	padding-left:5px;
}



#header #btnLogout
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:3px;
	width:55px;
	cursor:pointer;
}

#header #btnLogout:hover
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:3px;
	width:55px;
	cursor:pointer;
}

#header #btnLogin
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:3px;
	width:25px;
	cursor:pointer;
}

#header #btnLogin:hover
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:3px;
	width:25px;
	cursor:pointer;
}

#header #btnSignin
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
	cursor:pointer;
}

#header #btnSignin:hover
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
	cursor:pointer;
}



/**
 * @end HEADER
*/

/**
 * @start FOOTER
*/
#footer
{
	/*width:100%;*/
	width:968px;
	height:59px;
	position:relative;
	z-index:3;
	top:-35px;
	left:29px;
}
/**
 * @end FOOTER
*/


#frmSignin label
{
	float:left;
	width:220px;
}

#frmSignin input
{
	width:210px;
	
	border:#FFFFFF solid 4px;
	background:#bae1d1;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-indent:3px;
}

#frmSignin button
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
	cursor:pointer;
}

#frmSignin button:hover
{
	border:#FFFFFF solid 4px;
	font-size:10px;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
	cursor:pointer;
}