/* ------------------------------------ */
/* AUTHOR: Marc Manchec					*/ 
/* SITE: http://www.bozzanova.se		*/ 
/* ------------------------------------ */
/* clear css */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, ol, ul, li, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
* {
	padding: 0;
	margin: 0;
}
/*li {
	list-style: none;
}*/
img {
	border: none;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both;
}
/* - remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: ffffff;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 10px;
	opacity: 0.85;
	color:#000;
	margin:0;
	font-size:12px;
}
#tooltip h3, #tooltip div { margin: 0; 
font-size:16px;
padding:0;
}


/*ol, ul {
	list-style: none;
}*/

/* - tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* // clear css // */



/* setup styles */
body {
	/*background-color:#0e67a4;*/
	text-align:left;
	font: 13px Tahoma, Arial, sans-serif;
	line-height:16px;
	background: url(/images/layout/fade.jpg);
	background-repeat:repeat-x;
	background-color:#133e63;	
}

h1 {
	font-family: arial, sans-serif;
	font-size:3.1em;
	line-height:1em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 25px;
	color:#3c3c3c;
}

h3 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: none;
	color: #3c3c3c;
	font-weight:bold;
	padding-bottom:15px;
	line-height:21px;

}

h3 a:hover {
	color: #2471a7;
}

h2 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: ;
	color: #3c3c3c;
	font-weight:bold;
	padding-bottom:15px;
	line-height:24px;
	padding:0px 0 8px 0;
}

h4 {
	font: 16px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: none;
	color: #3c3c3c;
	font-weight:normal;
	padding-bottom:15px;
	line-height:22px;
	font-weight:bold;
}


a {
	color:#2471a7;
	text-decoration:none;
}

a:hover {
	color:#e60000;
	text-decoration:none;
}

em {
font-style:italic;
}


small {

}

.canal-img {
	padding-bottom:15px;
}

.external {
    background: url(../images/icons/pdf.gif);
    background-position: left center;
    background-repeat: no-repeat;
	font-weight:bold;
	margin:0px 0px 0px 0;
	padding:10px 0px 10px 32px;
	font-size:14px;
	font-family:Arial, sans-serif;
	display:block;
}

.canal {
	width:700px;
	display:block;
	padding:25px 0 0 0;
}
.canal div {
	padding:2px 0 2px 0;
}

.canal-info {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Arial, sans-serif;
	float:left;
	width:420px;
}
.canal-logo {
	margin:0 20px 0 0;
	padding:0;
	width:260px;
	overflow:hidden;
	float:right;
	text-align:right;
	vertical-align:middle;
}
.canal-name {
	font-weight:bold;
	margin:0;
	padding:0;
}

.canal-address {
	margin:0;
	padding:0;
}

.canal-contact {
	display:block;
	float:left;
	margin:0;
	margin-right:10px;
	width:70px;
}

.canal-contact-no {
	display:block;
	float:left;
	margin:0;
	margin-right:10px;
	width:90px;
}

.phone-fax, .www-mail {
	margin:0;
	padding:0;
	display:block;
	width:450px;
}


/* sub navigaion */
#subnav {
	height: 38px;
	font: 12px Tahoma, Arial, sans-serif;
	letter-spacing:0px;
	text-transform: none;
	color: #3c3c3c;
	float:left;
	margin: 0 0 0 18px;
}

#subnav ul li {
	display: inline;
	float: left;
	height: 38px;
	line-height: 38px;
	list-style: none;
	text-align: center;
}

#subnav ul li a {
	display: block;
	text-decoration: none;
	padding: 0 10px 0 10px;
	color: #3c3c3c;
}

#subnav ul li a:hover {
}

#subnav .active a {
	color:#2471a7;
}

#subnav .normal a {
}
/* // sub navigaion // */



.contentright p {
padding-bottom: 10px;
}




#sitesetup {
	margin:5px auto 0 auto;
	padding:0;
	text-align:left;
	width:980px;
}
#topnavarea {
	height:130px;
	width:980px;
	background: url(/images/layout/sveriges-och-norges-kanaler.png) no-repeat;
	background-position: 0px 0px;
	position:relative;
}

#uk #topnavarea {
	background: url(/images/layout/the-swedish-and-norwegian-canals.png) no-repeat;
}


.caps .readmore2 {
text-transform:uppercase;
}


#flags {
position:absolute;
right:0;
top:20px;
}


#flags img {
float:right;
margin-left:10px;
}

