* { margin:0; padding:0; z-index:1}
body { background:url(images/background.gif) repeat 0 0; color:#127; font:82.5% Georgia, Verdana, sans-serif}

a { color:#00e; text-decoration:none}
a:hover { text-decoration:underline}
a img { border:none}
p { padding:4px 6px}
input, textarea { padding:2px}
select { padding:1px 2px}
input, textarea, select { border:1px solid #cac4fa; border-right:2px solid #b8bdeb; border-bottom:2px solid #b8bdeb; font:82.5% Verdana, Arial, Helvetica, sans-serif}
option { padding:1px; border-bottom:1px solid #eee}
table, tr, td { border:none; border-collapse:collapse; vertical-align:middle}

fieldset { border:1px solid #008fd4}
legend { color:#0054a6; margin:0px; padding:0px; padding:0px 5px 0px 5px}

h1, h2 { font:92.5% Georgia, Verdana, sans-serif; font-weight:bold; margin:10px 0 3px 5px}

div#wrap { position:relative; width:912px; height:683px; z-index:3; margin:60px auto 0 auto}
div#bngcontent { position:absolute; top:0; left:0; z-index:3}
div#container { position:relative; width:850px; height:683px; margin-left:31px; z-index:4; overflow:hidden}
div#footer { position:relative; margin:0 auto; width:787px; height:96px; margin-top:-60px; text-align:right; color:#fafafa; z-index:2}
div#bngfooter { position:absolute; top:0; left:0; z-index:1}
div#footerbuttons { position:relative; display:inline; float:left; margin-left:25px; padding-top:50px; z-index:10}
div#footertext { position:relative; padding-top:60px; padding-right:30px; z-index:3}
div#bnglogo { position:absolute; top:0; width:100%; text-align:center}

ul#navbar  { list-style:none; width:100%; height:40px; padding-left:5px}
ul#navbar li { display:inline; float:left; width:105px; text-align:center; overflow:visible}
ul#navbar li a { display:block; font-weight:bold; color:#2131a4; height:30px; padding-top:18px}
ul#navbar li a.active, ul#navbar li a.active:hover { background:url(images/navbar_active.gif) repeat-x}
ul#navbar li a:hover { background:url(images/navbar_hover.gif) repeat-x; text-decoration:none}

div#content { width:830px; margin-top:20px; padding:10px; height:530px; overflow:auto; line-height:1.3em}

/* hem */
ul.mc_services { display:inline; float:left; width:27%; margin-top:15px; margin-left:4%}
ul.mc_services li { padding-left:5px}
ul.mc_services li.list_header { font-weight:bold; border-bottom:1px solid #b8bdeb; list-style:none}

div.offert_form { width:782px; margin-left:20px; margin-top:10px; display:inline; float:left}
.offert_form fieldset { width:762px; padding:2px 0 2px 10px; border:1px solid #b8d6e5;}
div.offert_form dl.offert1 { display:inline; float:left; margin-top:8px; padding:0px; width:210px; margin-left:20px}
div.offert_form dl.offert1 dt { padding:5px 0 2px 0}
div.offert_form dl.offert1 dd {}
div.offert_form dl.offert2 { display:inline; float:left; margin-top:8px; padding:0px; width:230px; margin-left:20px}
div.offert_form dl.offert2 dt { padding:5px 0 2px 0}
div.offert_form dl.offert2 dd {}
div.offert_form dl.offert3 { display:inline; float:left; margin-top:8px; padding:0px; width:260px; margin-left:20px}
div.offert_form dl.offert3 dt { padding:5px 0 2px 0}
div.offert_form dl.offert3 dd {}

div#subm_offert { display:inline; float:left; margin-top:15px; margin-left:20px}
div#subm_offert input { padding:2px 10px; background:#0161be; border:2px double #0161be; border-top-color:#0183c2; color:#fff; overflow:visible; font-weight:bold}
div#subm_offert input:hover { background:#008fd4;}

/* webbhotell */
table.webbhotell { width:86%; margin:0 auto}
table.webbhotell tr {}
table.webbhotell td { padding:2px 10px; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #99e}
table.webbhotell td.data { text-align:center}
table.webbhotell tr.headings td { font-weight:bold; font-size:11px; font-family:Georgia, Verdana, sans-serif; border:none; padding-top:10px}
table.webbhotell tr.submit td { padding-top:5px}
table.webbhotell tr td.heading { font-weight:bold}
span.price { font-weight:bold; color:#930}

div.order { width:96%; margin:0 auto}
fieldset#wh_kontakt { width:96%; display:inline; float:left; padding:5px 1%}
fieldset#wh_paket { width:46%; clear:both; display:inline; float:left; margin-top:10px; padding:5px 1%}
fieldset#wh_payment { width:40%; clear:right; display:inline; float:right; margin:10px 2%; padding:5px 1%}
fieldset#wh_confirmation { width:96%; display:inline; float:left; padding:5px 1%}
div#submit { clear:right; display:inline; float:right; width:40%; margin:10px 2%; text-align:right; padding:5px 1%}

fieldset#wh_kontakt dt, fieldset#wh_kontakt dd { position:relative; display:inline; float:left; height:26px; line-height:26px; margin-top:4px; vertical-align:middle}
fieldset#wh_kontakt dt { width:18%; text-align:right; padding:0 0.5% 0 0}
fieldset#wh_kontakt dd { width:30%}
fieldset#wh_kontakt dd.textarea { height:auto}

fieldset#wh_kontakt dd input { width:80%}
fieldset#wh_kontakt dd textarea { width:90%; height:60px}
fieldset#wh_kontakt dd input.email, fieldset#wh_kontakt dd input.domain { width:94%}
fieldset#wh_kontakt dd input.zipcode { width:22%;}
fieldset#wh_kontakt dd input.city { width:64%}

fieldset#wh_paket dt, fieldset#wh_paket dd { clear:both; display:inline; float:left; width:99%}
fieldset#wh_paket dt { margin-top:12px}
fieldset#wh_paket dd { margin-top:8px}
fieldset#wh_paket dd.textarea { height:auto}
fieldset#wh_paket ul { list-style:none; width:100%; background:#eceefa; border:2px solid #d5d9ef}
fieldset#wh_paket li { display:inline; float:left; height:24px; line-height:24px}
fieldset#wh_paket li.domain { width:50%; padding:0 1%; text-align:right}
fieldset#wh_paket li.domain label.active { color:#00e; text-decoration:underline; cursor:pointer}
fieldset#wh_paket li.chbox { width:10%; padding:0 1%; text-align:center}
fieldset#wh_paket li.available, fieldset#wh_paket li.unavailable { width:20%; padding:0 1%}
fieldset#wh_paket li.available { color:#093}
fieldset#wh_paket li.unavailable { color:#f00}
fieldset#wh_paket li.domainprice { width:10%; padding:0 1%}

div#submit input { padding:2px 15px; cursor:pointer; cursor:hand}

fieldset#wh_payment {}
fieldset#wh_payment dt, fieldset#wh_payment dd { padding:3px 5px}
fieldset#wh_payment dt { margin-top:5px}
fieldset#wh_payment dd { margin-bottom:10px}
fieldset#wh_payment dd select { width:40%}

dl.confirm_contact { display:inline; float:left; width:40%; border:1px solid #ddd; padding:10px}
dl.confirm_contact dt, dl.confirm_contact dd { display:inline; float:left; margin:0; margin-top:6px}
dl.confirm_contact dt { clear:both; width:30%; text-align:right}
dl.confirm_contact dd { width:68%; margin-left:2%; overflow:hidden}
dl.confirm_contact input, dl.confirm_contact textarea { background:#f4f4f4; border:1px solid #ccc; width:90%}
dl.confirm_contact dd input.zipcode { width:26%;}
dl.confirm_contact dd input.city { width:62%; margin-left:3%}

table.confirm_summary { float:right; width:48%; border:1px solid #ddd}
table.confirm_summary td { margin-top:6px; padding:3px; background:#e7ebff}
table.confirm_summary td.heading { width:73%; text-align:right;}
table.confirm_summary td.heading_chbox { width:10%; text-align:center;}
table.confirm_summary td.heading_domain { width:63%; text-align:right;}
table.confirm_summary td.text { width:27%; padding-left:2%; text-align:right; font:92% Verdana, Arial, Helvetica, sans-serif}
table.confirm_summary td.heading_sum, table.confirm_summary td.text_sum { margin-top:10px; border-top:2px solid #ccc; padding-top:4px; font-weight:bold; text-align:right;}
table.confirm_summary td.heading_sum { width:45%;}
table.confirm_summary td.text_sum { width:25%; padding-left:2%; font:92% Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
table.confirm_summary input { width:88%; background:none; border:none}

div#submit_confirmation input { display:inline; float:right; margin:10px 15px; padding:2px 15px; cursor:pointer; cursor:hand}
span.smalltext { font-size:11px}

input.button { border:1px solid #ccc; background:#eee; color:#009; font-weight:bold}

/* priser */
dl.prislista { width:95%; padding:3px 1%; margin-bottom:10px; border:1px solid #b8bdeb; font:87.5% Verdana, Arial, Helvetica, sans-serif; overflow:hidden}
dl.prislista dt { font-weight:bold; margin-top:5px;}
dl.prislista dd { padding-bottom:5px}

/* kontakt */
dl.contact { display:inline; float:left; width:225px; margin-left:30px;}
dl.contact dt { font-weight:bold}
dl.contact dd {}
dl.contact dd label {}
div.contact_form { width:80%; margin-left:6%; display:inline; float:left}

.contact_form fieldset { width:560px; margin:10px auto; padding:4px 10px; border:1px solid #b8d6e5;}
.contact_form dl { margin-top:8px; padding:0px; width:100%}
.contact_form dt { display:inline; float:left; width:130px; margin:0px 15px 5px 0px; color:#000; text-align:right;}
.contact_form dd { margin:0px 0px 10px 145px; color:#000; text-indent:-3px}
.contact_form dd label { vertical-align:top; margin:0px 8px 0px 0px; line-height:1.6em;}
div#subm_contact { margin-left:158px;}
div#subm_contact input { padding:2px 5px; background:#0161be; border:2px double #0161be; border-top-color:#0183c2; color:#fff; overflow:visible;}
div#subm_contact input:hover { background:#008fd4;}

/* om webbplatsen */
div#available { font-size:110%; line-height:1.4em}
div#available h1 {}
div#available p {}

/* sitemap */
ul.sitemap_main { list-style:none; padding-left:35px;}
ul.sitemap_main li { height:24px; line-height:24px}
ul.sitemap_main img { padding:0 5px;}
ul.sitemap_main a:hover { color:#000;}


div#footerbuttons span { margin-left:10px}
div#footertext, div#footertext a { color:#cdcdcd; font-size:10.5px}
div#footertext a:hover {}

div.message { width:600px; margin-left:40px; padding:5px 0; color:#0c0}
div.error { width:300px; margin-left:220px; padding:5px 0; color:#f00}

ul.nondot_list { list-style:none; margin-left:25px; padding:2px 0}
ul.nondot_list li { padding:2px 0 4px 0}
ul.dot_list { list-style:disc; margin-left:25px}
ul.dot_list li { padding:2px 3px}

input.error { border:2px solid #f66; background:#ffc}
input.chbox { border:none}

.separator { display:inline; float:left; margin-top:10px; margin-left:20px; padding-bottom:10px; width:90%; border-top:1px solid #ffa200}
.float_right { clear:right; display:inline; float:right; margin:0 5px 0 2px}
.float_left { clear:left; display:inline; float:left; margin:0 2px 0 5px}
span.float_right { width:250px; text-align:center; padding:3px; font:9.5px Verdana, Arial, Helvetica, sans-serif; color:#239}
.clear { clear:both}

.mini { width:70px}
.small { width:100px}
.medium { width:150px}
.large { width:200px}
.xlarge { width:240px}
.xxlarge { width:360px}
.center { text-align:center}
.right { text-align:right}
.left { text-align:left}
.none { border:none}

.webdesign { background:#edeeff}
.grafdesign { background:#fffaed}
.publicr { background:#edfff2}
.application { background:#ffeded}
.annat { background:#f5ffed}