/* ###################### OVERALL SETTINGS ###################### */
BODY {
  background-color : #ffffff;
  color            : #6E6E6E;
}

td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #f0f0f0;
}

h4 { color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
h5 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
h6 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.heading {
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
}
.headingb { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
}
.contentb { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}
.content { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.fontcoloryellow { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
.fontcolorred { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
.fontcolorgreen { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
.fontcolorgrey { 
	color: #ffffff; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
.fontcolorblue { 
	color: #ffffff; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
.fontcolor { 
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}

li {
  list-style       : inside url(../image</arrow.png) 3px;
  list-style-image : url(../image/arrow.png);
}

hr {
  color            : #444444;
  height           : 1px;
  width            : 100%;
}

.pathwaytext {
  color            : #C0C0C0;

}

/* ######################## BUTTON BAR ######################## ok */
ul#mainlevel-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : white;
  float            : left;
  width            : 100%;
  font-family      : arial, helvetica, sans-serif;
}

ul#mainlevel-nav li {
  display          : inline;
}

ul#mainlevel-nav li a { /* Top menu font*/
  padding          : 0.2em 1em;
  color            : #000033;
  text-decoration  : none;
  float            : left;
  font-size        : 12px
  /* background       : url(../image/menu_bar_div.gif) no-repeat right; */
}

ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #FFFFFF;
  
}
/* ########### next color ####### */
ul#mainlevelb-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : white;
  float            : left;
  width            : 100%;
  font-family      : arial, helvetica, sans-serif;
}

ul#mainlevelb-nav li {
  display          : inline;
}

ul#mainlevelb-nav li a { /* Top menu font*/
  padding          : 0.2em 1em;
  color            : #CCC; 
  text-decoration  : none;
  float            : left;
  font-size        : 10px
  /* background       : url(../image/menu_bar_div.gif) no-repeat right; */
}

ul#mainlevelb-nav li a:hover {
  text-decoration  : none;
  color            : #FFFFFF;
  
}

a.titlelevel:link {
	color			: #FFFFFF;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 12px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  color            : #999999;
  text-decoration  : none;
}

a:hover {
  color            : #C0C0C0;
  text-decoration  : none;
}

a.mainlevel:link, a.mainlevel:visited { /* Menu font */
  /*color           : #808080; /*original*/
	color            : #808080; /*pr�ve*/
  /*font-weight    : normal;*/
  font-weight      : bold;
}

a.mainlevelb:link, a.mainlevelb:visited { /* Menu font */
	color            : #000000;
 	font-weight      : bold;
}

a.mainlevelc:link, a.mainlevelc:visited { /* Menu font */
	color           : #808080;
	font-size		: 10px;
  font-weight      	: bold;
}

a.mainleveld:link, a.mainleveld:visited { /* Menu font */
	color           : #000000;
	font-size		: 10px;
  font-weight      	: bold;
}

a.mainlevel:hover {
  color            : #FFFFFF;
  text-decoration  : underline;
}

/* default */
a.mainlevelb:hover {
  color            : #000000;
  text-decoration  : underline;
}

a.mainlevelc:hover {
  color            : #FFFFFF;
  text-decoration  : none;
}

a.mainleveld:hover {
  color            : #FFFFFF;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #999999;
  font-weight      : bold;
}

a.category:hover {
  color            : #3F7A12;
}

/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  width            : 100%;
  margin-bottom    : 5px;
  border-bottom    : 1px solid #000;
}

table.moduletable th {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  color            : #858080;
  text-align       : left;
  letter-spacing   : 1px;
}

table.moduletable td {
  padding          : 2px 2px 5px 2px;
}

/*------*/

table.moduletableb {
  width            : 100%;
  margin-bottom    : 5px;
  border-bottom    : 1px solid #000;
}

table.moduletableb th {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  /*color            : #858080; /*original*/
  color            : black; /*yellow*/
  text-align       : left
  letter-spacing   : 1px;
}

table.moduletableb td {
  padding          : 2px 2px 5px 2px;
}

/* ###################### CHOOSE COLOR  ########################## */
.choose_color_white {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
}

.choose_color_black {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
}


/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #515A6D;
	background-color : #FFFFFF;
  /*background-color : #6E6E6E;*/
  border           : 1px solid #000000;
}

.inputbox {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
  background-color : #FFFFFF;
  border           : 1px solid #000000;
}

.inputbox_2 {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  background-color : #000099;
  border           : 1px solid #000000;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  border           : none;
}

.contentpaneopen {
  border        : none;
}
/* ###################### OVERSKRIFTEN ###################### */
.contentheading, .componentheading {
  font             : bold 18px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #858080;
  text-align       : left;
  width            : 100%;
  height           : 20px;
  border-bottom    : 1px solid #000000;
}

.contentheadingb, .componentheadingb {
  font             : bold 18px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #000000;
  text-align       : left;
  width            : 100%;
  height           : 20px;
  border-bottom    : 1px solid #000000;
}


.contentdescription {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #CCCCCC;
  text-align       : left
}

.category {
  color            : #999999;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #E8E8E8;
}
.sectiontableentry1_blue {
  background-color : blue;
}
.sectiontableentry1_grey {
  background-color : #303030;
}
.sectiontableentry1_red {
  background-color : red;
}
.sectiontableentry1_green {
  background-color : green;
}
.sectiontableentry1_yellow {
  background-color : yellow;
}



.sectiontableentry2 {
  background-color : #303030;
}

/* default */
.sectiontableheader {
  background-color : #000000;
  background       : url(../image/top_bar_back_grey.gif);
  height           : 20;
  color            : #FFFFFF;
  font-weight      : bold;
}

.sectiontableheader_grey {
  background-color : #000000;
  background       : url(../image/top_bar_back_grey.gif);
  height           : 20;
  color            : #FFFFFF;
  font-weight      : bold;
}

.sectiontableheader_blue {
  background-color : #000000;
  background       : url(../image/top_bar_back_blue.gif);
  height           : 20;
  color            : #FFFFFF;
  font-weight      : bold;
}

.sectiontableheader_green {
  background-color : #000000;
  background       : url(../image/top_bar_back_green.gif);
  height           : 20;
  color            : #000000;
  font-weight      : bold;
}

.sectiontableheader_yellow {
  background-color : #000000;
  background       : url(../image/top_bar_back_yellow.gif);
  height           : 20;
  color            : #000000;
  font-weight      : bold;
}

.sectiontableheader_red {
  background-color : #000000;
  background       : url(../image/top_bar_back_red.gif);
  height           : 20;
  color            : #000000;
  font-weight      : bold;
}


/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #71809D;
  text-decoration  : none;
}

.smallwhite {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  text-decoration  : none;
}

.smalldark {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
}

.createdate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : normal;
}

/* ######################### VOTING SETTINGS ######################### */
.content_rating {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #339900;
  font-size        : 9px;
}

.content_vote {
  background       : #6E6E6E;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #CC9999;
  font-size        : 9px;
}

.content_vote.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  width            : 60px;
  font-weight      : bold;
  font-size        : 10px;
  color            : #333333;
  background       : #EEEEEE;
  border           : 1px solid #999999;
}

