body
{
    margin: 0px;
    font-family: verdana, arial, sans-serif;
    color: #000000;
    background-color: #E9E7DB;
    font-size: small !important;
}


table
{
	border: 0px;
	border-collapse: collapse;
	font-size: small !important; 
}


td, th
{
    
	padding:0px;
	font-size:86%;
    text-align:left;
}


forms
{
	margin:0;
	padding:0;
}

input, textare, select
{
    font-family:verdana, arial, sans-serif;
    font-size:92%;
}

img
{
    border:0px;
}

p
{
    margin: 0px;
    
    padding: 12px 0 0 0;
}

hr
{
    border:1px solid #C83728;
    height:1px;
    width:100%;
}

.formTable
{
	padding:0 0 4px 0;
}

/* sikrer at siden er mindst 500 px i højden på alle undersider */
div.MainContainer
{
	min-height:500px;
	background-color:#fff;
}



/*###########################################################
Tabeller
###########################################################*/

table.MainTableContainer
{
	width:980px; 
	margin:0 auto 0 auto;
}

table.FrameBorderMO
{
	width:964px; 
	border:solid 8px #fff; 
	margin:0 auto;
	background-color:#fff;
}

td.MainRowBodyContent
{
	background-color:#fff; 
	vertical-align:top; 
	padding:40px 0 0 12px; 
}

table.FrontPageBox
{
	background-color:#EBEAE9; 
	width:330px; 
	vertical-align:top
}

td.FrontPageBox
{
	vertical-align:top;
}

/*###########################################################
Logo magnusolesen
###########################################################*/

td.TDLogo1MO
{
	width:52px; 
	padding:0 0 0 9px; 
	text-align:right; 
	height:80px; 
	vertical-align:middle
}

div.Logo1MO
{
	background:transparent url(../img/logo.gif) no-repeat;
	width:52px;
	height:53px;
	margin:30px 0 0 0;
}

td.TDLogo2MO
{
	width:910px; 
	padding:0 0 0 9px; 
	height:100px; 
	text-align:left; 
	vertical-align: middle
}

div.Logo2MO
{
	background:transparent url(../img/mo.gif) no-repeat;
	width:164px;
	height:29px;
	margin:60px 0 0 0;
}


/*###########################################################
Links
###########################################################*/

a:link, a:visited
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
    color: #C83728;
}

a.forside:link, a.forside:visited
{
	color:#fff;
	font-size:11px;
}

a.forside:hover
{
	text-decoration: underline;
}

/*###########################################################
Headers
###########################################################*/

h1
{
    font-size:110%;
    font-weight:bold;
    color:#ffffff;
    margin:5px 0 0 10px;
}

h1.PageHeader
{
    font-size:110%;
    font-weight:bold;
    margin:0;
    padding:0;
    color:#000000;
    
}

h3
{
    font-size:110%;
    font-weight:bold;
    margin:0;
    padding:0;
    color:#000000;
}

p.HeaderLine
{
	border-bottom:solid 1px #C83728; 
	margin:0 0 10px 0;
}

/*###########################################################
List style
###########################################################*/

ul
{
    margin:10px 0 0 16px;
    padding:0;
}

li
{
    margin:0 0 10px;
    list-style-image:url(/img/square.gif);
}

/*###########################################################
Top navigation
###########################################################*/

table.TopNaviTable 
{
	width:964px;
}

table.TopNaviTable td
{
	vertical-align:middle;
	height:25px;
	padding:0 0 0 10px;
}


td.navi a:link, td.navi a:visited
{
    padding: 0 18px 0 0;
    color: #000000;
    display: block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:86%;
}

td.navi a:hover
{
    color:#C83728;
}


td.navi_active a:link, td.navi_active a:visited
{
    padding:0 25px 0px 0px;
    color:#C83728;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:86%;
}

td.navi .ActiveNavi:link, td.navi .ActiveNavi:visited
{
	padding:0 25px 0 0;
	color:#C83728;
    display: block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:86%;
}


td.edit_button_area
{
    border-top-style: solid;
    border-top-color: #a7a7a7;
    border-top-width: 1px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #a7a7a7;
    text-align: right;
    padding-top: 6px;
    padding-right: 5px;
}


/*###########################################################
Layers topnavi
###########################################################*/

/* Menupunkt 1*/
div#menu0
{
    width:129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}

/* Menupunkt 2*/
div#menu1
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 2*/
div#menu2
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 3*/
div#menu3
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 4*/
div#menu4
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 5*/
div#menu5
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 6*/
div#menu6
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 7*/
div#menu7
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 8*/
div#menu8
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}
/* Menupunkt 7*/
div#menu9
{
    width: 129px;
    position: absolute;
    z-index: 1;
    top: 134px;
    visibility: hidden;
    border-width: 0px;
}


