/*
---------------------------------------------------------------------
Title:		Velforbundet Main styles
Author:		Warren Buckley - Xeed
---------------------------------------------------------------------
*/

.float-left { float:left; }
.float-right { float:right; }
.center { text-align:center; }

#column-container { width:980px; margin:10px 0 0 0; }
#velforbundet.home #column-container { margin:0; }


/* -------------- Override Header -----------*/
#velforbundet #header
{
    background-image:url(../img/velf-header.png);
}

/* -------------- Override Body -----------*/
#velforbundet #body
{
    padding-top:0;
}

/* -------------- Override Navi -----------*/
#menu-container
{
    background:#f8f8f6;
    width:980px;
}

#velforbundet #menu 
{
    background:none;
    width:auto;
    font-family:Georgia, Times New Roman, Sans-Serif;
    margin:0 10px;
}

#velforbundet #menu li
{
    padding:0;
    margin:0 5px 0 0;
}

#velforbundet #menu li a
{
    color:#444;
    font-size:14px;
    line-height:30px;
    margin-top:0;
    padding:0 5px;
}

#velforbundet #menu li a.selected
{
    background:#2b9900 url(../img/velfor-nav-selected.gif) no-repeat 50% bottom;
}

#velforbundet #menu li a.selected span
{
    background:none;
    color:#fff;
    padding:0;
    height:36px;
}

/* -------------- Override Top Search box -----------*/
#velforbundet #search input
{
    margin:10px 10px 7px 0;
}

/* -------------- Override Feature area -----------*/
#velforbundet #featured
{
    margin-bottom:0;   
}

/* -------------- Override Feature area -> Extras div -----------*/
#velforbundet #extras
{
    background:#23363d url(../img/velfor-feature-bg.gif) no-repeat top left;
    height:330px;
    width:360px;
    padding:0;
    position:relative;
}

#velforbundet #extras .search-box 
{ 
    position:absolute;
    top:190px; 
    left:100px; 
    width:190px; 
    text-align:center; 
}

#velforbundet #extras .search-box h5 
{ 
    color:#97e300; 
    font-size:24px; 
    font-weight:normal;
    margin:0 0 10px 0; 
    padding:18px 0 0 0; 
    background-position:35px 0; 
}

#velforbundet #extras .search-box a 
{ 
    color:#fff; 
    font-size:13px; 
    text-transform:uppercase; 
    display:inline-block; 
}

#velforbundet #extras .search-box input 
{ 
    background:url(../img/search.png) no-repeat top left; 
    border:none;
    height:19px;
    padding:5px 30px 0 10px;
    width:140px;
}

/* -------------- Override articles tools -----------*/
#velforbundet #article-tools
{
    width:960px;
    margin:10px 0 35px 0;
}

#velforbundet #main #article-tools
{
    width:auto;
    margin:0 0 20px 0;
}


/* -------------- NEW: Home Feature Text (underneath feature area) -----------*/
#home-feature-text
{
    background:#f3f5ed;
    float:left;
    width:960px; /* 980 - 10 - 10 = 960px; */
    padding:7px 10px;
    margin:0 0 10px 0;
    
    font-family:Georgia, Times New Roman, Sans-Serif;
    font-size:12px;
    color:#333;
}

#home-feature-text div
{
    float:left;
}

#home-feature-text h2
{
    font-size:22px;
    margin:4px 0 10px 0;
}

#home-feature-text p
{
    margin:0 0 5px 0;
}

#home-feature-text a 
{
    color:#376e00;
}

#home-feature-text span 
{
    color:#666;
    font-size:13px;
    text-transform:uppercase;
    font-family:Calibri,Verdana,Arial,sans-serif;
}


#home-feature-text div.hort
{
    width:165px;
    margin:0 35px 0 0;
}

#home-feature-text div.sett
{
    width:190px;
    margin:0 20px 0 0;
}

#home-feature-text div.med
{
    width:211px;
    margin:0 17px 0 0;
}

#home-feature-text div.other
{
    width:320px;
    font-family:Calibri,Verdana,Arial,sans-serif;
}

