/*************************************

 CSS för Hemsidan.com
 Ej optimerad
 
*************************************/


/*************************************
 Same same
*************************************/

input.text {
padding:3px;
}

div#header {
/*
background-image:url(../graphics/header_bg.png);
background-position:center;
background-repeat:vertical;
*/
height:120px;
}

div#header div {
width:921px;
margin:0 auto;
}

div#header img#logo {
margin-top:21px;
margin-left:10px;
}

div#login {
width:921px;
position:absolute;
top:10px;
left:50%;
margin-left:-465px;
text-align:right;
}

div#login p input {
color:#666;
font-style:italic;
}

div#menu_tabs {
width:921px;
position:absolute;
top:88px;
left:50%;
margin-left:-461px;
}

div#menu_tabs img {
float:right
}

div#menu_border {
clear:both;
height:22px;
background-image:url(../graphics/menu_border.png);
}

div#main {
width:920px;
min-height:300px;
margin:30px auto 0 auto;
}

div#left_column {
float:left;
}

div#right_column {
float:right;
}

div#references_footer {
margin:40px auto 0 auto;
width:920px;
}

div#references_footer div {
float:left;
width:300px;
height:200px;
margin-right:10px;
}

div#references_footer div img {
float:left;
}

div#references_footer div p {
padding:4px 0 0 0;
}

div#references_footer div#last_div {
margin:0;
}

div#footer {
margin:30px auto 50px auto;
width:920px;
}

div#footer {
text-align:center;
font-size:0.8em;
}

div#footer div#reference_short_links {
margin-top:40px;
padding:15px;
background-color: #f0f0f0;
}

div#footer div#reference_short_links a {
color: #666;
}

div.devider {
clear:both;
}

p.empty input, p.empty select, p.empty textarea {
background-color:#F00;
}

p.error {
font-weight:bold;
color:#F00;
}

.italic {
font-style:italic;
}

.bold {
font-weight:bold;
}

.red {
color:#F00;
}

div.campaign[class] {
background-image:url(../graphics/campaign_bg.png);
}

div#campaign {
background-repeat:no-repeat;
z-index:11;
position:absolute;
top:150px;
left:50%;
margin-left:-197px;
width:350px;
height:269px;
padding:26px 24px;
text-align:center;
}

div#campaign p {
margin-top:27px;
}

div#campaign input.text {
width:160px;
}

div#campaign img#campaign_code {
margin-top:30px;
}

p#login_error {
padding-top:6px;
color:#F00;
font-weight:bold;
}


/*************************************
 Startsidan
*************************************/

div#startsida div#left_column {
width:480px;
min-height:370px;
}

div#startsida img#headline {
position:absolute;
z-index:2;
margin-top:10px;
}

div#startsida h4.teaser {
margin-top:70px;
font-size:1.2em;
font-weight:bold;
}

div#startsida p.teaser {
font-size:1.2em;
line-height:1.7em;
}

div#startsida form#account_form {
margin-top:40px;
margin-left:-30px;
position:absolute;
background-image:url(../graphics/account_bg.png);
background-repeat:no-repeat;
width:322px;
height:142px;
padding:30px 30px 30px 125px;
}

div#startsida form#account_form input.text {
width:170px;
margin-right:5px;
}

div#startsida form#account_form input {
margin-top:18px;
}

div#startsida img#board_of_directors {
z-index:1;
position:absolute;
left: 50%;
margin-left: 20px;
}


/*************************************
 Medlemskap
*************************************/

div#medlemskap div#left_column {
width:430px;
}

div#medlemskap img#headline_pricetag {
margin:17px 0 8px 0;
}

div#medlemskap p#more_info {
margin-top:15px;
}

p#new_price_campaign {
margin-top:15px;
}

div#medlemskap div#account_created {
width:440px;
border:1px solid #666;
background-color:#FFFFE1;
padding:10px;
margin-top:10px;
}

div#medlemskap div#account_created p {
margin-bottom:15px;
}

div#medlemskap p#account_obs {
padding: 45px 30px 20px 125px;
}

div#medlemskap form#account_form {
width:462px;
height:411px;
margin-top:15px;
background-image:url(../graphics/account_bg2.png);
background-repeat:no-repeat;
}

div#medlemskap table.account_tbl {
margin:0 0 0 55px;
}

div#medlemskap table.account_tbl td {
padding:15px 18px 0 0;
}

div#medlemskap table.account_tbl td input.text, div#medlemskap table.account_tbl td select {
width:170px;
}

div#medlemskap p#create_account {
margin: 30px 0 0 55px;
}

div#medlemskap input#account_conditions {
margin-left: 10px;
}


/*************************************
 Information
*************************************/

div#information {
padding-bottom:20px;
}

div#information div#left_column {
height:400px;
}

div#information div#right_column {
padding:7px 0 30px 0;
width:640px;
}

div#information div#right_column img.headline {
margin-bottom:20px;
}

