/* FOLIO DEFAULT CSS STYLE */

/* PREPARED BY JOHANROOMS FOR FOLIO CMS */

/* contact: info .at. johanrooms.com */

/* website: http://www.johanrooms.com */





html, body {

background-color: #000000;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #ffffff;

height:100%; /* needed for wrapper min-height */

}

.attention{

border-top:1px solid #ffffff;

background-color: #000000;

}



a {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color: #ffffff;

text-decoration:none;

font-weight:bold;

}

a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color: #ffffff;

text-decoration:none;

font-weight:bold;

}



H1{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 20px;

text-align:right;

padding-right:10px;

}



/* MAIN STRUCTURE IS            */

/* WRAPPER                      */

/*    HEADER                    */

/*    PAGE TOTAL (LEFT|RIGHT)   */

/*    FOOTER                    */

/* WRAPPER                      */



div#wrapper {

background-color: #000000;

width: 640px;

text-align: left;

top:-5px;

position:relative; /* needed for footer positioning*/

margin:0 auto; /* center, not in IE5 */

height:auto !important; /* real browsers */

height:100%; /* IE6: treated as min-height*/

min-height:100%; /* real browsers */

padding: 0px;

}



div#header {

display:block;

height:40px;

background-color: #000000;

padding:0;

margin:0;

vertical-align:bottom;

text-align:center;

/*border-bottom:1px solid #666666;*/

}



div#footer {

position:absolute;

background-color: #000000;

vertical-align:bottom;

text-align:center;

height: 80px;

width: 640px;

bottom:0; /* stick to bottom */

/*border-top:1px solid #666666;*/

}



div#page_total{

clear:both;

padding:0;

padding-bottom:70px; /* bottom padding for footer */

background-color:#000000;

}



div#page_total_base{

clear:both;

}



div#page_middle{

clear:both;

}



div#page_left{

clear:left;

float:left;

width:470px;

padding:10px;

}



div#page_right{

float:right;

width:200px;

padding:10px;

}



div#userbar{

width: 100%;

background-color: #BCC48A;

}





/* TOPMENU */



div#TOPMENU{

clear:both;

display:block;

width: 100%;

background-color: #D2D68F;

border-top: 1px solid #FFFFFF;

}





div#topmenubase {

clear: both;

}









.HEADBUTTON {

font-size: 10px; 

text-decoration : none;

font-weight: bold;

float:left;

width:70px;

height:36px;

vertical-align: bottom;

text-align:center;

color: #42A891  ;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-bottom: 3px solid #FFFFFF;

}

a.HEADBUTTON:link, a.HEADBUTTON:visited {

font-size: 10px; 

background-image:url(../img/header_menu_bg.gif);

background-position: center;

background-color:#FFFFFF;

color:#666666;

border-bottom: 3px solid #FFFFFF;

}

a.HEADBUTTON:hover, a.HEADBUTTON:active {

font-size: 10px; 

color:#666666;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

background-color:#EFEFEF;

border-bottom: 3px solid #BCC48A;

}



.HEADBUTTON_SELECTED {

float:left;

font-size: 10px; 

text-decoration : none;

font-weight: bold;

float:left;

width:70px;

height:36px;

vertical-align: bottom;

text-align:center;

color: #666666;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-bottom: 3px solid #333333;

}

a.HEADBUTTON_SELECTED:link, a.HEADBUTTON_SELECTED:visited,a.HEADBUTTON_SELECTED:hover, a.HEADBUTTON_SELECTED:active  {

font-size: 10px; 

color:#666666;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

background-color:#EFEFEF;

border-bottom: 3px solid #BCC48A;

}



/* TABLES */



table{

border:0;

padding:0;

width:100%;

}

th{

border:0;

padding:0;

background-color:#BCC48A;

}

tr{

vertical-align:top;

background-color: #F4F2E3;

padding:5px;

border-bottom:1px dashed #666666;

}

td{

border:0;

padding:0;

}



/* content */



div#news{

clear:both;

display:block;

background-color:#FFFFFF;

padding:10px;

margin: 10px;

height: 80px;

border-top: 1px solid #E9FFA6;

}

div#newsbase{

clear:both;

height:15px;

}

img.news{

padding:10px;

background-color:#FFFFFF;

border:1px solid #666666;

margin-right:10px;

margin-bottom:10px;

}

div#related{

float:right;

width:80px;

padding:10px;

background-color:#FFFFFF;

border:1px solid #666666;

margin-left:10px;

margin-bottom:10px;

}