/* CSS stylesheet, in accordance to NLB corporate styleguide by Creatim PR  */

/* layout & content structure */

html {
	height: 100%;
}

body {
	background-color:#FFF;
	padding: 0;
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #757575;
	background: #FFFFFF;
	text-align: center;
}

#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	height: 100px;
	background-image:url(/images/temp_header2.jpg);
	background-repeat:no-repeat;
}

#logo {
	float:left;
	height:90px;
	width:170px;
}

#middle {
	margin: 25px 0px 10px 0px;
	height:400px;
}

#middle #content {
	float:left;
	width:500px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
}

#content ul li {
	list-style-type:square;
	list-style-position:inside;
	margin-bottom:6px;
}

#footer {
	clear: both;
	background-image:url(/images/temp_footerEN.gif);
	background-repeat:no-repeat;
	height:50px;
	background-position:top;
	margin-top:20px;
}

#footer span {
	display: block;
	text-align:right;
	font-size:10px;
	padding-top: 20px;
}

/* menus & navigation */

#servMenu {
	color:#FFF;
	float: right;
	margin:10px 10px 0px 0px;
	text-align:right;
}

#servMenu ul li {
	color:#FFF;
	display:inline;
	padding: 0px 8px 0px 0px;
}

#servMenu ul li a{
	text-decoration:none;
	color:#FFF;
}

#servMenu ul li a:hover{
	text-decoration:underline;
	color:#FFF;
}

#topNavig {
	color:#28007D;
	padding:45px 169px 0px 169px;
	text-align:left;
}

#topNavig ul {
	margin:0px;
	padding:0px;
}

#topNavig ul li {
	color:#28007D;
	display: block;
	font-weight: bold;
	float:left;
	width:280px;
	text-align:center;
	text-transform:uppercase;
}

.topNavig {
	background-color: #5A7AB7;
	text-decoration:none;
	color:#FFF;
	display:block;
	padding: 6px 10px 6px 10px;
	margin: 1px;
}

#topNavig ul li a:hover{
	text-decoration:none;
	color:#28007D;
	background-color:#FFF;
}

.topNavigSelected {
	text-decoration:none;
	color:#28007D;
	background-color:#FFF;
	display:block;
	padding: 6px 10px 6px 10px;
	margin: 1px;
}

#navig {
	float: right;
	width: 170px;
}

#navig h2 {
	display:block;
	height: 16px;
	background-color:#C9D9F2;
	color: #28007D;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size:12px;
	margin: 0px 0px 12px;
}

#navig li {
	text-align: left;
	padding: 0px 5px 0px 5px;
	display: block;
	margin: 2px 0px 4px 0px;
	line-height:14px;
	list-style-image: none;
	list-style-type:none;
	list-style-position:outside;
}

#navig li span{
	color:#757575;
	font-size:12px;
}

#navig li a{
	color: #28007F;
	text-decoration:none;
}

#navig li a:hover{
	color: #00ADEF;
	text-decoration:none;
}

#navig ul {
	color:#28007F;

}

#navig2 {
	float: left;
	width: 170px;
}

#navig2 h2 {
	text-align: right;
	display:block;
	height: 16px;
	background-color:#C9D9F2;
	color: #28007D;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size:12px;
	margin: 0px 0px 10px;
}

#navig2 li {
	text-align: right;
	padding: 0px 5px 0px 5px;
	display: block;
	margin: 2px 0px 4px 0px;
	line-height:14px;
	list-style-image: none;
	list-style-type:none;
	list-style-position:outside;
}

#navig2 li span{
	color:#757575;
	font-size:12px;
}

#navig2 li a{
	color: #28007F;
	text-decoration:none;
}

#navig2 li a:hover{
	color: #00ADEF;
	text-decoration:none;
}


.navig2Selected {
	color: #00ADEF;
	text-decoration:none;
    margin: 2px 0px 4px 0px;
	line-height:14px;
    text-align: right;
}

#navig2 ul {
	color:#28007F;
}

/* elements */

a:hover {
	text-decoration:none;
}

a {
	background-color:transparent;
	color:#28007F;
	text-decoration:underline;
}

h1 {
	background-color:transparent;
	color:#28007D;
	font-size:18px;
	font-weight:bold;
	margin: 8px 0 10px;
}

h2 {
	background-color:transparent;
	color:#28007D;
	font-size:13px;
	font-weight:bold;
}

.newsDate {
	background-color:transparent;
	color:#666;
	font-size:10px;
	font-weight:bold;
}

p {
	color:#757575;
	font-size:12px;
	line-height:17px;
	margin:5px 0 5px;
	padding:0;
}

.button1 {
    background:#C7C7C7 url(/images/bg-button.gif) no-repeat scroll right bottom;
    border:medium none;
    color:#28007D;
    cursor:pointer;
    font-family:arial,verdana,tahoma,helvetica,sans-serif;
    font-size:13px;
    margin:0;
    overflow:visible;
    padding:1px 8px 2px !important;
    width:auto;
}

.grey_panel {
    background-color:#EBEBEB; 
    padding:10px; 
}

select, input, textarea {
    color:#757575;
    font-family:arial,verdana,tahoma,helvetica,sans-serif;
    font-size:12px;
}



.blue_table {
    border:1px solid #ECECEC;
    border-collapse:separate;
    padding:0;
    width:100%;
    text-align:left;
	font-size: 11px;
}

table.blue_table tr td, table.blue_table tr th {
    height:auto;
    padding-bottom:5px;
    padding-right:5px;
    padding-top:5px;
}

table.blue_table tr th, table.blue_table tr td.first_cell, table.blue_table tr.highlight td.first_cell {
    background-color:#F4F2EA;
    font-weight:bold;
}

table.blue_table tr td, table.blue_table tr th {
    border-bottom:1px solid #CCC;
    padding-left:10px;
    vertical-align:middle;
	border-right:1px solid #CCC;
}

.border {
    border-left:1px solid #CCC;
}

.highlight {
    background-color:#F5F5F5;
}

table.blue_table tr {
    height:30px;
}

.blue_table .th {
    background-color:#C9D9F2;
	color:#28007D;
	font-weight: bold;
	border-right:1px solid #CCC;
}

div.dotted { padding:0px;
 background-image:url('/images/dark.gif');background-repeat: repeat-x; width:100%;height:1px
}


.link_back, .link_back:visited {
    background:transparent url(/images/ico-back.gif) no-repeat scroll left center;
    color:#00BFF3 !important;
    display:block;
    font-size:11px !important;
    margin:0 0 0 !important;
    padding:0px 0px 0px 10px !important;
    text-decoration:none !important;
}

.link_back:hover {
    text-decoration:underline !important;
}