#logo {
	width:330px;
	height:110px;
	margin: 15px 0 0 15px;
	float:left;
}


#tabcontainer a {
 color:#3E4449; 
}



#box {
padding-top:45px;
clear:both;
}


/* top navigaion */
#topnav {
	font: 11px Tahoma, Arial, sans-serif;
	float:right;
	text-align:right;
	margin-top:10px;
	margin-right:75px;	
}
#topnav li {
	display: inline;
	float: left;
	height: 38px;
	line-height: 38px;
	list-style: none;
	text-align: center;
}
#topnav a {
	display: block;
	text-decoration: none;
	padding: 0 10px 0 10px;
	color: #ffffff;
}

#topnav li a:hover {
	color: #e60000;
}
/* // top navigaion // */

/* main navigaion */

#mainnavarea {
display:block;
position:relative;
overflow:hidden;
clear:both;
}

#mainnav {
	height: 38px;
	font: 1.02em Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	width:968px;
	display:block;
	float:left;
	background: url(/images/layout/menu/topnav_background.gif) repeat-x;
}
#mainnav li {
	display: inline;
	float: left;
	height: 38px;
	line-height: 38px;
	list-style: none;
	text-align: center;	
}
#mainnav a {
	display: block;
	text-decoration: none;
	padding: 0 14px 0 14px;
	color: #ffffff;
	border-right:#7e050d solid 2px;
}

#uk #mainnav a {
	padding: 0 24px 0 24px;
}


#mainnav li a:hover {
	/*background: url(mainnav.gif) 0 -38px repeat-x;*/
	color: #ffcf56;
	/*background: url(/images/layout/menu/topnav_on.gif) repeat-x;*/
}

#mainnav .Tree1OnActive {
	background: url(/images/layout/menu/topnav_on.gif) repeat-x;
}

#mainnav .Tree1On {
	background: url(/images/layout/menu/topnav_on.gif) repeat-x;
}


#mainnav .Tree1OnActive a:hover, #mainnav .Tree1On a:hover  {
	color: #fff;
	cursor:default;
}

#mainnav .active a {
/*background: url(mainnav.gif) 0 -38px repeat-x;*/
}
#mainnav .normal a {
/*background: url(mainnav.gif) repeat-x;*/
}

.mainnavstuff { display:block; float:left; width:6px; }
/* // main navigaion // */


#topimagearea {
	width:980px;
	height: auto;
	clear:both;
}




#subnavarea {
	width:980px;
	background-color:#ffffff;
	height:38px;
	border-bottom:solid 1px #ff0000;
}


#puffar {
	width:928px;
	padding: 0 26px 0 26px;
	background-color:#fff;
}

#puffar h2{
	font: 12px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: uppercase;
	color: #3c3c3c;
	font-weight:bold;
	padding:5px 0 8px 0;
	line-height:19px;
}
.dottedline {
    background: url(../images/layout/dottedline.gif);
    background-position: top;
    background-repeat: repeat-x;
}




#footer {
	height: 25px;
	font-size:11px;
	letter-spacing:0px;
	color: #ffffff;
	width:928px;
	display:block;
	float: none;
	background: url(/images/layout/menu/topnav_background.gif) repeat-x;
	margin-bottom:40px;
	padding: 5px 26px 0 26px;
	clear: both;
}

.contentblock-left h2 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: ;
	color: #3c3c3c;
	font-weight:bold;
	padding-bottom:15px;
	line-height:24px;
	padding:0px 0 8px 0;
}

.contentblock-notis h2, .contentblock-info h2 {
	font: 14px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: uppercase;
	color: #3c3c3c;
	font-weight:bold;
	padding:0 0 8px 0;
	line-height:19px;
}
.contentfull {
	width:928px;
	background-color:#FFFFFF;
	overflow:hidden;
	padding: 25px 26px 25px 26px;/*border:solid 1px #e60000;*/
	margin:0;
	display:block;
	clear:both;
}

.contentholder {
	width:980px;
	padding:0px;
	margin:0px;
	display:block;
}

.contentleft {
	width:200px;
	padding:0px;
	float:left;
	margin:0 28px 0 0;
}

.contentright {
	width:700px;
	padding:0;
	margin:0;
	float:left;
}


.contentright ul {
margin:5px 0 20px 18px;

}
.contentright ul li {
list-style:disc;
margin:0 0 3px 0;

}

.contentblock-left {
	width:450px; 
	float:left;
}
.contentblock-right {
	width:450px; 
	float:right;
}