/* ######################### BODY COLOR SETTINGS ######################### */
.bodycolor { /* default */
	scrollbar-arrow-color		: black;
	scrollbar-base-color		: grey;
	scrollbar-dark-shadow-color	: black;
	scrollbar-track-color		: green;
	scrollbar-face-color		: grey;
	scrollbar-shadow-color		: black;
	scrollbar-highlight-color	: black;
	scrollbar-3d-light-color	: grey;
}
.bodycolorgrey {
	scrollbar-arrow-color				: white;
	scrollbar-base-color				: black;
	scrollbar-dark-shadow-color	: black;
	scrollbar-track-color				: black;
	scrollbar-face-color				: black;
	scrollbar-shadow-color			: white;
	scrollbar-highlight-color		: white;
	scrollbar-3d-light-color		: black;
}
.bodycolorblue {
	scrollbar-arrow-color				: white;
	scrollbar-base-color				: blue;
	scrollbar-dark-shadow-color	: blue;
	scrollbar-track-color				: #151B54;
	scrollbar-face-color				: blue;
	scrollbar-shadow-color			: white;
	scrollbar-highlight-color		: white;
	scrollbar-3d-light-color		: blue;
}
.bodycolorred {
	scrollbar-arrow-color				: white;
	scrollbar-base-color				: red;
	scrollbar-dark-shadow-color	: red;
	scrollbar-track-color				: #660000;
	scrollbar-face-color				: red;
	scrollbar-shadow-color			: white;
	scrollbar-highlight-color		: white;
	scrollbar-3d-light-color		: red;
}
.bodycoloryellow {
	scrollbar-arrow-color				: white;
	scrollbar-base-color				: yellow;
	scrollbar-dark-shadow-color	: yellow;
	scrollbar-track-color				: #996600;
	scrollbar-face-color				: yellow;
	scrollbar-shadow-color			: white;
	scrollbar-highlight-color		: white;
	scrollbar-3d-light-color		: yellow;
}
.bodycolorgreen {
	scrollbar-arrow-color				: white;
	scrollbar-base-color				: green;
	scrollbar-dark-shadow-color	: green;
	scrollbar-track-color				: #003300;
	scrollbar-face-color				: green;
	scrollbar-shadow-color			: white;
	scrollbar-highlight-color		: white;
	scrollbar-3d-light-color		: green;
}



/* ######################### BACKGROUND SETTINGS ######################### */
/* ------------------------ Top bar image ------------------------ */
.im { /* default */
	background-image : url("../image/top_bar_back_grey.gif");
}
.imgrey {
	background-image : url("http://celikan.com/image/top_bar_back_grey.gif");  
}
.imblue {
	background-image : url("http://celikan.com/image/top_bar_back_blue.gif");  
}
.imred {
	background-image : url("http://celikan.com/image/top_bar_back_red.gif");  
}
.imyellow {
	background-image : url("http://celikan.com/image/top_bar_back_yellow.gif");
}
.imgreen {
	background-image : url("http://celikan.com/image/top_bar_back_green.gif");
}

/* ------------------------ Menu bar image ------------------------ */
.menu { /* default */
	background-image : url("../image/menu_bar_back_grey.gif");
}
.menugrey {
	background-image : url("http://celikan.com/image/menu_bar_back_grey.gif");  
}
.menublue {
	background-image : url("http://celikan.com/image/menu_bar_back_blue.gif");  
}
.menured {
	background-image : url("http://celikan.com/image/menu_bar_back_red.gif");  
}
.menuyellow {
	background-image : url("http://celikan.com/image/menu_bar_back_yellow.gif");
}
.menugreen {
	background-image : url("http://celikan.com/image/menu_bar_back_green.gif");  
}


/* ------------------------ Head color ------------------------ */
.head { /* default */
	background       : #00FF00;
}
.headgrey {
	background       : #666666;
}
.headblue {
	background       : #000099;
}
.headred {
	background       : #FF0000;
}
.headyellow {
	background       : #FFFF00;
}
.headgreen {
	background       : #00FF00;
}



/* ------------------------ Background color ------------------------ */
.color { /* default */
	background       : #E8E8E8;
}
.colorgrey {
	background       : #303030;
}
.colorblue {
	background       : #000099;
}
.colorred {
	background       : #FF0000;
}
.coloryellow {
	background       : #FFFF00;
}
.colorgreen {
	background       : #00FF00;
}


.darkcolor { /* default */
	background       : #FFFFFF;
}
.darkcolorgrey {
	background       : #212121;
}
.darkcolorblue {
	background       : #000066;
}
.darkcolorred {
	background       : #CC0000;
}
.darkcoloryellow {
	background       : #FFCC00;
}
.darkcolorgreen {
	background       : #339900;
}