/* Eurosko Intranet Default Stylesheet */

html {
  height:100%;
}
body {
  font-family: Arial, sans-serif;
  font-size:11px;
  line-height:130%;}

a {
  color:#555555; text-decoration:none;
}
img {
  border:none;
}
p {
  margin:0 0 8px 0;
}

h1 {
  font-size:24px;
  line-height:24px;
  font-weight:normal;
  color:#888888;
  margin:0 0 5px 0;
}
h2 {
  font-size:17px;
  line-height:17px;
  font-weight:normal;
  color:#888888;
  margin:1px 0 5px 0;
}
h3 {
  font-size:12px;
  line-height:13px;
  color:#555555;
  margin:0 0 5px 0;
}

li {
  list-style-position: outside;
  list-style-type: square;
  margin-left:15px;
}

#left h2 {
  color:#555555;
}

.cornerLT {
  background:url(/images/cornerLT.png) no-repeat;
  width:4px; 
  height:4px; 
  position:absolute;
  left:0;
  top:0;
  z-index:900;
}
.cornerRT {
  background:url(/images/cornerRT.png) no-repeat;
  width:4px; 
  height:4px; 
  position:absolute;
  right:0;
  top:0;
  z-index:900;
}
.cornerLB {
  background:url(/images/cornerLB.png) no-repeat;
  width:4px; 
  height:4px; 
  position:absolute;
  left:0;
  bottom:0;
  z-index:900;
}
.cornerRB {
  background:url(/images/cornerRB.png) no-repeat;
  width:4px; 
  height:4px; 
  position:absolute;
  right:0;
  bottom:0;
  z-index:900;
}
.speakTopbanner {
  background:url(/images/pil_talebobbel.png) no-repeat right top;
  width:22px;
  height:120px;
  position:absolute;
  right:0;
  top:0;
}
.boxLT {
  background:url(/images/boxLT.png) no-repeat left top;
  width:3%; 
  height:4px; 
  position:absolute;
  left:0;
  top:0;
}
.boxRT {
  background:url(/images/boxRT.png) no-repeat right top;
  width:3%; 
  height:4px; 
  position:absolute;
  right:0;
  top:0;
}
.boxLB {
  background:url(/images/boxLB.png) no-repeat left bottom;
  width:3%; 
  height:4px; 
  position:absolute;
  left:0;
  bottom:0;
}
.boxRB {
  background:url(/images/boxRB.png) no-repeat right bottom;
  width:3%; 
  height:4px; 
  position:absolute;
  right:0;
  bottom:0;
}
.boxC {
  width:94%; 
  height:4px; 
  position:absolute;
  left:3%;
  top:0;
  background:#FFFFFF;
}

#mainwrap {
  width:100%;
  height:100%;
}
#mainwrap .wrapBox {
  width:992px;
  height:4px;
  margin:0 auto;
  padding:0 13px 0 13px;
  position:relative;
}
#mainwrap .ctAll {
  width:992px;
  margin:0 auto;
  padding:0 13px 0 13px;
  background-color:#FFFFFF;
  position:relative;
}

#ctContent {
  width:992px;
  position:relative;
  display:table; 
  padding-top:20px;
}
#ctContent .frontpage #left {
  width:496px;
  float:left;
  position:relative;
  padding-left:0;
}
#ctContent .frontpage #right {
  width:486px;
  float:left;
  position:relative;
  padding-bottom:40px;
}
#ctContent .frontpage #topcontainer {
  width:100%;
}
#ctContent .frontpage #topcontainer {
  clear:left; 
  width:100%;
}
#ctContent /*.subpage*/ #left {
  width:244px;
  min-height:400px;
  padding-left:4px;
  padding-top:20px;
  float:left;
  position:relative;
}
#ctContent .subpage #center {
  width:475px;
  float:left;
  position:relative;
  padding-bottom:40px; 
  display:table; 
  padding-top:20px;
  padding-left:5px
}
#ctContent .subpage2 #center {
  /*width:992px;*/
  float:left;
  position:relative;
  padding-bottom:40px;
}
#ctContent .subpage3 #center {
  width:704px;
  padding-left:4px;
  padding-right:18px;
  float:left;
  position:relative;
  padding-bottom:40px;
  padding-top:20px;
}
#ctContent .subpage #right {
  width:194px;
  padding:38px 36px 25px 18px;
  min-height:320px;
  float:right;
  position:relative;
  background:url(/images/bg_column_gradient.png) no-repeat left 20px;
}
#ctContent .subpage3 #right {
  width:194px;
  padding:38px 36px 25px 18px;
  min-height:320px;
  float:right;
  position:relative;
  background:url(/images/bg_column_gradient.png) no-repeat left 20px;
}
#right a {
  color:#888; text-decoration:underline;
}
#ctContent /*.subpage*/ #topcontainer {
  width:100%;
}
#ctFooter {
  width:992px;
  position:relative; clear:left;
}


