/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 18px 0; }
/*
 * Hyperlinks
 */
a { text-decoration: underline; overflow: hidden; color: #333399; }
a:hover, a:focus { text-decoration: underline; color: #000;}

/*
 * General Document Settings
 */
html {  }
body { font: 12px/18px Arial, Helvetica, Verdana,  sans-serif; background: url(../images/topbg.jpg) repeat-x 0 0; }
#wrap { width: 960px;  margin: 0 auto; position: relative; }
/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 0 9px 0; font-family: Arial, Helvetica, Verdana, sans-serif; }
h1 { font-size: 16px; font-weight: normal; color: #333399; text-transform: uppercase; border-bottom: 1px solid #000; }
h2 { font-size: 14px; font-weight: normal; color: #333399; text-transform: normal; }
h3 { font-size: 14px; font-weight: normal; color: #333399; }
h4 { font-size: 12px; font-weight: bold; color: #333399; }
h5 { font-size: 12px; font-weight: normal; color: #333399; }

/*
 * Lists
 */
ul { margin-left: 2.2em; color: #333399; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: .5em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 0px solid #999;}
caption, th, td { text-align: left; padding: 0px; }
th, td { border: 0px solid #999; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
fieldset { border: 1px solid #999; padding: 1em 2em; }

form ol { margin: 0; }  
form li { list-style: none; }  
form li label { display: block; }  
form .inline label { display: inline; }  
form .inline input { margin-right: 1em; } 

#toplinks { 
	width: 960px;
	height: 19px;
	background: url(../images/toolbarbg.jpg) no-repeat right top;
	float: right; 
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none; 
}

#toplinks li { 
	float: right; 
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none; 
}
#toplinks li:first-child, #toplinks li.first-child { 
	background: none; }
#toplinks a { 
	text-align: right;
	line-height: 22px; 
	padding: 0px 0px 0px 0px; 
	color: #ccc; 
	font-size:10px; 
	text-decoration: none; 
}
#toplinks .active a, #toplinks a:hover, #toplinks a:focus, #bottomlinks .active a, #bottomlinks a:hover, #bottomlinks a:focus { text-decoration: underline; }

#langselect { 
	color: #ccc; 
	font-size:10px; 
	position: absolute; top: 3px; _top: 8px; right: 0px; 
	height: 22px; 
	margin: 0; 
	padding: 0px 10px 0px 10px;
	float: right;
	display: block;
	border: 0px solid #000;
}
#langselect a {
	color: #ccc; 
	font-size:10px; 
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
#langselect.active a, #langselect a:hover, #langselect a:focus { text-decoration: underline; }
	
/*
 * Meta 
 */
#meta { position: absolute; top: 0px; right: 95px; width: 220px; height: 22px; margin: 0; padding-left: 0px; border: 0px solid #ccc;}
#meta li { float: left; margin: 0; list-style: none; background: url(../images/topdivider.gif) no-repeat right 8px; }
#meta li:first-child, #meta li.first-child { background: url(../images/topdivider.gif) no-repeat right 8px; }
#meta a { float: left; line-height: 22px; padding: 3px 10px 3px 10px; color: #ccc; text-decoration: none; }
#meta .active a, #meta a:hover, #meta a:focus { text-decoration: underline; }

/*
 * topwrap
 */
#topwrap { width: 960px; height: 73px; display: block; float: left; padding: 0; margin: 0; border: 0px solid #000;  }
/*
 * Logo
 */
#logo {  border: 0px solid #ccc; float: left; padding: 0; margin: 0; }
#logo a { position: absolute; top: 40px; left: 0px;  display: block; width: 198px;  height: 43px;  }
/*
 * Nav
 */
#nav { 
	position: absolute; _position: relative; top: 60px; _top: 20px; right: 0px;
	color: #fff; 
	float: right;
	text-transform: uppercase; 
	display: inline-block; 
	overflow: hidden; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}
#nav { display: block; }
#nav ul { float: right; margin: 0; }
#nav li { float: left; display: inline; list-style: none; margin: 0 0 0 -1px; background: url(../images/menuarrow.gif) no-repeat 20px 10px;}
#nav a { color: #fff; float: left; line-height: 25px; text-decoration: none; padding: 0 0px 0 30px;  }
#nav .active a, #nav a:hover, #nav a:focus { text-decoration: underline; }

/*
 * Banner
 */
#topbannerhome { 
	position: relative; display: inline-block; 
	padding: 0px 0px 0px 0px; color: #fff; 
	margin: 0px 0px 0px 0px; 
	width: 960px; height: 200px; 
	overflow: hidden; 
}
#topbannerhome { display: block; clear: both;}
#topbanner { 
	position: relative; display: inline-block; 
	padding: 0px 0px 0px 0px; color: #fff; 
	margin: 0px 0px 0px 0px; 
	width: 960px; height: 190px; _height: 192px; 
	overflow: hidden; 
}
#topbanner { display: block; clear: both;}
/*
 * topboxes
 */
#boxes { float: left; display: inline-block; width: 960px; height: 50px; margin: 0px; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; border: 0px solid #ccc; background-color: transparent; }
#boxes { display: block; }
#topbox1 { float: left; display: inline; margin: 0px; padding: 0px; width: 320px; height: 50px; position: relative; 
background-image: url(../images/topbox1bg.jpg); background-position: top left; background-repeat: no-repeat; }
#topbox2 { float: left; display: inline; margin: 0px; padding: 0px; width: 320px; height: 50px; position: relative;
background-image: url(../images/topbox2bg.jpg); background-position: top left; background-repeat: no-repeat;}
#topbox3 { float: left; display: inline; margin: 0px; padding: 0px; width: 320px; height: 50px; position: relative;
background-image: url(../images/topbox3bg.jpg); background-position: top left; background-repeat: no-repeat;}
#topbox1 p, #topbox2 p, #topbox3 p { padding: 0px 10px 0px 15px; color: #fff; font-size: 10px; }
#topbox1 p a, #topbox2 p a, #topbox3 p a { color: #fff; font-size: 10px; text-decoration: none;}
#topbox1 p a:hover, #topbox2 p a:hover, #topbox3 p a:hover { color: #fff; text-decoration: underline;}
#topbox1 h1, #topbox2 h1, #topbox3 h1 { padding: 5px 10px 0px 15px; color: #fff; margin: 0px; border: none; }
/*
 * Subnav
 */
