/* Generelt */
body {
	padding: 0px;
	margin: 0px;
	min-height: 100%;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	background: #f8f8f8;
}

a:link, a:visited {color: #58c7d9}

/* Typografier */
h1 {
	font-weight: bold;
	font-size: 24pt;
	margin: 20px 0px 5px 0px;
	color: #000;
}

h1.subpage {
	font-size: 28px;
	color: #4ebccf;
	margin: 10px 0 0 20px;
}

h2.subpage {
	font-weight: normal;
	font-size: 22px;
	margin: 0px 0px 5px 0px;
}

#main #leftColumn li {
	margin-bottom: 6px;
}

#subpageWrapper #leftColumn a:link, #main #leftColumn a:visited, #main #leftColumn a:active {color: #74b4c6; text-decoration: none;}
#subpageWrapper #leftColumn a:hover {text-decoration: underline;}

/* 2 spalter */
#main .columnWrapper div.leftColumn {
	float: left;
	width: 216px;
}

#main .columnWrapper div.rightColumn {
	float: left;
	width: 671px;
}

#footer {
	width: 950px;
	text-align: center;
	padding-top: 10px;
	margin: auto;
}

#footerSubpage {
	text-align: center;
	padding: 10px 0;
	margin: 10px auto;
}

#header {
	background: #fff;
}

#address div.content {
	padding: 3px 0 0 0;
}

#navigationWrapper .searchForm {
	float: right;
	margin: 20px 0 0 0;
}

.sitemapbtn {float: right; padding: 28px 5px 0 20px;}
.printbtn {float: right; padding: 28px 7px 0 0;}

#navigationWrapper .logo {margin:10px 0 0 20px; float: left;}

/* Navigation */
#navigationWrapper {
	min-height: 48px;
	width: 950px;
	margin: 0 auto;
}

ul#navigation {
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
}

ul#navigation li {
	float: left;
	list-style: none;
	position: relative;
}

ul#navigation li a:link,
ul#navigation li a:visited,
ul#navigation li a:active {
	padding: 5px 7px;
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

ul#navigation li a:hover, ul#navigation li.active a {
	color: #74b4c6 ;
}

ul#navigation li:hover {

}

ul#navigation li.active {

}

ul#navigation li:hover a:link,
ul#navigation li:hover a:hover,
ul#navigation li:hover a:visited,
ul#navigation li:hover a:active,
ul#navigation li.active a:link,
ul#navigation li.active a:hover,
ul#navigation li.active a:visited,
ul#navigation li.active a:active, {
	color: #74b4c6 !important;
	text-decoration: none;
}

ul#navigation li ul {
	display: none;
	left: 0;
	top: 37px;
	padding: 0px;
	margin: 0px;
}

ul#navigation li ul li {
	background: #efefef !important;
	float: none;
}

ul#navigation li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	padding: 0;
}

ul#navigation li:hover ul li {
	width: 150px !important;
	background: #efefef !important;
}

ul#navigation li:hover ul li ul {
	display: none;
	margin-left: 150px;
	top: 0px;
}

ul#navigation li:hover ul li:hover ul {
	display: block;
}

ul#navigation2 {
	margin: 15px 0 0 0;
	padding: 0;	
}

ul#navigation2 li {
	padding: 2px;
	margin: 2px 0 5px 20px;
	list-style: none;
	width: 190px;
}

ul#navigation2 li.active {
	background: url('/OCC/Starcool/nav2_bg.gif') no-repeat right;
	border: 1px solid #fff
}

ul#navigation2 li.active a {
	color: #fff;
	font-weight: bold;
}

ul#navigation2 a:link,
ul#navigation2 a:visited,
ul#navigation2 a:active,
ul#navigation2 a:hover {
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

ul#navigation2 a:hover {
	color: #74b4c6;
}

ul#navigation3 {
	margin: 15px 0 0 10px;
	padding: 0;	
}

ul#navigation3 li {
	padding: 2px 0 5px 20px;
	margin: 0;
	list-style: none;
	background: url('/OCC/Starcool/starcool_bullet.png') no-repeat left;
}

ul#navigation3 a:link,
ul#navigation3 a:visited,
ul#navigation3 a:active,
ul#navigation3 a:hover {
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

ul#navigation3 a:hover, ul#navigation3 a.selected {
	color: #74b4c6;
}

