body
{
	font-family:Calibri;
	font-size:12px;
	color:#000000;
	padding:0px;
	background:#f4f4f4 url(img/bottom_body_bg.gif) no-repeat bottom left;
	margin:auto;
}
body.subpage
{
}

body.empty
{
  margin:0 0 0 0;
  background:none;  
  font-family:Calibri;  
  font-size:8pt;
  color:#2d2d2d;   
}

table tr td
{
  font-family:Calibri;
  font-size:8pt;
}

.data
{
 padding:0 0 0 0; 
 border-collapse:collapse;	
}

.data td
{
	white-space:nowrap;
}

.data td 
{ 
	padding-right:5px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
}
  
.data th
{ 
	padding-right:5px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:10px;
	text-align:left;
}

.data th.right, td.right
{
	text-align:right;	
}

.data th.center, td.center
{
	text-align:center;	
}

.data td.uline, th.uline
{
	background: #FFFFFF url(img/horsep7.jpg) repeat-x; 
	height:7px;
}

.data tr.colhead
{
	/*background: #DDDDDD;*/ 
	/*height:22px; */
	vertical-align:middle;
}

a { font-weight:bold; color:#2d2d2d; text-decoration:none; }
a:hover { font-weight:bold; color:#2d2d2d; text-decoration:underline; }
a:visited:active { font-weight:bold; color:#2d2d2d; text-decoration:none;}


.main-wrapper
{
 background:transparent url(img/top_body_bg.gif) repeat-x;
}

.main_box {
  background :transparent;
  width : 971px;
  margin-left: auto;
  margin-right:auto;
}
 
 .pageheader {  
   height:111px; width:950px; padding:21px 0 0 20px; margin:0px; background:transparent;
 }
 
 .search {
 vertical-align: middle;
 
 padding-bottom: 1px;
 width:191px;
 float:right;
 display:inline;  
 
 }

.esay_wrapper
{
	float:left;
	width:400px;
	
}

.searchinput 
{ 
  font-size:11px;
  font-family:Calibri; 
  width:180px;
  height:18px;  
  border:1px solid #B9B9B9; 
}

.headerright {
 float: right;
 vertical-align: bottom;
 margin-top: 90px;
 margin-right: 20px; 
 }
 
 .headerright a,active,visited {padding-left:10px; color:#4D4D4D; font-family:Calibri; font-size:11px; text-decoration:none;}
 .headerright a:hover {padding-left:10px; color:#4D4D4D; font-family:Calibri; font-size:11px; text-decoration:underline;}
 
 
 .logo { 

 height:50px;
 background:transparent url(img/logo.png) no-repeat; margin:0; padding:0;     
 }
 
  .logopane
 {
  height:111px; width:400px; padding:31px 0 0 20px; margin:0px;
  background:transparent;
 }
 
 .logo-content
{
	float:left;
	margin-top:15px;
	margin-left:5px;
	padding:1px;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx popup stuff xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 
input:focus, textarea:focus, select:focus 
{
	border-color:#666;
}
.Field {border:1px solid #bdc7d8; padding:2px}
.Field:focus {border-color:#666}
textarea.Field {width:98.5%;height:100px}
input[type="radio"], input[type="checkbox"]
{
	border:none;
}

.xxxbutton { float:right; margin:5px 232px 0 0; border: solid 1px #be7b39; background:#000; color:#be7b39; font-weight:bold; font-size:1em }

.button {
	padding:3px 5px 3px 6px; 
	font-size:1em; cursor:pointer; 
	background:#397bbe; color:#fff; 
	border:1px solid #397bbe; 
	border-left-color:#D9DFEA; 
	border-top-color:#D9DFEA;
	margin-left:3px;
	margin-right:3px;
}

.button:hover {
	padding:3px 5px 3px 6px; 
	font-size:1em; cursor:pointer; 
	background:#4a8ccf; color:#fff; 
	border:1px solid #4a8ccf; 
	border-right-color:#D9DFEA; 
	border-bottom-color:#D9DFEA;
	margin-left:3px;
	margin-right:3px;
}

.smbutton {
	padding:1px 2px 1px 2px; 
	font-size:1em; cursor:pointer; 
	background:#397bbe; color:#fff; 
	border:1px solid #397bbe; 
	border-left-color:#D9DFEA; 
	border-top-color:#D9DFEA;
	margin-left:1px;
	margin-right:1px;
}

.smbutton:hover {
	padding:1px 2px 1px 2px; 
	font-size:1em; cursor:pointer; 
	background:#4a8ccf; color:#fff; 
	border:1px solid #4a8ccf; 
	border-right-color:#D9DFEA; 
	border-bottom-color:#D9DFEA;
	margin-left:1px;
	margin-right:1px;
}


button.next, button.cancel {
	background:#600;
	color:#111;
	border:1px solid #666;
	border-left-color:#ddd;
	border-top-color:#ddd;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx popup stuff xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 

.modalBackground
{
	background-color:#333;
	filter:alpha(opacity=30);
	opacity:0.3;
}
table.modaltable { width:300px; margin:0; padding:0; }
td.modalleft, td.modalright { width:9px !important; margin:0; background:#fff url(img/shade.gif) repeat-y; filter:alpha(opacity=50); opacity:0.5;}
td.modalpanel { width:294px; margin:0; background-color:#fff; border:solid 1px #000; padding:10px 10px 10px 10px; }
div.modaltop { width:300px; height:10px; margin:0; background:#FFFFFF url(img/shade.gif) repeat-x; filter:alpha(opacity=50); opacity:0.5; }  
div.modalbottom { width:300px; height:10px; margin:0; background:#FFFFFF url(img/shade.gif) repeat-x; filter:alpha(opacity=50); opacity:0.5; }  

table.modalbigtable { width:500px; margin:0; padding:0; }
td.modalbigpanel { width:494px; margin:0; background-color:#fff; border:solid 1px #000; padding:10px 10px 10px 10px; }
div.modalbigtop { width:500px; height:10px; margin:0; background:#FFFFFF url(img/shade.gif) repeat-x; filter:alpha(opacity=50); opacity:0.5; }  
div.modalbigbottom { width:500px; height:10px; margin:0; background:#FFFFFF url(img/shade.gif) repeat-x; filter:alpha(opacity=50); opacity:0.5; }  



#content { width: 953px;}
#content .box { float:left; width:546px; margin:0px 0px 0px 5px; }
#content .box .boxheader { background:transparent url(img/head_right.gif) no-repeat top right; height:31px; }
#content .box .boxheader h2 { background:transparent url(img/head_left.gif) no-repeat top left; padding:10px 0 0 17px; margin:0; color:#16519f; font-size:14px; height:21px; }
#content .box .boxcontent { background:transparent url(img/large_Box_Content.gif) repeat-y top left; min-height:50px; width:519px; padding:10px 10px 10px 17px; }
#content .box .boxfooter { background:transparent url(img/large_Box_Bottom.gif) no-repeat bottom left; height:6px; }
#content .box .boxcontent .col1 { float:left; width:246px; padding:0 26px 0 0; }
#content .box .boxcontent .col2 { float:left; width:247px; }

#centercontent { float:right;}
#centercontent .box { float:right; width:546px; margin:17px 0px 0px 5px; }
#centercontent .box .boxheader { background:transparent url(img/head_right.gif) no-repeat top right; height:31px; }
#centercontent .box .boxheader h2 { background:transparent url(img/head_left.gif) no-repeat top left; padding:10px 0 0 17px; margin:0; color:#16519f; font-size:14px; height:21px; }
#centercontent .box .boxheader h2.a { color:#16519f; }

#centercontent .box .boxheader .rr { float:right; width:300px; margin-top:-27px; margin-right:10px; height:27px; text-align:right; }
#centercontent .box .boxcontent { overflow:auto; overflow-x:hidden; height:480px; background:transparent url(img/large_Box_Content.gif) repeat-y top left; min-height:50px; width:519px; padding:10px 10px 10px 17px; }
#centercontent .box .boxcontent2 { overflow:auto; overflow-x:hidden; height:460px; background:transparent url(img/large_Box_Content.gif) repeat-y top left; min-height:50px; width:519px; padding:10px 10px 10px 17px; }
#centercontent .box .boxcontent a { color:#16519f;}
#centercontent .box .boxcontent2 a { color:#16519f;}
#centercontent .box .boxfooter { background:transparent url(img/large_Box_Bottom.gif) no-repeat bottom left; height:6px; }
#centercontent .box .sub { height:20px; background:transparent url(img/large_Box_Content.gif) repeat-y top left; min-height:20px; width:536px; padding:0px 10px 0px 0px; text-align:right; }
#centercontent .box .sub a { color:#16519f;}
#centercontent .box .boxcontent .col1 { float:left; width:246px; height:550px; padding:0 26px 0 0; }
#centercontent .box .boxcontent .col2 { float:left; width:247px; }


#leftcontent {}
#leftcontent .box { float:left; width:750px; margin:17px 0px 0px 0px; }
#leftcontent .box .boxheader { background:transparent url(img/xl_head_right.gif) no-repeat top right; height:31px; }
#leftcontent .box .boxheader h2 { background:transparent url(img/head_left.gif) no-repeat top left; padding:10px 0 0 17px; margin:0; color:#16519f; font-size:14px; height:21px; }
#leftcontent .box .boxheader .rr { float:right; width:300px; margin-top:-27px; margin-right:10px; height:28px; }
#leftcontent .box .boxcontent { height:480px; background:transparent url(img/xl_Box_Content.gif) repeat-y top left; min-height:50px; width:750px; padding:10px 10px 10px 17px; }
#leftcontent .box .boxcontent a { color:#16519f;}
#leftcontent .box .boxfooter { background:transparent url(img/xl_Box_Bottom.gif) no-repeat bottom left; height:6px;}
#leftcontent .box .boxcontent .col1 { float:left; width:246px; height:550px; padding:0 26px 0 0; }
#leftcontent .box .boxcontent .col2 { float:left; width:247px; }

#fullcontent {}
#fullcontent .box { float:left; width:970px; margin:17px 0px 0px 0px; }
#fullcontent .box .boxheader { background:transparent url(img/xxl_head_right.gif) no-repeat top right; height:31px; }
#fullcontent .box .boxheader h2 { background:transparent url(img/head_left.gif) no-repeat top left; padding:10px 0 0 17px; margin:0; color:#16519f; font-size:14px; height:21px; }
#fullcontent .box .boxheader .rr { float:right; width:300px; margin-top:-27px; margin-right:10px; height:28px; text-align:right }
#fullcontent .box .boxcontent { min-height:480px; background:transparent url(img/xxl_Box_Content.gif) repeat-y top left; min-height:50px; width:970px; padding:10px 10px 10px 17px; }
#fullcontent .box .boxcontent2 { min-height:460px; background:transparent url(img/xxl_Box_Content.gif) repeat-y top left; min-height:50px; width:970px; padding:10px 10px 10px 17px; }
#fullcontent .box .boxcontent a { color:#16519f;}
#fullcontent .box .boxcontent2 a { color:#16519f;}
#fullcontent .box .boxfooter { background:transparent url(img/xxl_Box_Bottom.gif) no-repeat bottom left; height:6px; }
#fullcontent .box .sub { height:20px; background:transparent url(img/xxl_Box_Content.gif) repeat-y top left; min-height:20px; width:960px; padding:0px 10px 0px 0px; text-align:right; }
#fullcontent .box .sub a { color:#16519f;}
#fullcontent .box .boxheader a { color:#16519f;}


.servicebox { width:203px; float:left;}
.servicebox .boxheader { background:transparent url(img/thjonusta_head.gif) no-repeat top right !important; height:69px !important; }
.servicebox .boxheader h2 { background:none !important; padding:20px 0 0 17px; }
.servicebox .boxcontent  { background:transparent url(img/small_Box_Content.gif) repeat-y top left; min-height:50px; padding:10px 10px 10px 17px; text-align:center;}
.servicebox .boxcontent a { color:#16519f;}
.servicebox .boxfooter { background:transparent url(img/small_Box_Bottom.gif) no-repeat bottom left; height:6px; }

.phonebox { width:203px; float:left;}
.phonebox .boxheader { background:transparent url(img/simtal.gif) no-repeat top right !important; height:50px !important; }
.phonebox .boxheader h2 { background:none !important; padding:20px 0 0 17px; }
.phonebox .boxcontent  { background:transparent url(img/small_Box_Content.gif) repeat-y top left; min-height:50px; padding:10px 10px 10px 17px; text-align:center;}
.phonebox .boxfooter { background:transparent url(img/small_Box_Bottom.gif) no-repeat bottom left; height:6px; }

.loginbox { width:203px; float:right; }
.loginbox .boxheader { background:transparent url(img/login_head.gif) no-repeat top right !important; height:51px !important; }
.loginbox .boxheader h2 { background:none !important; padding:20px 0 0 10px; }
.loginbox .boxcontent  { background:transparent url(img/small_Box_Content.gif) repeat-y top left; min-height:50px; padding:10px 10px 10px 17px; text-align:left;}
.loginbox .boxfooter { background:transparent url(img/small_Box_Bottom.gif) no-repeat bottom left; height:6px; }

.calbox { width:203px; float:right; margin-top:6px; }
.calbox .boxheader { background:transparent url(img/calendar_head.gif) no-repeat top right !important; height:51px !important; }
.calbox .boxheader h2 { background:none !important; padding:20px 0 0 10px; }
.calbox .boxcontent  { height:471px; background:transparent url(img/small_Box_Content.gif) repeat-y top left; min-height:50px; padding:10px 10px 10px 17px; text-align:left;}
.calbox .boxfooter { background:transparent url(img/small_Box_Bottom.gif) no-repeat bottom left; height:6px; }

.logosbox { padding:17px 0 0 13px; margin:0 0 10px 0; }
.logosbox a.vrlogo { display:block; background:transparent url(img/vr_logo.gif) no-repeat; height:82px; width:73px; float:left; margin:0 10px 0 0; text-indent:-5000px;}
.logosbox a.msgoldpartner { display:block; background:transparent url(img/microsoftgold.png) no-repeat; margin:38px 0 0 0; height:41px; width:90px; float:left; text-indent:-5000px;}
.logosbox a.msdynamics { display:block; background:url(img/dynamics.png) no-repeat; margin:11px 0 0 5px; height:36px; width:170px; float:left; text-indent:-5000px;}

td.day { border:1px solid #ccc; height:80px; width:125px; vertical-align:top;}
table.calday { width:100%;}
td.date { background-color:#eee; width:100%; text-align:right; font-weight:bold; }
td.time { font-size:0.9em; font-weight:normal; margin:0; padding:0; color:#989898;}
td.event a { color:#16519f; }


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx main navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 

.mainnav-wrapper
{
  background: #000 url(img/mainnav_bg.jpg) repeat-x;  
  float:left;  
  margin:0;
  padding:0;  
  height:31px !important;
  height:30px;  
  width:100%;  
}

.mainnav-wrapper .mainnav
{ 
  float:left;  
  padding:0 1px 0 0;
  margin:0; 
}

.mainnav
{ 
  float:left;  
  padding:0 1px 0 0;
  margin:0; 
}

.mainnav-wrapper
{
  float:left;
  background:#FFFFFF url(img/sep_bg.gif) repeat-x;
  width:930px !important;
  width:930px;
  height:29px !important;
  height:30px;       
}

.tvg_simanumer
{
	height:102px !important;
	height:100px;
	width:243px;
	margin-top: 0px !important;
	margin-top: -2px;
}

.mainnav-wrapper
{
  float:left;
  background:#FFFFFF url(img/herjolfur_mainnav_bg.gif) repeat-x ;
  width:292px;
  height:28px !important;
  height:30px;
      
}

.mainnav-wrapper ul 
{
  float:left;
  list-style:none;
  padding:0;
  margin:0;
}

.mainnav-wrapper li
{
  float:left;
  list-style:none;
  padding:0 0  0;
  margin:0 0 0 0; 
}

.leftpane
{
  margin:5px 0 0 0 !important;
  margin:0;
  width:969px;  
  float:left;      
  
}

.rightpane
{
  margin:-1 0 0 0 !important;
  margin:0;
  padding:0;
  width:25px;    
  float:left;     
}

.farrightpane
{
  padding-top :115px;
  position:absolute;
  
  
}

.rightpane_flash
{
  margin:-1 0 0 0 !important;
  margin:0;
  padding:0;
  width:240px;    
  float:left;
}


.rightpaneOuter
{
  margin:-1 0 0 0 !important;
  margin:0;
  padding:0;
  width:242px;
  float:left;    
  
}

.rightpane .content
{
  float:left;
  padding:15px 10px 10px 20px;   
  background:#FFFFFF url(img/shadow_line.gif) no-repeat 0% -5%;     
  height:250px;  
}
.rightpane .content ul
{
  
  width:100%;
  padding:0px 0 10px 0;
  margin:0;
}

.rightpane .content li
{  
  list-style:none;
  width:100%;
  margin:0;
  padding:10 0 0 0 ;
}

.rightpane .content li a {font-family:Calibri; font-size:10px;}

.quicklinks a,active, visited {text-decoration:none;}
.quicklinks a:hover{text-decoration:none; }


.leftpane .leftwrapper 
{
  float:left;  
  width:736px;
  display:inline;
  margin:1 0 0 0 !important;
  margin:-1 0 0 0;
  padding:0;    
}
.leftpane .leftwrapper .newscontent
{
  float:left;
  width:485px;    
}

.leftpane .leftwrapper .newscontent_is
{
  float:left;
  width:245px !important;
  width:245px;      
  background:#FFFFFF url(img/shadow_line.gif) no-repeat 100% 0%;     
  height:250px;  
}

.leftpane .leftwrapper .newspane
{  
  float:left;
  padding:15px 10px 20px 15px;     
}

.flug-wrapper
{
  float:left;
  margin:15px 0 0 0;
}

.leftpane .leftwrapper .newscontent_is .newspane_is
{  
  float:left;
  padding:15px 10px 20px 15px;     
}

.leftpane .leftwrapper .transport_wrapper
{
  float:left;
  width:225px !important;
  width:242px;  
  padding:10px 0 5px 15px;    
}

.transport_wrapper .transportpane
{
  float:left;    
  padding:3px 0 0 0;    
  margin: 0;  
  height:156px;      
}

.transport_wrapper .transportpane .content
{
  
}

.transport_wrapper .transportpane .readmore
{
  margin:2px 5px  0 3px;
}

.transport_wrapper .links_wrapper
{
  padding:0px 0 0 10px;
  float:left;  
  margin:7px 0 7px 0;  
  width:160px;

}

.transport_wrapper .links_wrapper .Link
{
  /*background: url(img/readmore.gif) no-repeat 0 0;*/
  float:left;          
  display:block;
  margin:2px 0 2px 0;
  
  height:15px;  
  width:90%;

}

.leftpane .leftwrapper .fpnews-list
{
  width:460px;  
  background:#FFFFFF url(img/readmore.gif) no-repeat 0% 0%;
  margin:10px 0 0 0px;    

  float:left;
}

.fpnews-list-easy
{
  width:460px;  
  background:#FFFFFF url(img/readmore.gif) no-repeat 0% 0%;
  margin:10px 0 0 0px;    
  float:left;
}

.fpnews-list-easy .date
{
	font-size:11px;
	padding-left:30px;
}

.all-news-easy
{
  width:200px;  
  padding-top:7px;      
  padding-left:30px;
  float:left;
}

/**/
.esay_wrapper .news-listing  
{
  width:98%;
  float:left;  
  padding:5px 0 3px 0;  
  background: url(..img/gray_pix.gif) repeat-x 90% 100%;  
}

.esay_wrapper .news-listing_no_display  
{
/*  width:98%;
  float:left;  
  padding:5px 0 3px 0;  
  background: url(..img/gray_pix.gif) repeat-x 90% 100%;  
*/
  display:none;
}

.esay_wrapper .news-listing a { color:#555555; font-size:11px; font-weight:bold; text-decoration:none;}
.esay_wrapper .news-listing a:hover {color:#555555; font-size:11px; font-weight:bold; text-decoration:underline;}

.esay_wrapper .news-listing .date
{    
  float:left;
  width:15%;  
  color:#7F7F7F;
}

.esay_wrapper .news-listing .title
{  
  float:left;  
  width:80%;
  margin-left:10px;
} 
/**/

.leftpane .leftwrapper .fpnews-list_is
{
  width:218px;  
  background:#FFFFFF url(img/readmore.gif) no-repeat 0% 0%;
  margin:10px 0 0 0px;    
  float:left;  
}

.leftpane .leftwrapper .fpnews-list .date
{
  font-size:11px;
}

.leftpane .leftwrapper .fpnews-list_is .date
{
  font-size:11px;
}

.all-news-tvg
{
	float:left;
  width:400px;  
  padding:25px 0 0 0px;   
  background:#FFFFFF url(img/readmore.gif) no-repeat bottom left;   
  font-size:10px;
  font-family:Calibri;
}

.all-news
{
  width:400px;  
  margin:10px 0 0 0px;      
}

.all-news_is
{
  width:200px;  
  margin:10px 0 0 0px;      
}

.fp t h3.preview
{
  font-family:Calibri;
  font-size:12px;
  font-weight:bold;
  color:#2d2d2d;
  padding:0 0 0 35px;
  margin:0;    
}

.fpnews-list_is h3.preview
{
  font-family:Calibri;
  font-size:12px;
  font-weight:bold;
  color:#2d2d2d;
  padding:0 0 0 35px;
  margin:0;    
}

.previewx
{
  float:left;
  
  padding:2 0 5 30;
  width:315px;
}
.imgx
{
  float:right;  
}

.all-news h2 a, active, visited
{
  text-decoration:none;
  color:#2d2d2d;
}

.all-news h2 a:hover
{
  font-weight:bold; color:#2d2d2d; text-decoration:underline; 
}
.fpnews-list h2 
{
  font-family:Calibri;
  font-size:12px;
  font-weight:bold;
  color:#2d2d2d;
  padding:0 0 0 30px;
  margin:0;  
}

.fpnews-list_is h2 
{
  font-family:Calibri;
  font-size:12px;
  font-weight:bold;
  color:#2d2d2d;
  padding:0 0 0 30px;
  margin:0;  
}

.fpnews-list h2 a, active, visited
{
  text-decoration:none;
  color:#2d2d2d;
}

.fpnews-list_is h2 a, active, visited
{
  text-decoration:none;
  color:#2d2d2d;
}

.fpnews-list h2 a:hover
{
font-weight:bold; color:#2d2d2d; text-decoration:underline; 
}

.fpnews-list_is h2 a:hover
{
font-weight:bold; color:#2d2d2d; text-decoration:underline; 
}

.fpnews-list p
{
  padding:0 0 0 30px;
  margin:0;
}

.fpnews-list_is p
{
  padding:0 0 0 30px;
  margin:0;
}

.leftpane .leftwrapper .rightsubpane .content
{
  float:left;
  padding:15px 20px 5px 20px;   
}

.leftpane .leftwrapper .rightsubpane .sub-comp-content
{
  float:left;
  padding:5px 10px 5px 25px;   
      
}

.leftpane .leftwrapper .rightsubpane .container
{

      
}

.leftpane .leftwrapper .rightsubpane .sub-comp-content .border
{


}

.leftpane .leftwrapper .rightsubpane .sub-comp-content .wrapp
{
      /*_position: absolute; 
      _top: 50%;*/
      display: table-cell; 
      vertical-align: middle;
      

}

.leftpane .leftwrapper .rightsubpane .sub-comp-content .img
{  
      position:relative;
      top:-50%;
}


.avion_group_comp_wrapper
{
  float:left;
  width:200px;  
  margin:5px 0 5px 0;
}

.avion_group_comp
{
  float:left;  
  margin:0px 0px 0 0;
  width:40px;
}
.AvionLink
{
  margin:5px 0 0 0;
  float:left;
  width:150px;  
  
}

.rightpane .websites
{  
  width:243px;
  height:102px !important;
  height:100px;
  float:right;    
  background:#FFFFFF url(img/websites_bg.jpg) repeat-x bottom right;    
}
.websites .selbox
{
  padding:10 10 10 0;
}
.websites .padding
{
  float:right;
  margin-right:17px;  
  margin-top:6px;
}

.websites .nopadding
{
  float:right;
  padding:7px 5px 20px 0;
 
}

.graypane 
{      
  float:left;
  height:156px;
  width:736px;
  display:inline;
  margin:1 0 0 0 !important;
  margin:1 0 0 0;
  padding:0;
  background:#FFFFFF url(img/gray_bg.gif) repeat-x top right;     
  
}
.graypane .leftgraypane
{
  float:left;    
  padding:0px 0 0 0px !important;
  padding:3px 0 0 0px;  
  width:244px;
  margin: 0;  
  height:156px;        
}

.graypane .content
{
  float:left;
  width:220px;
  display:inline;
  padding:5px 15px 15px 15px;
}
.graypane .content .left
{
  float:left;
  display:inline;
  width:125px;

}

.graypane .sailingsch
{
  float:left;    
  padding:1px 0px 0 0px !important;
  padding:0px 0px 0 0px;
  width:244px !important;
  width:244px;
  margin: 0;  
  height:151px;      
  background: #FFF url(img/bg_europe.gif) no-repeat 0 0;  
}

.graypane .sailingsch .links_wrapper
{
  padding:60px 0 0 10px;
  float:left;  
  margin:7px 0 7px 0;  
  width:160px;
}

.graypane .sailingsch .links_wrapper .Link
{
  background: url(img/readmore.gif) no-repeat 0 0;
  float:left;          
  margin:2px 0 2px 0;
  height:15px;
}

.graypane .sailingsch .links_wrapper .link a,active, visited
{
  padding-left:30px;
  color:#000;
  font-weight:normal;
  text-decoration:underline;
}

.leftgraypane .title
{
  padding:10px 0 0 0px;
  color:#173482;
  }
  

.graypane .leftgraypaneOuter
{
  float:left;    
  margin:0;
  padding:0;
  width:244px;
  margin: 0;  
  height:156px;  
}

.graypane .leftgraypane .news-header
{
 padding: 10px 1px 10px 5px !important; 
 padding: 10px 1px 10px 10px;  
}

.graypane .rightgraypane
{
  float:left;  
  margin:0;
  padding:0;
  width:490px;     
}

.graypane .rightgraypaneOuter
{
  float:left;  
  margin:0;
  padding:0;
  width:470px;   
}

.rightgraypane .wrapper
{  
  height:156px;
  width:243px;
  display:inline;
  float:left;    
}


.graypane .wrapper .content
{
 float: left;
 width: 125px !important; 
 width: 135px; 
 padding: 8px 1px 5px 15px !important; 
 padding: 15px 1px 5px 15px; 
 
}

.graypane .content p
{
  font-family:Calibri;
  font-size:11px;
  color:#000000;
  padding:0 0 0 0;
  margin:5px 0 5px 0; 
}

.graypane .content .left p
{
  font-family:Calibri;
  font-size:11px;
  color:#000000;
  padding:0 0 0 0;
  margin:12px 0 5px 0; 
}


.graypane .wrapper .content a,active, visited 
{  
  color:#000;
  font-weight:normal;
  text-decoration:underline;  
}

.graypane .table a,active, visited 
{  
  color:#000;
  font-weight:normal;
  text-decoration:underline;  
}

.graypane .content a,active, visited 
{  
  color:#000;
  font-weight:normal;
  text-decoration:underline;  
}

.graypane .img
{
  float:right;
  padding:15px 8px 0 0;
  margin:0;       
}

.graypane .readmore
{
  margin: 0 7px 0 0;
}

.flashpaneOuter
{
  float:left;
  width:100%;  
  display:inline;
  width:-1px;
}

.flashfrontpage
{  
  float:left;       
  padding-bottom:0px !important;  
  padding-bottom:2px;
  z-index:1;
}
.flashsubpage
{ 
 visibility :hidden; 
 display:none !important;
 background:transparent;
 height:0px;
}

.flashsubpage img{display:none}

.worldmappane 
{       
  float:right;   
}

.leftpane .leftsub
{
  float:left;
  width:0px;   
  height:520px; 
}

.leftsub_flash
{
  float:left;
  width:210px;    
}


.footerlines
{
  width:100%;
  float:left;
  height:60px;
  /*padding:10px 0 0 0 important!;*/
  padding:0px 7px 7px 0;
  text-align:right;      
  background:transparent;  
}

.footerlinesh
{
  width:90%;
  float:left;
  margin-top:-9px;
  /*padding:10px 0 0 0 important!;*/
  padding:0px 0px 0px 0;
  text-align:right;        
  margin:0;
  padding:0;
  
  vertical-align:bottom;

}

.footerlines .logo
{
  float:left;
  
  width:70px;    
  /*background: url(img/footer_logo.jpg) no-repeat bottom right;     */  
  border:1px solid green;
}
.footer 
{
  width:700px;
  float:right;
  text-align:right;  
}
.footerh
{
  width:100%;
  float:right;
  text-align:right;  
  background-color:#BAE4D7;
  height:20px;
  margin:0;
  padding:0;
  margin-top:-2px;  
}

.footerText
{
  width:80%;
  float:right;
  height:20px;
  position:relative;
  padding-top:3px;
  padding-right:5px;      
}

.footerText span
{  
  position:relative;
  font-family:Calibri;
  font-size:12px;
  color:#2861B8;
}

.footerText a
{
  color:#2861B8;
  font-weight:bold;
}

.footer p
{ 
  font-family:Calibri;
  font-size:11px;  
  width:100%; 
  padding:0px 5px 8px 0px !important;
  padding:3px 5px 5px 0px;
}

.footer a:hover 
{
  color:#4D4D4D;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx nętt xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 

.support-nav2 { 
 vertical-align: middle;
 padding-top: 20px;
 padding-bottom: 20px;
 width:584px;
 float:left;
 display:inline;  
 }
 
 
.support-nav a:visited
{
 font-size: 1em;
 color: #6C7584;
 font-weight: normal;
 padding-right: 5px;
 padding-left: 5px;

}
.support-nav a:active {
 font-size: 1em;
 color: #6C7584;
 font-weight: normal;
 padding-right: 5px;
 padding-left: 5px;
 }

	

/***************
  MENUS
  **************/

.sepImgTVG 
{
	float:left; left:1px; top:130px; right:0px; width:971px; height:47px; padding:0; background:transparent url(img/nav_Bg.gif) repeat-x;
}

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.PrettyMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
    background:transparent;
}

/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 9em;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 8.9em;
    top: -1em;
    z-index: 400;
}

.PrettyMenu ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
background:transparent url(img/nav_splitter.gif) no-repeat top right; }
	


/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
	font-family: Verdana,Arial,Helvetica,Sans-serif; font-weight:lighter; outline:none; display:block; margin:0; color:#fff; font-size:13px; filter:dropShadow(OffX=1, OffY=1, color=#000000);
   
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:url(img/nav_hover.gif) repeat-x; text-decoration:none;
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{

}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
    float:left;
    z-index: 300;
    height: 47px;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 700px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
 }

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	font-family: Verdana,Arial,Helvetica,Sans-serif; font-weight:lighter; outline:none; display:block; padding:17px 20px 8px 18px; margin:0; color:#fff; font-size:13px;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
	width:180px;
	margin-top:0px;
	border-bottom:solid 1px #204b92;
	background:#6294c9;
	padding:8px 20px 8px 18px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}




#xnavigation { position:fixed; left:1px; top:130px; right:0px; width:971px; height:47px; padding:0; background:transparent url(img/nav_Bg.gif) repeat-x; }
#snavigation ul { margin:0; padding:0; list-style:none; }
#snavigation ul li { float:left; margin:0px; padding:0; height:47px; background:transparent url(img/nav_splitter.gif) no-repeat top right; position:relative; }
#snavigationx a { float:left; margin:0px; padding:0; height:47px; background:transparent url(img/nav_splitter.gif) no-repeat top right; position:relative; }
#snavigation ul li.open { background:transparent url(img/first_nav_bg.gif) no-repeat top right; width:204px; outline:none; text-indent:-5000px; }
#snavigation ul li.selected { background:url(img/nav_hover.gif) repeat-x; }
#snavigation ul li a { 	font-family: Verdana,Arial,Helvetica,Sans-serif; font-weight:lighter; outline:none; display:block; padding:18px 20px 10px 22px; margin:0; color:#fff; font-size:13px; filter:dropShadow(OffX=2, OffY=3, color=#000000); }
#snavigationx td a { 	font-family: Verdana,Arial,Helvetica,Sans-serif; font-weight:lighter; outline:none; display:block; padding:18px 20px 10px 18px; margin:0; color:#fff; font-size:13px; }
#snavigation ul li a:hover { background:url(img/nav_hover.gif) repeat-x; text-decoration:none; }
#snavigationx td a:hover { background:url(img/nav_hover.gif) repeat-x; text-decoration:none; }
#nsavigation ul li.first a:hover { background:none; }
#nsavigation div.close { float:right; height:47px; width:9px; background:transparent url(img/nav_end.gif) no-repeat; }
#nssavigation ul li.close { float:right; height:47px; width:9px; background:transparent url(img/nav_end.gif) no-repeat; }
#nsavigation ul li a span { color:#fff; position:absolute; top:16px; left:21px; }






#HMenu { float:left; width:600px; Height:47px;}
#navFirst { float:left; height:47px; width:204px; background:transparent url(img/first_nav_bg.gif) no-repeat top; }
#navLast { float:right; height:47px; width:9px; background:transparent url(img/nav_end.gif) no-repeat; }



/************** 1 level *****************/

.menu 
{
 vertical-align: middle;
 padding-top: 10px;
 width:584px;
 float:left;
 display:inline;   
}

div.outer2 {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large_all.jpg") 0 0 px no-repeat;
	}


div.outer2 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;	
	background: url( img/large_all.jpg ) no-repeat -143px 0px ;
}

div.outer2on {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large_all.jpg") 0 0 px no-repeat;
	}


div.outer2on a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;	
	background: url( img/large_all.jpg ) no-repeat 0px 0px ;
}

div.outer2 a:hover {		
	background: url( img/large_all.jpg ) no-repeat 0px 0px ;
	}
div.outer2 a:active,visited {
	background: url( img/large_all.jpg ) no-repeat 0px 0px;	
}

/************** 2 level ************************/

div.outer3 {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large2.jpg") -143 0 px no-repeat;
	}


div.outer3 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	background: url( img/large2.jpg ) no-repeat -143px 0px;
}

div.outer3on {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large2.jpg") -143 0 px no-repeat;
	}


div.outer3on a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	background: url( img/large2.jpg ) no-repeat 0px 0px;
}

div.outer3 a:hover {
	background: url( img/large2.jpg ) no-repeat 0px 0px;		
}
div.outer3 a:active{
	background: url( img/large2.jpg ) no-repeat 0px 0px;	
}

/************** 3 level ************************/

div.outer4 {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large3.jpg") 0 0 px no-repeat;
	}


div.outer4 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( img/large3.jpg ) no-repeat -143px 0px;
}

div.outer4on {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large3.jpg") 0 0 px no-repeat;
	}


div.outer4on a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( img/large3.jpg ) no-repeat 0px 0px;
}

div.outer4 a:hover {
	background: url( img/large3.jpg ) no-repeat 0px 0px;	
}
div.outer4 a:hover {
	background: url( img/large3.jpg ) no-repeat 0px 0px;	
}

/************** 4 level ************************/

div.outer5 {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large4.jpg") 0px 0px no-repeat;
	}

div.outer5 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( img/large4.jpg ) no-repeat -143px 0px;
}

div.outer5on {
	float: left;
	width: 142px; height: 39px;
	margin: 0 4px 0 0;
	background: url("img/large4.jpg") 0px 0px no-repeat;
	}

div.outer5on a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( img/large4.jpg ) no-repeat 0px 0px;
}

div.outer5 a:hover {
	background: url( img/large4.jpg ) no-repeat 0px 0px;	
}
div.outer5 a:hover {
	background: url( img/large4.jpg ) no-repeat 0px 0px;	
}

 .breadcrumbs 
 {
  float:left;
  width:100%;
  height:26px;
  background:#FFFFFF url(img/breadcrumbs_bg.gif) repeat-x top left; 
  padding:4px 0 0px 10px;  
 }

 .breadcrumbs a,visited {font-weight:normal; color: #555555; text-decoration:none;} 
 .breadcrumbs a:hover {font-weight:normal; color: #555555; text-decoration:underline;}

/*
/* **************************************************************** */
/*        Leftcol                                                   */
/* **************************************************************** */

.leftcol 
{
 float: left;
 width: 191px;   
 margin-right: 7px;
 
}

.rbox-arrow
{
  background: url(img/box_bg_arrow2.gif) no-repeat;  
  height:27px;  
  margin:5px 0 5px 0;
  margin:0;
}

.rbox-arrow3
{
  background: url(img/box_bg_arrow3.gif) no-repeat;  
  height:27px;  
  margin:5px 0 5px 0;
  margin:0;
}
.rbox-arrow4
{
  background: url(img/box_bg_arrow4.gif) no-repeat;  
  height:27px;  
  margin:5px 0 5px 0;
  margin:0;
}

.rbox-arrow5
{
  background: url(img/box_bg_arrow5.gif) no-repeat;  
  height:27px;  
  margin:5px 0 5px 0;
  margin:0;
}
.rbox
{
  background: url(img/box_bg5.gif) no-repeat;
  height:27px;  
  margin:5px 0 5px 0;
}

.navbox0
{
  background: url(/portaldata/1/Resources/Themes/theme.jpg) no-repeat;
  height:183px;
}

.navbox1
{
  background: url(/portaldata/1/Resources/Themes/theme.jpg) no-repeat;
  height:183px;
}

.navbox2
{
  background: url(/portaldata/1/Resources/Themes/theme2.jpg) no-repeat;
  height:183px;
}

.navbox3
{
  background: url(/portaldata/1/Resources/Themes/theme3.jpg) no-repeat;
  height:183px;
}

.navbox4
{
  background: url(/portaldata/1/Resources/Themes/theme4.jpg) no-repeat;
  height:183px;
}

.navbox5
{
  background: url(/portaldata/1/Resources/Themes/theme5.jpg) no-repeat;
  height:183px;
}

.navbox6
{
  background: url(/portaldata/1/Resources/Themes/theme6.jpg) no-repeat;
  height:183px;
}

.navbox7
{
  background: url(/portaldata/1/Resources/Themes/theme7.jpg) no-repeat;
  height:183px;
}

.navbox8
{
  background: url(/portaldata/1/Resources/Themes/theme8.jpg) no-repeat;
  height:183px;
}

.navbox9
{
  background: url(/portaldata/1/Resources/Themes/theme9.jpg) no-repeat;
  height:183px;
}

.navbox10
{
  background: url(/portaldata/1/Resources/Themes/theme10.jpg) no-repeat;
  height:183px;
}

.navbox11
{
  background: url(/portaldata/1/Resources/Themes/theme11.jpg) no-repeat;
  height:183px;
}

.navbox12
{
  background: url(/portaldata/1/Resources/Themes/theme12.jpg) no-repeat;
  height:183px;
}

.navbox13
{
  background: url(/portaldata/1/Resources/Themes/theme13.jpg) no-repeat;
  height:183px;
}

.navbox14
{
  background: url(/portaldata/1/Resources/Themes/theme14.jpg) no-repeat;
  height:183px;
}


h2.header
{
  padding: 6px 0 0 25px;  
  font-style: italic;
}

h2.articles
{
  padding:0 0 10px 0;
}

.news-list 
{
  padding:0;
  margin:0;
}

.news-list .level1
{
  padding: 0;
  margin: 0;    
}

.news-list ul 
{
 list-style : none;
 padding-left : 0;
 margin:2px 0 0 2px; 
}


.news-list li 
{
 display : inline;
 padding-bottom : 0;
}

.news-list a 
{  
  background: #FFFFFF url("img/news_arrow.gif") no-repeat  5px 3px;
  display : block;
  padding : 0px 2px 4px 17px;
  font-size: 11px; 
  color:#333333;
  text-decoration:none;  
 }
 
 .news-list a:hover
 {
   color:#0646AA;
 }
 
 .banners
 {
  padding:10px 0 0 0;
  margin:0;
 }
 
 .banners img 
 {
   padding:4px 0 0 0;
 }
 

 
/* **************************************************************** */
/*        Centercol                                                 */
/* **************************************************************** */

.centercol
{
 float: left;
 width: 584px;      
 margin-left: 0px;
 margin-right: 0px;
 display:inline;
 
}

.center-news 
{
 float: left;
 width: 583px;
 margin-bottom: 0px !important;
 margin-bottom: 20px;
}

.center-news .wrapper
{
 float: left;
 width: 288px;
 margin: 10px 0px 10px 0px;

}

.center-news .wrapper .content
{
 float: left;
 width: 140px; 
 padding: 15px 1px 10px 5px !important; 
 padding: 15px 1px 10px 5px;
 
  
}

.center-news .content img {
 float: right; 
 padding:0;
 margin:0;
 }
 
h3.news-header
{
  color:#a00d15;
  font-size:11pt;
}

h3.title
{
  color:#a00d15;
  padding-bottom:5px;
  padding-top:0px;
}

.news-header a
{
  text-decoration: none;   
}

 .rbox-big-wrapper
 {    
    width:583px !important;
    width:583px;
    background: url(img/bevel_big_box_top.gif) no-repeat top left;   
    padding: 10px 0px 0 11px;        
    
  }
 .rbox-big-wrapper .bredcrumbs 
 {
  padding:0px 0 0px 0;
 }
 
  .rbox-big-wrapper input
 {
  height:20px;
  font-size:11px;
 }
 
 .rbox-big-wrapper .bredcrumbs a,visited {color: #6C7584; text-decoration:none;} 
 .rbox-big-wrapper .bredcrumbs a:hover {color: #0F4AB0;}
 .rightsub h3 
 {  
  font-size:14px;
  color:#16519f;  
  padding:8px 0 3px 0;
 }  

 .rbox-big-wrapper h2 
 {  
  font-size:12px;
  color:#0F4AB0;  
  padding:1px 0 5px 0;
 }  
 
 .rbox-big-wrapper h2.detail 
 {  
  font-size:12px;
  color:#0F4AB0;  
  padding:1px 0 2px 0;
 } 
 
 .rbox-big-wrapper p
 {
  padding: 0 20px 0 0;  
  margin:8px 0 10px 0; 
 } 

 .rbox-big-wrapper p.date
 {
  font-size:10px;
  color:#9E9A9A;
  padding: 0 0 0 0;
  margin:0;   
 } 

 .rbox-big-wrapper p.headline
 {
  font-size:11px;
  font-style:italic;
  color:#333333;
  padding: 0 0 0 0;
  margin:0;   
 } 
  
 .rbox-big-wrapper a.readmore
 {
  padding:0 0 5px 0;
  color:#0646AA;
 }

 .rbox-big-wrapper a:hover.readmore
 {
  padding:0 0 5px 0;
  color:#7D9AC6;
 }

 /*subpage cat-nav*/
 
  .rbox-big-wrapper-cat
 {    
    width:583px !important;
    width:583px;
    background: url(..img/bevel_big_box_top.gif) no-repeat top left;   
    padding: 10px 0px 0 11px;            
  }
 
 .cat-nav-wrapper 
 {  
  float: left;
 width: 563px;
 margin:10 0 0 0;
 padding:0; 
 }
  

.content-wrapper2
{
 float: left;
 width: 240px;
 padding: 5px 0px 5px 0px;
 margin:0 3 0 0;
 
}

.content-wrapper12
{
 float: left;
 width: 240px;
 padding: 2px 0px 2px 0px;
 margin:0 0 0px 0; 
 background:#FFFFFF url(img/dotted_line.gif) no-repeat 80% 99%;  
 vertical-align:bottom; 
 position:relative;
 
}

.content-wrapper12 .title
{
  float:left;  
  width:135;  
  position:absolute;
  bottom:5px;
  left:95px;
  
}

.content-wrapper12 .description
{
  display:none;  
}

 .content-wrapper2 p
 {
  padding: 0 0px 0 0;  
  margin:0px 0 0px 0; 
 } 

 .content-wrapper12 p
 {
  padding: 0 0px 0 0;  
  margin:0px 0 0px 0; 
 } 


.content-wrapper2 img
{
  float:left;
  padding:0;
  margin:0 5px 0 0;
  border:5px solid #E4E4E4; 
  
}

.content-wrapper12 img
{  
  float:left;
  padding:0;
  margin:auto 5px 0 0;
  border:5px solid #E4E4E4; 
  
}

p.readmoredate
{
  margin:0;
  padding:5px 0 1px 0;
}
p.description
{
  margin:0;
  padding:5px 0 5px 0;
}
h2.readmoretitle
{
  margin:0;
  padding:1px 0 0px 0; 
}


.content-wrapper .content
{
 float: right;
 width: 180px; 
 padding: 0px px 0px 0px;
 margin:0px; 
}  

.content-wrapper a, active, hover, visited { font-family:Calibri; font-size:11px; color:#0646AA; text-decoration:none; }
.content-wrapper a:hover{ font-family:Calibri; font-size:11px; color:#979797; text-decoration:none;}
 
 /* news list paging*/
 
 .news-paging
 {
  text-align:center;
  margin:15px 0 0 0;
  height:22px;
  border:1px solid #E2E2E2;  
  background: #F0F0F0 url(..img/sitemap_gray.gif) no-repeat top left;  
 }
 .news-paging a,active,visited { padding:0px 0px 0 0px; color:#0144AD; font-size:11px; font-weight:bold; text-decoration:none;}
 .news-paging a:hover { margin:0px 0px 0 0px; color:#979797; font-size:11px; font-weight:bold; text-decoration:none;}
 
 /* news list*/
    
.rxxightsub .news-listing  
{
  width:900px;
  float:left;  
  padding:5px 0 3px 0;  
  background: url(..img/gray_pix.gif) repeat-x 90% 100%;  
}

.rxxightsub .news-listing_no_display  
{
  width:900px;
  float:left;  
  padding:5px 0 3px 0;  
  background: url(..img/gray_pix.gif) repeat-x 90% 100%;  
  display:none;
}

 
/* **************************************************************** */
/*        Rightcol                                                  */
/* **************************************************************** */

.rightcol
{
  width:191px;  
  float:right;
  display:inline;
}

.world-map
{
  text-align: center;
  
}


.transport
{
  padding-left:5px;
  padding-top:5px;
  padding-right:10px;
  color:#000000;
  
}
.transport .ddlist1
{ 
  padding-left:5px;   
  margin:10px 0 8px 0;  
}

.transport select
{  
  width:90%;  
  font-size:12px;  
}

.websites h3
{
  float:right;
  margin:5px;
}

.websites select
{
  float:right;
  
  width:90% !important;
  width:85%;
  font-size:12px;   
}

select 
{
  /*width:95%;*/
  font-size:12px;
}

.transport input
{  
  height:20px;
  font-size:11px;
}

.transport .ddlist2
{
  margin:0;
  padding:0 0 5px 5px;
}

.Transport-title
{
  padding:10px 0 0 5px;
}
Transport-title_is
{
  padding:10px 0 0 5px;
}

/* ************************** */
/*  left navigation */
/* ************************** */



.nav-list a
{ 
  font-weight:normal;
  font-family:Calibri;
  font-size:11px;
  color: #000000;
}


td.lefthead {  width:100%; border-bottom:1px solid #E3E3E3; padding:3px 0 3px 14px;  }
td.leftlink { width:100%; padding:3px 0 3px 14px;  }
td.leftlink a:hover { padding-left:0px; color:#000000; text-decoration:underline; vertical-align:middle;}





/* sitemap */

.sitemap-wrapper
{ 
  padding:0px 0 0 0;
  margin:10px 10px 0 0;    
}
.sitemap-wrapper .level1 a, active,visited {font-size:12px; font-weight:bold; color:#a00d15; text-decoration:none;}
.sitemap-wrapper .level1 a:hover {font-size:12px; font-weight:bold; color:#a00d15; text-decoration:none;}

.sitemap-wrapper .level2 li a, active,visited { font-size:10px; font-weight:bold; color:#a00d15; text-decoration:none;}
.sitemap-wrapper .level2 li a:hover {font-size:10px; font-weight:bold; color:#0043AB; text-decoration:underline;}

.sitemap-wrapper .level3 li a, active,visited {padding-left:20px; font-size:10px; font-weight:bold; color:#a00d15; text-decoration:none;}
.sitemap-wrapper .level3 li a:hover {padding-left:20px; font-size:10px; font-weight:bold; color:#a00d15; text-decoration:underline;}

.sitemap-wrapper .level4 li a, active,visited {padding-left:35px; font-size:10px; font-weight:bold; color:#a00d15; text-decoration:none;}
.sitemap-wrapper .level4 li a:hover {padding-left:35px; font-size:10px; font-weight:bold; color:#a00d15; text-decoration:underline;}


.sitemap-wrapper ul, li
{  
  padding:0px 0 10px 0;
  margin:0;
}

.sitemap-wrapper .level2 li
{
  padding:4px 0 0 20px;
  margin:5 0 0 0;
  list-style : none;    
  background: #FFFFFF url(..img/news_arrow.gif) no-repeat 8px 8px;  
}


.sitemap-wrapper .level3 li
{
  padding:4px 0 0 0px;
  margin:0;
  list-style : none;    
  background: #FFFFFF url(..img/news_arrow.gif) no-repeat 8px 8px;  
}

.sitemap-wrapper .level4 li
{
  padding:4px 0 0 0px;
  margin:0;
  list-style:none;      
  background:#FFFFFF url(..img/sitemap_dot.gif) no-repeat 25px 10px;
  /*background: #FFFFFF url(..img/news_arrow.gif) no-repeat 8px 8px;  */
}


.sitemap-wrapper .level1
{
  padding:3px 0 0 10px;
  margin:5px 0 0 0;
  height:22px;
  border:1px solid #E2E2E2;  
  background: #F0F0F0 url(..img/sitemap_gray.gif) no-repeat top left;
}

/* ************************** */
/*  rounded box */
/* ************************** */

.round-box {

	color: #000;
  background: url(img/bevel-bottom-190px.gif) no-repeat bottom right; 
}

.round-box p {
	margin: 0px;	
	padding: 0px;
}

.buttonxx
{    
  width:20px;
  padding-left:5px;
  padding-top:1px !important;
  padding-top:1px;  
  vertical-align:middle;
  display:inline;  
}



/* ************************** */

 

.banner
{ 
  margin:0 139px 0 0 !important;
  margin:0 69px 0 0;
  padding:0;
  float:right;
}


.searchbar
{
  padding:0 40px 0 0;
  text-align:right;
    
}

.Searchpane 
{
  margin:0;
  float:right;   
  font-size:13px;
  background:#fff url(img/search_bg_long.gif) no-repeat top left !important;
  background:#fff url(img/search_bg_longIE.gif) no-repeat top left;
  height:28px !important;
  height:29px;
  width:235px !important;
  width:240px;  
  padding:5px 0 0 10px !important;    
  padding:5px 0 0 10px;    
  
}

.searchbar INPUT
{
  border:1px solid #DDDDDD;
  padding:3px 3px 5px 5px;
  font-size:8pt;
  
}


/*
INPUT 
{
  height:16px;
  border:1px solid #B9B9B9;
  font-size:9pt;
  padding:2px;
  display:inline;
  width:130px;
  margin-right:10px;
}


/* **************************************************************** */
/*        Popup                                                     */
/* **************************************************************** */

.popupcol
{
  width:500px;
 margin: 0 0 0 0;
 display: inline;
 
}

.divInput
{
}

.formTitle
{
  width: 100%;
  color: #ffffff;
  font-size:16pt;
  background-color: #003EAC;
  padding: 0 0 0 0;
  text-align: left;
  padding-left: 10pt;
  padding-top: 5pt;
  padding-bottom: 5pt;
  margin-bottom: 10pt;
}

.formLabel
{
  text-align: left;
  padding-left: 10pt;
}

.formInput
{
  text-align: left;
  padding-left: 10pt;  
}

.formInput input
{
  width:200px;
}

.formSubmit
{
  margin-top:5px;
  height:20px;
  font-size:11px;
}

.tbl_border input
{
  height:20px;
  font-size:11px;  
}

.container
{
  background-color:#FFFFFF;
}

.formSummary
{
  
  width:300px;
  text-align: left;
  padding-left: 10pt;
}

/* ----------- starfsmannalisti ----------------------*/

.staff a {color:#033598; font-weight:bold; text-decoration:none;}
.staff a:hover,active,visited {color:#817F7F; font-weight:bold; text-decoration:none;}

.staff .input
{
 height:22px;
 width: 150px;
 border:1px solid #7F9DB7;

}

.staff .list
{
  border-bottom:1px solid #EEEEEE;
}

.staff-list a {color:#033598; font-weight:bold; text-decoration:none;}
.staff-list a:hover,active,visited {color:#817F7F; font-weight:bold; text-decoration:none;}

.staff-list .pager 
{
  vertical-align:bottom;
  
  height:30px;
}

/*
.EmpSearch
{
  border: solid 1pt;
  font-size: 9pt;
  height: 16pt;
}
*/
.datagrid
{
  width: 100%;
  background-color:#FFFFFF;
}

.datagridHeader
{
  font-weight: bold;
}

.phonecol 
{
  background-image:none;
  padding-left:5px;
}

.companycol
{
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
}

.datagridItem
{
  background: #EEEEEE url(img/white_line.gif) repeat-y top right;
}
.datagridAltItem
{
  background: #FFFFFF url(img/gray_line.gif) repeat-y top right;   
}

.datagridFooter
{
  color: #4A3C8C;
  background-color:#B5C7DE;
  width: 100%;
}
.leftpane .rightsub
{
  float:left;
  width:952px;  
  padding:20px 0px 0 15px;    

}

.leftpane .rightsub_booking
{
  float:left;
  width:500px !important;
  width:515px;  
  padding:20px 0px 10px 25px;    
}


.flash_wrapper
{
  float:left;
  width:930px;  
}

.rightsub_flash
{
  float:right;
  width:600px !important;
  width:600px;  
  height:600px;
  padding:20px 0px 0 15px;    
  
}


/* Offices and agents flash */
#flashMapContainer{
	position:absolute;
	top:145px;
	left:249px;
	width:730px;
	height:412;
	display:none;
}

#flashMapInfoBox{
	margin-left:30px;
	border-left:1ox solid #e3e3e3;
	border-right:1ox solid #e3e3e3;
	border-bottom:1ox solid #e3e3e3;
	background-color:#EEEEEE;
	padding:20px;
	display:none;
	
}

#flashfrontpage{	
	display:none;
}

/* job application*/

.rightsub ul.jobApp a, active, visited
{
  color:#0646AA;
}

.tblCommonInfo h4
{
  font-size:13px;  
}

.tblCommonInfo hr
{
  text-align:left;
  width:95%;
  height:1px;  
}

.mailform span
{
  float:left;
  width:120px;
  padding:2 0 2 0;
  display:inline; 
}
.mailform .line
{  
  width:400px;
  margin:4 0 2 0 !important;
  margin:2 0 2 0;
 
}

.mailform .line input
{  
 width:223px !important;
 width:240px;
}

.mailform .button
{
  padding:2px 0 0 262px;
}

/* -----------------------------------*/
/* Mail form fyrir TVG                */
/* ----------------------------------- */

.newsletter
{
	float:left;
  width:400px;
  padding-bottom:15px;
  padding-top:10px;
  background: #fff url("img/dots_whitebg.gif") repeat-x 0 0;
  padding-left:10px;
}
.newsletter span
{
  float:left;
  width:140px;
  padding:2 0 2 0;
  display:inline; 
}

.newsletter .line
{  
  width:400px;
  margin:4 0 2 0 !important;
  margin:2 0 2 0;
}

.newsletter .line input
{  
 width:223px !important;
 width:240px;
}

.newsletter .line td
{  
 width:160px !important;
 width:160px;
}


.newsletter .cityCode input
{
  width:50px;
}

.newsletter .button
{
  width:400px;
  float:left;
  padding:10px 0 0px 350px !important;  
  padding:10px 0 0px 350px ;  
}

.newsletter select
{
  font-size:10px;
}

.newsletter .inquiry
{
  width:400px;
}
/* ----------------------------------- */

/* -------------- */

/*
div
{
  border:1px solid black; 
}*/


.cal .ajax__calendar_container {
  border:1px solid #646464;
  background-color: white;
  color: black;
  width:225px;
}

.cal .ajax__calendar_body {
  width:225px;
  background-color:white;
}

.cal .ajax__calendar_other .ajax__calendar_day,
.cal .ajax__calendar_other .ajax__calendar_year {
  color: gray;
}
.cal .ajax__calendar_hover .ajax__calendar_day,
.cal .ajax__calendar_hover .ajax__calendar_month, 
.cal .ajax__calendar_hover .ajax__calendar_year {
  color: red;
  font-weight:bold;
}
.cal .ajax__calendar_active .ajax__calendar_day,
.cal .ajax__calendar_active .ajax__calendar_month, 
.cal .ajax__calendar_active .ajax__calendar_year {
  color: red;
  border:solid 1px black;
}

/***************
  HEADINGS
  **************/
h1 { color:#16519f; font-size:1.3em; padding:0 0 5px 0; margin:0; }
h2 { color:#16519f; font-size:1.2em; padding:0 0 5px 0; margin:0; }
h3 { color:#16519f; font-size:1.1em; padding:0 0 5px 0; margin:0; }

h3.headlines { font-size:1.1em; margin:0; padding:0; color:#16519f; }
h3.headlines a { color:#16519f; }
h5.dates { font-size:0.9em; font-weight:normal; margin:0; padding:0; color:#989898;}

/***************
  CLEARFIX
  **************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */