/* GENERAL LAYOUT */

body 
{
	/*background: #373737 url(picas/bg.jpg) repeat fixed;*/
	background: #373737;
	margin: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
}

pre 
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1 
{
	font-family: Arial;
	font-size: 22px;
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	width: 528px;
	border: 1px #000000 solid;
	display: block;
	background: #ff7f00;
	padding: 5px;
}

h2
{
	font-family: Arial;
	font-size: 13px;
	color: #0066CC; 
	font-weight: bold;
	line-height: 13px;
	letter-spacing: 1px;
	text-decoration: none;
}

h3
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

h4
{
	color: #ff7f00;
	font-weight: bold;
}
a h4 
{
	color: #3a80ff;
	font-weight: normal;
}

p.panelhead
{
	font-family: Courier New;
	font-size: 21px;
	color: #FF7F00;
	font-weight: bold;
	text-indent: 18px;
	line-height: 21px;
	margin: 4px;
}

fieldset
{
	border: 1px solid #000000;
	background: #ffffff;
}
input[type="text"], input[type="password"],select
{
	border: 1px solid #000000;
	background: #ffffff;
}
hr
{
	border: 1px solid #000000;
}
legend
{

	font-weight: normal;
	border: 1px solid #000000;
	color: #000000;
	background: #3a80ff;
}
textarea
{
	z-index: 4;
}
th {
	text-align: left;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	background: #ffffff;
}

img { border: 0px; }

/* END OF GENERAL LAYOUT */

/* COSTUME DESIGN */

.prize
{
	position: relative;
	top: 10px;
}

.inputHTML
{
	position: relative;
	background: none; 
	border: 0px; 
	font: inherit; 
	color: #3a80ff; 
	cursor: pointer; 
	text-decoration: underline;
	padding: 3px;
}

.nick 
{
	color: #fae07a;
	font-style: italic;
}

.head 
{
	font-weight: bold;
}

.table_small 
{
	font-family: Tahoma;
	font-size: 10px;
}

.submenu { padding: 4px;}
.submenu a { color: #ff7f00; font-size: 11px; background: #494949; border: 1px #000000 solid; padding: 3px; font-weight: bold;}
.submenu a:hover { text-decoration: none; color: #ffffff; background: #494949;}

/* END OF COSTUME DESIGN */

/* LINKS */
a { color: #3a80ff; }
a:link { text-decoration: none; }
a:visited{ text-decoration: none; }
a:active{ text-decoration: underline; }
a:hover { text-decoration: underline; }

/* CONTAINERS */
#topcon
{
	position: relative;
	top: 0px;
	margin: 0px auto;
	padding: 0px;
	height: 260px;
	width: 1030px; /* 1020 */
}

#allcon
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 1030px;
}
#leftcon
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 216px; /* 196 */ 
}
#midcon
{
	/* position: relative;
	left: 16px; */
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 598px; /* 542 */
	}

#rightcon
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 216px; /*196 */ 
}

/* PANELS */

#main
{
	position: relative;
	background: url(picas/main_bg.png) repeat;
	top: 0px;
	left: auto;
	right: auto;
	margin: 28px;
	padding: 0px;
	width: 540px;
	height: auto;
	z-index: 1;
	color: #000000;
}

#footer
{
	position: relative;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0px 28px;
	padding: 0px;
	width: 540px;
	height: 80px;
	z-index: 1;
	text-align: center;
}

#menu
{
	background: url(picas/side_bg.png) repeat;
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 18px;
	padding: 0px;
	width: 180px;
	height: 240px;
}

#tours
{
	background: url(picas/grey_bg.png) repeat;
	position: relative;
	top: 18px;
	right: 0px;
	margin: 18px;
	padding: 0px;
	width: 180px;
	height: auto;
}

#login
{
	background: url(picas/grey_bg.png) repeat;
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 18px;
	padding: 0px;
	width: 180px;
	height: 125px;
}