.contentblock-right ul li {
list-style:disc;
padding: 0 0 5px 0;
}
.contentblock-right ul {
padding:15px 0 5px 25px;
}


.contentblock-notis {
	width:211px; 
	float:left;
}

.contentblock-info {
	width:211px; 
	float:right;
}

/*
.sectionarea {
	width:930px;
	overflow:hidden;
	background: url(../images/layout/section_fade.gif) repeat-x;
	height:38px;
	padding: 0 26px 0 26px;
	vertical-align:middle;
	background-color:#000000;
}
.sectionheadline {
	overflow:hidden;
	float:left;
	height:38px;
	display:inline;
}
.sectiondescription {
	overflow:hidden;
	float:left;
	height:38px;
	margin:0 0 0 30px;
}
.sectionmoreinfo {
	overflow:hidden;
	height:38px;
	float:right;
}
.sectionheadline h1 {
	text-transform:uppercase;
	font-size:15px;
	color: #ccc;
	font-family:Arial, Tahoma, sans-serif;
	line-height:38px;
	font-weight:normal;
}

.sectionheadline h2 {
	text-transform:uppercase;
	font-size:15px;
	color: #ccc;
	font-family:Arial, Tahoma, sans-serif;
	line-height:38px;
	font-weight:normal;
}

.sectiondescription h2 {
	font-size:12px;
	color: #ccc;
	font-family:Arial, Tahoma, sans-serif;
	line-height:38px;
	font-weight:normal;
	
}

.sectiondescription h3 {
	font-size:12px;
	color: #ccc;
	font-family:Arial, Tahoma, sans-serif;
	line-height:38px;
	font-weight:normal;
	
}

.sectionmoreinfo a {
	font-size:11px;
	color: #2471a7;
	font-family:Arial, Tahoma, sans-serif;
	line-height:38px;
	text-decoration:none;
	font-weight:normal;
	vertical-align:middle;
}
.sectionmoreinfo a:hover {
	color:#fff;
}
*/



.readmore {	
background: url(/images/layout/readmore_off.gif) no-repeat;
height:23px;
display:inline;
font-weight:bold;
text-align:left;
padding:1px 0 0 25px;
margin: 0 0 50px 0;
font-family:Arial, Tahoma, sans-serif;
font-size:11px;
color:#2471a7;
}


.readmore2 {	
background: url(/images/layout/readmore_off.gif) no-repeat;
display:block;
font-weight:bold;
text-align:left;
padding:1px 0 0 25px;
margin: 10px 0 10px 0;
font-family:Arial, Tahoma, sans-serif;
font-size:14px;
vertical-align:middle;
float:left;
}


.contentblock-notis .readmore:hover {
background: url(/images/layout/readmore_off.gif) no-repeat;
color:#e60000;
}



/*
#puffar .readmore {	
background: url(/images/layout/readmore.gif) no-repeat;
width:98px;
height:23px;
display:block;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:3px 0 0 0;
font-family:Arial, Tahoma, sans-serif;
font-size:12px;
margin: 0 ;
}
#puffar .readmore:hover {
background: url(/images/layout/readmore_on.gif) no-repeat;
}

*/
.puffholder ul {


}
.puffholder li {
	color:#000000;
	width:211px;
	display:block;
	float:left;
	margin: 0px 28px 20px 0;
	text-align:left;
}
.puffholder li.lastchild {
	width:211px;
	display:block;
	float:left;
	margin: 0px 0px 20px 0;
	text-align:left;
}



.darkbackground {
	background-color:#000000;
}

#quicklinks {
	width:928px;
	padding: 26px 26px 26px 26px;
	background-color:#000;
	color:#ccc;
	font-size:11px;
	font-weight:normal;
}
#novastripe {
	width:980px;
	padding:0;	
	color:#ccc;
	background: url(../images/layout/nova.gif) no-repeat;
	height:165px;
	background-color:#000;
}

.contentfull a {

}
.contentfull a:hover {
	color:#e60000;
	text-decoration:none;
}


/* DIRECTORY NAV */
#directory {
	font-size: 11px;
	width: 930px;
	background-color:#000;
	padding:26px;
	height:190px;
	
}
#directory .column {
	width: 140px;
	padding: 0 18px 0 0;
	margin:0;
	float: left;
}
#directory .columnlast {
	width: 135px;
	padding: 0;
	margin: 0;
	float:right;
}
#directory h3 {
	color: #3c3c3c;
	font-weight: bold;
	font-size:12px;
	padding: 0;
	margin: 0;
}
#directory li{
	padding: 0;
	margin: 0;
	list-style:none;
	line-height:22px;
	display:block;
}
#directory a {
	display: block;
}
#directory a:link, #directory a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

