/* Generelle styles */
body
{
    font-family: Verdana;
    font-size: 11px;
    color: #ffffff;
    background: url('/OCC/Images/bg_main.gif') #000;
    margin: 0px 0px 0px 0px;
    height: 100%;
}

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

/* Categorylist */
.categoryTitle {background: url('/OCC/Images/categorySelectIA_bg.jpg'); padding: 3px;}

ul.products {margin: 0px; padding: 0px;}
ul.products li {list-style: none; padding: 0px; margin: 0px 20px 30px 0px; width: 138px; height: 114px; float: left;}
ul.products li:hover {background: url('/OCC/Images/categorySelect_borderBg.gif') no-repeat; cursor: pointer;}
ul.products li div.content {padding: 7px 9px 7px 9px;}
ul.products li div.content .image {height: 76px;}
ul.products li div.content .text {height: 23px; background: url('/OCC/Images/categorySelect_borderBg.gif') repeat-y;}

/* Wrappers start */
#pageWrapper 
{
    width: 945px;
    margin: auto;
}

#headerWrapper 
{
    background: url('/OCC/Images/bg_nav.gif') repeat-x;
    height: 70px;
}

#headerWrapper div.content {width: 945px; margin: auto;}
#headerWrapper div.leftColumn {float: left; width: 25%;}
#headerWrapper div.rightColumn {float: right; width: 75%;}

#headerWrapper img.mainLogo {margin: 12px 0px 0px 20px;}

#headerWrapper ul.navigation1 {margin:4px 0px 0px 0px; padding: 0px; float: right; font-size: 13px;}
#headerWrapper ul.navigation1 li {list-style: none; padding: 5px 10px 5px 10px; margin: 0px; float: left;}
#headerWrapper ul.navigation1 li.active {background: #000;}
#headerWrapper ul.navigation1 li a:link,
#headerWrapper ul.navigation1 li a:active,
#headerWrapper ul.navigation1 li a:visited,
#headerWrapper ul.navigation1 li a:hover {color: #fff; font-family: Arial; text-decoration: none;}

#headerWrapper ul.navigationQuick {margin: 10px 0px 0px 0px; padding: 0px; float: right; background: #000;}
#headerWrapper ul.navigationQuick li {list-style: none; padding: 3px; margin: 0px; float: left;}
#headerWrapper ul.navigationQuick li a:link,
#headerWrapper ul.navigationQuick li a:active,
#headerWrapper ul.navigationQuick li a:visited,
#headerWrapper ul.navigationQuick li a:hover {color: #fff; font-family: Arial Narrow; text-decoration: none; text-transform: uppercase; font-size: 10px;}

#headerWrapper form.searchform .text {font-size: 10px; padding: 0px; height: 10px;}
#headerWrapper form.searchform .button {font-size: 10px; background: #000; color: #fff; border: 0px;}

#contentWrapper {margin-top: 5px;}
#contentWrapper div.leftColumn {width: 225px; float: left; margin: 10px 0px 0px 0px;}
#contentWrapper div.rightColumn {width: 680px; float: left; margin: 0px 0px 0px 40px}
#contentWrapper div.rightColumn a:link,
#contentWrapper div.rightColumn a:visited {text-decoration: underline;}
#contentWrapper div.rightColumn a:hover {text-decoration: none;}

ul.products a:link,
ul.products a:visited {text-decoration: none !important;}
ul.products a:hover {text-decoration: underline !important;}

#subWrapper {margin-top: 20px;}
#subWrapper div.leftColumn {width: 225px; float: left; margin: 53px 0px 0px 0px;}
#subWrapper div.rightColumn {width: 680px; float: left; margin: 0px 0px 0px 40px}


#footerWrapper { padding: 5px; text-align: right; border-top: 1px solid #333333; font-size: 12px; margin: 15px 0px 0px 0px; color: #666666;}
#footerWrapper a:link, #footerWrapper a:visied {color: #666666;}
/* Wrappers end */

/* Navigation start */


ul#navigation2 {margin: 0px; padding: 0px; font-size: 12px;}
ul#navigation2 ul {padding: 0px;}
ul#navigation2 li {list-style: none; margin: 0px;}
ul#navigation2 li.first {border-top: 1px solid #999999; padding: 4px 0px 7px 0px}
ul#navigation2 li.firstActive {border-top: 1px solid red;}

ul#navigation2 li a:link,
ul#navigation2 li a:active,
ul#navigation2 li a:visited,
ul#navigation2 li a:hover {color: #fff; font-family: Arial; text-decoration: none;}