#spons
{
	background: url(picas/grey_bg.png) repeat;
	position: relative;
	top: 18px;
	left: 0px;
	margin: 18px;
	padding: 0px;
	width: 180px;
	height: auto;
}


#extra
{
	background: url(picas/grey_bg.png) repeat;
	position: relative;
	top: 36px;
	right: 0px;
	margin: 18px;
	padding: 0px;
	width: 180px;
	height: 240px;
}


/* IMAGE ELEMENTS */

#konstruktion
{
	position: absolute;
	top: 40px;
	left: 0px;
	margin: 0px auto;
	padding: 0px;
	width: 400px;
	height: 200px;
	z-index: 3;
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
	font-family: Arial;
	display: none;
}

#logo
{
	background: url(picas/logo.png) no-repeat 0px 0px;
	position: absolute;
	top: 20px;
	left: 50%;
	right: auto;
	margin: 0px auto;
	margin-left: -270px;
	padding: 0px;
	width: 540px;
	height: 450px;
	z-index: 1;
}

#logo_datum
{
	background: url(picas/logo_datum.png) no-repeat 0px 0px;
	position: absolute;
	top: 20px;
	left: 50%;
	right: auto;
	margin: 0px auto;
	margin-left: 80px;
	padding: 0px;
	width: 200px;
	height: 120px;
	z-index: 2;
}

#headset
{
	background: url(picas/headset.png) no-repeat 0px 0px;
	position: absolute;
	top: -15px;
	left: 150px;
	margin: 0px auto;
	padding: 0px;
	width: 28px;
	height: 114px;
	z-index: 2;
}

#angle
{
	position: absolute;
	top: 289px;
	left: 50%;
	right: auto;
	background: url(picas/sitting_angle.png) 0px 0px;
	margin: 0px auto;
	margin-left: -540px;
	padding: 0px;
	width: 200px;
	height: 139px;
	z-index: 2;
	display: none;
}

#footermenu {
	position: relative;
	top: 10px;
	height: 20px;
	width: 500px;
	margin: 0px auto;
	text-align: center;
	color: #909090; 
	}

#footermenu  a { color: #909090; }


/* ELEMENTS */
.maintopleft {
	position: absolute;
	top: -28px;
	left: -28px;
	background: url(picas/main_topleft.png) 0px 0px;
	width: 28px;
	height: 28px;
}

.maintop {
	position: absolute;
	top: -28px;
	left: 0px;
	right: 0px;
	background: url(picas/main_top.png) repeat-x 0px 0px;
	width: auto;
	height: 28px;
}

.maintopright {
	position: absolute;
	top: -28px;
	right: -28px;
	background: url(picas/main_topright.png) 0px 0px;
	width: 28px;
	height: 28px;
}

.mainleft {
	position: absolute;
	top: 0px;
	left: -28px;
	bottom: 0px;
	background: url(picas/main_left.png) repeat-y 0px 0px;
	width: 28px;
	height: auto;
}

.mainright {
	position: absolute;
	top: 0px;
	right: -28px;
	bottom: 0px;
	background: url(picas/main_right.png) repeat-y 0px 0px;
	width: 28px;
	height: auto;
}

.mainbottomleft {
	position: absolute;
	left: -28px;
	bottom: -28px;
	background: url(picas/main_bottomleft.png) 0px 0px;
	width: 28px;
	height: 28px;
}

.mainbottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -28px;
	background: url(picas/main_bottom.png) repeat-x 0px 0px;
	width: auto;
	height: 28px;
}

.mainbottomright {
	position: absolute;
	right: -28px;
	bottom: -28px;
	background: url(picas/main_bottomright.png) 0px 0px;
	width: 28px;
	height: 28px;
}

