/* -------------------- */
/*  CSS - Dansens Hus   */
/*  Realisation: Daz    */
/*  February 2006       */
/* -------------------- */

/****************************************
** background color is #000723 or R:00,G:07,B:35
** Menu buttons fade at 57% (for the main item) the orange color is
** #f8b053; or R:248,G:176,B:83
** Light Blue = #5f89c2;
****************************************/

body
{
  color:#f9e2c3;
  background-color: #000723;
  /*background-color: #000000;*/
  margin:0 10px 10px 10px;
  padding:0;
  font-size:1em;
  /*font-size:15px;*/
  font-weight:normal;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  max-width:75em;
  min-width:65em;
  /* A trick for IE, the other browsers will ignore the expression() stuff, and the show will go on */
  width:expression(document.body.clientWidth > (75/14)*parseInt(document.body.currentStyle.fontSize)?"75em":
     (document.body.clientWidth < (65/14)*parseInt(document.body.currentStyle.fontSize)?"65em":"auto"));
}

#main {margin-top:5px;padding:0;clear:both;}

a {color: #f8b053;text-decoration:none;}     /* unvisited link */
a:visited {color: #f8b053}  /* visited link */
/*a:hover {text-decoration:underline;}*/   /* mouse over link */
a:active {color: yellow;}   /* selected link */

/****************************************
** Footer
****************************************/
#footer {
  clear:both;border-top:2px solid #f8b053;
  margin-top:5px;padding:10px 10px 10px 10px;
}
#footer a {color:#f9e2c3;text-decoration:none}
#footer a:hover{color:#f9920d;text-decoration: underline;}
#published { font-style:italic; }
#css { visibility:hidden;}
#xhtml { visibility:hidden;}
#css   img {border:0;height:25px;}
#xhtml img {border:0;height:25px;}

/****************************************
** top navigation
****************************************/
#topnav {
  clear:both;
  padding:5px 10px 0 10px;
  margin:5px 0 0 0;
  border-bottom:2px solid #f8b053;
}

#topnav a {
  color: #fff;text-decoration: none;
}
#topnav a.menu {
  display:inline;padding-left:10px;background: #5f89c2 url(/images/nav_corners/left.gif) left top no-repeat;
  font-size:1.1em;font-variant:small-caps;font-weight:bold;
}
#topnav a.menu span {display:inline;background: url(/images/nav_corners/right.gif) right top no-repeat;padding-right: 10px}
#topnav a.menu:hover {color:white;background: #f8b053 url(/images/nav_corners/active_left.gif) left top no-repeat;padding-left: 10px}
#topnav a.menu:hover span {background: url(/images/nav_corners/active_right.gif) right top no-repeat;padding-right: 10px}
#topnav a.active {
  color:black;background: #f8b053 url(/images/nav_corners/active_left.gif) left top no-repeat;padding-left: 10px;
  font-size:1.1em;font-variant:small-caps;font-weight:bold;
}
#topnav a.active span {background: url(/images/nav_corners/active_right.gif) right top no-repeat;padding-right: 10px}

/****************************************
** Flags
****************************************/
div.flag { float:right; }
div.flag a {display:inline;text-decoration: none;background:none;}
div.flag a img {width:20px;border:none;}

/****************************************
** Video Button
****************************************/
#videobutton { float:right;z-index:10;padding:0 10px 0 0;/*margin:0 180px 0 10px;*//*Margins bugs in IE*/}
#videobutton a {display:inline;text-decoration: none;background:none;}
#videobutton a img {height:55px;border:none;}

/****************************************
** Camera Button
****************************************/
#camerabutton { float:right;z-index:10;padding:0 7px 0 0;/*margin:0 180px 0 10px;*//*Margins bugs in IE*/}
#camerabutton a {display:inline;text-decoration: none;background:none;}
#camerabutton a img {height:50px;border:none;}

/****************************************
** GuestBook Button
****************************************/
#gbbutton { float:right;z-index:10;margin-right:2em;padding:0 10px 0 0;/*margin:0 180px 0 10px;*//*Margins bugs in IE*/}
#gbbutton a {display:inline;text-decoration: none;background:none;}
#gbbutton a img {height:50px;border:none;}

/****************************************
** Right Block
****************************************/
#rightblock  {float:right;width:230px;margin-left:10px;margin-bottom:5px;}
#rightblock img { border:2px solid black;margin:0;padding:0;width:100%;}

/****************************************
** Left Block
****************************************/
#leftblock  {float:left;width:11.5em;margin-bottom:5px;}

