@import url(style_gen.css);

body {
	background-color : #FFF;
}

a {
  color : #f78f1e;
}

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

.seppline {
	height : 7px;
  background-image  : url(/grafik/sepp_hr.gif);
  background-repeat : repeat-x;
}

.mainTable {
	width : 1000px;
}

.mainTable .shadowLeft {
	background-image : url(/grafik/shadowLeft.gif);
	background-repeat : repeat-y;
	width : 19px;
}

.mainTable .mainTd {
	width : 962px;
	background-color : #FFF;
}


.mainTable .shadowRight {
	background-image : url(/grafik/shadowRight.gif);
	background-repeat : repeat-y;
	width : 19px;
}


.mainDiv {
	position : relative;
	width : 962px;
}

.maincontent {
	margin : 10px 10px 10px 10px;
}

.topDiv {
	height : 105px;
}

.flagDiv {
  position : absolute;
	top : 8px;
	right : 8px;
}

.topPhoneDiv {
  position : absolute;
	top : 6px;
	right : 8px;
	font-size : 11px;
	font-weight : normal;
	text-align : right;
	color : #666;
}

.toplogo {
  position : absolute;
	top : 29px;
	left : 20px;
}

.topmenu {
	height : 55px;
	padding-top : 40px;
	float : right;
}

.topmenu .item {
	float : left;
	margin-left : 16px;
	margin-right : 3px;
	padding-right : 11px;
	padding-top : 40px;
	font-weight : normal;
}

.topmenu .sel {
	background-image : url(/grafik/topmenu_valgt_pil.gif);
	background-repeat : no-repeat;
	background-position : right 44px;
}

.topmenu .item a {
	text-decoration : none;
	color : #808084;
}

.topmenu .sepp {
	float : left;
	width : 1px;
	height : 55px;
	background-image : url(/grafik/topmenu_sepp.gif);
	background-repeat : no-repeat;
}

.showReel {
	position : relative;
	width : 720px;
	height : 270px;
	overflow : hidden;
	color : #FFF;
}

.showReel .brand {
	font-size : 18px;
	font-weight : bold;
	margin : 20px 0px 0px 25px;
}

.showReel .buildup {
	font-size : 14px;
	font-weight : bold;
	margin : 0px 0px 0px 25px;
}

.showReel .description {
	font-size : 13px;
	font-weight : normal;
	margin : 10px 25px 0px 25px;
}

.showReel table {
	width : 262px;
	margin : 5px 25px 0px 25px;
}

.showReel table td {
	color : #FFF;
	font-size : 14px;
	font-weight : bold;
}

.showReel table .right {
	text-align : right;
}

.topSlider {
	height : 270px;
	width : 239px;
	margin-right : 3px;
}

.topSlider .expMenu {
	width : 239px;
	height : 270px;
	background-color : #f78f1e;
}

.topSlider .expMenu .item {
	line-height : 26px;
	border-bottom : 1px #FFF solid;
}

.topSlider .expMenu .item a {
	width : 239px;
	height : 26px;
	padding-left : 10px;
	color : #FFF;
	text-decoration : none;
}

.sideMenu {
	width : 239px;
	margin-right : 3px;
}

.sideMenu .expMenu {
	width : 239px;
	background-color : #f78f1e;
}

.sideMenu .expMenu .item {
	line-height : 26px;
	border-bottom : 1px #FFF solid;
}

.sideMenu .expMenu .item a {
	width : 239px;
	height : 26px;
	padding-left : 10px;
	color : #FFF;
	text-decoration : none;
}

.subpage .topSlider {
	width : 239px;
	float : left;
}

.subpage .maincontent {
	float : left;
	width : 700px;
}


.midtSlider {
	height : 260px;
	background-color : #EEE;
}

.frontNewsMagasine {
	width : 239px;
	height : 260px;
	float : left;
}


.midtSlider .content {
	padding : 18px 0px 0px 16px;
	
}

.frontContactOpeningHours {
	background-image : url(/grafik/bagg_midtsection.gif);
	background-repeat : no-repeat;
	width : 408px;
	height : 260px;
	float : left;
}

.frontsearchbox {
	background-image : url(/grafik/bagg_midtsection.gif);
	background-repeat : no-repeat;
	width : 315px;
	height : 260px;
	float : left;
}

.frontsearchbox .baggrund {
	width : 315px;
	height : 260px;
	background-image : url(/grafik/search_box_bagg.png);
	background-repeat : no-repeat;
	background-position : 146px 66px;
}