#subnavheader, #subnavheaderright, #breadcrumbsub {
	margin: 0; text-transform: uppercase; 
	line-height: 14px;
	background: url(../images/submenubg1.jpg) no-repeat 0 0;
	width: 196px;
	display: inline-block;
	border-bottom: 1px solid #000;
}
#subnavheader h4, #subnavheaderright h4, #breadcrumbsub h4 {
	padding: 0px 5px 0px 15px;
	margin: 0px 0px 4px 0px; 
	background: url(../images/menuarrow.jpg) no-repeat 0 50%;
	text-decoration: none;
	display: inline-block;
	color: #333399;
}
#breadcrumbsub h4 a {
	text-decoration: none;
}
#subnav { margin: 0; text-transform: normal; line-height: 18px; }
#subnav li { margin: 0; list-style: none; background: url(../images/dotsbg.jpg) no-repeat 0 90%;}
#subnav a { display: inline-block; padding: 6px 13px; background: url(../images/menuarrow.jpg) no-repeat 0 50%; color: #333399; text-decoration: none; 
border-bottom: 1px solid #fff; }
#subnav a { display: block; }
#subnav .active a, #subnav a:hover, #subnav a:focus { text-decoration: none; color: #000;}
#subnav ul { margin: 0; }
#subnav .active ul a { background: url(../images/menuarrow.jpg) no-repeat 13px 50%; color: #666; text-decoration: none; padding-left: 30px; }
#subnav .active ul a:hover, #subnav li.active ul a:focus, #subnav li.active ul .active a { text-decoration: none; color: #000;}


/*
 * Navpath
 */
#navpath { margin: 0 0 15px 0; padding: 0px; display: inline-block; overflow: hidden; color: #999; text-transform: none; font-size: 11px; }
#navpath { display: block; height: 17px; border-bottom: 1px solid #ccc; }
#navpath ol { float: left; margin: 0; padding: 0px; list-style: none; }
#navpath li { float: left; margin: 0; list-style: none; }
#navpath a { float: left; display: inline; color: #999; text-decoration: none; padding-left: 10px; margin-right: 15px; background: url(../images/menuarrow.jpg) no-repeat 0 50%; }
#navpath a:hover, #navpath a:focus { text-decoration: underline; }

/*
 * Footer
 */