div#pix0
{
    width: 80px;
    position: absolute;
    z-index: 2;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix1
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix2
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix3
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix4
{
    width: 80px;
    position: absolute;
    z-index:1;
    top:127px;
    height:10px;
    visibility:visible;
    background-color:transparent;
    border-width:0px;
}
div#pix5
{
    width:80px;
    position: absolute;
    z-index: 1;
    top:127px;
    height:10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix6
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix7
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}
div#pix8
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}



div#pix9
{
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 127px;
    height: 10px;
    visibility: visible;
    background-color: transparent;
    border-width: 0px;
}

td.menuitem
{
   filter:alpha(opacity=90);
   moz-opacity:0.9;
}

td.menuitem a:link, td.menuitem a:visited
{
   display:block;
   font-size:11px;
   background-color:#EBEAE9;
   text-decoration:none;
   padding:7px 0 7px 8px;
   color:#000000;
   height:100%;
}

td.menuitem a:hover
{
   background-color   :#cccccc;
}

/*###########################################################
Formelements
###########################################################*/

input.sog
{
    color:#C83728;
    padding:2px 0px 0px 3px;
    height:15px;
    width:110px;
    background-color:#ffffff;
    border:0px;
    letter-spacing:0.1em;
    margin:0 0 0 4px;
}
td.SearchLup
{
    width:20px; 
    background:transparent url(/img/lup.gif) no-repeat right 7px;
    padding:0 0 0 40px;

}
input.newsletter
{
    border:solid 1px #a7a7a7;
    height:10px;
    font-size:86%;
    padding:4px;
}

input.submit
{
    border:solid 1px #000;
    height:17px;
}


select {
    border-style:solid;
    border-width:1px;
    border-color:#a7a7a7;
}

input.buttons
{
    height:21px;
    width:85px;
    background:transparent url(/img/button.gif) no-repeat;
    border:none;
    padding:0 0 2px 0;
}

input.datebutton
{
    height:21px;
    width:43px;
    background:transparent url(/img/datebutton.gif) no-repeat;
    border:none;
    padding:0 0 2px 0;
}

input.TabIdle
{
    height:23px;
    width:100px;
    background:transparent url(/img/tabs/flag_not_active.gif) no-repeat;
    border:none;
    padding:0;
    cursor:pointer;
}

input.TabActive
{
    height:23px;
    width:100px;
    background: transparent url(/img/tabs/flag_active.gif) no-repeat;
    border:none;
    padding:0;
    cursor:pointer;
	 
}
input.TabLocked
{
    height:22px;
    width:100px;
    background:transparent url(/img/tabs/flag_not_active.gif) no-repeat;
    border:none;
    padding:2px 0 0 0;
}

/*###########################################################
Pageorder
###########################################################*/

.pageorderDiv
{
	padding:0 0 0 4px;
	margin:0 0 2px 0;
	background-color:#a7a7a7;
	color:#000;
	height:16px;
	width:99%;
	cursor:pointer;
	position:absolute;
}

.pageorderDivSelected
{
	padding:0 0 0 4px;
	margin:0 0 2px 0;
	background-color:Gray;
	color:#fff;
	width:99%;
	height:16px;
	position:absolute;
}

.upDownImage
{
	cursor:pointer;
}

/*###########################################################
Dynamic image selector
###########################################################*/

.DynamicImageSelector div 
{
	border:solid 1px #555555;
	text-align:center;
	vertical-align:top;
	overflow:auto;
	scrollbar-face-color:#e9e9e9; 
	scrollbar-arrow-color:#333333; 
	scrollbar-track-color:#e1e1e1;
}

.DynamicImageSelector td
{
	text-align:center;
}

input.DynamicImageSelector
{
    height:24px;
    width:280px;
    background:transparent url(/img/changeimg.gif);
    border:none;  
    margin:5px 0 0 0;  
}


/*###########################################################
Multi Image Selecter
###########################################################*/

/* Billede celler */
td.MultiSelecter
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* tabel */
table.MultiSelecter
{
	border: none;
}

img.MultiSelecter
{
	border: none;
}


/* Knap */
input.MultiSelecter
{
    height:21px;
    width:85px;
    background:transparent url(/img/button.gif) no-repeat;
    border:none;
    padding:0 0 2px 0;
    cursor: pointer;
}

/* slet knap*/
div.MultiSelecter
{
	text-align:center;
	text-decoration:underline;
	width:100%;	
	margin:0 auto 0 auto;
	overflow:auto;
	height:300px;
}


/*###########################################################
Overskrift 1,2 og 3
###########################################################*/

span.Overskrift1
{
    font-size: 92%;
	color:#000000;
	font-weight:bold;
}

span.Overskrift2
{
    font-size:92%;
	color:#C83728;
	font-weight:bold;
}

span.Overskrift3
{
   font-size:100%;
	color:#C83728;
	font-weight:bold;
}