.frontsearchbox .btnDiv {
	position : relative;
}

.frontsearchbox .btnDiv div {
	position : absolute;
	padding : 6px;
	cursor : pointer;
	background-color : #f78f1e;
	text-transform : uppercase;
	color : #FFF;
}

.frontsearchbox .formElements {
	margin : 0px 0px 0px 0px;
}

.frontsearchbox .formElements .fed {
	padding-top : 4px;
}

.fronpageContent {
	background-color : #EEE;
}

.fronpageContent h2 {
	color : #FFF;
}

.fronpageContent .content {
	margin-top : 10px;
}

.fronpageContent .fronpageNewsflash {
  background-image : url(/grafik/logo_bw.gif);
  background-repeat : no-repeat;
  background-position : 0px 15px;
	background-color : #000;
	text-align : center;
}

.fronpageContent .fronpageNewsflash h2 {
  margin-top :100px;
	text-transform : uppercase;
}

.fronpageContent .fronpageNewsflash .text {
	color : #FFF;
	font-size : 13px;
	margin : 10px;
}

.fronpageContent .fronpageNewsflash .end {
	color : #FFF;
	text-transform : uppercase;
	font-size : 14px;
	margin : 10px;
	font-weight : bold;
}

.fronpageContent .fronpageDynamics {
	background-color : #fff;
	background-image : url(/grafik/bagg_midtsection.gif);
	background-repeat : repeat-y;
}

.fronpageContent .fronpageDynamics .content {
	margin-left : 10px;
}

.fronpageContent .frontpageDealers {
	background-color : #FFF;
	background-image : url(/grafik/bagg_midtsection.gif);
	background-repeat : repeat-y;
	color : #000;
	padding-left : 15px;
}

.fronpageContent .frontpageDealers h2 {
	color : #F78F1E;
}

.fronpageContent .frontpageDealers .floatBoxImage {
	float : left;
	width : 91px;
	height : 91px;
	text-align : center;
}

.fronpageContent .frontpageDealers .floatBoxText {
	float : left;
	width : 91px;
	text-align : center;
	font-weight : bold;
}

.fronpageContent .frontpageDealers .floatBoxSpace {
	float : left;
	width : 7px;
	height : 7px;
}

.fronpageContent .frontpageDealers .subtext {
	text-align : center;
	width : 287px;
}


.dealerSideBox {
	width : 239px;
  background-image  : url(/grafik/sepp_hr.gif);
  background-repeat : repeat-x;
	background-color : #EEE;
	padding-top : 5px;
	margin-bottom : 20px;
}

.dealerSideBox h2 {
	margin : 10px 10px 10px 10px;
}

.dealerSideBox .floatBoxImage {
	float : left;
	margin-left : 10px;
	width : 100px;
	height : 100px;
}

.dealerSideBox .floatBoxText {
	float : left;
	margin-top : 20px;
	width : 100px;
	height : 80px;
	font-weight : bold;
}

.dealerSideBox .subtext {
	text-align : center;
	width : 219px;
	margin : 0px 0px 15px 10px;
	font-size : 9px;
}

.bundDiv {
	height : 96px;
	background-color : #EEE;
	position : relative;
	text-align : left;
	color : #666;
	padding-bottom : 10px;
}

.bundDiv .item {
	padding : 10px 0px 0px 10px;
}















DIV.emneGalleri {

}

DIV.emneGalleri DIV.boks {
  position : relative;
  width : 169px;
  height : 189px;
  float : left;
  overflow : hidden;
}

DIV.emneGalleri DIV.image {
	position : absolute;
  width : 166px;
  height : 134px;
  overflow : hidden;
  background-repeat : no-repeat;
  background-position : center center;
}

DIV.emneGalleri DIV.missing {
  background-color : #EEE;
  text-align : center;
}



DIV.emneGalleri DIV.tekstBagg {
  position : absolute;
  width : 166px;
  height : 60px;
  bottom : 0px;
  overflow : hidden;
  background-color : #f78f1e;
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	-khtml-opacity : 0.3;
	opacity : 0.3;
}

DIV.emneGalleri DIV.tekstOv {
  position : absolute;
  left : 10px;
  bottom : 33px;
  width : 150px;
  height : 18px;
  font-size : 12px;
  font-weight : bold;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;  
}

DIV.emneGalleri DIV.tekstSu {
  position : absolute;
  left : 10px;
  bottom : 4px;
  width : 158px;
  height : 33px;
  font-size : 12px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;  
}

