* { padding: 0; margin: 0; }

body {
	width: 100%;
	height: 100%;
	background: #F80 url(_gfx/bg-main.gif) repeat-y;
	
	font-family: "Trebuchet MS", Arial, Verdana, Serif;
	font-size: 76%;
	color: #808080;
}




/******** MAIN ELEMENTS *********/

h1 { font-size: 200%; font-weight: normal; color: #EFAC38; padding-bottom: 10px; }
h2 { font-size: 160%; font-weight: normal; color: #EFAC38; padding-bottom: 6px; }
h3 { font-size: 120%; font-weight: normal; color: #666; padding-bottom: 6px; }

p { padding: 4px 0 12px 0; line-height: 140%; }

hr { height: 1px; color: #FC9; }

img, object { border: 0; margin: 10px 0; }

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


div#main ul, div#main ol { padding-left: 20px; }


/******** LAYOUT ELEMENTS *********/

div#container { position: absolute; top: 0; left: 0; width: 589px; background: #FFF url(_gfx/bg-top.jpg) repeat-x; padding-bottom: 20px; }

div#top-bg { position: absolute; top: 0; left: 0; width: 100%; height: 280px; background: url(_gfx/bg-top-shadow.jpg) repeat-x; }

div#header { position: relative; top: 92px; left: 0; width: 589px; height: 188px; background: transparent url(_gfx/header.gif) no-repeat }

div#logo { position: absolute; top: 13px; left: 71px; width: 250px; height: 90px; background: url(_gfx/logo3.jpg) no-repeat; }
div#logo a { display: block; width: 250px; height: 90px; background: url(_gfx/logo3.jpg) no-repeat; }
div#logo h1 { position: absolute; z-index: -1; color: #FF7D00; }

div#nav { position: absolute; left: 330px; top: 10px; width: 250px; background-color: transparent; }
div#nav ul { list-style-type: none; }
div#nav li { display: inline; }
div#nav a { display: block; font-size: 140%; line-height: 120%; color: #FFF; text-decoration: none; padding-left: 6px; }
div#nav a:hover, div#nav a.active { border-left: 6px solid #FFF; } /* #412B1D */
div#nav #newnav-label { color: #FC9; font-style: italic; padding: 0 3px; margin-left: 3px; }
div#nav #newnav-label:hover { border: 1px solid #FC9; }
div#nav #newnav-txtbox { font-family: "Trebuchet MS", Arial, Verdana, Serif; font-size: 140%; width: 244px; color: #F80; }
div#nav #newnav-form { position: absolute; display: none; padding-left: 3px; }

div#subnav { position: absolute; left: 460px; top: 90px; width: 120px; background-color: transparent; }
div#subnav ul { list-style-type: none; }
div#subnav li { display: inline; }
div#subnav a { display: block; font-size: 110%; line-height: 120%; color: #FF7D00; text-decoration: none; padding-left: 9px; }
div#subnav a:hover, div#subnav a.active { color: #000; border-left: 3px solid #FF7D00; padding-left: 6px; }
div#subnav #newsubnav-label { color: #FC9; font-style: italic; padding: 0 3px; margin-left: 6px; }
div#subnav #newsubnav-label:hover { border: 1px solid #FC9; }
div#subnav #newsubnav-txtbox { font-family: "Trebuchet MS", Arial, Verdana, Serif; font-size: 110%; width: 110px; color: #666; }
div#subnav #newsubnav-form { position: absolute; display: none; padding-left: 6px; }




div#main { padding: 92px 16px 0px 60px; }

div.column-left { float: left; width: 254px !important; overflow: hidden; }
div.column-right { float: right; width: 242px !important; overflow: hidden; }
div.column-full { clear: both; }


div#info { position: absolute; top: 240px; left: 589px; width: 180px; background-color: #FFF; text-align: center; border-left: 1px solid #DDD; }
div#info h2, div#contact-info { font-family: Georgia; }
div#info hr { color: #DDD; }
div#contact-info, div#news { padding: 10px 0; }
div#news { border-top: 1px solid #DDD; }
div#news .date { color: #BBB; font-size: 90%; display: block; }

div#creaters { clear: both; background-color: #333; color: #FFF; font-size: 76%; margin-top: 10px; padding: 0 3px; text-transform: uppercase; }
div#creaters a:hover { color: #FFCC00; }

div#separator { clear: both; }


/***** Administrativt *****/

div#login { padding: 20px; background-color: #FED; border: 1px solid #EFAC38;  }

div#admin-nav { position: absolute; top: 218px; left: 0; width: 60px !important; z-index: 3; }
div#admin-nav img { display: block; margin: 0; width: 58px; }
div#admin-nav a { display: block; border: 1px solid #FFF; }
div#admin-nav a:hover, div#admin-nav a.active { border: 1px solid #567; }
div#admin-nav.deactive img { filter: alpha(opacity=50); }
div#admin-nav.deactive:hover img { filter: alpha(opacity=100); }

a.move-up, a.move-up:hover, a.move-down, a.move-down:hover { position: absolute; margin: 0; padding: 0; border: 0; }
a.move-up img, a.move-down img { margin: 0; position: relative; left: -24px; }
div#subnav a.move-up img, div#subnav a.move-down img { left: -20px; }
a.move-down img { top: 9px; }
div#nav a.move-up:hover, div#nav a.move-down:hover { border: 0; margin-left: 0px; }
div#subnav a.move-up:hover, div#subnav a.move-down:hover { border: 0; margin-left: 3px; }

div#admin-settings { display: none; position: absolute; top: 260px; left: 70px; z-index: 10; width: 510px; background-color: #FAFBFC; border: 1px solid #012; }
div#admin-settings h2 { color: #567; padding: 20px 0 20px 60px; }
div#admin-settings h3 { font-size: 120%; color: #567; padding: 16px 0 6px 0; }
div#admin-settings form { margin-top: 10px; clear: both; }
div#admin-settings label, div#admin-settings h3 { display: block; width: 220px; }
div#admin-settings label a.help, div#admin-settings h3 a.help { float: right; }
div#admin-settings hr { color: #ABC; }
div#admin-settings img { margin: 0; display: block; }
div#admin-settings select { margin-bottom: 10px; }
div#admin-settings .txt { width: 220px; }
div#admin-settings .left { float: left; width: 260px; border-right: 1px solid #ABC; margin-bottom: 10px; padding-bottom: 10px; }
div#admin-settings .right { float: right; margin-bottom: 10px; }
div#admin-settings .delete { float: right; border: 1px solid #789; }
div#admin-settings #deleteForm { position: absolute; display: none; width: 490px; }
div#admin-settings #deleteForm .txt { width: 140px; }

div#admin-menu { position: absolute; top: 100px; left: 589px; }
div#admin-menu img { margin: 0; }
select#admin-menu-sel { width: 164px; }
select#admin-menu-sel option.enabled2 { background-color: #BFB; }
select#admin-menu-sel option.enabled0 { background-color: #FBB; }
select#admin-menu-sel option.enabled1 { background-color: #FFF; }
select#admin-menu-sel option.selected {  }


div#admin-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: #000; filter: alpha(opacity=60); display: none; }


/* Counter */
div#eXTReMe { display: none; }


/********* CLASSES **********/


.clear { clear: both; }
.spacer { padding: 10px; }

.error, .successed { background-color: #C33; font-size: 130%; color: #FFF; padding: 10px 20px; margin: 10px 0; }
.successed { background-color: #6C6; }

.hr { height: 20px; background: #FFF url(_gfx/hr.gif) top center no-repeat; }

.editButton a { display: block; padding: 6px 14px; background-color: #6C6; color: #FFF; font-weight: bold; text-decoration: none; }
.editButton a:hover { color: #FFF; }
.editButton-light { display: block; }
.editButton-light a { color: #FFF !important; background-color: #6C6; padding: 2px 5px; position: relative; top: -20px; }
.editable, .editable-light { border: 1px solid #FFF; }

a.help {  }

form.styled input { font-size: 130%; color: #333;  border: 1px solid #CCC; }
form.styled input.submit { background-color: #FF7D00; color: #FFF; padding: 2px 10px; }

.txt { background-color: #FFF; border: 1px solid #A5ACB2; }