.lightborder { border:1px solid #d6d6d6 }
.darkborder { border:1px solid #151515 }

.white { color:#fff; }
.high { color:#00aeef; }
.ligh { color:#888; }
.dark { color:#151515; }
.primary { color:#00a986; }
.secondary { color:#eee; }

.whitebg { background-color:#fff; }
.lightbg { background-color:#f1f1f1 }
.darkbg { background:#151515; }


/* GENERAL */

html,body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	color:#eee;
	font: 12px Helvetica, Arial, Verdana;
	background:#000 url(/img/bg_main.jpg) no-repeat 50% -100px;
}

.maxheight {
	margin: 0 auto;
	height:100%;
	border:2px solid blue;
}

#bodywrap {
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	color:inherit;
	background:#111;
}
#wrap {
	position:relative;
	width:960px;
	margin: 0 auto;
	height:100%;
	background:transparent;
	border:0px solid #333;
}

a {
	color: #00bb94;
	text-decoration: none;
	cursor:pointer;cursor:hand;
	outline:none;
}
a:hover {
	color: #1ff0c5;
	text-decoration:none;
}

img {
	border:0px;
}

th {
	text-align:left;
	white-space:nowrap;
}
td {
	vertical-align:top;
}

h1, h2, h3, h4 { color:#fff; font: 27px Georgia, Helvetica, Arial, sans-serif;}
h1 {
	font-weight: normal;
	font-size: 28px;
	line-height:28px;
	letter-spacing:0.3px;
	margin:10px 0 15px 0;
	padding:0;
}
h1.pagetitle {
	margin:0 0 10px 0;
	line-height:35px;
}

h2 {
	font-weight: normal;
	font-size: 15px;
	margin: 15px 5px 10px 0px;
}

h3 {
	font-weight:normal;
	font-size: 15px;
	margin:0 0 5px 0;
	padding:0;
}

input, select, textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px solid #aaa;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #777;
	background:#eff9fa;
}

.inputbox {
	padding:2px 4px;
	background:#def3f5;
	border:1px solid #aaa;
	color:#555;
}

.inputboxfocus {
	padding:2px 4px;
	background:#eff9fa;
	border:1px solid #777;
	color:#555;
}

textarea {
	color:#3d3d3d;
}

ul {
	margin:0 0 10px 0px;
	padding:0 0 0 0;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	margin:0 0 5px 15px;
	padding:0 0 0 0;
}

p {
	margin:0;
}



/* --- COLORS --- */

a.grey, .grey { color:#777; }
a.grey:hover, a.greyactive { color:#3d3d3d; }

a.green, .green { color:#8d9b28; }
a.green:hover, a.greenactive { color:#97ad00; }

a.blue, .blue { color:#0085a7; }
a.blue:hover, a.blueactive { color:#00aad5; }






/* --- CUSTOM TAGS --- */

.rel { position:relative;float:left; }

.right { float:right; }

.input { width:120px; }

.radio, .checkbox { width:13px;height:13px;position:relative;top:2px; }

.error { color:red; }

.nowrap, .nobreak { white-space:nowrap; }




/* --- ELEMENTS --- */

#header, #main, #footer, #content, #pagemedia {
	width:760px;
	margin: 0 auto;
	/*margin:0 20px;*/
}

#content{
	position:relative;
	clear:both;
	display:table;
	margin: 0 auto;

}

#header {
	position:relative;
	float:left;
	height:160px;
	border:0px solid blue;
}

#logo {
	position:absolute;
	top:32px;
	margin-left:8px;
}

#main {
	min-height:300px;
	position: relative;
	float:left;
	clear:both;
	line-height:15px;
	font-size:12px;
	margin-top:5px;
}
#page {
	background:#fff;
	color:#000;
	font-size:11px;
	line-height:14px;
}
#page h1, #page h2, #page h3, #page h4 {
	font-family: Arial, Helvetica, sans-serif;
	/*color:#00a986;*/
	color:#000;
	margin:5px 0px 5px 0px;
}
#page h1.title {
	width:380px;
	color:#00a986;
	text-transform:uppercase;
	font-size:22px;
	line-height:24px;
	margin:0 0 10px 0;
	padding:4px 0px 8px 0px;
	border-bottom:1px dotted #333;
}

#footer {
	position:relative;
	float:left;
	height:30px;
	line-height:20px;
	clear:both;
	font-size:10px;
	border-top:1px dotted #98a1ac;
	margin-top:10px;
	margin-bottom:50px;
}

#topnav {
	position:relative;
	float:right;
	text-align:left;
	background:transparent;
	top:105px;
	left:200px;
	height:30px;
	width:800px;
}

#topnav a {
	zoom:1;
	margin:0;
	padding:2px 10px 2px 10px;
	height:30px;
	line-height:30px;
	font-size:12px;
	border-right:0px solid #d6d6d6;
	border-left:0px solid #fff;
	text-transform:uppercase;
	position:relative;
	float:left;
	display:block;
	z-index:10;
}

#topnav a:hover, #topnav a.active {
	text-decoration:none;
	color:#1ff0c5;
}

#topnav a.active {
	color:#eee;
}

#mainnav {
	width:170px;
	list-style-type: none;
	list-style-position: none;
	margin:0px;
	padding:0px;
	text-indent:0px;
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	line-height:12px;
	text-transform:uppercase;
	text-decoration: none;
}
#mainnav li {
	list-style-type:none;
	border-left:1px solid #00a986;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 8px;
}
#mainnav ul, #mainnav ul li {
	text-transform:none;
	padding:0;
	margin:5px 0px 0px 0px;
	line-height:12px;
	border:0px;
	color:#fff;
}

#mainnav li a { color:#ddd; display:block; padding:1px 0px;}
#mainnav li a:hover { color:#fff; }
#mainnav li a.active { color:#00a986; }
#mainnav li a.active:hover { color:#00a986; }


#pagebody {
	position:relative;
	float:left;
	width:938px;
	height:100%;
	padding:20px;
	margin:10px 0 0 0;
	background:#fff;
	border:1px solid #cdd1d5;
	overflow:hidden;
}


/* OTHER */
.listtable, .listtable td, .listtable th {
	border:1px solid #d3d3d3;
}
.listtable td, .listtable th {
	padding:3px 10px 3px 3px;
}
.listtable {
	border-width:1px 1px 1px 0px;
}
.listtable th {
	background:#efefef;
	border-width:0px 0px 0px 1px;
}
.listtable td {
	border-width:1px 0px 0px 1px;
}





.mainFormError {
	color:red;
	margin:10px 0 0 0;
}
.pagelist {
	border:1px solid #333;
	border-width:0px 0px 1px 1px;
}
.pagelist .page{
	color:#eee;
}
.pagelist .page:hover {
	background:#222;
}
.pagelist .subpage {
	background:#222;
}
.pagelist .subpage:hover {
	background:#333;
}
.pagelist td, .pagelist th {
	border:1px solid #333;
	border-width:1px 1px 0px 0px;
	padding:3px 10px;
	vertical-align:middle;
}
.pagelist th {
	background-color:#222;
	color:#fff;
	padding-top:5px;
}



.formtable td {
	padding-bottom:15px;
	line-height:18px;
}
.formtable .description {
	color:#aaa;
	line-height:14px;
	padding:2px 0px 2px 0px;
}
.formtable input, .formtable select, .formtable textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding:2px;
	outline:none;
	border:1px solid #aaa;
}
.formtable input {
	border-width:0px;
}
.formtable .input {
	border-width:1px;
	background: #fcfcfc;
}
.formtable input:focus, .formtable select:focus, .formtable textarea:focus {
	background: #fff;
	border-color: #20ffd1;
	outline:none;
}
.submit,.formtable .submit {
	position:relative;
	top:1px;
	font-size:10px;
	font-weight:bold;
	background: #00a986;
	color:#fff;
	border:0px;
	outline:none;
	padding:10px;
	text-transform:uppercase;
}
.submit:hover,.formtable .submit:hover {
	background:#00cda3;
	cursor:pointer;cursor:hand;
}
.submit:focus,.formtable .submit:focus {
	background: #00cda3;
	outline:none;
	border:0;
}
.formtable .var {
	white-space:nowrap;
	padding-right:5px;
}


#admin_imagetabs {
	position:relative;
	float:left;
	width:960px;
	height:28px;

}

#admin_imagetabs .tab {
	display:inline;
	line-height:22px;
	padding:10px 15px;
	font-size:11px;
	background:#008373;
	color:#fff;
	cursor:pointer;cursor:hand;
	border-bottom:1px solid #333;
}

#admin_imagetabs .tab:hover {
	background:#00ac97;
	cursor:pointer;cursor:hand;
}

#admin_imagetabs .active, #admin_imagetabs .active:hover {
	background:#555;
	border-color:#555;
	color:#fff;
}

.admin_subtabs {
	position:relative;
	float:left;
	height:auto;
	width:960px;
	background:#555;
	display:none;
}

.admin_subtabs .tab {
	position:relative;
	float:left;
	display:block;
	padding:0px 15px;
	font-size:11px;
	margin:7px 0px 5px 10px;
	line-height:28px;
	background:#444;
	color:#fff;
	font-weight:normal;
}

/*.admin_subtabs .tab .count {
	color:#d3d3d3;
}*/

.admin_subtabs .tab:hover {
	background:#333;
}
.admin_subtabs .tab.active {
	background:#333;
}


.admin_imglist{
	clear:both;
	position:relative;
	float:left;
	width:958px;
	height:100%;
	border:1px solid #555;
	border-top:2px solid #555;
	background:#222;
	padding:10px 0px;
}

.admin_imglist h2 {
	position:relative;
	float:left;
	width:900px;
	margin:10px 0px 10px 15px;
}

.imgbox {
	position:relative;
	float:left;
	width:100px;
	height:100px;
	border:1px solid #333;
	margin:0 0 10px 10px;
	padding:0px;
	vertical-align:middle;
	overflow:hidden;
	background:#1a1a1a;
}
.imgbox:hover {
	background:#2f2f2f;
}

.imgbox input{
	position:absolute;
	margin:0;
	width:auto;
	height:auto;
}

.imgbox img{
	display:block;
	margin:auto;
}

.hr {
	position:relative;
	float:left;
	height:1px;
	width:100%;
	border-bottom:1px solid #d3d3d3;
	margin:30px 0px 10px 0px;
}

.flashmsg {
	width:100%;
	background:#333;
	color:#fff;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	border:0px solid #a1d0ea;
	line-height:50px;
}




/* --- BUTTONS --- */
.btn {
	position:relative;
	float:left;
}
.btn a {
	display:block !important;
	padding:2px 5px 2px 20px !important;
	margin:0px 2px 0px 2px !important;
	background-position:center left !important;
	background-repeat:no-repeat;
	text-decoration:none;
	zoom:1;
}

.btn .locked { background-image:url(/img/icons/lock.png);}

.btn .add { background-image:url(/img/icons/add.png); }
.btn .delete { background-image:url(/img/icons/delete.png); }
.btn .accept { background-image:url(/img/icons/accept.png); }
.btn .tick { background-image:url(/img/icons/tick.png); }

.btn .page_add { background-image:url(/img/icons/page_white_add.png);}
.btn .page_edit { background-image:url(/img/icons/page_white_edit.png);}
.btn .page_delete { background-image:url(/img/icons/page_white_delete.png);}

.btn .post_add { background-image:url(/img/icons/script_add.png);}
.btn .post_edit { background-image:url(/img/icons/script_edit.png);}
.btn .post_delete { background-image:url(/img/icons/script_delete.png);}

.btn .project_add { background-image:url(/img/icons/building_add.png);}
.btn .project_edit { background-image:url(/img/icons/building_edit.png);}
.btn .project_delete { background-image:url(/img/icons/delete.png);}

.btn .user_add { background-image:url(/img/icons/user_add.png);}
.btn .user_edit { background-image:url(/img/icons/user_edit.png);}
.btn .user_delete { background-image:url(/img/icons/user_delete.png);}

.btn .image_add { background-image:url(/img/icons/image_add.png); }
.btn .image_edit { background-image:url(/img/icons/image_edit.png); }
.btn .image_delete { background-image:url(/img/icons/image_delete.png);color:red; }

.btn .forum_add { background-image:url(/img/icons/comment_add.png) }
.btn .forum_edit { background-image:url(/img/icons/comment_edit.png) }
.btn .forum_delete { background-image:url(/img/icons/delete.png) }

.btn .scroll_up { background-image:url(/img/icons/bullet_arrow_up.png);text-transform:uppercase;font-size:11px;width:80px;}

.btn .logout { background-image:url(/img/icons/door_out.png) }

/* OVERWRITES */
.checkbox {
	background:transparent;
	border:0px;
}
.clickable {
	cursor:pointer;cursor:hand;
}


/* IDENTITY */

#velin {
	color:#777;
	font: 11px "Courier New", Courier, Monaco, arial, verdana, helvetica;
}
#velin .ltgt {
	color:#0085a7;
}
#velin a{ color:#777; }
#velin a:hover { color:#999; }


#newssignupform {
	position:absolute;
	display:block;
	clear:both;
	background:#fff;
	color:#000;
	border:0px solid #ccc;

	left:0px;
	top:-62px;
	width:140px;
	height:102px;
	font-size:11px;
	background: transparent url('/img/nyhedsbrev_box.gif') no-repeat top left;
}
#newssignupform div {
}

#newssignupform h2 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:14px;
	text-transform:none;
	color:#00a986;
	padding:0px 0px 5px 3px;
}
#newssignupform .input {
	background:#222;
	color:#fff;
	padding:3px 4px;
	width:116px;
	font-size:11px;
}
#newssignupform .submit {
	padding:4px 4px 3px 4px;
	margin:2px 0px 0px 0px;
}
#newssignupform h2{
	margin:0;
}

#english_btn {
	/*filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;*/
}