DIV.emneGalleri DIV.tekstRef {
  position : absolute;
  right : 0px;
  top : 0px;
  text-align : center;
  width : 40px;
  margin : 0px 3px 4px 4px;
  padding : 2px;
  background-color : #f78f1e;
  color : #FFFFFF;
  font-size : 10px;
}

#topPageNav div {
  float : left;
  margin : 12px 0px 0px 2px;
  font-size : 12px;
}

#bottomPageNav .active {

}

#bottomPageNav .passive {
  color : #999999;
}

.bottomNavigation {
  position : relative;
  font-size : 12px;
  height : 20px;
}

#bottomPageNav {
  position : absolute;
  width : 320px:
}

#bottomPageNav .active {
  float : left;
  margin-right:2px;
  margin-top : 3px;
}

#bottomPageNav .passive {
  float : left;
  margin-right : 2px;
  color : #999999;
  margin-top : 3px;
}

#bottomPageFlip {
  position : absolute;
  right : 0px;
  width : 320px:
  top : 6px;
}

#bottomPageFlip div {
  float : left;
  margin-top : 3px;
}

.tableList {
	width : 700px;
}

.tableList .header {
  height : 22px;
  color : 323232;
  font-weight : bold;
  font-size : 15px;
  border-bottom : 1px #323232 solid;
}

.tableList .header div {
  margin-left : 4px;
  margin-top : 4px;
}

.tableList .subheader {
	padding : 4px 3px 3px 0px;
  border-bottom : 1px #EEEEEE solid;
  font-weight : bold;
}

.tableList .item {
	padding : 2px 3px 3px 0px;
}

.tableList .white {
  background-color : #FFFFFF;
}

.tableList .gray {
  background-color : #EEEEEE;
}

.emnelistTable {
	width : 700px;
}

.emnelistTable .emnelisttd {
  border-bottom : 1px #323232 solid;
}

.emnelistTable .emnelisttd .header {
  font-size : 12px;
  font-weight : bold;
}

.emnelistTable .subheader {
}

.emnelistTable .data {
  padding : 3px;
}

.emnetable {
  width : 700px;
}

.emneboxcolumLeft {
  width : 100%;
}

.emneboxcolumRight {
  width : 100%;
}

.detailbox td {
  height : 20px;
  padding:2px;
}

.detailbox .overskrift {
  font-size : 13px;
  padding : 2px;
  font-weight : bold;
  color : #323232;
  text-transform : uppercase;
}

.galleriImage {
  width : 190px;
  height : 130px;
  margin-right : 10px;
  margin-bottom : 10px;
  overflow : hidden;
  float : left;
  background-repeat : no-repeat;
  background-position : center center;
}



.medarbejderbox {

}

.medarbejderbox .navn {
  margin-top : 3px;
  font-weight : bold;
  font-size : 12px;
}

.medarbejderbox .titel {
  font-style : italic;
}

.bund {
  background-color : #f78f1e;
  height : 80px;
  text-align : center;
}

.bund .item {
  padding-top : 15px;
  line-height : 25px;
  color : #FFFFFF;
  font-size : 12px;
}

.bund .item a {
  color : #FFFFFF;
}

.inputText {
  background        : #FFFFFF;
  color             : #000000;
  font-size         : 11px;
  border            : 1px;
  border-style      : solid;
  border-color      : #abadb3;
  padding-left      : 2px;
  padding-right     : 2px;
}

.inputButton {
  background-color  : #323232;
  color             : #FFFFFF;
  font-size         : 12px;
  border            : 1px;
  border-style      : solid;
  border-color      : #323232;
  font-weight       : bold;
  margin            : 0px 0px 0px 0px;
  text-transform : uppercase;
}

.inputarea {
  background        : #FFFFFF;
  color             : #000000;
  font-size         : 12px;
  border            : 1px;
  border-style      : solid;
  border-color      : #5D5E64;
  padding           : 2px;
  width             : 240px;
  height            : 75px;
}

.inputCheck {
  padding           : 0px 0px 0px 0px;
  margin            : 0px 0px 0px -4px;
  
}

.errorField {
  border : 1px red solid;
  background : #FFDEDE;
}



/**
 * Overlay CSS.
**/
.select-overlay { background:#fff }

.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(/grafik/bg-ie-select-width.png) no-repeat 0 0
}


/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }

.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }


/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }

.ie8 .select-overlay-active span { background-position:-18px 0 }


/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span
{
    width:17px;
    height:20px;
    background-position:-36px 0
}

#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }

#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }