/**********General*************/
body,table{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: x-small;
 color: #222222;
}

html>body #main,#menu, #top, table{
 font-size: small;
}
F
body{
 background-color: #FFFFFF;
 margin:0px;
 padding:0px;
}

td,th,table{
 padding-left:2px;
 margin-left:0px;
}
a img{
 border:none;
}
h1,h2{
 font-family : Arial,Helvetica,Verdana,sans-serif;
 margin-bottom:0.3em;
 margin-top:0.5em;
}

h1,.heading1{
 font-weight:bold;
 font-size : 1.1em;
 color:#444444;
}

h2,.heading2{
 font-weight:bold;
 font-size : 1em;
 color:#444444;
}

h3{
 font : bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight:normal;
 padding: 0px;
 margin: 0px 0px 5px 0px;
}

h4{
 font : bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding: 0px;
 margin: 0px 0px 2px 0px;
}

a{
 color:#000066;
}

a:hover{
}

a.readmore {
 color: #4CA8BD;
 font-weight:normal;
 text-decoration: none;
}

em{
 font-weight:bold;
 font-style: normal;
}


/****** Buttons ******/
.button{
 display:block;
 background-color : #FFFFFF;
 color:#222222;
 border: 1px solid #222222;
 text-decoration:none;
 padding: 0px 5px 0px 5px;
 margin: 5px 1px 1px 0px;
 font-size: 1em;
}
a.button:hover{
 background-color : #FFF6ED;
}

div.edit .button{
 display:block;
 background-color : #FFFFFF;
 color:#222222;
 border: 1px solid #222222;
 text-decoration:none;
 padding: 0px 5px 0px 5px;
 margin: 5px 1px 1px 0px;
 font-size: 1em;
}

div.edit a.button{
 width: 60px;
 display:block;
 background-color : #FFFFFF;
 color:#222222;
 border: 1px solid #222222;
 text-decoration:none;
 padding: 2px 5px 2px 5px;
 margin: 5px 1px 1px 0px;
 font-size: 1em;
}

div.edit a.button:hover{
 background-color : #FFFFFF;
}

th{
 text-align:left;
}
.number,td.right{
 text-align:right;
}
.right{
 float:right;
}
td.right{
 float:none;
 text-align:right;
}
.left{
 float: left;
}
.center{
 text-align:center;
}

form{
 display:inline;
}

ul{
 margin:0em 1em 1em 2em;
}

hr{
 border: 1px solid #4CA8BD;
}


div.border {
 background-image: url("/nffb/frontend/design/backgrounds/border.gif");
 background-repeat:repeat-x;
 margin-top: 20;
 margin-bottom: 20;
}

.asterisk{
 color:#CC0000;
}
/**********Page layout*************/
#page {
 width: 981px;
 text-align:left;
 background-color: #ECECEC;
}

#menu{
 float: left;
 background-color:#ECECEC;
 width: 136px;
 padding-top: 60px;
 padding-bottom: 60px;
}

#main{
 float: right;
 width: 843px;
 background-color:#FFFFFF;
 border-left: 1px solid #4EA9BB;
 border-right: 1px solid #4EA9BB;
}

#top{
 width: 981px;
 background-image: url("/nffb/frontend/design/backgrounds/topp.jpg");
 background-repeat:no-repeat;
 height:135px;
 background-color: #4CA8BD;
}

/********** Search **********/

#searchLine {
 position: absolute;
 top: 138px;
 left: 138px;
}

div.search{
 background-color: #98CED8;
 width: 290px;
 margin:0px 0px 0px 58px;
}

input.searchbutton {
 background-color: #4CA8BD;
 border: 0px solid #4CA8BD;
 color: #FFFFFF;
 font-weight:bold;
 padding:4px;
}
input.search {
 margin: 3px 8px 3px 8px;
}

#search_front {
 margin: 0px;
 padding-top:3px;
}

div.clearAll {
 clear:both;
}

/**********Menu*************/

div.topmenu_container{
 padding-top: 115px;
 margin: 0px;
}

#top a.topmenu{
 color: #FFFFFF;
 vertical-align: baseline;
 text-decoration: none;
 padding: 3px 12px 4px 12px;
 margin: 0px 0px 0px -5px;
 border-right: 1px solid #FFFFFF;
}