/*** BANNERS ***/

.topbanner {
  height:136px;
  float:left;
}
.topbanner .wide {
  width:744px;
  float:left;
  position:relative;
}
.topbanner .wide .arrowRight {
  background:url(/images/pil_talebobbel.png) no-repeat left top;
  width:22px;
  height:120px;
  position:absolute;
  right:0;
  top:0;
}
.topbanner .wide .cornerRT {right:13px}
.topbanner .wide .cornerRB {right:13px}

.topbanner .narrow {
  width:230px;
  position:relative;
  float:left;
  height:120px;
  overflow:hidden;
  margin-right:18px;
}
.topbanner .wide599 {
  width:599px;
  float:left;
  height:120px;
  overflow:hidden;
  position:relative;
  margin-right:18px;
}
.topbanner .wide370 {
  width:370px;
  float:left;
  position:relative;
}
.topbanner /*.wide370*/ .arrowRight {
  background:url(/images/pil_talebobbel.png) no-repeat left top;
  width:22px;
  height:120px;
  position:absolute;
  right:0;
  top:0;
}
.topbanner .wide230right {
  width:248px;
  position:relative;
  float:right;
  height:120px;
  overflow:hidden;
  margin-right:0px;
  background:#555;  
}
.topbanner .wide726left {
  width:726px;
  float:left;
  position:relative;
  margin-right:18px;
}

/*** SECTIONS ***/

.teaser478x310 a {
  color:#4C4C4E;
}
.teaser478x310 {
  float:left;
  position:relative;
  width:478px;
  height:380px;
  margin:0 18px 0 0;
}
.teaser478x310 .image {
  position:relative;
  width:478px;
  height:310px;
  overflow:hidden;
}
.teaser478x310 .headline {
  margin-top:12px;
  margin-bottom:3px;
  width:478px;
  height:19px;
  line-height:19px;
  overflow:hidden;
}
.teaser478x310 .teaser {
  line-height:13px;
  height:39px;
  overflow:hidden;
}
.teaser478x310 .teaser a {
  text-decoration:none;
  color:#4C4C4E;
}

.teaser230x310 a {
  color:#4C4C4E;
}
.teaser230x310 {
  float:left;
  position:relative;
  width:230px;
  height:380px;
  margin:0 18px 0 0;
}
.teaser230x310 .image {
  position:relative;
  width:230px;
  height:310px;
  overflow:hidden;
}
.teaser230x310 .headline {
  margin-top:12px;
  margin-bottom:3px;
  width:230px;
  height:19px;
  line-height:19px;
  overflow:hidden;
}
.teaser230x310 .teaser {
  line-height:13px;
  height:39px;
  overflow:hidden;
}
.teaser230x310 .teaser a {
  text-decoration:none;
  color:#4C4C4E;
}

.featureflash {float:left; margin:0 17px 0 0; width:478px;}
.featureflash .flash {float:left; margin:0;}
.wrapFeatureFlashText {float:left; width:478px;}
.wrapFeatureFlashText .headline {margin-top:12px; margin-bottom:3px; height:19px; line-height:19px; overflow:hidden;}
.wrapFeatureFlashText .teaser {line-height:13px; height:35px; overflow:hidden;}

.teaserflash {float:left; margin:0 0 14px 0;}

