
/* ------------------------------------ */
/* 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;
}

/*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-color:#fff;
}

h1 {
	font-family:arial, sans-serif;
	font-size:3.1em;
	line-height:1em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 25px;
	color:#000;
}

h3 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	text-transform: none;
	color: #000;
	font-weight:bold;
	padding-bottom:15px;
	line-height:21px;
}

h2 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	color: #000;
	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: #000;
	font-weight:normal;
	padding-bottom:15px;
	line-height:22px;
	font-weight:bold;
}

a {
	color:#2471a7;
	text-decoration:none;
}

em { font-style:italic; }




#flashcontent {
display:block;
height: 460px;
padding:0 0 5px 0;
float:none;
clear:both;
}

.canal-img { padding-bottom:15px; }

.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:none;
	width:420px;
}

.canal-logo {
	margin:20px 20px 0 0;
	padding:0;
	width:260px;
	overflow:hidden;
	float:none;
	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 {
display:none;
}
/* // sub navigaion // */


.contentright p { padding-bottom: 10px; }

#sitesetup {
	margin:5px auto 0 auto;
	text-align:left;
}

#logo {
	width:330px;
	height:110px;
	margin: 0 0 0 15px;
	float:left;
}

#box a { color:#3E4449; }

#box {
	padding-top:45px;
	clear:both;
}

/* top navigaion */
#topnav { display:none; }

/* // top navigaion // */

/* main navigaion */

#mainnavarea { display:none; }

#mainnav { display:none; }

#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: #000;
	display:block;
	float: none;
	margin:0 0 40px 0;
	padding: 50px 26px 0 26px;
	clear: both;
}

#footer a { color: #000; }

.contentblock-left h2 {
	font: 18px Arial, sans-serif;
	letter-spacing:0px;
	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 {
	padding: 25px 26px 25px 26px;
	margin:0;
	display:block;
	clear:both;
}

.contentholder {
	font-size:14px;
	font-family:Arial, sans-serif;
	display:block;
}

.contentleft { display:none; }

.contentright {
	float:none;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.contentright ul { margin:5px 0 20px 18px; }

.contentright ul li {
	list-style:disc;
	margin:0 0 3px 0;
}

.contentblock-left {
	float:none;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.contentblock-right {
	float:none;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.contentblock-right ul li {
	list-style:disc;
	padding: 0 0 5px 0;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.contentblock-right ul { 
	padding:15px 0 5px 25px;
	font-size:14px;
	font-family:Arial, sans-serif; }

.contentblock-notis {
	float:none;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.contentblock-info {
	float:none;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.readmore {
	height:23px;
	display:inline;
	font-weight:bold;
	text-align:left;
	padding:1px 0 0 0x;
	margin: 0 0 50px 0;
	font-family:Arial, Tahoma, sans-serif;
	font-size:14px;
	color:#2471a7;
}


.puffholder ul { 
	font-size:14px;
	font-family:Arial, sans-serif;
}

.puffholder li {
	color:#000000;
	display:block;
	float:none;
	margin: 0px 28px 20px 0;
	text-align:left;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.puffholder li.lastchild {
	display:block;
	float:none;
	margin: 0px 0px 20px 0;
	text-align:left;
	font-size:14px;
	font-family:Arial, sans-serif;
}

.darkbackground { background-color:#000000; }

#quicklinks {
display:none;
}

#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 {
display:none;
}

#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:14px;
	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:none; }

.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; }

.tabcontent #tab3 { display: none; }

/* footer */

#quicknav { display: none; }

#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;
}

.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: none;
	margin: 20px 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: none;
}

#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: none;
	padding:20px 0 0 0;
}

#tab1 .lefttext {
	width: 360px;
	display: inline;
	float: left;
	padding: 20px 40px 0px 0px;
}

