/***********************************
 ************ PADI 2008 ************
 ***********************************/
 
@import url("reset.css");

/************************************************************************************* FONT, RUBRIK m.m *************************************************************************************/

body  { font-family: /*"Franklin Gothic Book",*/ Arial, Verdana, Helvetica, sans-serif; font-size: 13px; margin: 10px auto 0; color: #fff; background: url(../img/bg.jpg) repeat-x #000 top center fixed; }

h1 { font-size: 18px; color: #a1d6f2; padding: 0 0 20px 0 }
h2 { font-size: 16px; color: #fff; padding: 0 0 10px 0 }
h3 { font-size: 13px; color: #fff; padding: 0 0 5px 0; font-weight: bold }
p { padding: 0 0 10px 0 }

.ingress { font-weight: bold; font-size: 12px }
.bold { font-weight: bold; }

.margin_bottom_10 { margin: 0 0 10px 0 }

a:link, a:visited { color: #fff; text-decoration: none; outline: none; }
a:hover { text-decoration: underline }
a.blue { color: #a1d6f2}
a.underline { text-decoration: underline}

input, textarea { background: url(../img/input_bg.jpg) repeat-x #fff; border: solid 1px #fff; color: #0071bc }


#container { width: 980px; margin: 0px auto; position: relative; }

.clear { width: 100%; clear: both; padding: 0; margin: 0; height: 0px; line-height: 1px } 


/********************************************************************************************************************************************************************************************
 ************************************************************************************** BLOCK PÅ SIDAN **************************************************************************************
 ********************************************************************************************************************************************************************************************/

/********************************************** KASSA *************************************************/

#kassa { width: 100%; float: left; }

#kassa ul { float: left; width: 920px; background-color: #fff; color: #0071bc; }

a.pdf { color: #fff; text-decoration: underline }

#kassa ul li .checkbox { background: none; border: none }
#kassa ul li .radio { background: none; border: none }
#kassa ul input { border: solid 1px #0071bc; padding-left: 1px; }

#kassa ul.kassa_post_header { padding: 10px 0 2px 0; background: url(../img/input_bg.jpg) repeat-x #fff; border-bottom: solid 1px #0071bc; font-weight: bold }
#kassa ul.kassa_post { padding: 0 0 5px 0; border-bottom: solid 1px #0071bc; }
#kassa ul.kassa_post_footer { width: 920px; padding: 20px 0px 0px 0px; }

#kassa ul li { display: inline; float: left; padding: 5px 5px 0; }
#kassa ul li.art { width: 500px; padding-left: 10px; }
#kassa ul li.art_2 { width: 600px; padding-left: 10px; }
#kassa ul li.invoice { width: 700px; padding-left: 10px; }
#kassa ul li.quantity { width: 90px }
#kassa ul li.quantity input { width: 30px; text-align: right; border: solid 1px #0071bc; padding-right: 1px }
#kassa ul li.price { width: 90px }
#kassa ul li.sum { width: 90px }
#kassa ul li.sum_2 { width: 90px; text-align: right }
#kassa ul li.delete { width: 90px; text-align: right }

#kassa ul.kassa_post_footer li { padding: 5px 10px 0  }
#kassa ul.kassa_post_footer li.total { width: 300px; text-align: right; float: right; padding-bottom: 5px; font-weight: bold; border-bottom: solid 1px #0071bc; clear: both }
#kassa ul.kassa_post_footer li.moms { width: 400px; text-align: left; float: left; padding-bottom: 5px; font-style: italic; border-bottom: solid 1px #0071bc; clear: both }
#kassa ul.kassa_post_footer li.shipping { width: 900px; text-align: right; float: right; }
#kassa ul.kassa_post_footer li.shipping p { width: 150px; text-align: right; float: right; padding: 0 0 5px 0 }
#kassa ul.kassa_post_footer li.shipping p.label { text-align:left }
#kassa ul.kassa_post_footer li.pay { width: 300px; text-align: right; padding: 5px 10px 0; float: right; font-weight: bold; }
#kassa ul.kassa_post_footer li.pay_2 { width: 300px; text-align: right; padding: 5px 10px 10px; float: right; font-weight: bold; }
#kassa ul.kassa_post_footer li.moms { width: 300px; text-align: right; padding: 0 10px 10px; float: right; border: none; font-size: 11px }
#kassa ul.kassa_post_footer li.update { float: left; width: 900px; padding: 10px; border-top: solid 1px #0071bc; }
#kassa ul.kassa_post_footer li.update input { float: right; padding: 0 0 0 20px; background: none; border: none }
#kassa ul.kassa_post_footer li.update input.back { float: left; padding: 0 }
#kassa ul.kassa_post_footer li.update a img { float: left; padding: 0 }

#kassa ul.project_aware li.project_aware {  float: left; width: 880px; padding: 20px 20px; border-top: solid 1px #0071bc; }
#kassa ul.project_aware li.project_aware img { float: left; padding: 0 40px 0 0 }
#kassa ul.project_aware li.project_aware p { float: left; width: 600px; padding: 5px; }
#kassa ul.project_aware li.project_aware p.donate { width: auto; padding: 20px 10px; }
#kassa ul.project_aware li.project_aware p input { border: none; background: none}
#kassa ul.project_aware li.project_aware p input.input { width: 60px; border: solid 1px #0071bc; }

#kassa ul.project_aware { margin: 0 0 10px 0 }

#kassa ul.payment { width: 910px; padding: 20px 0px 20px 10px; border-top: solid 1px #0071bc; background: url(../img/input_bg.jpg) repeat-x #fff; margin-bottom: 10px }
#kassa ul.payment li { display: block; width: 430px; }
#kassa ul.payment li ul { width: 430px; }
#kassa ul.payment li ul li { width: auto; }
#kassa ul.payment select { border: solid 1px #0071bc; color: #0071bc; }
#kassa ul.payment input { width: 100px; float: left }
#kassa ul.payment input.fak { width: 100px; }
#kassa ul.payment li ul li span { float: left; display: block; width: 80px; }

#kassa ul.betal_info { width: 910px; padding: 20px 0px 20px 10px; border-top: solid 1px #0071bc; background: url(../img/input_bg.jpg) repeat-x #fff; }
#kassa ul.betal_info p { padding: 5px 0 }
#kassa ul.personal_info { width: 910px; padding: 20px 0px 25px 10px; border-top: solid 1px #0071bc; background: url(../img/input_bg.jpg) repeat-x #fff; }
#kassa ul.personal_info.margin_bottom_10 { margin-bottom: 10px }
#kassa ul.personal_info input, #kassa ul.personal_info textarea { float: left; width: 220px; margin: 1px 0 0 0; border: solid 1px #0071bc }
#kassa ul.personal_info textarea { width: 410px;  }
#kassa ul.personal_info li.select { float: left; width: 430px }
#kassa ul.personal_info li.agreement { float: left; padding: 10px 10px 50px; }
#kassa ul.personal_info li.agreement input { width: auto; margin: 2px 10px 0 0 }

#kassa ul.next li.next { float: left; width: 900px; padding: 10px; border-top: solid 1px #0071bc; }
#kassa ul.next li p {  padding: 10px;  }
#kassa ul.next li.next input { float: right; border: none }
#kassa ul.next li.next p { float: left; padding: 0; font-weight: bold }
#kassa ul.next li.next input.back { float: left; padding: 0 }
#kassa ul.next li.next img { float: left; padding: 0 }

#kassa ul.personal_info li.error { color:#cc0000; float: left; width: 800px; }

#kassa ul.personal_info select { color: #0071bc; border: solid 1px #0071bc }

#kassa ul.personal_info h3 { color: #0071bc; padding: 20px 0 5px 0 }
#kassa ul.personal_info a { color: #0071bc; text-decoration: underline }
#kassa ul.personal_info li { display: block; width: 430px; }
#kassa ul.personal_info li p { padding: 0 }
#kassa ul.personal_info li.padi_no { width: 800px}
#kassa ul.personal_info li.vat_no { width: 430px}
#kassa ul.personal_info li.vat_info { padding: 0 0 0 5px }
#kassa ul.personal_info li.vat_info p { border: solid 1px #0071bc; padding: 5px; font-size: 11px; width: 400px; height: 150px }
#kassa ul.personal_info li.padi_no input { width: 60px; }
#kassa ul.personal_info li .zip { width: 40px; }

#kassa ul.betal_info { width: 900px; padding: 20px 0px 20px 20px; margin: 1px 0 0 0; background: url(../img/input_bg.jpg) repeat-x #fff; }
#kassa ul.betal_info li { display: block; width: 290px; }

#kassa ul.payment li.error { color:#cc0000; float: left; width: 800px; }
/********************************************** KUNDVAGN *************************************************/

#cart { float: right; width: 335px; padding: 10px 0 0 10px; right: 55px; height: 31px; color: #0071bc; position: relative; z-index: 130 }
#cart_empty { float: right; width: 410px; height: 41px; background: none; }
#cart p { float: left; padding: 0 10px; text-align: center }
#cart a { color: #0071bc }
#cart a:hover { text-decoration: underline }
#cart p span { color: #0071bc; padding: 0 5px; }
#cart p.line { border-right: solid 1px #3399cc }

.cart_info_top { position: absolute; z-index: 130; left: 0px; top: -121px; width: 400px; height: 160px; background: url(../img/cart_info_top3.png) no-repeat top; }
.cart_trigger { position: absolute; z-index: 150; right: 15px; top: -105px; width: 30px; height: 30px; cursor: pointer; /*background-image: url(../img/cart_gif.gif)*/ }
.cart_wrapper { position: absolute; z-index: 125; right: 7px; top: 111px; width: 400px; }
.cart_info { float:left; color: #0071bc; padding: 40px 10px 5px; font-size: 12px; background: #fff; }
.cart_info input {   }

.cart_post_header { float: left; width: 380px; padding: 2px 0; font-weight: bold; border-top: solid 1px #0071bc; border-bottom: solid 1px #0071bc; }
.cart_post_header p { float: left; padding: 0 2px; }

.cart_post_header p.antal { width: 60px; }
.cart_post_header p.name { width: 148px; }
.cart_post_header p.price {width: 50px; }
.cart_post_header p.sum { width: 50px; }
.cart_post_header p.delete { width: 50px; text-align:right }

.cart_post { float: left; width: 380px; padding: 2px 0; }
.cart_post p { float: left; padding: 2px; }
.cart_post p.antal { width: 60px; }
.cart_post p.antal input { width: 22px; border: solid 1px #0071bc; padding: 0 1px 0 0; text-align: right }
.cart_post p.name { width: 148px; }
.cart_post p.price { width: 50px; }
.cart_post p.sum { width: 50px; }
.cart_post p.delete { width: 50px; }
.cart_post p.delete input { margin: 3px 0 0 0; float:right  }

.cart_post_footer { float: left; width: 380px; }
.cart_post_footer p.total { float: right; width: 50%; padding: 5px 0 10px; font-weight: bold; border-top: solid 1px #0071bc; text-align: right }
.cart_post_footer p.moms { float: left; width: 50%; padding: 5px 0 10px; font-style: italic; border-top: solid 1px #0071bc; text-align: left }
.cart_post_footer p.update { float: left; padding: 0 0 0 10px }
.cart_post_footer p.checkout { float: right; padding: 0; }
.cart_post_footer p.clear_cart { float: left; padding: 0; margin: 0 }

/********************************************** TOPPEN *************************************************/

#top { float:left; /float: none; width: 980px; height: 150px; background: url(../img/top.jpg) no-repeat transparent; position: relative }
#top.start { background: url(../img/top_start.jpg) no-repeat transparent; }

/********************************************** CONTENT *************************************************/

#content_bg { float: left; height: auto; background: url(../img/repeat.jpg) repeat-y; }
#content { float: left; width: 920px; padding: 20px 30px; background: url(../img/content.jpg) no-repeat bottom; position:relative }

/********************************************** FOOTER *************************************************/

#footer { width: 980px; height: 49px; padding: 31px 0 0 0px; clear: both; background: url(../img/footer.jpg) #000 no-repeat; font-size: 12px }
#footer.start { background: url(../img/footer_start.jpg) no-repeat transparent; }

#footer ul { float: left; width: 100%; height: auto; text-align: center }
#footer ul li { display: inline; padding: 0 8px 0 6px; margin: 0; border-right: 1px solid #fff }
#footer ul li.end { border: none }

/********************************************** FOOTER *************************************************/

#copyright { float:left; width: 970px; padding: 10px 5px 20px; font-size: 10px; text-align: center }
#copyright ul { width: auto; text-align: center }
#copyright ul li { display: inline; padding: 0 5px; border-right: 1px solid #fff }
#copyright ul li.end { border: none }

#rating_logo { float: left; width: 100%; text-align: center }
#rating_logo img { width: 250px ; height: 90px }

/********************************************************************************************************************************************************************************************
 ***************************************************************************************** TOPPMENY *****************************************************************************************
 ********************************************************************************************************************************************************************************************/

#menu { width: auto; height: 20px; padding: 115px 0 0 0px; float: right; margin: 0; }

#menu ul { float: right; height: 30px; width: auto; padding: 0 0 0 10px; background: url(../img/menu_left.jpg) no-repeat transparent bottom left; }
#menu ul.start { background: url(../img/menu_left_start.jpg) no-repeat transparent bottom left; }
#menu ul li { display: inline; }

#menu ul li a {float:left; font-weight: bold; font-size: 12px; height: 19px; padding: 5px; text-align: center; border-bottom: solid 1px #fff }
#menu ul li a.not_active, #menu ul li a.not_active:hover { color: #a1d6f2; cursor: text }
#menu ul li a:hover { color: #a1d6f2; text-decoration: none }

/********************************************************************************************************************************************************************************************
 ******************************************************************************************* SIDOR ******************************************************************************************
 ********************************************************************************************************************************************************************************************/

/********************************************** Bilder *************************************************/

img.about { float: right; margin: 0 20px 20px 40px }

/********************************************** START *************************************************/

#content.start { position: relative; height: 345px; padding-top: 30px; background: url(../img/content_start3.jpg) no-repeat bottom transparent; }
#content.start p { width: 430px }

#content.start a { color: #000 }
#content.start a.padi { color: #fff; text-decoration: underline }

#content.start .entrance { width: 90px; padding: 5px; height: auto; position: absolute; text-align: center; color: #333333; }
#content.start .entrance#certificate { right: 267px; top: 35px; }
#content.start .entrance#membership { right: 87px; top: 35px; }
#content.start .entrance#payments { right: 177px; top: 125px; }
#content.start .entrance#payments p { font-size: 10px }
#content.start .entrance#downloads { right: 87px; top: 225px; }

#content.start .entrance h2 { color: #333333; width: auto; font-size: 13px; text-decoration: underline }
#content.start .entrance p { color: #333333; width: auto; font-weight: 600; font-size: 11px }

.flags { position: absolute; bottom: 15px; right: 42px; width: 380px; height: 30px; }
.flags li { float: left; padding-right: 20px; }
.flags li a { display: block; width: 42px; height: 29px; }

.padigear { position: absolute; left: 306px; bottom: 25px; display: block; width: 230px; height: 55px }

/********************************************** PRODUKTLISTA  *************************************************/

#product_info { float: left; width: 880px; padding: 0 20px 40px 0 }
#product_list { float: left; width: 880px; padding: 0 20px }
#product_list input { border: none; background: url(../img/order.png); width: 72px; height: 20px; float: left; margin: 5px 0 0 0; padding: 0 0 0 0; cursor: pointer }
#product_list div { float: left; width: 440px; padding: 0 0 20px 0 }
#product_list div p { float: left; width: 280px; padding:  0 20px; font-size: 11px; line-height: 14px; }
#product_list div div.img { float: left; width: 100px; height: 80px; padding: 20px 10px; text-align: center; background: url(../img/membership_bg.png) no-repeat }
#product_list div div.img h2 { color: #333333; width: 100px; font-size: 13px; padding: 0 0 10px 0 }
#product_list div div.img p { color: #0071bc; width: 100px; padding: 0; font-weight: 600; }

/********************************************** LOST CARD *************************************************/

#content.certificate { background: url(../img/content_certificate.jpg) no-repeat bottom transparent; }

#left { float: left; width: 320px; }

#left h2 {  }
#left p { width: 320px; }
#left .checkbox { background: none; border: none }
#left .radio { background: none; border: none }
#left p input { float: left; font-size: 10px }
#left p span { float: left; width: 290px; padding: 0 0 0 5px }
#left p.note { float: left; font-style: italic; font-size: 10px; border-top: solid 1px #a1d6f2; margin-top: 10px; padding: 10px 0 }

#left #donate { display: inline; }
#left #donate li { float: left; padding: 5px 0 0 5px }
#left #donate li input {  margin-right: 5px }
#left #donate li #other { width: 30px; }

#left .upload { width: 320px; margin-bottom: 5px;}

#right { float: right; width: 560px; padding: 0 0 0 19px ; border-left: solid 1px #a1d6f2;}
#zip { width: 50px; }

table { padding: 0; margin: 0; width: 560px; }
table td { padding-bottom: 5px; vertical-align: top }

table input, textarea, ul { width: 260px; }
table p { padding: 0; }

/********************************************** KÖPVILLKOR  *************************************************/

#content.tof .col_left { float: left; width: 450px; padding: 0 10px 0 0}
#content.tof .col_right { float: left; width: 450px; padding: 0 0 0 10px}

#content.tof h3 { color: #a1d6f2; float: left }

#content.tof p {  width: 450px; float: left }

#content.tof ul { display: inline; width: 450px; float: left }
#content.tof ul li { padding: 0 20px 0 0; width: 130px; float: left }

/********************************************** DOWNLOADS  *************************************************/

#content.downloads { background: url(../img/content_downloads.jpg) no-repeat bottom transparent; }

.downloads { float: left; padding: 10px 10px 20px 0; width: 220px }
.downloads.adobe { float: right; height: 140px }

/********************************************** About us, Personal  *************************************************/

#about { float: left;}
#personal { float: left;}
#content_bg #content div#personal h2 { float: left; width: 920px; margin: 20px 0; padding: 0 0 5px 0; color: #a1d6f2 }
#content_bg #content div#about h3 { color: #a1d6f2 }

#personal div { float:left; width: 460px; padding: 0 0 20px 0; }
#personal div h3 { float: left; width: 290px; padding: 5px 0 0 0; }
#personal div p { float: left; padding: 0 0 5px 0; width: 290px }
#personal div p.title { font-style:italic; font-size: 11px; }
#personal div p.contact { font-weight: bold; font-size: 11px; padding: 0 0 10px 0 }
#personal div p.info { }
#personal div img { float: left; width: 140px; height: 160px; margin: 0 10px 10px 0; padding: 0; }
#personal div img { behavior: url(iepngfix.htc) }

/********************************************** CERTIFICATION CARDS  *************************************************/

#certification_cards ul { padding: 10px 20px 20px; list-style-type: disc; width: 520px; line-height: 140% }

/********************************************** PRUDUKT START  *************************************************/

#membership {}
#membership #links { float: right; clear: both; background: url(../img/links_bg.png) no-repeat; width: 240px; height: 160px; padding: 30px; color: #0071bc }
/*#membership #links_top, #membership #links_bottom { background: url(../img/links_bg.png) no-repeat top; width: 300px; height: 20px; }
#membership #links_bottom { background-position: bottom }*/
#membership #links ul { padding: 0 0 10px; width: auto; line-height: 160% }
#membership #links img { padding: 0 0 0 5px; }
#membership #links a, #membership #links h2, #membership #links h3 { color: #0071bc; padding: 0 0 5px 0 }

#membership #links a:hover { text-decoration:underline; }


/********************************************** DOWNLOADS  *************************************************/

#login { background: url(../img/kampanj_login.png) no-repeat bottom right transparent; width: 300px; height: 220px; color:#0071bc; font-weight: bold; margin: 40px 0 0 80px }
#login div { width: 240px; padding: 30px; float: left; margin: 0 }
#content.kampanj #login div h1 { padding: 0 0 5px 0}
#content.kampanj #login div p { width: 240px; }
#login input { border: solid 1px #0071bc; margin: 0 0 10px 0; width: 100%}
#login input.button { border: none; float: right; width: auto}

p.error { font-weight: normal; color: #cc0000}

.logo { margin: 40px 80px 20px}

#container #content_bg .kampanj { background: url(../img/content_kampanj.jpg) no-repeat bottom transparent; min-height: 440px; _height: 440px; position: relative; }
#content.kampanj p { width: 500px }
#content.kampanj p.ingress { font-style: italic }

#content.kampanj form.flag { position: absolute; right: 0px; top: 0px;}
#content.kampanj .swe { position: absolute; right: 150px; top: 80px; border: none}
#content.kampanj .nor { position: absolute; right: 50px; top: 120px; border: none}
#content.kampanj .fin { position: absolute; right: 130px; top: 160px; border: none}
#content.kampanj .est { position: absolute; right: 40px; top: 200px; border: none}
#content.kampanj .isl { position: absolute; right: 140px; top: 240px; border: none}
#content.kampanj .den { position: absolute; right: 60px; top: 280px; border: none}

#divecenters { width: 500px}
#divecenters ul { float: right; width: 500px; margin-bottom: 10px; padding: 0 0 5px 0; border-bottom: solid 1px #fff; font-weight: bold  }
#divecenters ul li { float: left; padding: 0 5px; height: 18px; width: auto }
#divecenters ul li.current { text-decoration: underline ; }
#divecenters ul li input { background: none; color: #fff; border: none; cursor: pointer; height: 16px}
#divecenters div { float:left; width: 500px; padding: 0 0 5px 0; border-bottom: solid 1px #fff }
#divecenters div h3 { float: left; width: 500px; padding: 5px 0 0 0; }
#divecenters div p { float: left; padding: 0 0 5px 0; width: 290px }
#divecenters div p.title { font-style:italic; font-size: 11px; }
#divecenters div p.contact { font-weight: bold; font-size: 11px; padding: 0 0 0 0; }
#divecenters div a:hover { color:#a1d6f2 }