#home-feature-text div.other h2
{
    font-family:Calibri,Verdana,Arial,sans-serif;
}

#home-feature-text div.other h2 span
{
    font-size:30px;
    font-weight:bold;
    text-transform:none;
    color:#333;
}


/* -------------- Override Content DIV -----------*/
#velforbundet #content
{
    padding:0;
    width:610px;
}

/* -------------- Override Content .article-text STYLES -----------*/
#velforbundet .article-text h2
{
    font-size:28px;
    font-weight:normal;
    color:#666;
    font-family:Georgia, Times New Roman, Sans-Serif;
    margin:25px 0 15px 0;
    line-height:1.2em;
}

#velforbundet .article-text h3
{
    font-size:20px;
    font-weight:normal;
    color:#333;
    font-family:Calibri,Verdana,Arial,sans-serif;
    margin:6px 0 2px 0;
}


#velforbundet .article-text p
{
    margin-bottom:13px;
}

#velforbundet .article-text ul
{
    margin:20px 0 30px 25px;
    list-style-type:none;
}

#velforbundet .article-text ul li
{
    margin:0 0 6px 0;
    font-size:14px;
    color:#333;
    background:url(../img/large-green-bullet.gif) no-repeat 0 8px;
    padding:0 0 0 10px;
}

#velforbundet .article-text ul li ul
{
    margin:5px 0 0 15px;
}

#velforbundet .article-text ol
{
    margin:20px 0 30px 35px;
}

#velforbundet .article-text ol li
{
    margin:0 0 6px 0;
}

#velforbundet .article-text ol li ol
{
    margin:5px 0 0 20px;
    list-style-type:lower-alpha;
}

#velforbundet .article-text table td
{
    padding:4px 8px 4px 2px;
    border-bottom:1px solid #ccc;
}

/* -------------- Content STUFF -----------*/

/* ----- MAIN Article -------- */
.main-article
{
    padding:0 0 0 10px;
}

#body .main-article h1
{
    background:none;
    border:none;
    float:none;
    margin:13px 0 6px 0;
    width:inherit;
}


/* -------------- Article 610px -----------*/
.article-610
{
    border-top:1px solid #ccc;
    padding:5px;
    display:block;
}

.article-610 img
{
    float:left;
    margin:0 25px 0 0;
}

.article-610 div 
{
    float:left;
    width:385px;
}

.article-610 h2
{
    margin:10px 0 3px 0;
    font-size:18px;
}

.article-610 h2 a 
{
    color:#333;
}

.article-610 p
{
    margin:0 0 5px 0;
    line-height:normal;
    color:#666;
}

.article-610 a
{
    color:#336600;
}

/* -------------- Velnett.no add -----------*/
#velnett-ad
{
    border-top:1px solid #ccc;
    padding:10px 0;
}

#velnett-ad div 
{
    background:url(../img/velnett-no-advert-bg.gif) no-repeat top right;
    height:193px; /* 200 -7 = 193px */
    display:block;
    padding:7px 310px 0 10px;
}

#velnett-ad h2
{
    color:#4fa000;
    font-size:24px;
    margin:0;
    padding:21px 0 0 0;
    background:url(../img/be-seen-label.gif) no-repeat 55px 0;
}

#velnett-ad span 
{
    color:#4fa000;
    font-size:14px;
    font-family:Georgia, Times New Roman, Sans-Serif;
    display:inline-block;
    margin:2px 0 20px 0;
}

#velnett-ad ul
{
    color:#23363d;
    font-size:14px;
    font-weight:bold;
    list-style-type:none;
}

#velnett-ad li
{
    margin:0 0 10px 0;
    padding:0 0 0 10px;
    background:url(../img/small-green-bullet.gif) no-repeat 0 8px;
}

/*sidebar differences */
#sidebar #velnett-ad
{
    padding:10px 0;
    border:none;    
}

#sidebar #velnett-ad div
{
    background:url(../img/velnett-no-advert-sidebar-bg.gif) no-repeat top right;
    padding:7px 0 0 10px;
}

