/*æøå I am utf-8*/
/* GENERAL /////////////////////////////////////////////*/
* {margin: 0;
   padding: 0;
   }
   body {BACKGROUND: url(../common/site-background.gif) #ffffff repeat-x;
   font-family: verdana, sans-serif;}   
   /* MAINCONTENT Start /////////////////////////////////////////////*/
   #main h1 {color: #626262;
   font-size: 16px;}
   #main h2 {color: #003d8e;
   font-size: 12px;}
   #main h4 {color: #003d8e;
   font-size: 11px;
   font-weight: bold;
   margin-top: 10px;}
   #main p{font-size: 10px;
   margin: 10px 0;}
   #main p.address {margin-bottom: 20px;}
   #main a {color: #003d8e;
   font-weight: bold;}
   #main a:hover {color: #4040FF;
   background-color: #EBE9E9;
   font-weight: bold;}
   #main a.download {text-decoration: underline;
   color: blue;}
   p.grey {background-color: #e0e0e0;
   padding: 5px;}
   p.lightblue {background-color: #e0e1fe;
   padding: 5px;}
   /* images */
   #main img {max-width: 100%;}
   #main p.img_left {text-align: left;}
   #main p.img_right {text-align: right;}
   #main p.img_center {text-align: center;}
   /* lists */
   #main ol {margin: 10px 0 0 30px;
   font-size: 10px;}
   #main ul {margin: 20px 0 20px 20px;
   list-style-type: disc;}
   #main ul.no_dots {list-style-type: none;}

   /* Box with images /////////////////////////////////////////////*/
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	padding: 0;
	text-align: left;
	/* width:80%;*/				/* <-- use this to tie width to viewport size */
	/*width: 55em;*/			/* <-- use this for a set width */
	width:90%;
	background-color: #DCEBF4;;
	}
 	
#content
	{
	padding:1em;
	}

#content h1
	{
	color:#003D8E;
	font-weight: bold;
	font-size: 1.2em;
	}
		
