/*
 * $Id: main.css 29 2009-09-01 11:50:37Z root $
 */

div#container {
	width: 916px;
	margin: 0 auto;
	margin-top:13px;
}
div#left{
	float:left;
}
div#leftTop{
	width: 182px;
	height: 211px;
	background-image: url('/images/framework/lefttop.jpg');
}
div#logo{
	padding-top: 31px;
	padding-left: 52px;
}
div#logo img{
	width: 92px;
	height: 92px;
}
div#pageName{
	padding-top:61px;
	width: 182px;
	text-align: center;
}
div#pageName a{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	color:#ffffff;
}
div#leftMenu{
	width: 182px;
	height: 317px;
	background-image: url('/images/framework/leftmenu.jpg');
	background-repeat: repeat;
	position:relative;
}
div#language{
	width: 182px;
	height: 74px;
	background-image: url('/images/framework/leftlanguage.jpg');
	background-repeat: repeat;
}
div#languageTop,div#languageBottom{
	margin-left:53px;
	padding-bottom:1px;
}

div#right{
	width:734px;
	height: 602px;
	float:right;
}
div#rightTop{
	width: 734px;
	height: 56px;
	background-image: url('/images/framework/righttop.jpg');
	postion:relative;
	padding-top: 90px;
}
div#right > div#rightTop
{
	height: 146px;
	postion:absolute;
	padding-top:0;
}
div#contentWrapper{
	width: 734px;
	heigth: 430x;
}
div#contentBorderLeft{
	width:1px;
	height: 430px;
	background-image: url('/images/framework/contentborderleft.jpg');
	float:left;
}
div#content{
	width: 680px;
	height: 401px;
	background-color:#fff;
	float:left;
	overflow-y:scroll;
	padding:29px 12px 0 13px;;
}
div#contentWrapper > div#content{
	width: 680px;
}
div#contentBorderRight{
	width:28px;
	height: 430px;
	background-image: url('/images/framework/contentborderright.jpg');
	float:left;
}
div#rightBottom{
	width: 589px;
	height: 20px;
	background-image: url('/images/framework/rightbottom.jpg');
	clear:both;
	padding-top:6px;
	padding-left:145px;
}
div#rightTopMenu{
	margin-top:90px;
	width: 708px;
	height: 33px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/topmenu.png');
}
div#rightTop > div#rightTopMenu{
	margin-top:0;
	position:absolute;
	top:90px;
	filter:none;
	background-image: url('/images/topmenu.png');
	background-repeat: repeat;
}
/* topMenu markup */
ul#topMenu {
	margin:0;
	padding: 0;
	width: 708px;
	height: 22px;
	list-style: none;
	line-height: 20px;
	position: relative;
	z-index: 1;
}
ul#topMenu li { float: left; position: relative;}
ul#topMenu li ul li { float: left;  }
ul#topMenu li a {
	font-familiy: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 126px;
	height: 24px;
	padding-top:9px;
	display: block;
	text-align: center;
	text-decoration:none;
}

ul#topMenu li a.itemOn{
	text-decoration:underline;
}
ul#topMenu li ul li a {
	height: auto;
	padding: 1px 1px 1px 8px;
	width: 161px;
	display: block;
	font-size: 0.9em;
	text-align: left;
}
ul#topMenu li ul li a.itemOn{ background-image:none;}
ul#topMenu li ul li.hasChildren a { background-image: url('../images/framework/menu_arrow.gif'); }
ul#topMenu li ul li.hasChildren a:hover { background-image: url('../images/framework/menu_arrow_over.gif'); }
ul#topMenu li ul li.noChildren a, ul#topMenu li ul li.noChildren a:hover { background-image: none; }
ul#topMenu li a:hover {
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/submenu.png');*/
	background-color:#f00;
}
div#rightTopMenu > ul#topMenu li a:hover{
	filter:none;
	background-color:transparent;
	background-image: url('/images/submenu.png');
	background-repeat: repeat;
}
ul#topMenu li ul {
	display:none;
	position:absolute;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px;

}
div#rightTopMenu > ul#topMenu li ul{
	background-image: url('/images/submenu.png');
	background-color: transparent;
	filter:none;
	background-repeat: repeat;
}
ul#topMenu li ul li ul {
	left:170px;
	top: 0px;
	padding-left: 4px;
}
ul#topMenu li ul li a{
	background-color: #EE3224;
	filter:alpha(opacity=80);
}
ul#topMenu li ul li a:hover {
	filter:none;
}
div#rightTopMenu > ul#topMenu li ul li a{
	background-color:transparent;
	filter:none;
}
/* end topmenu markup */
/* start icon markup */
div#menuIcon{
	position:absolute;
	top:42px;
	z-index:2;
}
div#rightTop > div#menuIcon
{
	top:30px;
}
div#iconabout{
	margin-left:20px;
}
div.about img{
	width:72px;
	height: 66px;
}
div.services{
	margin-left:135px;
}
div.services img{
	width:86px;
	height: 66px;
}
div.achievements{
	margin-left:275px;
}
div.achievements img{
	width:73px;
	height: 66px;
}
div.contact{
	margin-left:400px;
}
div.contact img{
	width:75px;
	height: 66px;
}
div.mylcsi{
	margin-left:535px;
}
div.mylcsi img{
	width:56px;
	height: 67px;
}
/* end icon markup */
ul#ulLeftMenu{
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left: 60px;
}
ul#ulLeftMenu li{
	list-style-image: url(/images/bullet.jpg);
	margin-bottom:3px;
}
ul#ulLeftMenu li.hasChildren{
	list-style-image: url(/images/bullethaschilderen.jpg);
}
ul#ulLeftMenu li a {
	color: #6A737B;
	font-family: Verdana,Arial;
	font-size: 11px;
}
ul#ulLeftMenu li a.itemOn{
	color:#ED2A31;
	font-weight:bold;
}
ul#ulLeftMenu li ul{
	padding:0;
	margin:0;
	padding-left:10px;
}
ul#ulLeftMenu li ul li{
	list-style-image: url(/images/bulletsubmenu.jpg)
}
ul#ulLeftMenu li ul li a{
	color: #6A737B;
	font-family: Verdana,Arial;
	font-size: 11px;
}

ul#bottomMenu{
	padding:0;
	margin:0;
	border-left: 1px solid #939BA1;
}
ul#bottomMenu li{
	display:inline;
	border-right: 1px solid #939BA1;
	padding:0 8px 0 8px;
}

ul#bottomMenu li a{
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #939BA1;
}

div#underPage{
	clear:both;
	padding: 20px 0 0 79px;;
}

ul#underPageMenu{
	padding:0;
	margin:0;
	border-left: 1px solid #939BA1;
}
ul#underPageMenu li{
	display:inline;
	border-right: 1px solid #939BA1;
	padding:0 8px 0 8px;
}

ul#underPageMenu li a{
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #939BA1;
}

div#custormerPage{
	position:absolute;
	top:0;
	left:0;
}
ul#aboutUl{
	margin-top:0;
	padding-top:0;
}