#sidebar #velnett-ad ul
{
    font-size:13px;
    padding:0 195px 0 0;
    line-height:normal;
}



/* -------------- 400px col 20px margin 190px col DIV -----------*/
.column-400-190 
{
}

.column-400-190 .col-400
{
    float:left;
    width:380px; 
    border-top:1px solid #ccc;
    padding:10px;
}

.column-400-190 span
{
    text-transform:uppercase;
    color:#666;
    font-size:13px;
}

.column-400-190 .col-190
{
    float:right;
    width:170px; /*190 - 10 - 10 = 170px */
    border-top:1px solid #ccc;
    padding:10px;
}

.column-400-190 .col-190 div
{
    font-family:Georgia, Times New Roman, Sans-Serif;
    padding:12px 0 0 0;
    font-size:13px;
    color:#666;
}

.column-400-190 .col-190 div h2
{
    font-size:24px;
    color:#4f9f00;
    margin:0 0 8px 0;
}

.column-400-190 .col-190 div a
{
    color:#336633;
}


/* -------------- Link list -----------*/
ul.link-list 
{
    list-style-type:none;
    margin:5px 0 0 0;    
    font-family:Georgia, Times New Roman, Sans-Serif;
}

ul.link-list li
{
    margin:0 0 8px 0;
}

ul.link-list a
{
    color:#336633;
}


/* -------------- Override media DIV -----------*/
#velforbundet .media
{
    margin-bottom:10px;
}

/* -------------- Override article-tools DIV -----------*/
#velforbundet #article-tools
{
    margin-top:0;
}

/* -------------- Article navi -----------*/
#article-navi
{
    width:600px;
    margin:30px 0 40px 0;
    border-top:1px solid #d9d9d9;
    text-align:center;
    padding:10px 0;
}

#article-navi a
{
    font-family:Georgia, Times New Roman, Sans-Serif;
    font-size:14px;
    color:#686868;
}

/* -------------- Latest News -----------*/
#latest-news
{
    margin:30px 0;
}

#latest-news h3
{
    margin:0 0 16px 10px;
    font-size:18px;
    color:#333;
}

#latest-news ul
{
    border-top:1px solid #ccc;
    margin:0;
    width:600px;
}

#latest-news li
{
    border-bottom:1px solid #ccc;
    padding:7px 0 7px 10px;
    display:block;
}

#latest-news li h3
{
    margin:0 0 5px 0;
    font-size:18px;    
}

#latest-news li h3 a
{
    color:#333;
}

#latest-news li p
{
    color:#666;
    font-size:13px;
    margin:0 0 8px 0;
}

#latest-news li a
{
    color:#336600;
}

#latest-news li img
{
    float:right;
    margin:0 0 3px 15px;
}

#latest-news a.link
{
    color:#686868;
    font-size:14px;
    font-family:Georgia, Times New Roman, Sans-Serif;
    font-weight:bold;
    margin:10px 0 0 10px;
    display:inline-block;
}


/* -------------- Cases -----------*/
#cases
{
    margin:30px 0;
}

#cases h3
{
    margin:0 0 16px 10px;
    font-size:18px;
    color:#333;
}

#cases ul
{
    list-style-type:none;
    border-top:1px solid #ccc;
    width:610px;
}

#cases li
{
    border-bottom:1px solid #ccc;    
}

#cases a
{
    padding:6px 12px;
    color:#2b9900;
    font-size:14px;
    display:block;
}

/*--------------- large list -------------------*/
.large-list
{
    margin:10px 0 0 0;   
}

.large-list h2
{
    font-size:24px;
    color:#333;
    margin:0 0 15px 10px;
}

.large-list ul
{
    border-top:1px solid #ccc;
    list-style-type:none;
    width:100%;
}

.large-list li
{
    border-bottom:1px solid #ccc;
    padding:20px 0 24px 10px;
}

.large-list li h3
{
    font-size:18px;
    color:#333;
    margin:0 0 5px 0;
}

