/**
Visby dans- och träningscenter
 */

@import "menu.css";


/* Global settings ====================== */
div.clr {clear: both;}
a img {border:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {margin: 0 0;padding: 0;line-height: 1.5em; font-weight:normal;} 

/* Global font settings ================= */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; letter-spacing: 0.04em;}
h1 {margin: 0 0 10px;}
p {margin:5px 0 10px;}
span.white {color: #ffffff;}

/* Dans-träning-menyn (statisk i toppen === */
span.mainchoice {font-size: 12px;}
#page_top span.mainchoice a {color: #ffffff;}
span.mainchoice a:hover {text-decoration: underline; }

/* Body ================================ */
body {background:url(../img/bg_1.jpg) no-repeat top left #bb0000; margin:0; padding:0; text-align:center;}

/* Spalter och större block =================================== */
#pageholder {width:984px; margin:0 auto; text-align:left;}
#page {background: repeat-y; position: relative; padding: 1px 0;}
#page_top, #footer {position: relative; width: 984px;}
#content {margin: 25px 26px;}
#column_wide {width: 662px; position: relative; z-index: 1;}
#column_wide.sub_widecolum {border: 1px solid #dadada;}
#column_wide div.subcontent {padding: 40px;}
#column_narrow {width: 246px; position: relative; z-index: 0}

/* Bildformatering ==============================*/
#shadow_top_img {position: absolute; bottom: 0;}
#shadow_bottom_img {position: absolute; top: 0;}
#skylten_img {position: absolute; top: -20px; left: 44px;}
#logotype_img {margin: 0;}

/* Formulär ================================ */
input.inputbox_login {background-color: #e0a3a3; border: 3px solid #e0a3a3; width: 100px;}

/* Tabeller ================================ */
#login_table {height: 35px; margin: 10px 10px 0 0; border-collapse: collapse; float: right; width: 560px;}
#login_table td {padding-right: 6px;}

/* Nyheter (spalten) ========================= */
div.fo_news {background-color: #e0e0e0; padding: 20px; margin-bottom: 21px;}
div.fo_news div.fo_item {margin: 0 0 18px;}
div.fo_news .xhdg {display: inline; font-size: 15px; padding: 3px 3px; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; line-height: 24px;}
div.fo_news .xhdg {background-color: #bb0000; color: #ffffff;;}
div.fo_news .xhdg.dans {background-color: #fada00; color: #000000;}
div.fo_news .xhdg a {color: #ffffff;}
div.fo_news .xhdg.dans a { color: #000000;}
div.fo_news .xhdg a:hover, div.fo_news h3.dans a:hover {text-decoration: none;}

/* Huvudpuffen ================================ */
#mainpuff {width: 662px; height: 262px; background-color: #e0e0e0;}
#mainpuff a.puff_image {width: 374px; height: 262px; background: center; float: left; display: block; border-right: 2px solid #ffffff; position: relative;}
#mainpuff a.puff_image img.puffpil {position: absolute; top: 40px; right: -3px;}
#mainpuff div.puff_content {margin: 25px 0 0 25px; float: left; width: 238px;}
#mainpuff div.puff_content h2 {font-size: 20px;}
#mainpuff div.puff_content h2 a {color: #000000;}
#mainpuff div.puff_content h2 a:hover {color: #006699;}
#mainpuff div.puff_content p {margin: 12px 0;}

/* Underpuffar ================================ */
div.subpuffs {margin: 21px 0 0;}
div.subpuffs div.puffbox {background-color: #e0e0e0; margin: 0 0 20px; width: 320px;}
div.subpuffs div.puffbox.col1 {float: left;}
div.subpuffs div.puffbox.col2 {float: right;}
div.subpuffs a.puff_image {width: 320px; height: 205px; background: center; display: block;}
div.subpuffs div.puff_content {padding: 20px 5px 20px 20px;}
div.subpuffs div.puff_content h2 {font-size: 16px; margin: 0;}
div.subpuffs div.puff_content h2 a {color: #000000;}
div.subpuffs div.puff_content h2 a:hover {color: #006699;}

/* Banners (högerspalten) ======================== */
img.banner_246 {margin-bottom: 21px; cursor: pointer;}

/* Nyhetsmail anmälan ============================ */
#mailreg {background-color: #e0e0e0; padding: 20px; margin-bottom: 21px;}
#mailreg form {display: inline;}
#mailreg h3 {margin: 0 0 5px; font-size: 13px; }
#mailreg #inputstyle {float: left; border: 0; height: 24px; width: 164px; vertical-align: middle; background-color: #ffffff; margin: 8px 0 0;}
#mailreg #mailaddress {border: 0; margin: 4px 0 0 5px;}
#mailreg #mailreg_submit {margin-top: 0; float: right; margin-top: 8px;}

/* Footer ====================================== */
#footer_left {width: 575px; padding: 22px 0; margin: 0 0 0 22px; float: left; display: inline;}
#footer_right {width: 350px; padding: 22px 0; margin: 0 22px 0 0; float: right; display: inline;}
#footer_rightcontent {}