.teaser230x176 a {
  color:#4C4C4E;
}
.teaser230x176 {
  float:left;
  position:relative; display:table;
  width:230px;
  height:242px;
  margin:0 18px 0 0;
}
.teaser230x176 .image {
  position:relative;
  width:230px;
  height:174px;
  overflow:hidden;
}
.teaser230x176 .headline {
  margin-top:12px;
  margin-bottom:3px;
  width:230px;
  height:19px;
  line-height:19px;
  overflow:hidden;
}
.teaser230x176 .teaser {
  line-height:13px;
  height:39px;
  overflow:hidden;
}
.teaser230x176 .teaser a {
  text-decoration:none;
  color:#4C4C4E;
}


.frontpage #right .list {
  width:100%;
}
.frontpage #right .list a {
  color:#8E9C51;
}
.frontpage #right .list .news {
  width:100%;
  margin:0 13px 13px 0;
}
.frontpage #right .list .news .image {
  width:60px;
  margin-bottom:12px;
  display:none;
}
.frontpage #right .list .news h2 {
  font-size:15px;
  line-height:17px;
}

.news {
	float:left;
  clear:left;
  margin-right:0px;
  max-width:475px;
}
.news img {
  max-width:475px;
}
.news li {
  margin-bottom:10px;
  list-style-position: outside;
  list-style-type: square;
}
.news a {
  text-decoration:none;
  color:888888;
}
.news a:hover {
  color:#333333;
}
.news .image {
  float:right;
  position:relative;
  margin:0 0 15px 15px;
}
.news .headline {
  /*padding-top:20px;*/
}
.news .headline h2 {
  color:#555;
}
.news .subheadline {
  font-size:11px;
  font-weight:bold;
  margin:0 0 5px 0;
  color:#555555;
}
.news .author {
  float:left; 
  margin-right:3px;
  color:#8E9C51;
}
.news .date {
  float:left; 
  margin-right:3px;
  color:#8E9C51;
}

.subpage #right .list {
  width:100%;
}
.subpage #right .list a {
  color:#8E9C51;
}
.subpage #right .list .news {
  width:100%;
  margin:0 13px 18px 0;
  text-align:right;
  color:#555555;
}
.subpage #right .list .news a {
  color:#888888;
}
.subpage #right .list .news .image {
  width:60px;
  margin-bottom:12px; 
  float:right;
}
.subpage #right .list .news .date {
  float:right; 
  clear:right;
  width:100%;
  font-size:10px;
  color:#555555;
  line-height:15px;
}
.subpage #right .list .news .headline {
  padding:0;
}
.subpage #right .list .news h2 {
  float:right; clear:right; font-size:11px;
  width:100%; line-height:15px;
  font-weight:bold;
  color:#555555;
  margin:0;
}
.subpage #right .list .teaser {
  line-height:15px;
}

.list {
  float:left; 
  /*clear:left;*/
}

.list .border{
  border-bottom:1px solid #CCCCCC; 
  clear:left; 
  width:478px;
  margin-bottom:18px;
}
.list .cataloque {
  float:left;
  width:147px;
  height:225px;
  margin:0 18px 0 0;
  position:relative;
  vertical-align:top; border:none;
}
.cataloque .text .headline {
  /*margin-top:10px;*/
}
.list .cataloque .image {
  width:147px;
  height:196px;
  margin-bottom:8px;
  position:relative;
}
.list .cataloque .image img {
  position:absolute;
  bottom:0;
}
.list .cataloque h2 {
  font-size:11px;
  line-height:12px;
  margin:0;
}
.list .cataloque a {
  color:#8E9C51;
}

.section .main {
  padding-bottom:20px;
  float:left;
  margin-right:18px;
}
.section .main .image {
  float:right;
  position:relative;
  margin:3px 0 15px 15px;
}
.section .main .headline {
  /*padding-top:20px;*/
}
.section .main h1 {
  font-size:17px;
  color:#555;
  line-height:19px;
}
.section .main .subheadline {
  font-size:11px;
  font-weight:bold;
  margin:0 0 15px 0;
  color:#555555;
}
.section .main .author {
  float:left; 
  margin-right:3px;
  color:#8E9C51;
}
.section .main .date {
  float:left; 
  margin-right:3px;
  color:#8E9C51;
}

.cataloque {
  width:726px;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #CCCCCC; display:table;
}
.cataloque .image {
  float:right;
}
.cataloque .text {
  float:left;
  width:400px;
}
.cataloque .headline h2 {
}
.cataloque .subheadline {
  font-weight:bold;
  margin-bottom:10px;
}