/*###########################################################
Teaser felt
###########################################################*/

textarea.teaser_style 
{
    font-size:92%;
    border:solid 1px #a7a7a7;
}


/*###########################################################
Toplines
###########################################################*/

td.TopLeftLine
{
	width:20px; 
	background:transparent url(/img/redline.gif); background-repeat:repeat-x;
}

td.TopRightLine
{
	width:20px; 
	background:transparent url(/img/redline.gif); background-repeat:repeat-x;
}

/*###########################################################
Produktbilleder
###########################################################*/

td.ProductPic
{
	vertical-align:top;
}

#imageFrame
{
	border:solid 1px #000;
	text-align: center;
}

#ImagePageing
{
	margin:1px; 
	text-align:center;
}

/*###########################################################
DesignerPageHeader
###########################################################*/

td.DesignerPageHeader
{
	padding:5px 0px 0px 0px; 
	vertical-align:top; 
	width:100%;
}

/*###########################################################
Flashfader page
###########################################################*/

td.FlashHeaderBG
{
	background-color:#fff; 
	height:25px; 
	text-align:left;
	width:964px;
}

td.FlashHeaderBG div.RedBar
{
	margin:0;
	background-color:#C83728;
	height:25px;
	width:964px;
}


div.FlashHeadline
{
	text-align:left; 
	float:left;
}

td.FlashContent
{
	text-align:left; 
	padding:8px 0 0 0; 
	height:230px; 
	vertical-align: top;
	color:#000;
}

/*###########################################################
Designere infobox
###########################################################*/

div.GreyBox
{
	padding:0 15px 0 0;
	margin:0 0 10px 0;
}

table.DesignerBox
{
	width:100%; 
	margin:0;
}

div.DesignerBoxBG
{
	background-color: #ebeae9;
	margin:0 0 5px 0;
}

/* Produktinfomation */
td.ProduktInfo
{
	vertical-align:top; 
	background: transparent url(/img/mo_logo_produktvisning.gif) no-repeat 178px 7px; 
	height:175px;
}

td.ProduktInfo a:link, td.ProduktInfo a:visited
{
	color:#000;
}

td.ProduktInfo a:hover
{
	color:#990000;
}

td.ProduktInfoHeader
{
	background:transparent url(/img/bg_header_produktvisning.gif) no-repeat; 
	height:31px; 
	padding-left:10px;
}

table.DesignerBox td ul {margin:14px 0 14px 34px; padding:0;}

/*###########################################################
Show product infobox
###########################################################*/

div.ShowProductBoxContainer
{
	width:100%; 
	background-color:#eae9e6;
	margin:10px 0 0 0;
}

div.ShowProductBoxContainer table
{
	background-color: #ebeae9; 
	margin:10px 0 0 0; 
}

div.ShowProductBoxContainer table ul
{
	margin:0 0 0 26px;
}

div.ShowProductBoxContainer table ul li
{
	margin:0 30px 10px 0;
}

div.ShowProductBoxContainer table ul li a:link, 
div.ShowProductBoxContainer table ul li a:visited
{
	color:#000;
}

div.ShowProductBoxContainer table ul li a:hover
{
	color:#990000;
}


/*###########################################################
Lanuage
###########################################################*/

td.LanguageCell
{
	text-align:right; 
	height:20px; 
	padding:5px 0 0 0;
}


/*###########################################################
Produktbilleder bladrefunkt.
###########################################################*/

img#forwardimage
{
	background:transparent url(/img/forward.gif) no-repeat;
	height:8px;
	width:10px;
}


img#backimage
{
	background:transparent url(/img/back.gif) no-repeat;
	height:8px;
	width:10px;
}


/*###########################################################
Admin
###########################################################*/

#ctl00_body_fromDate__dayList,#ctl00_body_toDate__dayList, #ctl00_body_fromDate__monthList, #ctl00_body_fromDate__yearList,
#ctl00_body_toDate__monthList, #ctl00_body_toDate__yearList
{
	background-color:#F0EEE7;
}

#ctl00_body_fromDate__btnReset,#ctl00_body_toDate__btnReset
{
	margin-left:2px;
}

#ctl00_body_fromDate__btnToday,#ctl00_body_toDate__btnToday
{
	margin-left:3px;	
}

#ctl00_body_ImageControl_outerTable td
{
	padding-bottom:10px;
}


table.AlternateTableClass 
{
    margin:20px 0 0 0;
}

table.AlternateTableClass th
{
	padding:0 10px 10px 0;
}

table.AlternateTableClass td
{
	padding:0 10px 10px 0;
}


    
/*###########################################################
News
###########################################################*/

td.FlashContent table td
{
	padding:0 0 10px 0;
	color:#990000;
}

a.BackNews:link,
a.BackNews:visited
{
	color:#C83728;
}

a.BackNews:hover
{
	text-decoration:underline;
}