/* Dev */
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

img {
	border: 0;
}

input, select, textarea, label {
	font-size: 11px;
}


/* Subpage */
#subpageWrapper {width: 950px; margin: auto; background: url('/OCC/Starcool/subpage_bg.jpg') repeat-y; min-height: 400px;}
#topbannerWrapper {background: url('/media/1865/top_bg.jpg') repeat-x; height: 217px;}
#topbannerWrapper .content {background: url('/media/1871/top_bg_pattern.jpg') no-repeat; width: 972px; margin: auto; height: 217px;}
#topbannerWrapper .content .navigation2 {float: left; margin: 20px 0 0 20px;}
#topbannerWrapper .content .statements {float: right; width: 430px; height: 75px; margin: 72px 30px 0 0; color: #4dc8e2;}
#topbannerWrapper .content .statements .statement {font-size: 14px; margin-right: 10px;}
#topbannerWrapper .content .statements .author {font-weight: bold;}
#topbannerWrapper .content .statements .company {}
.statement p {margin:0 0 6px}
body {background: #fff;}
#subpageWrapper #leftColumn {width: 710px; float: left;}
#subpageWrapper #rightColumn {width: 230px; float: left;}
#subpageWrapper #leftColumn div.content {margin: 25px 25px 40px 25px; min-height: 300px;}

#subpageWrapper #leftColumn .content .inlineLeftColumn {width: 48%; float: left;}
#subpageWrapper #leftColumn .content .inlineRightColumn {width: 48%; float: right;}

/*Cycle*/
.slideshow .cycleImage {width: 664px; height: 232px}
.slideshow {color: #fff;}
.slideshow .cycleLeftColumn {width: 40%; float: left; margin: 20px;}
.slideshow .cycleRightColumn {width: 40%; float: left; margin: 20px;}
.slideshow .cycleRightColumn,
.slideshow .cycleLeftColumn {line-height: 19px;}

/* Newslits */
ul.newsList {margin:0; padding: 0;}
ul.newsList li {list-style: none; margin-bottom: 20px !important;}
ul.newsList li h3 {margin: 0; padding: 0}
ul.newsList li .date {color: #999999;}
ul.newsList li.frontpage {margin-bottom: 10px !important;}
ul.newsList li.frontpage p {margin-top: 0;}
ul.newsListFrontpage {margin: 15px 15px 0 15px; min-height:90px;}
ul.newsListFrontpage li {height:60px;}
ul.newsListFrontpage p {margin: 0;}
ul.newsList li.frontpage .header {color: #4dc8e2}

/* Frontpage */
#mainWrapper div.content {width: 847px; margin:auto;}
#mainWrapper div.content .slideshow {width:396px; float:left; margin: 17px 0 0 0;}
#mainWrapper div.content .main {width:396px; float: left; margin: 17px 0 0 7px;}
#mainWrapper div.content .main div.text {padding: 50px; background: #fff; height: 190px;}
#mainWrapper div.content .main div.scStatements {margin-top: 7px; padding: 30px 50px 0px 50px; background: #fff; height: 114px; background: url('/OCC/Starcool/frontpageBoxBg.gif') no-repeat bottom right #fff; color: #000000; font-weight: normal;}
#mainWrapper div.content .slideshow div.images {height: 441px; width: 396px;}
#mainWrapper div.content h1.frontpage {margin: 0 0 10px 0; padding: 0;}

/* NutsAndBolts.Forms styles for auto-generated layouts */
/* general */
fieldset.nnb_form_fieldset {padding:12px 0; margin:0 0 12px; min-width:500px}
legend.nnb_form_legend {font-weight:700; font-size:1.2em; margin:0 0 0 15px}
ol.nnb_form_list {list-style:none; margin:15px; padding:0; min-width:470px}
ol.nnb_form_list li.nnb_form_listitem {padding:0px 12px 8px 12px; clear:both;}
ol.nnb_form_list li.nnb_form_submit_listitem {border:none}
label.nnb_form_label {font-weight:normal; display:block; padding-bottom:0;}
label.nnb_form_checkbox_label, label.nnb_form_radio_label {padding-top:2px;}
input.nnb_form_checkbox_field, input.nnb_form_radio_field { margin-right:5px}
select.nnb_form_select_field, select.nnb_form_selectmulti_field {width:140px}
textarea.nnb_form_textarea_field {width:28em; height:5em}
div.nnb_form_desc {font-size:0.8em; line-height:1.2em; margin-top:3px}
ul.nnb_form_field_options {list-style:none; margin:0 0 0 15px; padding:0}
ul.nnb_form_field_options li.nnb_form_field_option {padding:0; clear:both}
ol.nnb_form_list li.nnb_form_error_wrapper {background:#c2e2ed; border:solid 1px #58c7d9; padding:7px 11px}
div.nnb_form_exception {background:#fff8de; color:#333; border:solid 1px #e49305; padding:12px; margin:12px 0}
div.nnb_form_exception h2 {font-size:15px; margin:0 0 12px !important; color:#e49305}
div.nnb_form_error {color:red; margin:12px 0}
span.mandatory {color: rgb(181,0,48)}

/* "side by side" layout rules - remove the class "nnb_form_list_sidebyside" from the ordered list if you want an "over and under" layout instead */
/* the following 2 rules sets the width of the "label column" */
ol.nnb_form_list_sidebyside label.nnb_form_label {float:left; width:100px}
ol.nnb_form_list_sidebyside div.nnb_form_desc, ol.nnb_form_list_sidebyside li.nnb_form_submit_listitem, ol.nnb_form_list_sidebyside input.nnb_form_checkbox_field {margin-left:100px}
/* reset left margin of textarea descriptions and checkboxgroup checkboxes */
ol.nnb_form_list_sidebyside div.nnb_form_textarea_desc, ol.nnb_form_list_sidebyside li.nnb_form_checkboxgroup_listitem input.nnb_form_checkbox_field {margin-left:0}
ol.nnb_form_list_sidebyside ul.nnb_form_field_options {float:left; margin:0}
#deliveryAlternate { margin: 0px;}
.formHeader {padding: 0 0 5px 0;}

/* uncomment the following two rules to show field descriptions on error only */
div.nnb_form_desc {display:none}
ol.nnb_form_list li.nnb_form_error_wrapper div.nnb_form_desc {display:block}

#disclaimer {color: #c0c0c0 !important; text-decoration: none;}
#disclaimer:hover {text-decoration: underline;}

ul#newsletterlist, ul.brochures, ul.companylist {list-style:none; margin:0; padding:0}
ul#newsletterlist li, ul.brochures li {display:block; float:left; padding:0; margin:25px 35px 30px}
ul#newsletterlist li img, ul.brochures li img {border:none; margin-top:10px}

ul.companylist h3.company {font-size:14px}
ul.companylist strong {clear:left; float:left; display:block; width:100px; margin:4px 0 0}
ul.companylist p {float:left; width:300px; margin:4px 0 0}
ul.companylist li {clear:both; margin:0; padding:25px 0; border-bottom: solid 1px #c3c3c3}

/* Frontpage */
#mainWrapper {background: url('/OCC/Starcool/top_bg.jpg') repeat-x; height: 477px;}
#mainWrapper .backgroundContainer {background: url('/OCC/Starcool/top_content_bg.jpg') no-repeat center; height: 477px; min-width: 950px;}
#boxContainer {background: url('/OCC/Starcool/box_full_bg.jpg') #fff repeat-x bottom;}
#boxWrapper {width: 950px; margin: auto;}
#boxWrapper .box {height: 200px;float: left; width: 316px; overflow: hidden;}
#boxWrapper .box1 {background: url('/OCC/Starcool/box_split.jpg') no-repeat bottom right;}
#boxWrapper .box2 {}
#boxWrapper .box3 {background: url('/OCC/Starcool/box_split.jpg') no-repeat bottom left;}
#boxWrapper .ebusinessHeader {margin: 25px 0 10px 0;}
#boxWrapper .loginTable input {border: 1px solid #60c3d4; padding: 3px; width: 150px; clear: both;}
#boxWrapper .loginTable {font-size: 14px;}

/* Service provider list */
.serviceProviderPrintlist li {height: 120px; width: 45%; float: left; margin-left: 30px;}

.dimmed {color:#ddd}
#suggestions a {display:block; color:#333; text-decoration:none; font-size:11px}
#suggestions a span {font-weight:700}
#suggestions a:active {background:#d7eff4}

/* Use testclass on objects that you need to hide from public view. Use ?test=1 in URL to display objects */

.testClass {
display: none;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */