/*
delete this after next update. From here...
*/ 

/* from gallery*/
.stream{
	list-style: none;
	margin: 0;
}
 .stream li{
	float: left;
	padding:		5px;
	width:			180px;
	height:			300px;
	text-align:		center;
}

/* from V0*/

.mainareacontainer{
	position: relative;
	text-align: left;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	width:800px;
	z-index: 5;
}
#mainlogo {
	position: relative;
	text-align: center;
	left: 0px;
	margin: 0 auto;
	z-index: 6;
}
#logo1 {
	position: relative;
	text-align: center;
	top: -1px;
	left: 0px;
	margin: 0 auto;
	z-index: 6;
}
.mainmenu {
	position: relative;
	top: 0px;
	margin: 0 auto;
	z-index: 6;
}

/*====================

	Timepick

====================*/
ul.moo-pick-ul{
	padding:0;
	clear:both;
	height:auto;
	position:absolute;
}
ul.moo-pick-ul li {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:13px;
	color:#000;
	list-style:none;
	float:left;
	display:block;
	width:auto;
	padding:8px 1px 0px 1px;
	margin:0px;
	border:1px solid #ddd;
	background:#fff;
	text-align:center;
	cursor:pointer;
}
ul.moo-pick-ul li.hover {
	background:#222;
	color:#FFF;
}

/*====================

	Tabs

====================*/
.tab-wrapper{
	padding:0;
	margin:0;
	border:0px;
	clear:both;
}
.tab-menu{
	margin:0;
	padding:0;
	list-style:none;
	overflow:auto;
	margin-top:0px;
	margin-bottom:0px;
}
.tab-menu li{
	font-family:verdana,arial,helvetica,sans-serif;
	text-shadow:0px 1px 1px #000000;
	font-size:14px;
	text-decoration:none;
	margin-right:1px;
	float:left;
	cursor:pointer;
}
.tab-menu li a{
	background:#638700;
	color:#fff;
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	height:22px;
}
.tab-menu li a:hover,.tab-menu li a:focus{
	background:#83a700;
	color:#fff;
}
.tab-menu li.tab-selected a{
	background:#F90;
	color:#fff;
}


/*====================

	uvumi Textarea

====================*/ 
/*
this class is for the lower bar container.
It does really require any styling
*/
.tbWrapper{
}

/*
This is the progress bar container
Width is set with javascript, but those value can be modified
Try to keep the button's and preogres bar's margin-left the same for better results
*/
.tbProgress{
	height: 1.3em;
	border: 1px #888;
}

/*
this is the actual progress indicator, inside the porgressbar container
Except the background color, you probably don't want to mess up the other properties
You can set a background image if you want
*/
.tbProgressBar{
}

/*
chracters counter. Same here, except the text color, you don't want to modify any other property
*/
.tbCounter{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 0.6em;
}


/*
...to here
*/ 


/*====================

	Global White Space Reset
	http://leftjustified.net/journal/2004/10/19/global-ws-reset/

====================*/ 
*{
	margin: 0;
	padding: 0;
}


/*====================

	Body

====================*/ 
body{
	height: 100%;
}


/*====================

	HTML

====================*/ 
html{
	height: 100%;
}


/*====================

	Cufon

====================*/ 
h1 {
	font-size:100%;
	font-weight:normal;
	letter-spacing:0px;
	color: #ff0000;
	margin-top: 0em; margin-bottom:-0.2em;
	padding: 0 0 0 0;
	vertical-align: top;
	line-height: normal;
}


/*====================

	MooColumns

====================*/ 
.column{}
.gutter{}
.multiColumn, .multiColumn-screen{}
@media screen{
.multiColumn, .multiColumn-screen{ 
	display:block; 
	position:relative;
}
.multiColumn-print{
	display:none;
}
}
@media print{
.multiColumn, .multiColumn-print{ 
	display:block; 
	position:relative;
}
.multiColumn-screen{
	display:none;
} 
}


/*====================

	Slider and knob

====================*/ 
div.slidersmall {
	width: 100px;
	padding:0px;
	margin:0px;
	background:url(http://www.webu.dk/gfx/sliderbar.png) no-repeat;
	width:100px;
	height:16px;
	z-index: 7;
}
div.slidersmall div.knobsmall {
	padding:0px;
	margin:0px;
	background:url(http://www.webu.dk/gfx/sliderknob.png) no-repeat;
	width:16px;
	height:16px;
	cursor:pointer;
	z-index: 7;
}
div.slider {
	padding:0px;
	margin:0px;
	z-index: 7;
	background:url(http://www.webu.dk/gfx/sliderbar.png) no-repeat;
	width:100px;
	height:16px;
}
div.slider div.knob {
	padding:0px;
	margin:0px;
	z-index: 7;
	background:url(http://www.webu.dk/gfx/sliderknob.png) no-repeat;
	width:16px;
	height:16px;
	cursor:pointer;
}


/*====================

	Accordion

====================*/ 
#accordion {
	width:800px;
	margin: 20px 0px; clear:both;
}
h3.toggler {
	color: #888;
	margin: 0px;
	padding: 2px 5px;
	background: #282828;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	font-size: 16px;
	font-weight: normal;
	font-family: verdana,arial,helvetica,sans-serif;
	cursor: pointer;
}
div.element p, div.element h4 {
	margin: 0px;
	padding: 4px;
}
blockquote {
	padding: 5px 20px;
}
h3.toggler:hover {
	background-color:#666;
	color:#FFFFFF;
}


/*====================

	Gallery

====================*/ 
.remooz-element{
	cursor:			-moz-zoom-in;
}


/*====================

	Box layout

====================*/ 
.remooz-box{
	position:			absolute;
	top:					0;
	left:					0;
	background:		#fff no-repeat center;
	z-index:				100;
}
.remooz-loading{
	background-image:		url(http://www.webu.dk/gfx/gui/indicator-black.gif);
}
.remooz-body{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body{
	cursor:					move;
}
.remooz-btn-close{
	position:				absolute;
	left:						-15px;
	top:						-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:			url(http://www.webu.dk/gfx/gui/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close{
	background-image:		url(http://www.webu.dk/gfx/gui/closebox.png);
}
.remooz-title{
	position:			relative;
	left:					0;
	top:					15px;
	text-align:			left;
}
.remooz-title-bg{
	position:			absolute;
	left:					0;
	top:					0;
	width:				100%;
	height:				100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content{
	position:			relative;
	padding:			5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.remooz-engine-trident4 .remooz-title-bg{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content{
	background-color:		#333;
}
.remooz-title-content h6{
	font-size:			1.2em;
	font-weight:		bold;
	color:					#eee;
}
.remooz-title-content p{
	color:					#eee;
}
.remooz-type-image img{
	display:				block;
	border:				0;
	width:				100%;
	height:				100%;
}
.remooz-bg{
	position:				absolute;
	width:					33px;
	height:					40px;
}
.remooz-bg-n{
	left:					0;
	top:					-40px;
	width:				100%;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne{
	right:					-33px;
	top:					-40px;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_ne.png) no-repeat;
}
.remooz-bg-e{
	right:					-33px;
	top:					0;
	height:				100%;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_e.png) repeat-y;
}
.remooz-bg-se{
	right:					-33px;
	bottom:				-40px;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_se.png) no-repeat;
}
.remooz-bg-s{
	left:					0;
	bottom:				-40px;
	width:				100%;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_s.png) repeat-x;
}
.remooz-bg-sw{
	left:					-33px;
	bottom:				-40px;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_sw.png) no-repeat;
}
.remooz-bg-w{
	left:					-33px;
	top:					0;
	height:				100%;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_w.png) repeat-y;
}
.remooz-bg-nw{
	left:					-33px;
	top:					-40px;
	background:		url(http://www.webu.dk/gfx/gui/remo_bg_nw.png) no-repeat;
}


/*====================

	WEBU Logo

====================*/ 
.webulogo a{
	background: url(http://www.webu.dk/gfx/web-u.png) no-repeat;
	height: 105px;
	width: 105px;
	position:absolute;
	right:0px;
	top:0px;
	visibility:visible;
	display: block;
	z-index:4;
	margin: 0;
	padding: 0px 0px 0px;
}
.webulogo a:hover a:visited:hover{
	background: url(http://www.webu.dk/gfx/web-u.png) no-repeat bottom left; 
}
.webulogo a:visited:hover{
	background: url(http://www.webu.dk/gfx/web-u.png) no-repeat bottom left; 
}


/*====================

	Button styling

====================*/
.ButtonAdmin{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000;
}
.ButtonSmall{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000;
}
.ButtonNormal{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.ButtonLarge{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}


/*====================

	Text styling

====================*/
.AdminText{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 12px;
	background-color:#468; padding-left:10px; padding-right:10px;
	text-decoration: none; border:dotted; border-width:thin; border-color:#08f;
}
.TextXLargeRed{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 24px;
	text-decoration: none;
	color:#f88;
}
.TextXLargeWhite{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 24px;
	text-decoration: none;
	color:#FFFFFF;
}
.TextXLarge{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 24px;
	text-decoration: none;
}
.TextLarge{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
}
.TextLargeWhite{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
	color:#FFFFFF;
}
.TextLargeGrey{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
	color:#888;
}
.TextLargeRed{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
	color:#f88;
}
.TextMedium{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	text-decoration: none;
}
.TextMediumRed{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	text-decoration: none;
	color:#f88;
}
.TextNormal{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
}
.TextNormalWhite{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
	color:#FFFFFF;
}
.TextNormalGrey{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
	color:#888;
}
.TextNormalRed{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
	color:#f88;
}
.TextSmall{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.TextSmallGrey{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
	color:#888;
}
.TextSmallRed{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
	color:#f88;
}
.TextNote{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.TextSubMenu{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
	padding-top:4px;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity:.50;
}


/*====================

	Textfield styling

====================*/
.readonlyfield{
	font-family:arial,helvetica,sans-serif;
	padding:0px;
	text-decoration:none;
	border:1px solid #888;
	background-color:#444;
	color:#ccc;
}
.textfieldsmall{
	border-style:inset;
	height:12px;
	font-size:9px;
	text-align:left;
	border:1px solid;
	font-family:arial,helvetica,sans-serif;
}
.textfieldmedium{
	border-style:inset;
	height:16px;
	font-size:12px;
	text-align:left;
	border:1px solid;
	font-family:arial,helvetica,sans-serif;
}
.textfield{
	border-style:inset;
	height:20px;
	font-size:16px;
	text-align:left;
	border:1px solid;
	font-family:arial,helvetica,sans-serif;
	text-decoration:none;border:dotted;border-width:thin;
}
.textarea{
	border-style:inset;
	font-size:12px;
	text-align:left;
	border:1px solid;
	font-family:arial,helvetica,sans-serif;
	text-decoration:none;border:dotted;border-width:thin;
}
.textarealarge{
	border-style:inset;
	font-size:16px;
	text-align:left;
	border:1px solid;
	font-family:arial,helvetica,sans-serif;
	text-decoration:none;
}


/*====================

	Dropdown styling

====================*/
.DropDownSmall{
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:9px;
}
.DropDown{
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
}
.DropDownLarge{
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:16px;
}


/*====================

	Comment styling

====================*/
.fieldset{
	background-color:#333;
	margin:3px;
	padding:6px;
	text-align:justify;
	border:thin dashed #fc6;
}


/*====================

	Block styling

====================*/
.fieldset-b{
	float:right;
	margin:2px;
	padding:6px;
	background-color:#333;
	vertical-align:middle;
	border:thin dashed #6cf;
}

/*====================

	News Image styling

====================*/
.fieldset-c{
	float:right;
	margin:2px;
	vertical-align:middle;
	border:1px solid #000;
}

/*====================

	Alternate items

====================*/ 
.item{
	background-color:#222;
}
.itemalt{
	background-color:#333;
}


/*====================

	Mootools tooltip

.tool-tip{
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tool-title{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 20px;
	padding: 8px 8px 4px;
	background: url(http://www.bqqka.dk/gfx/gui/balloon.png) top left;
}
.tool-text{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	padding: 4px 8px 8px;
	background: url(http://www.bqqka.dk/gfx/gui/balloon.png) bottom left;
}
.tooltipcontent{
	position:absolute;
	top:-9999px;
}
====================*/


/*====================

	Links

====================*/
.n{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#00f;
}
.p{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0f0;
	background-color: #fff;
}
a{
	text-decoration: none;
	color: #fc6;
}
a:link{
	text-decoration: none;
	color: #fc6;
}
a:visited, a:active{
	text-decoration: none;
	color: #fc6;
}
a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #f66;
}
a:visited:hover{
	text-decoration: none;
	color: #fff;
	background-color: #f66;
}