.large-list li h3 a
{
    font-size:18px;
}

.large-list li h3 a
{
    color:#333;
}

.large-list li p
{
    margin:0 0 10px 0;
}

.large-list li a
{
    font-size:13px;
    color:#336600;
}



/* -------------- Be heard yellow label on span -----------*/
.be-heard-label
{
    background:url(../img/be-heard-label.gif) no-repeat top left;
    padding:0 0 0 60px;
    height:25px;
    display:inline-block;
    text-transform:uppercase;
}

/* -------------- Your yellow label on span -----------*/
.your-label
{
    background:url(../img/your-label.png) no-repeat top left;
    height:25px;
    display:inline-block;
}

/* -------------- Override Sidebar DIV -----------*/
#velforbundet #sidebar 
{
    float:right;
    width:340px;
    padding:0;
    margin:0 10px 0 0;
}


/* -------------- Sidebar STUFF -----------*/

img.logo { margin:0 0 30px 0; }

.sidebar-link-list
{
    padding:0 8px;
    margin:10px 0 25px 0;
}

/* --- Sub navi -- */
#sub-navi h4
{
    color:#333;
    font-size:18px;
    margin:0 0 6px 0;
}

#sub-navi ul
{
    border-top:1px solid #dcdcdc;
    list-style-type:none;
}

#sub-navi li
{
    border-bottom:1px solid #dcdcdc;
    font-size:13px;
    font-family:Georgia, Times New Roman, Sans-Serif;
}

#sub-navi a
{
    display:block;
    padding:11px 6px;
    background-color:#f9faf7;
    text-decoration:none;
    color:#2b9900;
    
}

#sub-navi a:hover
{
    background-color:#e4ead8;
    text-decoration:none;
}

#sub-navi a.selected
{
   background-color:#2b9900;
   color:#fff;
}

/* --- Sidebar box -- */
.sidebar-box
{
    background:#f3f5ed;
    padding:15px 10px;
    margin:0 0 10px 0;
    color:#555;
    font-size:12px;
}

.sidebar-box img.float-left
{
    margin:0 10px 0 0;
}

.sidebar-box.pad
{
    margin-top:10px;
}

.sidebar-box h3
{
    margin:0;
    font-size:18px;
}

.sidebar-box h3 a
{
    color:#333;
}

.sidebar-box p
{
    margin:0 0 5px 0;
}

.sidebar-box span
{
    text-transform:uppercase;
}

.sidebar-box div.join-label
{
    margin:10px 0 0 0;
    padding:22px 0 0 24px;
    background:url(../img/join-yellow-label.gif) no-repeat top left;
}

.sidebar-box div.join-label span
{
    color:#333;
    font-weight:bold;
    display:inline-block;
    margin:0 0 -5px 0;
    text-transform:none;
}

.sidebar-box div.join-label strong
{
    text-transform: uppercase;
    font-size:13px;
    color:#669933;
}

.sidebar-box div.join-label em
{
    color:#336633;
    font-size:12px;
    text-transform: uppercase;
    font-style:normal;
}



ul.tick-list
{
    list-style-type:none;
    margin:0 0 15px 0;
}

ul.tick-list li
{
    background:url(../img/tick-bullet.gif) no-repeat 0 4px;
    padding:0 15px 0 20px;
    font-weight:bold;
    margin:0 0 5px 0;
}


/* -------------- Rounded Arrow button -----------*/
a.arrow-button
{
    background:url(../img/arrow-btn-left.gif) no-repeat top left;
    height:36px;
    display:inline-block;
}

a.arrow-button span
{
    margin:0 0 0 40px;
    background:url(../img/arrow-btn-right.gif) no-repeat top right;
    display:inline-block;
    height:36px;
    line-height:36px;
    padding:0 10px 0 0;
    color:#fff;
    font-size:16px;
    font-family:Georgia, Times New Roman, Sans-Serif;
    text-transform:none;
}

a.arrow-button:hover
{
    text-decoration:none;
}