#directory a:hover, .contentfull a:hover {
	color: #e60000;
	text-decoration: none;
}



#copyright a:hover {
color:#fff;
}

/* bug fix IE6 */
#directory ul li a {
   height:2em;
}




.imagedescription {
font-family:Arial, sans-serif;
font-size:11px;
	font-weight:normal;
	font-style:italic;
	color:#777777;
	padding:15px 0 0 0;
}


.whitetext, .whitetext a, .whitetext h1, .whitetext p, .whitetext div, .whitetext h4, .whitetext h3 {
color:#fff;
}


/* setup styles */




/* tabs */
.tabcontainer {
    display:block; 
    background-color:#FFF; 
    height:24px; 
    margin:0 0 30px 0;
    border-bottom: 2px dotted #b2b2b2;
}

.tab {
    height:24px; 
    background-color:#FFF;  
    float:left;
    padding:0px; 
    line-height:24px;
    display:inline;
    position:relative;
    margin: 2px 0px 0px 0px;
}


.tabInactive {
    height:24px; 
    float:left;
    line-height:28px;
    display:inline;
    position:relative;
    margin:0px;
	font-weight:bold;
	padding:0 19px 0 19px; 
	font-family:Arial, sans-serif; 
	font-size:12px; 
	margin:0px; 
	
	
}


.tab .r
{
    background: url(../images/layout/tab-right.gif) no-repeat;
    width: 19px;
    height: 24px;
    display: inline;
    float: left;
}

.tab .l
{
    background: url(../images/layout/tab-left.gif) no-repeat;
    width: 19px;
    height: 24px;
    display: inline;
    float: left;
}
.tab .content
{
    height: 24px;
    display: inline;
    float: left;

    background: url(../images/layout/dottedline.gif);
    background-position: top;
    background-repeat: repeat-x;
	font-weight:bold;
	padding:0 19px 0 19px; 
	font-family:Arial, sans-serif; 
	font-size:12px; 
	margin:0px;
    
}


.tabcontent div 
{
    display: none;

}

.tabcontent #tab1
{
    display: block;
}




/* footer */

#quicknav {
	margin:0;
	padding: 0px 0px 10px 0px;
	display:block;
	float: left;
	width: 100%;
	color:#3c3c3c;
	font-size:11px;
	background-color:#e9f2f8;
}

#quicknav ul 
{
    display: block;
    float: left;
    margin: 0px 0px 10px 0px;
    }
#quicknav ul li
{
    line-height: 15px;
}    
#quicknav H3 
{
    display: block;
    float: left;
    color: #1c5584;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    font-size: 1.0em;
    width: 100%;
	font-family:Arial, sans-serif;
	line-height:normal
    }
    
#quicknav .box1 
{
    display: inline;
    float: left;
    width: 140px;
    margin: 0px 0px  0px 26px;
	padding:0 25px 0 0;
    }
#quicknav .box2 
{
    display: inline;
    float: left;
    width: 135px;
	padding:0 25px 0 0;
} 
#quicknav .box3 
{
    display: block;
    float: left;
    width: 150px;
	padding:0 25px 0 0;
} 
#quicknav .box4 
{
    display: block;
    float: left;
    width: 110px;
	padding:0 25px 0 0;
}
#quicknav .box5
{
    display: inline;
    float: left;
    width: 120px;
	padding:0 25px 0 0;
} 
#quicknav .box6
{
    display: inline;
    float: left;
    width: 150px;
} 



