/*
  ____ ___  __  ____        ___ __   ______  
 / ___/ _ \|  \/  \ \      / / \\ \ / / ___| 
| |  | | | | |\/| |\ \ /\ / / _ \\ V /\___ \ 
| |__| |_| | |  | | \ V  V / ___ \| |  ___) |
 \____\___/|_|  |_|  \_/\_/_/   \_\_| |____/ 
 
 
 DEVELOPED BY COMWAYS 2009 (www.comways.dk)

*/



/*--------------------------------------
LAYOUT
---------------------------------------*/

*{margin: 0; padding: 0;}

body { 
    font-family: Verdana, Arial, Helvetica; 
    font-size: 0.75em; 
    line-height: 1.333em; 
    color: #414141; 
    background: url(/images/layout/wp01.png) top center no-repeat #242424;
    padding: 0px 0px 26px 0px
}

img { border: 0;}

.form-button {     
    height: 50px;
background-color: #5A7F98;
            font-family: Verdana, Arial, Helvetica;
            font-size: 10px; 
          color: #ffffff;
          height: 22px;
          margin: 2px;
          border: 1px solid #000000}
          
.form-input, .form-input-image {

            background-color: #FFFFFF;
          font-weight: normal;
          font-family: Verdana, Arial, Helvetica; 
          height: 22px;
          margin: 2px;
          border: 1px solid #5A7F98;
}
.form-input {width: 422px;}
.form-input-image { 
    width: 314px;
    }
    

.form-textarea {
            background-color: #FFFFFF;
          font-weight: normal;
          font-family: Verdana, Arial, Helvetica; 
          font-size: 12px;
          margin: 2px;
          border: 1px solid #DADADA;
}

.form-select {
            width: 425px;
            height: 20px;
            background-color: #FFFFFF;
          font-weight: normal;
          font-family: Verdana, Arial, Helvetica; 
          font-size: 12px;
          margin: 2px;
          border: 1px solid #DADADA;
}

.form-checkbox {
            background-color: #FFFFFF;
          font-weight: normal;
          font-family: Verdana, Arial, Helvetica; 
          font-size: 12px;
          margin: 2px;
          border: 1px solid #DADADA;
}


.box-460 ul {padding: 10px 0 0 20px;}

/* HEADLINE
---------------------------------------*/

h1 { padding: 6px 2px; font: 18px Impact, fantasy; color: #125f94;}
h1 a { color: #125f94; text-decoration: none;}
h1 a:hover { color: #6b7325;}


/* IMAGE STYLES
---------------------------------------*/

.img-ad { padding: 0 0 20px 0;}
.img-community { padding: 5px 0;}
.img-news { border: 5px solid #929292;}
.img-logo { position: absolute; top: 40px;}
.img-robot { float: right; position: absolute; width: 360px; height: 280px; top: 10px; right: -130px; z-index: -1;}


/* LAYOUT
---------------------------------------*/

.main { width: 980px; margin: 0 auto; position: relative;}

.header { height: 230px;}

.content { }

.footer { padding: 10px 10px; color: #FFFFFF; text-align: right;}
.footer span { color: #b3c234;}
.footer a { color: #aa3838; text-decoration: none;}
.footer a:hover { text-decoration: underline;}

.container { width: 100%; overflow: hidden;}

.box { background: url(/images/layout/box-top-bg.png) no-repeat;}
.box .bottom-bg { background: url(/images/layout/box-bottom-bg.png) bottom left no-repeat; padding: 20px 0; width: 100%;}
.box .box-bg { background: url(/images/layout/box-bg.png); padding: 0 10px; position: relative;}
.box .indent { background: #f0f0f0; padding: 0;}
.box .lcolumn { float: left; width: 460px;}
.box .rcolumn { float: right; width: 460px;}

.wrapper-menu-box { background: url(/images/layout/menu-box-bg.png) 0 0 no-repeat; height: 68px; width: 830px; position: absolute; top: 140px}
.wrapper-menu-box .left { float: left; width: 40px; padding:  20px 0 0 30px;}
.wrapper-menu-box .right { float: right; width: 760px;}

.column-220, .column-460, .column-700 { float: left; padding: 0 10px;}
.column-220 { width: 220px;}
.column-460 { width: 460px;}
.column-700 { width: 700px;}

.container-left { float: left; width: 480px;}
.container-right { float: right; width: 480px;}
.container-left-wide { float: left; width: 720px;}
.container-right-narrow { float: right; width: 240px;}


/* BOXES
---------------------------------------*/

.box-700 { background: url(/images/layout/box-700-top.png) no-repeat; margin: 0 0 20px 0; width: 700px; float: left;}
.box-700 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-700 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}

.box-460 { background: url(/images/layout/box-460-top.png) no-repeat; margin: 0 0 20px 0; width: 460px; float: left;}
.box-460 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-460 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}
.box-460 span { color: #848484;}

.box-220 { background: url(/images/layout/box-220-top.png) no-repeat; margin: 0 0 20px 0; width: 220px; float: left;}
.box-220 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-220 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}

.clear { clear: right; margin: 0 0 20px 20px;}


/* LIST STYLES 
---------------------------------------*/

.menu-nav { list-style: none; padding: 0; font-size: 12px;} 
.menu-nav li { float: left; margin: 0; padding: 23px 20px 0 0; height: 17px} 
.menu-nav li a:hover { border-left: 1px solid #698ea8; color: #D9D9D9;}
.menu-nav li a { color: #ffffff; padding-left: 5px; text-decoration: none; border-left: 1px solid #9aa626; display: block;} 
.menu-nav .selected { border-left: 1px solid #698ea8; color: #D9D9D9;}

.submenu-nav { list-style: none; padding: 0; font-size: 12px; width: 195px; text-align: right;} 
.submenu-nav li { margin: 0; padding: 5px 0; border-bottom: 1px dashed #d1d2d2;}
.submenu-nav li.last { border: none;}
.submenu-nav li a:hover { border-right: 2px solid #698ea8; color: #474747; background-color: #f0f0f0;}
.submenu-nav li a { color: #000000; padding-right: 5px; text-decoration: none; border-right: 2px solid #9aa626; display: block;}
.submenu-nav .selected { border-right: 2px solid #698ea8; color: #474747; background-color: #f0f0f0;}


.rotator-nojava { display: none;}

/* NEWS ITEMS
---------------------------------------*/

.news-overview { padding: 0 0 5px 0;}
.news-overview a { color: #505050; text-decoration: none;}
.news-overview a:hover { color: #505050; text-decoration: underline;}

.newsitem { width: 436px;}
.newsitem .image { border: 5px solid #929292;}
.newsitem .info { padding: 0 0 10px 0; margin: 0 0 10px 0; color: black; font: 12px Verdana; border-bottom: 1px dashed #d1d2d2; line-height: 16px;}
.newsitem .info a { color: #6b7325; text-decoration: none;}
.newsitem .info a:hover { color: #125f94;}
.newsitem span { color: #6b7325;}


/* COMMENTS
---------------------------------------*/

.comment { margin: 0 0 10px 0; }
.comment .info { background-color: #F6F6F6; position: relative; padding: 5px; margin: 0 0 10px 0; font: 12px Verdana; border-bottom: 1px dashed #d1d2d2; line-height: 16px;}
.comment .info a { text-decoration: none; color: #6B7325}
.comment .info a:hover { color: #125f94}
.comment .id { float: right; position: absolute; font: 22px Impact, fantasy; color: #DADADA; line-height: 20px; top: 10px; right: 10px;}
.comment span { font: 11px Verdana; line-height: 14px;}


/* ADMIN
---------------------------------------*/

.admin-form { margin: 0 0 10px 0; }
.admin-form .input, .admin-form .info { background-color: #F6F6F6; position: relative; padding: 5px; margin: 0 0 10px 0; font: 12px Verdana; border-bottom: 1px dashed #d1d2d2; line-height: 16px;}
.admin-form .input { font-weight: bold;}
.admin-form .type { float: left; width: 100px; font-weight: bold;}
.admin-form .data { float: left; width: 320px; clear: right;}
.admin-form span { font: 11px Verdana; line-height: 14px;}

.admin-pages .newcontent { float: left; width: 150px;}
.admin-pages .multiple { float: right; width: 280px; text-align: right;}
.admin-pages a { color: #6b7325; text-decoration: none;}
.admin-pages a:hover { color: #125f94;}


/* PAGES
---------------------------------------*/

table.pagetable { font-size: 1em; margin-bottom: 5px; border: 1px solid #E6ECEE; width: 100%; margin-right: auto; margin-left: auto; border-spacing:0px;}
table.pagetable th { color: #fff; background-color: #657B95; height: 20px;	text-align: left; white-space: nowrap; padding-left: 5px; padding-right: 5px;}   
table.pagetable th a { color: #C6D5D9;}	
table.pagetable th.active { color: #C6D5D9;}	
table.pagetable th.active a { color: #C6D5D9; text-decoration: underline;}
table.pagetable th a:hover { color: #fff; text-decoration: underline;}
table.pagetable tr { height: 2.5em;} 
table.pagetable td { color: #384654; padding-left: 5px; padding-right: 5px;}
table.pagetable a { color: #384654;}
table.pagetable th.pagepos { text-align: center;}
.move { width: 60px; text-align: left; padding-left: 5px;}
.checkbox { padding-left: 10px;}
th.pagew10 { width: 10%;}
th.pagew25 { width: 25%;}
th.pagew50 { width: 50%;}
th.pagew60 { width: 60%;}
th.pagew70 { width: 70%;}
th.pageicon { width: 0px;}
td.pagew30 { width: 30%;}
td.pagepos { text-align: center;}
tr.row1 { background-color: #fff;}
tr.row2 { background: #E2EAEB;}  
tr.row1:hover { background:#CCDBDD;}
tr.row2:hover { background:#CCDBDD;}  
tr.row1hover { background: #CCDBDD;}
tr.row2hover { background: #CCDBDD;}
td.pageicon { background-color: #fff !important;}
td.icons_wide { width: 25px;}

img.systemicon  { border: none; vertical-align: middle;}
.move_up { margin-left:20px;}