.sidetopleft {
	position: absolute;
	top: -18px;
	left: -18px;
	background: url(picas/side_topleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.sidetop {
	position: absolute;
	top: -18px;
	left: 0px;
	right: 0px;
	background: url(picas/side_top.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.sidetopright {
	position: absolute;
	top: -18px;
	right: -18px;
	background: url(picas/side_topright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.sideleft {
	position: absolute;
	top: 0px;
	left: -18px;
	bottom: 0px;
	background: url(picas/side_left.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.sideright {
	position: absolute;
	top: 0px;
	right: -18px;
	bottom: 0px;
	background: url(picas/side_right.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.sidebottomleft {
	position: absolute;
	left: -18px;
	bottom: -18px;
	background: url(picas/side_bottomleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.sidebottomright {
	position: absolute;
	right: -18px;
	bottom: -18px;
	background: url(picas/side_bottomright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.sidebottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -18px;
	background: url(picas/side_bottom.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.blacktopleft {
	position: absolute;
	top: -18px;
	left: -18px;
	background: url(picas/black_topleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.blacktop {
	position: absolute;
	top: -18px;
	left: 0px;
	right: 0px;
	background: url(picas/black_top.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.blacktopright {
	position: absolute;
	top: -18px;
	right: -18px;
	background: url(picas/black_topright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.blackleft {
	position: absolute;
	top: 0px;
	left: -18px;
	bottom: 0px;
	background: url(picas/black_left.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.blackright {
	position: absolute;
	top: 0px;
	right: -18px;
	bottom: 0px;
	background: url(picas/black_right.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.blackbottomleft {
	position: absolute;
	left: -18px;
	bottom: -18px;
	background: url(picas/black_bottomleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.blackbottomright {
	position: absolute;
	right: -18px;
	bottom: -18px;
	background: url(picas/black_bottomright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.blackbottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -18px;
	background: url(picas/black_bottom.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.greytopleft {
	position: absolute;
	top: -18px;
	left: -18px;
	background: url(picas/grey_topleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.greytop {
	position: absolute;
	top: -18px;
	left: 0px;
	right: 0px;
	background: url(picas/grey_top.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.greytopright {
	position: absolute;
	top: -18px;
	right: -18px;
	background: url(picas/grey_topright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.greyleft {
	position: absolute;
	top: 0px;
	left: -18px;
	bottom: 0px;
	background: url(picas/grey_left.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.greyright {
	position: absolute;
	top: 0px;
	right: -18px;
	bottom: 0px;
	background: url(picas/grey_right.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.greybottomleft {
	position: absolute;
	left: -18px;
	bottom: -18px;
	background: url(picas/grey_bottomleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.greybottomright {
	position: absolute;
	right: -18px;
	bottom: -18px;
	background: url(picas/grey_bottomright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.greybottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -18px;
	background: url(picas/grey_bottom.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.whitetopleft {
	position: absolute;
	top: -18px;
	left: -18px;
	background: url(picas/white_topleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.whitetop {
	position: absolute;
	top: -18px;
	left: 0px;
	right: 0px;
	background: url(picas/white_top.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}

.whitetopright {
	position: absolute;
	top: -18px;
	right: -18px;
	background: url(picas/white_topright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.whiteleft {
	position: absolute;
	top: 0px;
	left: -18px;
	bottom: 0px;
	background: url(picas/white_left.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.whiteright {
	position: absolute;
	top: 0px;
	right: -18px;
	bottom: 0px;
	background: url(picas/white_right.png) repeat-y 0px 0px;
	width: 18px;
	height: auto;
}

.whitebottomleft {
	position: absolute;
	left: -18px;
	bottom: -18px;
	background: url(picas/white_bottomleft.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.whitebottomright {
	position: absolute;
	right: -18px;
	bottom: -18px;
	background: url(picas/white_bottomright.png) 0px 0px;
	width: 18px;
	height: 18px;
}

.whitebottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -18px;
	background: url(picas/white_bottom.png) repeat-x 0px 0px;
	width: 100%;
	height: 18px;
}