/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, ul, li, ol, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; }

/* General CSS*/
body { margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#424242; font-weight:normal; background:url(../images/header_bg_rpt.gif) left top repeat-x #fff; }

body.innerbg { width:100%; background:url(../images/inner_page_bg.gif) left top repeat-x; }

ul, li, ol { list-style-type:none; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { font-size:22px; color:#5c325c; font-weight:normal; }

/*Universal classes */
a { outline:none; border:none; text-decoration:none; }

img { border:0px; outline:none; }

.FloatLeft { float:left; }

.FloatRight { float:right; }

.display { display:none; }

.clear { clear:both; }

.bold { font-weight:bold; }

.ptop5 { padding-top:5px; }

.ptop25 { padding-top:25px; }

/* Auto Wrapper */
.autowrapper { width:960px; margin:auto; }

/* Logo Wrapper */
#logowrapper { width:960px; float:left; }

#logowrapper h1.logo { background:url(../images/cateno_logo.gif) no-repeat; width:250px; height:81px; float:left; }

#logowrapper h1.logo a { width:220px; height:81px; float:left; }

#logowrapper div.nav { width:670px; height:auto; float:right; }

/** Navigation **/
.nav ul { width:670px; height:auto; float:left; padding-left: 8px;}

.nav ul li { color:#000; float:left; font-size:13px; text-align:center; text-indent: -10000px; }

.nav ul li a { color:#870089; display: block; }

.nav ul li span { color:#870089; display:none; float:left; font-size:13px; text-align:center; }

/** Tj **/
.nav ul li a.tj { background:url('../images/tjenester_btn.gif') 0 -81px no-repeat; width:110px; height:81px; }

.nav ul li a.tj:hover, .nav ul li a.tj_active { background:url('../images/tjenester_btn.gif') 0 0px no-repeat; width:110px; height:81px;  }

/** Re **/
.nav ul li a.re { background:url('../images/referanser_btn.gif') 0 -81px no-repeat; width:110px; height:81px ;}

.nav ul li a.re:hover, .nav ul li a.re_active { background:url('../images/referanser_btn.gif') 0 0px no-repeat; width:110px; height:81px;  }

/** Om **/
.nav ul li a.om { background:url('../images/om_cateno.gif') 0 -81px no-repeat; width:110px; height:81px; }

.nav ul li a.om:hover, .nav ul li a.om_active { background:url('../images/om_cateno.gif') 0 0px no-repeat; width:110px; height:81px;  }

/** Ko **/
.nav ul li a.Ko { background:url('../images/kontakt_oss_btn.gif') 0 -81px no-repeat; width:110px; height:81px;  }

.nav ul li a.Ko:hover, .nav ul li a.Ko_active { background:url('../images/kontakt_oss_btn.gif') 0 0px no-repeat; width:110px; height:81px; }

/** Ku **/
.nav ul li a.Ku { background:url('../images/kundeservice_btn.gif') 0 -81px no-repeat; width:110px; height:81px; }

.nav ul li a.Ku:hover, .nav ul li a.Ku_active { background:url('../images/kundeservice_btn.gif') 0 0px no-repeat; width:110px; height:81px;  }

/** Pattern bg **/
.patternbg { background:url(../images/header_background_img.gif) left top no-repeat; float:left; padding:50px 0 0 0px; width:960px; }

.innerpattern { background:url(../images/inner_header_img.gif) left top no-repeat; float:left; padding:50px 0 0 0px; width:960px; }

/* Header wrapper */
div.headerwrapper { float:left; width:960px; }

.headerwrapper h2, .headerwrapper .quotation { color:#fff; font-size:31px; line-height:35px; float:left; width:960px; }

.headerwrapper h2 span, .headerwrapper .quotation span { font-style:italic; font-size:25px; }

.headerwrapper h2 span.orangetxt, .headerwrapper .quotation span.orangetxt { color:#f47920; }

.headerwrapper div.gallery { width:480px; float:left; padding:0 32px 20px 28px; }

div.gallery ul { width:480px; float:left; padding:0px 0px 10px 0px; }

div.gallery ul li { background:url(../images/border_img.gif) left top no-repeat; width:86px; height:86px; float:left; padding:8px 0px 0px 8px; }
div.gallery ul li a img{ width: 70px; height: 70px; }

.headerwrapper div.info { width:375px; height:auto; float:left; margin: 0px 0px 0px 0px; }

div.info h2 { width:375px; float:left; font-size:30px; color:#fff; font-weight:normal; padding:0px 0px 10px 0px; }

div.info p { width:375px; height:auto; float:left; font-size:13px; color:#fff; padding:0 0 25px 0; font-weight:normal; }

/** Body Container **/
.contentwrapper { width:960px; float:left; padding:0px 0px 28px 0px; }

/* content right img */
.contentwrapper span.left_img, .main_services span.left_img { background:url(../images/lft_cor.gif) 0 30px no-repeat; width:7px; height:114px; float:left; text-indent: -10000px; }

/* content middle */
.contentwrapper div.contentmiddle { background:url(../images/content_mid.gif) 0 30px repeat-x; width:946px; float:left; }

.contentwrapper div.contentmiddle.innertop { padding-top:42px; background:url(../images/content_mid.gif) 0 30px repeat-x; width:932px; float:left; }

/* services */
.contentmiddle div.services, .main_services div.services { width:865px; float:left; padding:0 0 27px 65px; }
.main_services div.services { padding-right: 2px; }

.services ul { width:865px; float:left; }

.services ul li { font-size:25px; color:#5c325c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:125px; float:left; padding-right:105px; }

.services ul li.last { padding-right:0px; }

.services ul li a.webdesign { background:url(../images/webdesign.jpg) center top no-repeat; width:125px; padding:99px 0 0 0; float:left; }

.services ul li a.webdesign, .services ul li a.hosting, .services ul li a.ehandle, .services ul li a.utvikling { color:#5c325c; text-decoration:none; text-align:center; width:125px; }

.services ul li a.webdesign:hover, .services ul li a.hosting:hover, .services ul li a.ehandle:hover, .services ul li a.utvikling:hover { text-decoration:none; }

.services ul li a.hosting { background:url(../images/hosting.jpg) center top no-repeat; width:125px; padding:99px 0 0 0; float:left; }

.services ul li a.ehandle { background:url(../images/e_handel.jpg) center top no-repeat; width:125px; padding:99px 0 0 0; float:left; }

.services ul li a.utvikling { background:url(../images/utvikling.jpg) center top no-repeat; width:125px; padding:99px 0 0 0; float:left; }

/* content top seprator */
.contentmiddle span.top_shadow { background:url(../images/seprater_shadow_top_img.gif) center top no-repeat; height:35px; width:946px; float:left; }

.contentmiddle div.contentsection { width:946px; float:left; }

/* left content */
.contentmiddle div.left_container { width:610px; background:url(../images/seprater_shadow_middle.gif) right top no-repeat; padding:0 0 0 8px; float:left; }

.left_container p { width:565px; float:left; font-size:14px; line-height:18px; padding:0px 0px 8px 0px; }

.left_container h2, .left_container .heading { color:#424242; font-size:30px; width:610px; float:left; }

.left_container h3, .left_container .heading3 { width:610px; float:left; padding:28px 0px 0px 0px; }

.left_container h3 a, .left_container .heading3 a { color:#5c325c; }

.left_container span.seprator { width:565px; height:35px; background:url(../images/arrow_down_img_2.gif) 0 5px no-repeat; float:left; text-indent: -10000px;}

/* features */
.left_container div.featured { width:565px; height:auto; float:left; margin:10px 0px 0px 0px; }

div.featured div.feature_img { width:248px; height:auto; float:left; }

div.feature_img ul { width:248px; height:auto; float:left; list-style-type:none; }

div.feature_img ul li { width:200px; height:auto; float:left; background:url(../images/arrow_img.gif) 0 2px no-repeat; font-size:18px; color:#000; font-weight:normal; padding:0px 0px 0px 23px; }

div.feature_img ul li a{ color:#000000; } 

div.featured div.feature_img01 { width:248px; height:auto; float:right; }

div.feature_img01 ul { width:248px; height:auto; float:left; list-style-type:none; }

div.feature_img01 ul li { width:200px; height:auto; float:left; background:url(../images/arrow_img.gif) 0 2px no-repeat; font-size:18px; color:#000; font-weight:normal; padding:0px 0px 0px 23px; }

div.feature_img01 ul li a{ color:#000000; } 

/** right section **/
.contentmiddle div.right_container { width:300px; float:right; }

.right_container h3, .right_container .heading { width:300px; float:left; background:transparent url(../images/arrow_down_img_2.gif) no-repeat scroll 0 100%; padding-bottom:30px;}

.right_container h3 a { color:#5c325c; }

.right_container span.seprator { width:300px; height:33px; background:url(../images/arrow_down_img_2.gif) 0 5px no-repeat; float:left; }

.right_container div.divider { width:300px; height:auto; float:left; margin:5px 0px 0px 0px; }

.right_container div.news_container { width:300px; height:auto; float:left; padding:10px 0px 10px 0px; border-bottom:1px dotted #C9C9C9; }

.news_container p { width:245px; float:left; font-size:12px; padding-left:5px; }

.news_container p span { font-style:italic; font-size:11px; }

.news_container p a { color:#014785; font-weight:normal; text-decoration:underline; }

.news_container p a:hover, .right_container ul li a:hover { text-decoration:none; }

.right_container div.news_container.bodrbotm0 { border-bottom:none; }

.right_container ul { width:300px; padding:20px 0 0 0; float:left; list-style-type:none; }

.right_container ul li { width:275px; float:left; list-style-type:none; width:200px; height:auto; float:left; background:url(../images/arrow_img.gif) 0 2px no-repeat; font-size:18px; color:#5C365B; font-weight:normal; padding:0px 0px 13px 23px; }

.right_container ul li span { font-size:16px; color:#000; }

.right_container ul li a.kontaktHead { font-size:18px; color:#000; font-weight:normal; text-decoration:none; color:#5C365B; }

.right_container ul li a { font-size:13px; color:#000; font-weight:normal; text-decoration:underline; }

/*  patners */
#partner { background:url(../images/arrrow_down_img.gif) 0 34px no-repeat; width:925px; float:left; }

#partner h2 { width:925px; float:left; font-weight:normal; }
#partner h2 a { color:#5c325c; }

#partner ul { width:925px; float:left; padding:40px 0 0 0; }

#partner ul li { padding:0 0 0 33px; float:left; }

#partner ul li:first-child { padding: 0; } 

#partner ul li.last { padding:0; float:left; }

/***** contact us page *****/
.contentmiddle div.left_container.pbotm250 { padding-bottom:250px; }

.left_container div.contactaddmain { width:500px; float:left; }

.contactaddmain span.contact_hdg { width:500px; float:left; font-size:18px; padding-bottom:5px; line-height:25px; }

.contactaddmain div.lefttxt { width:250px; font-size:14px; line-height:22px; }

.lefttxt a { width:250px; color:#004885; text-decoration:underline; font-size:14px; line-height:22px; }

/***** Referanser Page *****/
div.hdgtxt, div.hdgtxt > p , span.hdgtxt, div.heading p{ font-size:20px; line-height:25px; width:540px; float:left; padding:10px 0 0 0; }

div.creatives { width:575px; float:left; }

div.creatives ul { width:575px; float:left; padding: 10px 0 22px 0; }

div.creatives ul li { width:179px; float:left; }

div.creatives ul li.mid { padding:0 18px; }

div.creatives ul li span { padding:0 0 0 15px; float:left; }

div.creatives ul li span a { color:#5c325c; font-size:14px; text-decoration:none; line-height:25px; }

/***** Referanser Page *****/
span.tjimg { background:url(../images/tjenester_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.smsimg { background:url(../images/sms_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.sokeimg { background:url(../images/soke_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.hostimg { background:url(../images/hosting_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.publiserimg { background:url(../images/publiser_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.developimg { background:url(../images/develop_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.internetimg { background:url(../images/internet_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.ehandleimg { background:url(../images/ehandle_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.designimg { background:url(../images/design_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.newsimg { background:url(../images/news_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

span.partnerimg { background:url(../images/partnere_img.jpg) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

.innerform { width:260px; float:left; padding:0 0 38px 8px; }

.innerform fieldset.innerfld { padding-bottom:10px; width:260px; float:left; border:0; }

.innerform fieldset.innerfld label.innerflbl { width:89px; font-size:12px; line-height:25px; float:left; }

.innerform fieldset.innerfld div.innerinputbg { background:url(../images/inner_txtbg.gif) no-repeat; height:22px; padding:3px 0 0 3px; width:165px; float:left; }

.innerinputbg input.ftxt { height:22px; width:160px; height:20px; border:none; background:none; float:left; }

.innerform fieldset.innerfld div.small_inputbg { background:url(../images/inner_txtbg_small.gif) no-repeat; height:22px; padding:3px 0 0 3px; width:85px; float:left; }

.small_inputbg input.ftxt { height:22px; width:80px; height:20px; border:none; background:none; float:left; }

.innerform fieldset span.calendar { background:url(../images/calender_icon.gif) 5px 3px no-repeat; height:20px; padding:3px 0 0 5px; width:22px; float:left; }

.fa_avtale_btn { padding:0px 0 0 90px; float:left; }

ul.tjenester,  .tjenester ul{ width:292px; float:left; padding:0px 0 20px 8px; }

ul.tjenester li, .tjenester ul li { background:url(../images/bullet.gif) 0 7px no-repeat; padding:0 0 1px 10px; width:282px; font-size:12px; float:left; }

/* Om Cateno */
.left_container p.italic { float:left; font-style:italic; color:#424242; font-size:20px; }

div.omcanteno_img { background:url(../images/om_inner_img_01.gif) 0 15px no-repeat; width:580px; padding:15px 0; height:229px; float:left; }

div.omcanteno_img span.omcanteno_rhsimg { background:url(../images/om_inner_img_02.gif) 0 0px no-repeat; width:290px; padding:15px 0; height:229px; float:right; }

.right_container div.projectsouter, .projectsouter div.projects { width:256px; float:left; }

.projects span.project_img1 { background:url(../images/vare_img_1.gif) no-repeat; width:98px; height:75px; float:left; }

.projects span.project_img2 { background:url(../images/vare_img_2.gif) no-repeat; width:98px; height:75px; float:left; }

.projects span.project_img3 { background:url(../images/vare_img_3.gif) no-repeat; width:98px; height:75px; float:left; }

.projects p {  float:left; font-size:11px; }

.projects p a { color:#004885; text-decoration:underline; }

.projects p a:hover, .services_txt p a:hover { text-decoration:none; }

/** KUNDESERVICE Page **/
.left_container div.kundserviceouter { width:460px; float:left; padding-left:8px; }

.left_container div.kundservice { width:460px; float:left; padding-top:25px; }

.kundservice span.online_chat_img { background:url(../images/chat_icon.gif) no-repeat; width:30px; height:26px; float:left; }

.kundservice span.bistand_img { background:url(../images/radgivning_icon.gif) no-repeat; width:30px; height:28px; float:left; }

.kundservice span.layout_img { background:url(../images/layout_og_icon.gif) no-repeat; width:30px; height:31px; float:left; }

.kundservice span.faq_img { background:url(../images/faq_icon.gif) no-repeat; width:30px; height:30px; float:left; }

.kundservice div.services_txt { width:400px; float:left; font-size:14px; padding-left:8px; }

.services_txt p { width:400px; float:left; font-size:14px; padding:0 0 5px 0; }

.services_txt p.services_hdg { font-size:14px; font-weight:bold; line-height:26px; padding:0; }

.services_txt p a { color:#004885; text-decoration:underline; }

ul.nedlastinger { width:292px; float:left; padding:0px 0 20px 8px; }

ul.nedlastinger li { background:none; padding:0 0 5px 0px; width:292px; float:left; }

ul.nedlastinger li a { background:url(../images/arrow_icon.gif) 0 3px no-repeat; padding:0 0 5px 22px; width:270px; color:#004885; font-size:12px; float:left; font-weight:bold; text-decoration:underline; }

ul.nedlastinger li a:hover { text-decoration:none; }

/* content right img */
.contentwrapper span.right_img, .main_services span.right_img{ background:url(../images/rht_cor.gif) 0 30px no-repeat; width:7px; height:114px; float:left; text-indent: -10000px;}

/* Footer */
#footer_container { width:100%; float:left; background:url(../images/footer_rpt.gif) left top repeat-x; }

#footerbg { background:url(../images/footer_img.gif) 0 10px no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; width:960px; height:310px; padding:32px 0 0 0; float:left; position: relative; }

#footerbg div.footertop { width:891px; float:left; padding:0 0 0 33px; }

.footertop div.testimonial { width:320px; float:left; display:block; font-size:15px; font-weight:bold; }

.testimonial blockquote.quotestyle { padding:0 0 0 18px; width:320px; line-height:18px; background:url('../images/open_quote.gif') 0 0 no-repeat; float:left; }

blockquote.quotestyle p { padding-right:15px; background:url(../images/end_quote.gif) 100px 20px no-repeat; width:305px; float:left; }

span.from { font-style:italic; float:left; font-weight:bold; padding:11px 0 0 0; width:320px; }

.testimonial .btn { width:214px; height:38px; padding:22px 0 0 0; float:left; }

.footertop div.address { width:270px; float:left; }

.address p { font-size:12px; line-height:17px; padding:0 0 5px 0; width:265px; float:left; }

.footertop div.footerform { width:256px; float:right; }

.footerform p { font-size:12px; font-weight:bold; padding-bottom:10px; width:270px; float:left; }

.footerform fieldset { padding-bottom:10px; width:270px; float:left; border:0; }

.footerform fieldset label.flbl { width:81px; font-size:11px; float:left; }

.footerform fieldset div.inputbg { background:url(../images/inputbg.gif) no-repeat; height:25px; padding:3px 0 0 3px; width:182px; float:left; }

.inputbg input.ftxt { height:22px; width:180px; height:20px; border:none; background:none; float:left; }

.footerform fieldset div.cmntbox { background:url(../images/txtareabg.gif) no-repeat; height:40px; padding:5px 0 0 3px; width:182px; float:left; }

.cmntbox textarea.cmnttxt { width:180px; float:left; border:none; background:none; }

.footerform fieldset .send_btn { padding:0 0 0 80px; float:left; }

#footerbg p.copyright { font-size:12px; width:912px; float:left; padding:30px 0 0 25px; position: absolute; bottom: 10px; left: 0px; }


.main_services {background: url(../images/content_mid.gif) repeat-x 0px 30px; width: 946px; float: left;}
.main_services p { display: none;}
.hidden { display: none; }
.send_footer { background: url(../images/send_inn_btn.gif) no-repeat scroll 0 0; display: block; width: 94px; height: 28px; text-indent: -10000px; }
.send_appointment, .send_enquiry { background: url(../images/faavtale_btn.gif) no-repeat scroll 0 0; display: block; width: 98px; height: 27px; text-indent: -10000px; }
.send_enquiry { background-image: url(../images/send_inn_btn2.gif); height: 30px; margin-top: 10px; }

.small_inputbg input.datepicker 
{
	background-image:url(../images/calender_icon.gif) !important;
	background-position: 100% 0 !important;
	background-repeat: no-repeat !important;
	padding-right:30px;
	width:80px;
	cursor: pointer;
}
.timeinput {background-image: url(../images/clock.png) !important; background-repeat: no-repeat ! important; background-position: 97% 0 !important; padding-right: 30px; width: 80px; cursor: pointer; }
.contact_label { width: 120px; float: left; margin: 5px; }
.contact_input { float: left; width: 300px; }
.contact_row { clear: both; margin: 5px 0 0 0;}
.contact_input input[type=textbox] {width: 100%;}
/* News */

.news_lists .news_container { margin: 10px 5px 0 0; clear: both; }
.news_lists .news_container a.news_title{ font-weight: bold; color: #000; display: block; font-size: 12pt; }
.news_lists .news_container a.edit_link {display: none; }
.news_lists .news_container .news_thumbimage { padding: 0 5px 5px 0; max-width: 140px; }
.news_lists .news_container .news_dateofpost { font-style: italic; }
.news_lists .news_container a.news_readmore {color: #000; text-decoration: underline; font-style: italic;  }
.news_summary_with_image {margin-left: 140px;}
.news_summary_no_image {margin-left: 0;}
.news_summary {margin-top: 5px;}
.img_summary { width: 150px; text-align:center; float: left;}
.news_image_container { min-width: 100px; margin: 5px; float: left;}

ul.other_news_list {list-style-type:square; list-style-position: outside; clear:both;}
ul.other_news_list li { line-height: 25px; }
ul.other_news_list  li a { color: #000; text-decoration: underline; }
ul.other_news_list  li span, span.DateTime { font-style: italic; text-decoration: none; }
.news_details p { float: none; width: auto; }
.news_details img { margin: 5px; }
.enquiry_form { margin: 40px 0 0 0;}

/* 2012.12.13 */
/** Re **/
.nav ul li a.aktuelt { background:url('../images/aktuelt_btn.gif') 0 -81px no-repeat; width:110px; height:81px ;}
.nav ul li a.aktuelt:hover, .nav ul li a.aktuelt_active, li.select>a.aktuelt { background:url('../images/aktuelt_btn.gif') 0 0px no-repeat !important; width:110px; height:81px;  }