.submenu {
  margin-bottom: 10px;margin-top: 5px;color: #333;
  /*font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;*/
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.submenu a {
  display: block;
  text-decoration: none;
  text-align:right;
  color: #fff;
  padding: 5px 5px 5px 0;
  background-color: #2175bc;
  border-left: 10px solid #1958b7;
  border-right: 5px solid #508fc4;
  border-top: 1px solid #90bade;
  margin: 0;
}
.submenu a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #2586d7;
  border-left: 10px solid #1c64d1;border-right: 5px solid #5ba3e0;
}
.submenu a.active {display:block;text-decoration:none;color: #fff;
  padding: 5px 5px 5px 0;
  background-color: #2175bc;border-left: 10px solid #f8b053;border-right: 5px solid #508fc4;
  border-top: 1px solid #90bade;
  margin: 0;

}
.submenu a.active:hover {color: #fff;text-decoration:none;background-color: #2586d7;}

.boxcorner { width:100%;height:20px;margin:0;padding:0;border:0;}

/****************************************
** Center Block
****************************************/
#centerblock {
  padding-left:12em;
  padding-right:240px;
  margin-bottom:5px;
  color:#fff;
  /*min-width:35em;max-width:55em;*/
  /*min-width:400px;*/
  /* Don't need that, since superseeded by the body width*/
}
#centerblock h1,h2{padding:10px 20px 0 20px;}
#centerblock h1{color:#f9e2c3;font-weight:bold;font-size:2em;text-align:center;margin:10px 0 10px 0;}
#centerblock h2{font-style:italic;font-weight:bold;}
#centerblock p{padding:0 10px 0 20px; text-indent:1em;}
#centerblock p:first-letter {color:#f8b053;font-size:1.5em;}
#centerblock span.category{font-variant:small-caps;font-weight:bold;
                            border-bottom:2px double white;border-left:2px double white; }

/*#centerblock a     {color:#f9e2c3; text-decoration:none;}*/
#centerblock a:hover {color:#f9e2c3; text-decoration:underline;}

/*******************************************
** List 
*******************************************/
ul.list {margin-left:5em; list-style-type: square; padding-left:0.9em;border-left:2px double white; }

/******************************************
** Rounded corners
******************************************/
fieldset,input,textarea { -moz-border-radius:15px;} /* Can specify each corner as "top-left top-right bottom-right bottom-left"*/
input {padding: 2px 5px 2px 5px;}

/******************************************
** Login
******************************************/
#login {
  position:absolute;
  top:70px;
  left:100px;
  visibility: hidden;
  border:6px outset #5f89c2;/*border:4px solid #5f89c2;*//*border:6px groove #5f89c2;*/
  background-color:#ffffff;
  z-index:10;
  width:24em;
  text-align:center;
  padding:40px 20px 20px 20px;
}
input.username {border:2px solid #5f89c2;background:white url("/images/userinfo.png") no-repeat 0 1px;padding-left: 17px;}
input.password {border:2px solid #5f89c2;background:white url("/images/key_16x16.gif") no-repeat 0 1px;padding-left: 17px;}

#logintxt{float:left;margin:0 5px 0 5px;min-width:6em;text-align:center;padding: 0 5px 0 5px;}

/******************************************
** Boxes
******************************************/
.shortsectiontitle { 
  background-color:#6189c4;
  padding:0 5px 0 5px;
  color:white;
  -moz-border-radius:15px 15px 0 0;
  font-size:0.8em;font-variant:small-caps;font-weight:bold;font-style:italic;font-family:arial;
  border-bottom:1px solid #DDDDDD;
  margin:5px 0 5px 0;
}

.more {
  background-color:#6189c4;
  padding:0 5px 0 5px;
  -moz-border-radius:0 0 15px 15px;
  font-size:0.8em;font-weight:bold; 
  border-top:1px solid #DDDDDD;
  margin:5px 0 5px 0;
}
.more a{float:right;color:white;text-decoration:none;padding-left:20px;
  background-repeat:no-repeat;background-image:url('/images/link.gif');background-position:bottom left;
}
.more a:hover{text-decoration:underline;}

/******************************************
** Print and email to a friend
******************************************/
#print { width:20px;margin:0 20px 2px 0;border:0}
#send { width:20px;margin:0 20px 2px 0;border:0}


/******************************************
** schedule for the workers
******************************************/


.jobbschema td, th{
	background-image: url(../images/dancefloor.jpg);
	empty-cells: hide;
	border-collapse:collapse;
	border-width: 0px;
	border: 1px solid #fff;
	border-spacing: 0px;
	padding:2px;
	margin:0px;
	text-align:center;
}

#emptycellx {
	background-image: none;
	background-color: #ff0;
	color: #000;
	font-weight: bold;
}