#content p
	{
	color:#3b3b3b;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../common/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../common/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../common/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../common/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../common/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../common/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../common/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../common/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	/* Box no images ////////////////////////////////////////////////*/
	.b1, .b2, .b3, .b4{font-size: 1px; overflow:hidden; display:block;}
	.b1 {height:1px; background:#A39F9F; margin:0 5px;}
	.b2 {height:1px; background:#DCEBF4; border-right:2px solid #A39F9F; border-left:2px solid #A39F9F; margin:0 3px;}
	.b3 {height:1px; background:#DCEBF4; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; margin:0 2px;}
	.b4 {height:2px; background:#DCEBF4; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; margin:0 1px;}
	.contentb {background: #DCEBF4; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F;}
	.contentb div {margin-left: 15px; margin-right: 15px; font-size: 10px;}
	.contentb-h4 {background: #DCEBF4; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; padding: 5px;}
	.contentb-h4 div {margin-left: 15px; margin-right: 15px; font-size: 16px; color:#003D8E; font-weight: bold;}
	
	.c1, .c2, .c3, .c4{font-size: 1px; overflow:hidden; display:block;}
	.c1 {height:1px; background:#A39F9F; margin:0 5px;}
	.c2 {height:1px; background:#E1DFDF; border-right:2px solid #A39F9F; border-left:2px solid #A39F9F; margin:0 3px;}
	.c3 {height:1px; background:#E1DFDF; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; margin:0 2px;}
	.c4 {height:2px; background:#E1DFDF; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; margin:0 1px;}
	.contentc {background: #E1DFDF; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F;}
	.contentc div {margin-left: 15px; margin-right: 15px; font-size: 10px;}
	.contentc-h4 {background: #E1DFDF; border-right:1px solid #A39F9F; border-left:1px solid #A39F9F; padding: 5px;}
	.contentc-h4 div {margin-left: 15px; margin-right: 15px; font-size: 16px; color:#003D8E; font-weight: bold;}
  
  /* MAINCONTENT End ////////////////////////////////////////////////*/
   /* GENERAL /////////////////////////////////////////////*/
   img {border: none;}
   a {text-decoration:none;   }
   ul {list-style-type: none;
   font-size: 10px;}
   #container {position: relative;
   width: 80%;
   min-width: 760px;
   max-width: 1280px;
   background-color: #ffffff;
   margin: auto;
   padding: 10px;}
   /* HEADER /////////////////////////////////////////*/
   #header {background-color: #ffffff;
   float: left;
   padding-bottom: 10px;
   width: 100%;}
   #header img#top_img {float: right;
   width: 50%;}
   #header img#logo {float: left;
   width: 40%;}
   /* TOPMENU ////////////////////////////////////////////*/
   div#topmenu {width: 78%;
   border-left: 1px solid #aaaaaa;
   height: 24px;
   float: right;
   background-color: #ff9a00;
      border-top: 1px solid #97a7b7;
   }
   div#topmenu ul li {float: left;
   padding: 5px 10px;
   border-right: 1px solid #888888;
   font-weight: bold;
   }
   div#topmenu ul li a {color: #ffffff;
   text-decoration: none;
   }
   div#topmenu ul li:hover {background-color: #FDB645;
   }
   div#topmenu ul li.selected {background-color: #E85C08;
   }
   /* Language menu /////////////*/
   div#lang ul {float: right;
   }
   div#lang ul li {position: relative;
   display: block;
   border: none;
   padding: 0;
   width: 100px;
   }
   div#lang ul li ul {display: none;
   position: absolute;
   left: 0px;
   background-color: #ff9a00;
   }
   div#lang ul li:hover ul {display: block;
   }
   div#lang ul li ul li {float: none;
   }
   div#lang a {padding: 4px 0px 6px 5px;
   margin-left: 5px;
   display: block;
   }
   div#flag {float:right;
   }
   div#flag img {padding-top: 6px;
   }
   /* CONTENT ////////////////////////////////////////*/
   div#main {background: #ffffff url('../common/main_bg.png') no-repeat bottom right;
   border-left: 1px solid #aaaaaa;
   min-height: 430px;
   padding-bottom: 20px;
   float: right;
   width: 78%;
   }
   #ileft, #iright {float: left;
   display: inline;
   margin: 3%;
   width: 40%;
   }
   /* LEFT COLUMN //////////////////////////////////*/
   div#left {background: #ffffff url('../common/sidemenu.png') no-repeat;
   float: left;
   padding: 20px 0 0 0px;   width: 20%;
   }
   div#left h3 {color: #003d8e;
   margin-bottom: 10px;
   padding-left: 12px;
   font-size: 14px;
   }
   div#left ul {margin: 0 10px;
   padding-bottom: 20px;
   padding-left: 10px;
   border-bottom: 1px solid #aaaaaa;
   }
   /* The <li>s get a height in honour of IE6 */
   div#left ul li {padding-top: 10px;
   height: 17px;
   }
   div#left ul li a:hover {text-decoration: none;
   font-weight: bold;
   color: #003C8E;
   }
   div#left ul li a.selected {text-decoration: underline;
   color: #693407;
   }
   div#left ul li a {text-decoration: none;
   color: #000000;
   display: block;
   padding-left: 15px;
   background: url("../common/pil.png") 0% 30% no-repeat;
   }
   div#left p#contact_us {margin-top: 10px;
   margin: 10px;
   padding-bottom: 5px;
   border-bottom: 1px solid #aaaaaa;
   } 
   div#left p#logos {   margin-top: 35px;
   padding-left: 40px;
   }
   /* FORM ////////////////////////////////////////////////*/
   div#form {width: 100%;
   padding: 10px;
   margin: 20px auto;
   background-color: #ffffff;
   border: 1px solid #777777;
   }
   div#form h3, div#form h4 {color: #ffffff;
   padding: 2px 0 3px 20px;
   }
   div#form h3 {   font-size: 12px;
   background-color: #0d56a6;
   }
   div#form h4 {   font-size: 10px;
   font-weight: normal;
   background-color: #4186d3;
   margin: 0 0 10px 0;
   }
   div#form  label {font-size: 10px;
   width: 90px;
   padding: 5px 10px 5px 5px;
   float: left;
   }
   div#form hr {background-color: #0d56a6;
   height: 20px;
   }
   div#form p {font-size: 9px;
   padding: 0 0 0 20px;
   }
   div#form textarea {border: 1px solid #aaaaaa;
   width: 100%;
   margin: 4px 0;
   }
   div#form  input {border: 1px solid #aaaaaa;
   }
   div#form  input[type="submit"] {background-color: #dddddd;
   width: 50px;
   }
   /* We put the button in a <p> in honour of IE6, which can't style input[type] */
   div#form p.button {padding: 0 0 0 40%;
   }
   /* FOOTER //////////////////////////////////////*//* Clear the floated elements */
   div.clear {clear: both;
   }
   div#footer {height: 20px;
   width: 100%;
   background-color: #ffffff;
   border-top: 3px solid #ff9a00;
   margin-top: 10px;
   position: relative;
   }
   div#footer p {font-size: 9px;
   color: #003d8e;
   margin-top: 8px;
   }
   div#footer span#sitemap {position: relative;
   left: 5px;
   }
   div#footer span#copyright {position: relative;
   left: 5px;
   }
   div#footer span#tlf{position: absolute;
   right: 5px;
   }
   div#footer span#sitemap a {color: #003d8e;
   text-decoration: none;
   border-bottom: 1px dotted;
   }
   /* SITEMAP ////////////////////////////////////////*/
   h4#sitemap_h {text-align: center;
   font-size: 18px;
   margin-top: 20px;
   }
   ul li.sitemap_top {font-size: 14px;
   padding-bottom: 4px;
   }
   ul li.sitemap_sub {text-indent: 1em;
   padding: 2px;
   }