/***PRODUCTS***/
#product {
  width:599px;
  padding-right:18px;
}
#productright {
  width:375px;
}

/***IMAGES***/
.imagelist {
  clear:left;
}
.imagelist .listitem {
  width:127px; 
  height:200px;
  float:left; 
  margin-right:10px;
}
.imagelist .image{
  border:1px solid #DEDEDE; 
  width:125px;
  height:100px;
  margin-bottom:5px;
}
.imagelist .headline {
  height:17px;
}
.imagelist .teaser {
  line-height:13px;
  height:26px;
  overflow:hidden;
}


.breadcrum {
  width:708px;
  height:30px;
  margin-bottom:15px;
  border-bottom:1px solid #DEDEDE;
}
.breadcrum .headline {
  font-weight:bold;
  float:left;
  padding-right:8px;
}
.breadcrum .previous a {
  float:left;
  padding-right:8px;
  margin-right:8px;
  border-right:1px solid #DEDEDE;
}
.breadcrum .selected a {
  font-weight:bold;
  color:#8E9C51;
  float:left;
  text-decoration:none;
}



/***NY FORM***/

.submitform
{
	clear:left; 
	font-family: Arial, sans-serif;
	font-size:11px;
}

.form.title
{
	font-size:12px;
	font-weight:bold;
	float:none;
	margin-bottom:5px;
	border-top:solid 1px #CCC;
	margin-top:5px;
	padding-top:5px;
}

.form.item
{
	float:none;
	margin-bottom:5px;
}

.singleLine.Label
{
	padding-bottom:3px;
	padding-left:0px;
	width:30%;
	padding-right:0px;
	display:block;
	float:left;
	padding-top:3px;
}

#dateselect
{
	width:277px;
	float:left;
	margin-bottom:5px;
}

.form.submit input
{
	font-size:11px;
	color: #555;
}

.form.submit
{
	text-align:right;
	padding-right:60px;
}

.singleLine.Textbox
{
	margin:0px;
	width:270px;
	float:none;
}

.radiobuttonlist
{
	width:110px;
}

.Droplist
{
	width:275px;
}

.errorvalidator
{
	font-size:11px;
	color:Red;
}



.form.field.container
{
	width:450px;
	margin-top:10px;
}

.form.submit.complete
{
	font-weight:bold;
	font-size:13px;
}


/***FORM***/

.scfForm {
  clear:left; 
  font-family: Arial, sans-serif;
  font-size:11px;
  padding-top:40px;
}
.scfForm input {
  font-size:11px;
  color:#555;
}
.scfForm div {
  font-family: Arial, sans-serif;
  font-size:11px;
}
.scfForm .scfTitleBorder {
  font-size:17px; 
  color:#555; 
  font-weight:normal;
}
.scfForm .scfIntroBorder {}
.scfForm .scfValidationSummary {}
.scfForm .scfSectionBorderAsFieldSet {
  margin:0 20px 0 0;
  border-top:1px solid #ccc;
  padding-top:8px;
  margin-top:15px;
}
.scfForm .scfLegendAsDiv {
  font-size:12px;
  font-weight:bold;
}
.scfForm .scfSectionContent {
  
}
.scfForm .scfSingleLineTextBorder {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfEmailBorder {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfRadioButtonListBorder {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfNumberGeneralPanel {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfRadioButtonListLabel {
  width:138px; float:left;
}
.scfForm .scfRadioButtonList {width:auto;}
.scfForm .scfDropListBorder {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfDateSelectorBorder {
  margin-bottom:5px; 
  display:table;
}
.scfForm .scfSingleLineTextLabel {
  
}
.scfForm .scfSingleLineGeneralPanel {
  
}
.scfForm .scfDropListGeneralPanel {

}
.scfForm .scfDropListGeneralPanel select {
  font-size:11px;
  color:#555;
  margin:0;
  height:20px;
}
.scfForm .scfDateSelectorGeneralPanel {
  width:64%;
}
.scfForm .scfDateSelectorGeneralPanel select {
  font-size:11px;
  color:#555;
  margin:0;
  width:31%;
  height:20px;
}
.scfForm .scfSubmitButtonBorder {
  text-align:right;
  padding:10px 60px 0 0;
}

/***END FORM***/