div#information div#left_menu {
background-image:url(../graphics/left_menu_bg.png);
background-repeat:no-repeat;
width:192px;
height:161px;
padding:20px;
}

div#information div#left_menu p {
margin-top:9px;
}

div#information div#left_menu h3 {
padding-bottom:4px;
}

div#information div#left_menu a#active_sub {
font-weight:bold;
text-decoration:none;
}

div#information form#search_form {
padding:20px 0 0 2px;
}

div#information form#account_form {
position:absolute;
background-image:url(../graphics/account_bg3.png);
background-repeat:no-repeat;
background-position:top;
width:196px;
height:100px;
padding:40px 20px 15px 45px;
margin:10px 0 0 -29px;
}

div#information form#account_form p {
padding-left:59px;
}

div#information form#account_form input.text {
margin:6px 0;
width:131px;
}

div#information div#left_column2 {
float:left;
width:350px;
}

div#information div#left_column2 h4#in_short {
font-weight:normal;
}

div#information div#shortcuts {
padding-top:14px;
}

div#information div#shortcuts p {
padding-top:5px;
}

div#information img#using_service {
float:right;
}

div#information div#service {
clear:both;
padding-top:15px;
}

div#information div#service div#section {
background-image:url(../graphics/service_spec_bg.png);
background-repeat:no-repeat;
background-position:top left;
clear:both;
padding:22px 25px 0 22px;
width:598px;
height:230px;
margin-top:10px;
}

div#information div#price h4, div#information div#price h3 {
margin:25px 0 5px 0;
}

div#information div#price p {
margin-bottom:5px;
}

div#information div#price table {
width:100%;
margin-top:3px;
}

div#information div#price td {
padding:4px;
}

div#information div#price tr.tbl_head {
background-image:url(../graphics/menu_border.png);
color:#FFF;
font-weight:bold;
}

div#information div#price tr.filled {
background-color:#EFEFEF;
}

div#information img#pricelabel {
float:right;
margin-top:20px;
}

div#terms_of_condition {
float:left;
width:350px;
}

div#terms_of_condition img {
margin-bottom:15px;
}

div#terms_of_condition div#type_of_terms {
margin:20px 0;
}

div#terms_of_condition div#type_of_terms p {
margin-top:3px;
}

img#terms_of_condition {
float:right;
}

div#information div#service div#section img.screenshot {
float:left;
}

div#information div#service div#section div.description {
float:right;
width:296px;
}

div#information p#document_tools {
text-align:right;
}

div#information div#allmanna_villkor, div#information div#anvandarvillkor {
border-bottom:1px solid #CCC;
}

div#information div#allmanna_villkor h3, div#information div#anvandarvillkor h3 {
border-top:1px solid #CCC;
padding-top:12px;
margin:20px 0 15px 0;
}

div#information div#allmanna_villkor h4, div#information div#anvandarvillkor h4 {
margin-bottom:5px;
}

div#information div#service h3 {
margin-bottom:10px;
}

div#information div#references p#intro {
margin-bottom:30px;
}

div#information div#references div {
clear:both;
}

div#information div#references div div p {
margin-top:10px;
}

div#information div#references div {
padding-bottom:50px;
}

div#information div#references div div {
margin:0;
float:left;
width:380px;
}

div#information div#references div img {
float:right;
}

div#information div#references div#short_brf_links {
padding:10px;
background-color: #f0f0f0;
}

div#information div#references div#short_brf_links h3 {
margin-bottom:10px;
}

div#information div#faq p {
margin:10px 0 25px 0;
}

div#information div#allmanna_villkor p, div#information div#anvandarvillkor p {
margin-bottom:10px;
}

div#information div.devider {
height:20px;
}


/*************************************
 Kontakt
*************************************/

div#kontakt div#left_column {
width:387px;
}

div#kontakt div#left_column div {
/*
border:1px dashed #CCC;
padding:10px;
*/
}

div#kontakt p#company_description {
margin:15px 0 15px 0;
}

div#kontakt span#company_name {
font-size:1.2em;
font-weight:bold;
}

div#kontakt div#left_column table td {
padding:1px 8px 0 0;
}

div#kontakt table#contact_info {
float:left;
margin-right:13px;
}

div#kontakt form#contact_form {
width:458px;
background-image:url(../graphics/contact_bg.png);
background-repeat:no-repeat;
height:400px;
padding:23px 0 0 7px;
}

h3#mail_sent {
padding:0 0 10px 5px;
}

p#support_obs {
padding:0 25px 10px 18px;
}

table#support_obs td img {
padding-right:15px;
}

div#kontakt table.contact_tbl td {
padding:13px 0 0 18px;
}

div#kontakt table.contact_tbl td input.text, div#kontakt table.contact_tbl td select {
width:190px;
}

div#kontakt textarea#message {
width:408px;
height:130px;
padding:3px;
margin:20px 0 0 18px;
}

div#kontakt div#send {
padding:15px 25px 0 18px;
}

div#kontakt p#send_email input#send_chk {
margin-left:10px;
}