ul#navigation2 li ul {display: none;}
ul#navigation2 li.firstActive ul {display: block;}
ul#navigation2 li.firstActive ul li ul {display: none;}
ul#navigation2 li.firstActive ul li.active ul {display: block;}
ul#navigation2 a.active {color: #a5181e !important}
ul#navigation2 li a:hover {color: #a5181e;}


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

#navigationWrapper 
{
    display: block;
}

/* Breadcrumb */
.breadcrumb ul {margin: 0px 0px 10px 0px; padding: 0px;}
.breadcrumb ul li {padding: 5px; margin: 0px; list-style: none; float: left;}
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover {color: #666666;}



/* Genrelt */
img {border:0px;}
form {margin: 0px; padding: 0px;}
input {font-family: Arial; font-size: 11px;}
textarea {font-family: Arial; font-size: 11px;}
select {font-family: Arial; font-size: 11px;}

a:link,
a:visited,
a:active,
a:hover {text-decoration: none; color: #efefef;}
a:hover {text-decoration: underline;}

/* sIFR */
h2 {margin: 0px;}
h3 {margin: 30px 0px 0px 0px;}
h5.nosifr {font-family: Arial Narrow, Arial; font-weight: bold; font-size: 22px; margin: 0px;}

/* Frontpage */
#frontpageWrapper {padding-top: 20px;}
#frontpageWrapper div.leftColumn {width: 473px; float: left;}
#frontpageWrapper div.centerColumn {width: 222px; float: left; margin: 0px 0px 0px 14px;}
#frontpageWrapper div.rightColumn {width: 222px; float: left; margin: 0px 0px 0px 14px;}

#frontpageWrapper div.main {background: url('/OCC/Images/front_image_demo.jpg') no-repeat; height: 436px; overflow: hidden;}

#frontpageWrapper div.main a:link, #frontpageWrapper div.main a:visited {color: #333;}

#frontpageWrapper div.boxWrapper {height: 214px; overflow: hidden; margin: 0px 0px 10px 0px}
#frontpageWrapper div.boxWrapper p {margin: 0px;}
#frontpageWrapper div.erhverv {background: url('/OCC/Images/front_erhverv_bg.jpg') no-repeat; padding: 0px 20px 0px 20px;}
#frontpageWrapper div.privat {background: url('/OCC/Images/front_privat_bg.jpg') no-repeat; padding: 0px 20px 0px 20px;}
#frontpageWrapper div.camping {background: url('/OCC/Images/front_camping_bg.jpg') no-repeat; padding: 0px 20px 0px 20px;}
#frontpageWrapper div.arkitekter {background: url('/OCC/Images/front_arkitekter_bg.jpg') no-repeat; padding: 0px 20px 0px 20px;}

#frontpageWrapper .leftColumn .mainText {
	position: absolute; margin: 230px 0px 0px 0px; width: 95%; color: #000; padding: 10px 20px 15px 20px;
	z-index: 2;
	background: url('/OCC/Images/mainText_bg.png');
}
#frontpageWrapper .leftColumn .mainText p {margin: 0px;}

ul#frontpageCycle {margin: 0px; padding: 0px; height: 436px; overflow: hidden; z-index: 3}
ul#frontpageCycle li {margin: 0px; padding: 0px; list-style: none; width:473px; height:436px; overflow: hidden;}

/* Subfrontpage */
.subColumnLeft {width: 238px; margin-right: 10px; float: left;}
.subColumnRight {width: 432px; float: left;}

.subColumnLeft ul.subNavigation {margin: 53px 0px 0px 0px; padding: 0px;}
.subColumnLeft ul.subNavigation li {list-style: none; margin: 0px 0px 10px 0px; padding: 20px; background: url('/OCC/Images/subheader_bg.jpg') no-repeat;}



.subColumnRight .mainText p {margin: 0px;}

.subColumnRight .mainText {
	background: url('/OCC/Images/mainText_bg.png');
	position: absolute; margin: 230px 0px 0px 0px; width: 392px; color: #000; padding: 10px 20px 0px 20px;
}



/*Modal*/
#simplemodal-overlay {background-color:#000; cursor:wait;}
#basic-modal-content {display:none;}

/* Container */
#simplemodal-container {height:650px; width:960px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/OCC/Images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.frontNewsBG
{
    background-image: url('../OCC/Images/frasterNewsBG.png');
    background-repeat: no-repeat;
    height:157px;
    width:473px;
    position: absolute;
    bottom: 4px;
}

/* Image Carrousel */
ul.imagecarrousel {margin: 0; padding: 0;}
ul.imagecarrousel {padding: 0; margin: 0; list-style: none;}

















































































































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