/* -------------- File List -----------*/
#velforbundet #fileList
{
    list-style-type:none;
    margin:20px 0 0 90px;
}

#velforbundet #fileList li
{
    background:url(../img/file-list-bg.gif) no-repeat top left;
    
    width:460px;
    height:90px;
    margin:0 auto 10px auto;
    padding:0;
}

#velforbundet #fileList li a
{
    display:block;
    height:100%;
    position:relative;
    color:#333;
    font-size:18px;
    font-family:Georgia, Times New Roman, Sans-Serif;
}

#velforbundet #fileList li a span
{
    position:absolute;
    top:50%;
    margin-top:-25px;
    
    width:340px;
    padding:0 30px 0 90px; /*460 -90 - 30 = 340*/
}

#velforbundet #fileList li a span img
{
    float:left;
    margin:0 15px 0 0;
}

#velforbundet #fileList li a span em
{
    display:block;
    font-style:normal;
    
    color:#666;
    font-size:12px;
    font-family:Calibri,Verdana,Arial,sans-serif;
}

/* -------------- Contact Form -----------*/
.contactForm
{
    width:600px;
    margin:0 10px;
}


.contactForm h2
{
    color:#333333;
    font-family:Calibri,Verdana,Arial,sans-serif;
    font-size:18px;
    font-weight:bold;
    margin:0 0 20px 0;
}

.contactForm fieldset
{
    border:none;
}

.contactForm legend
{
    display:none;
    visibility:hidden;
}

.contactForm #statusMessage p,
.contactForm #statusMessage div.error
{
    padding:8px;
    border:3px solid;
}

.contactForm div
{
    margin:0 0 5px 0;
}

.contactForm label
{
    float:left;
    width:75px;
}

.contactForm fieldset div input
{
    border:1px solid #c3c3c3;
    width:230px;
    font-size:12px;
    padding:3px;
    line-height:19px;
}

.contactForm fieldset div select
{
    border:1px solid #c3c3c3;
    width:236px;
    font-size:12px;
    padding:3px;
    line-height:19px;
}

.contactForm fieldset div textarea
{
    border:1px solid #c3c3c3;
    width:365px;
    height:125px;
    font-size:12px;
    padding:3px;
    line-height:19px;
}

.contactForm input.btn
{
    margin:0 0 0 75px;
    padding:3px 7px;
    border:0;
    
    background-color:#23363d;    
    
    cursor:pointer;
    
    color:#fff;
    font-size:15px;
    font-family:Georgia, Times New Roman, Sans-Serif;
    text-transform:uppercase;
}


/* -------------- Register Form -----------*/
.form
{
    width:600px;
    margin:0 10px;
    float:left;
}

.form fieldset
{
    border:none;
    margin:0 0 10px 0;
}

.form legend
{
    color:#333333;
    font-family:Calibri,Verdana,Arial,sans-serif;
    font-size:18px;
    font-weight:bold;
    margin:0 0 15px 0;
}

.form #statusMessage p,
.form #statusMessage div.error
{
    padding:8px;
    border:3px solid;
}

.form div
{
    margin:0 0 5px 0;
    width:600px;
}

.form label
{
    float:left;
    width:130px;
}

.form fieldset div input.txt
{
    float:left;
    
    border:1px solid #c3c3c3;
    width:230px;
    font-size:12px;
    padding:3px;
    line-height:19px;
}

.form fieldset div table
{
    float:left;
    width:350px;
}

.form fieldset div table label
{
    float:none;
    width:auto;
    font-weight:bold;
    margin:0 0 0 3px;
}

.form fieldset div table span
{
    margin:0 0 0 20px;
}

.form fieldset div span
{
    color:#666;
    font-size:11px;
    margin:0 0 0 10px;
}

.form input.btn
{

    margin:0 0 0 130px;
    padding:3px 7px;
    border:0;
    
    background-color:#23363d;    
    
    cursor:pointer;
    
    color:#fff;
    font-size:15px;
    font-family:Georgia, Times New Roman, Sans-Serif;
    text-transform:uppercase;
}