#top a.topmenuActive{
 color: #FFFFFF;
 vertical-align: baseline;
 text-decoration: none;
 padding: 3px 12px 4px 12px;
 margin: 0px 0px 0px -5px;
 border-right: 1px solid #FFFFFF;
 background-color: #7CC0CD;
}

#top a.topmenu:hover{
 background-color: #7CC0CD;
}

#logo {
 display: none;
}

#menu a{
 display:block;
}

a.menuGreen, a.menuBlue, a.menuOrange, a.menuGreenActive, a.menuBlueActive, a.menuOrangeActive{
 margin-top:0px;
 margin-bottom:0px;
 padding-left: 8px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-decoration:none;
 color:#222222;
 border-bottom: 1px solid #90D44D;
}

a.menuGreen{
 border-left: 8px solid #90D44D;
}

a.menuGreen:hover{
 background-color:#FFFFFF;
 border-left: 8px solid #8BFF16;
}

a.menuGreenActive{
 background-color:#FFFFFF;
 border-left: 8px solid #8BFF16;
}

a.menuBlue{
 border-left: 8px solid #78B9CB;
}

a.menuBlue:hover{
 background-color:#FFFFFF;
 border-left: 8px solid #66D7F7;
}

a.menuBlueActive{
 background-color:#FFFFFF;
 border-left: 8px solid #66D7F7;
}

a.menuOrange{
 border-left: 8px solid #E4A558;
}

a.menuOrange:hover{
 background-color:#FFFFFF;
 border-left: 8px solid #FDBA63;
}

a.menuOrangeActive{
 background-color:#FFFFFF;
 border-left: 8px solid #FDBA63;
}

div.topborder {
 border-bottom: 1px solid #4DAABB;
}

div.menuTopborder {
 border-bottom: 1px solid #90D44D;
}

div.intro_front {
 padding: 3px 30px 30px 60px;
 background-color:#FFFFFF;
}
div.sponsor_front {
 padding: 3px 3px 3px 3px;
 background-color:#FFFFFF;
 text-align:center;
 width: 150px;
 float: right;
 border-left: 1px solid #66D7F7;
 border-bottom: 1px solid #66D7F7;
}

div.main_front {
 background-color:#F8F4D9;
 padding: 10px 0px 30px 0px;
}

div.list_article {
 padding: 10px 0px 10px 60px;
 width: 420px;
 float: left;
}

div.list_bilder {
 padding: 10px 0px 10px 60px;
 /*width: 420px;*/
 float: left;
}

div.list_frontarticle {
 padding: 10px 0px 10px 60px;
}

div.intro_publish {
 padding: 3px 30px 30px 60px;
}

img.intro_publish{
 float: right;
 margin-left: 8px;
}

#yellowBG {
 margin: 0px;
 padding-top:3px;
 background-color:#F8F4D9;
}

div.list_publish {
 padding: 20px 30px 0px 60px;
 float: left;
 width: 420px;
}

div.list_link {
 padding: 10px 0px 10px 60px;
 float: left;
 width: 280px;
}

/******* Box ********/

#box_forum{
 float:right;
 width:310px;
 margin-top:20px;
 margin-left:30px;
 margin-right:20px;
}


div.forum_front {
 float: right;
 border: 1px solid #4EA9BB; 
 padding: 10px;
 margin: 20px;
}

div.box_container{
padding: 0px;
}

.box_grey {
 background-color:#F6F6F6;
 border: 1px solid #4EA9BB;
}

.box_grey h1{
 background-color:#4EA9BB;
}

.box_grey h1{
 margin:0px;
 padding:6px 6px 4px 6px;
 color:#FFFFFF;
 font-weight:normal;
 font-size : 1em;
}

#box_forum .box_grey{
 width:310px;
}


.box_grey div.content{
 padding:0px 10px 10px 10px;
}

img.content {
 float: left;
 margin-right: 8px;
}

img.publish {
 display: block;
 margin-top: 8px;
}

#threadLine {
 margin-left: -8px;

}

div.content {
 margin-bottom: 10px;
}

div.path{
 margin-top: 10px;
 margin-bottom: 20px;
}

/**********Forms*************/
form p{
 clear:left;
 margin:0;
 padding:0;
 padding-top:5px;
}
form p label{
 float:left;
 text-align:right;
 width:40%;
 padding-right:5px;
} 

.feed_box{
 border-left: 1px solid #4DAABB;
 float:right;
 clear:both;
 width:200px;
 height:220px;
 padding-left:5px;
}
