@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}


body {
	font-size: 62.5%;
	margin: 0;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: center;
	}
	
img {border:0;}

li {list-style:none;}

div.access {
	display:none;
	}
	
#wrapper	{
	width: 1026px;
	text-align: center;
	background-color: #FFFFFF;
	margin-left: auto;
    margin-right: auto;
	}
#main {
	float:left;
	background:#fff;
}

a:link		{color: #333333;text-decoration:underline;}
a:visited	{color: #333333;text-decoration:underline;}
a:hover		{color: #333333;text-decoration:none;}
a:active	{color: #333333;text-decoration:underline;}

/*--------------------- Header ---------------------*/

#header	{
	width: 1026px;
	background-color: #000;
	text-align: left;
	position:relative;
	}
#header .logo {position:absolute;bottom:23px; right:53px;}


/*-------------------- Nav Menu --------------------*/
	
#nav {
	position: relative;
	float: left;
	clear: none;
	width: 1026px;
	background-color: #fff;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

div#nav ul {
	list-style: none;
	float: left;
	clear: none;
	background-color: #fff;
	text-align: left;
	display: inline;
	padding-left:9px;
}

div#nav li {
	padding:0.7em 5px 0.8em 6px;	
	float: left;
	background:url('../images/nav-pipe.gif') no-repeat 100% 56%;
}
div#nav li.last {
	background:0;
}

div#nav a:link, div#nav a:visited {
	display:block;
	text-align:center;
	color: #333333;
	font-size: 1.4em;
	text-decoration: none;
	padding:0 12px;
	/*width: 9em;			/*total: 168px*/
	/*height: 1.6em;			/*total: 33px*/
	background-color: #fff;
}

div#nav a:hover, div#nav a.on {
	color: #666666!important;
	text-decoration: none;
	background: url('../images/nav-arrow.gif') no-repeat 0 56%;
}


/*--------------------- Content ---------------------*/

h1 {
	font-size: 2.5em;
	color: #666666;
	margin: 0;
	padding: 8px 0 20px 0;
}
h2 {
	font-size: 1.4em;
	color: #666666;
	margin: 0;
	padding: 8px 0 4px 0;
}
h3 {
	font-size: 1.3em;
	color: #666666;
	margin: 0;
	padding: 8px 0 4px 0;
}
h4 {
	font-size: 1.3em;
	color: #666666;
	margin: 0;
	padding: 8px 0 4px 0;
}
p {
	font-size: 1.3em;
	color: #333333;
	margin: 0;
	padding: 8px 0;
	line-height: 1.3em;
}
	
p li {
	font-size: 1.3em;
	margin: 0 0 1em;
	}
	
p.overview {
	font-size: 1.1em;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color: #000000;
	}

p.overview2 {
	font-size: 1.3em;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color: #000000;
	}

.red { 
	color: #FF0000;
	font-weight: bold;
	}
	
.blue {
	color: #008fb7;
	}
	
#section {float:left; width:1026px; background:#fff;}
#content {
	float: left;
	width:658px;
	clear: none;
	position: relative;		
	text-align: left;
	padding: 35px 0 20px 0;
}

#content ul {margin-bottom:15px}
#content ul li {list-style:disc; font-size:1.3em; margin:0 0 0 17px; line-height: 1.3em; }
#content ul li p.overview {list-style:disc; font-size:1em; margin:0 0 0 17px;}

#base {
	width: 955px;
	color: #FFFFFF;
	clear: both;
	}	
	
form {
	/*width: 400px;*/
	}
	
.lscbImage {
	float:right;
	padding:0;
	}

.fullwidth {
	clear: both;
	border: solid 1px #878787;
	width: 985px;
	margin-left: 18px;
}

/*--------------------- Footer ---------------------*/