.footertabcontainer {
    display:block; 
    background-color:#FFF; 
    height:26px; 
    margin:0 0 20px 0;
    background-color: #FFF;
    background-image: url(../images/layout/dottedline-blue.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.footertab {
    height:24px; 
    background-color:#FFF;  
    float:left;
    padding:0px; 
    line-height:24px;
    display:inline;
    position:relative;
    margin: 2px 0px 0px 10px;
    background-color: #e9f2f8;
}

#footer a {
color:#FFFFFF;
}

#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}


.footertab .r
{
    background: url(../images/layout/tab-right-blue.gif) no-repeat;
    width: 19px;
    height: 24px;
    display: inline;
    float: left;
    background-color: #FFF;
}

.footertab .l
{
    background: url(../images/layout/tab-left-blue.gif) no-repeat;
    width: 19px;
    height: 24px;
    display: inline;
    float: left;
    background-color: #FFF;
}
.footertab .footercontent
{
    height: 24px;
    display: inline;
    float: left;
    color: #1c5584;
    font-size: 16px;

    font-family:Arial,sans-serif;
    font-size:1.4em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight: bold;
    letter-spacing:-1px;
    text-transform:uppercase;
    background: url(../images/layout/dottedline-blue.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding: 5px 10px 0px 10px;
    
}



.tabimages {
    width: 700px;
    
}
.tabimages img {
    width: 160px;
    height: 100px;
    display: inline;
    float: left;
    margin: 0px 20px 20px 0px; 
    
}

.tabimages .imgnomargin {
    margin-right: 0px;
    
}


#leftnav  ul li a {
    background: url(../images/layout/dottedline.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    display: block;
    padding: 5px 0px;
}
#leftnav .Tree1 {
    background: url(../images/layout/menu/subnav.gif);
    background-position: right center;
    background-repeat: no-repeat;
	font-weight:bold;
}

#leftnav .Tree1OnActive {
    background: url(../images/layout/menu/subnavonActive.gif);
    background-position: right center;
    background-repeat: no-repeat;
	font-weight:bold;

}
#leftnav .Tree1On {
    background: url(../images/layout/menu/subnavon.gif);
    background-position: right center;
    background-repeat: no-repeat;
	font-weight:bold;
	color:#E60000;
}

#leftnav .Tree1On a, #leftnav .Tree1OnActive a  {
	color:#E60000;
}


#tab1 .spec 
{
    width: 380px;
    display: inline;
	margin-right:20px;
    float: left;
}

#tab1  .spec .l 
{
    width: 120px;
	font-family:Arial, sans-serif;
	border-bottom:solid 1px #efefef;
    padding: 4px 40px 4px 0px;
}

#tab1  .spec .r 
{
    width: 240px;
	font-family:Arial, sans-serif;
	border-bottom:solid 1px #efefef;
}



#tab1  .rightimg 
{
    width: 300px;
    height: 300px;
    display: inline;
    float: right;
}

#tab1  .lefttext
{
    width: 360px;
    display: inline;
    float: left;
    padding: 20px 40px 0px 0px;
}


#canalfactstbl {

}



#canalfactstbl .lheader, #canalfactstbl .cheader {
padding:5px; 
border-right:1px solid #7ca8c5; 
color:#FFFFFF;
background-color:#10395c;
}

#canalfactstbl .vheader {
padding:5px; 
border-right:1px solid #7ca8c5; 
border-bottom:1px solid #7ca8c5; 
background-color:#10395c;
color:#FFFFFF;
}

#canalfactstbl .rheader {
padding:5px; 
color:#FFFFFF;
background-color:#10395c;
}


#canalfactstbl .bluefade {
background-color:#347fbe;
}


#canalfactstbl .redfade {
background: url(/images/layout/fadeheader.gif); 
background-position: top;
background-repeat: repeat-x;
border:1px solid #7ca8c5;
color:#fff;
}



#canalfactstbl .lcell {
font-size:13px; 
font-weight:bold; 
padding:5px; 
vertical-align:middle; 
border-right:1px solid #ccc;
background: url(/images/layout/dottedline.gif); 
background-position: bottom;
background-repeat: repeat-x;
cursor:pointer;
}

#canalfactstbl .ccell {
font-size:13px; 
font-weight:normal; 
padding:5px; 
vertical-align:middle; 
border-right:1px solid #ccc;
background: url(/images/layout/dottedline.gif); 
background-position: bottom;
background-repeat: repeat-x; 
cursor:pointer;
}

#canalfactstbl .rcell {
font-size:13px; 
font-weight:normal; 
padding:5px; 
vertical-align:middle;
background: url(/images/layout/dottedline.gif); 
background-position: bottom;
background-repeat: repeat-x; 
cursor:pointer;

}


#canalfactstbl tr {

}

#canalfactstbl tr:hover  {
background:#fdb500;
color:#FFFFFF;
}

#canalfactstbl .test  {
color:#2471A7;
}

#canalfactstbl .blue {
background-color:#e9f2f8;
}

#canalfactstbl  tr:hover .test {
background-color:#fdb500;
color:#FFFFFF;
}
#canalfactstbl  tr:hover .blue {
background-color:#fdb500;
color:#FFFFFF;
}