#footer { clear: both; background: url(../images/footer.jpg) no-repeat 0 100%; height: 80px; text-align: center; }
#footer .footcontent { font-size: 11px; color: #ccc; line-height: 27px; padding: 0px; position: absolute; left: 10px; bottom: 25px; width: 960px; }
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
 /*
 * Column
 */
#column { 
	float: left; 
	width: 196px; display: inline; 
	margin: 0px 0px 0px 0px; 
	overflow: hidden; 
	background: #fff; 
	line-height: 18px; 
	color: #333399; 
	border-top: 0px solid #ccc; 
}
#rightcolumn { 
	float: left; 
	width: 196px; display: inline; 
	margin: 0px 0px 0px 0px; 
	overflow: hidden; 
	background: #fff; 
	line-height: 18px; 
	color: #333399; 
	border-top: 0px solid #ccc; 
}
#column .content { padding: 0 11px; }
#leftcol { 
	float: left; 
	display: inline; 
	padding: 0px; 
	margin: 0px 20px 0px 0px; 
	width: 744px;
	height: auto !important; /* for modern browsers */
	height: 350px; /* for IE5.x and IE6 */
	min-height: 350px; /* for modern browsers */
	position: relative; 
	color: #000; 
	line-height: 18px; 
	border: 0px solid #000;
}
/*
 * homecontentboxes
 */
#contenthome { 
	float: left; 
	width: 960px; 
	display: inline; 
	margin: 20px 0px 10px 0px; 
	padding: 0px; 
	overflow: hidden; 
	position: relative; 
}
#contentbox { 
	float: left; 
	display: inline; 
	margin: 0px; 
	padding: 0px; 
	width: 196px; height: 267px; 
	position: relative; 
	color: #666; 
	line-height: 14px; 
	overflow: hidden;
}
#contentbox2 { 
	float: left; 
	display: inline; 
	padding: 0px; 
	margin: 0px 20px 0px 20px; 
	width: 528px; _width: 520px;
	height: auto !important; /* for modern browsers */
	height: 350px; /* for IE5.x and IE6 */
	min-height: 350px; /* for modern browsers */
	position: relative; 
	color: #000; 
	line-height: 18px; 
}
#contentbox3 { 
	float: left; 
	display: inline; 
	margin: 0px; 
	width: 240px; 
	height: 267px; 
	position: relative; 
	color: #666; 
	line-height: 18px; 
	overflow: hidden; 
}
#contactbox { 
	float: left; 
	display: inline; 
	padding: 5px 15px 15px 0px;
	margin: 0px; 
	color: #333399; 
	line-height: 18px; 
}
div.csc-textpic {
	clear: both;
	display: block;
	width: 100%;
	padding: 10px 0px 10px 0px;
}

/*
 * formularer
 */
fieldset { padding:5px 0px 5px 0px; border: none; }
legend { display: none; }
.csc-mailform { text-align:left; margin-bottom:2px; border: 0px dashed #CCCCCC; }
input.powermail_submit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-align: center; vertical-align: middle; cursor:pointer; border:outset 1px #ccc; background: url(../images/buttonbg.jpg) repeat-x top left;
width: 100px; padding: 2px 2px 2px 2px; margin: 10px 0px 5px 160px;
}
input { font-family: Arial, Helvetica, sans-serif; color: #666; width: 250px; vertical-align: middle; border: 1px solid #ccc; text-align: left;
	padding: 2px; margin: 5px 0px 5px 0px; }
input[type=checkbox] { border: none; width: 15px; text-align: left; }
div.tx-powermail-pi1 input[type=submit]{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-align: center; vertical-align: middle; cursor:pointer; border:outset 1px #ccc; background: url(../images/buttonbg.jpg) repeat-x top left;
width: 100px; padding: 2px 2px 2px 2px; margin: 10px 0px 5px 160px;
}
label { float: left; text-align: right; width:150px;margin: 2px 10px 0px 0px; font-weight: bold; }
select { background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #ccc;
	text-align: left; width: 250px; padding: 2px; }
.radio { background-color:#FFF; color: #333; padding: 2px; border: 0px; vertical-align: bottom; }
textarea { background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #ccc;
	text-align: left; width: 250px; height: 100px; padding: 2px; }
.powermail_mandatory { color:#F00; padding-left: 2px; }
div.powermail_mandatory_js { color:#FF0000; margin: 0px 0px 0px 160px; padding: 0px; }