#footer {
	clear:both;
	width:1026px;
	border-top:1px solid #000;
	float:left;
	display:inline;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 1.1em;
	padding: 0 0px 10px 0;
	margin:24px 0 0 0;
	text-align: right;
	background:#fff;
	}	
	
	#footer ul {float:left; padding: 5px 0 0 16px;;}
		#footer ul li {float:left; list-style:none; padding-right:10px; background:url('../images/nav-pipe.gif') no-repeat right center; font-size:1.2em;}
		#footer ul li.last {padding:0 0 0 6px; background:0;}
			#footer ul li a:link {color:#333333; text-decoration:none;}
			#footer ul li a:visited {color:#333333; text-decoration:none;}
			#footer ul li a:hover {color:#333333; text-decoration:underline;}
			#footer ul li a:active {color:#333333; text-decoration:none;}

/*--------------------- One col ---------------------*/
	.oneCol #content {margin-left: 266px; width:658px; display:inline;}

/*--------------------- Two col ---------------------*/
	.twoCol #content {width:705px;}
	.twoCol #aside {float:left; width:266px; margin-top:43px;}
		#aside ul {text-align:left; list-style:none;}
		#aside li {border-bottom:1px solid #000; padding:5px 0 5px 15px; width:180px;}
		#aside li a.thirdlevel {padding-left:25px; !important}
		#aside li a.thirdlevelon {background: url('../images/nav-arrow.gif') no-repeat 11% 56%;	color: #008fb7; padding-left:25px; !important}
		#aside li a {font-size:1.2em; color:#000; padding-left:12px; display:block;}
		#aside li a:link, #aside li a:visited, #aside li a:active { text-decoration:none;}
		#aside li a:hover { text-decoration:underline;}
		#aside li a.on {background: url('../images/nav-arrow.gif') no-repeat 0 56%;	color: #666666 !important}

	

/*-----------------------------------------------------
	TODO: Move to seperate area?
-----------------------------------------------------*/

	.linkBoxContainer {overflow:hidden; float:left; width:658px;}
	.linkBox {width:290px; padding:5px 5px 15px; background:#000; overflow:hidden; float:left; margin:8px 31px 20px  0; display: inline;}
	.last { margin-right: 0;}
		 .linkBox h2 {float:left; padding:3px 0 3px 12px; color:#fff; margin-bottom:18px; background:#008fb7; width:278px;}
		 .linkBox .picture {float:left;display: inline; margin:0 8px 0 0; border:1px solid #484848; width:86px; height:86px;}
		 .linkBox .description {float:left; width:194px;}
		 .linkBox p {color:#ccc; font-size:1.1em; }
		 .linkBox p a.fom { float:left; color:#008fb7;	background: url('../images/nav-arrow.gif') no-repeat 0 56%; padding: 0 0 0 12px;}

/*--------------------- 3.0 Profile ---------------------*/
	.profile {overflow:hidden;}
	.profile .picture {float:left; display:inline;margin:0 26px 20px 0;}
	#content .profile ul li{font-size:1.3em; list-style:none; margin:0; padding:0; list-style-position: outside; text-indent:0}
		.profile ul p.overview {margin:1em 0 0;}
		.profile p.overview {margin:1em 0 0;}
		
	
		#gallery {width:706px; float: left; padding:4px; position:relative; border: 1px solid #878787; }
			#gallery a.picture {position:relative; width:111px; height:111px; float:left; overflow:hidden; margin-right:8px; clear:left;}
			#gallery a.last {margin-right:0px}
			#gallery a.picture span {position:absolute; right:0; bottom:0; background:url('../images/gallery-arrow.gif') left bottom; width:15px; height:15px; display:block;}
			#gallery a.picture:hover {border:1px solid #535353; width:109px; height:109px; float:left;}
				#gallery a.picture img {position:absolute; left:0; top:0;}
				#gallery a.picture:hover img {left:-1px; top:-1px;}
				#gallery a.picture:hover span{background-position:left top; right:-2px; bottom:-1px;}
			
			#gallery .description {float:left; width:687px;}	
				#gallery .description li { list-style:none; padding-left:3px; margin:0; font-size:1.1em;}
		
		.js #gallery {height:170px;}
		.js #gallery a.picture { clear:none;}
		.js #gallery .description {float:none;  display:none; position:absolute; bottom:4px; left:4px; height:40px;}

div.vacancy
        {
            margin:0 0 20px 0;
        }
        div.vacancy h2,
        div.vacancy h3,
        div.vacancy p
        {
            margin:0;
            padding:0;
        }