body {
	background-color: #8686a3;
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0 0 20px 0;
	padding: 0;
}


html>body #piramideoptions { width: 882px; }

html>body #piramideoptions p {	line-height: 17px; }

html>body #content {
	height: auto;
	min-height: 480px;
}

html>body #content1 {
	height: auto;
}


table, tr, td {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

tr.activedate {
	font-size: 10px; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff}

td.activedate {
	font-size: 10px; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff}

td.evendate {
	font-size: 10px; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #cde5fd; 
	color: #000000000
}

td.noclassatall
{
	border: 0px;	
}

td.piramide_odd {background-color: #539bcb;
	border-bottom: 1px solid #037ecf;
	border-top: 1px solid #037ecf;
	border-left: 1px solid #037ecf;
	border-right: 1px solid #037ecf;
}
td.piramide_even {background-color: #cde5fd;
	border-bottom: 1px solid #539bcb;
	border-top: 1px solid #539bcb;
	border-left: 1px solid #539bcb;
	border-right: 1px solid #539bcb;
}


h1, h2, h3, h4 { font-weight: normal; margin: 0px; padding: 0px; }

h2 {
	font-family: arial, helvetica, sans-serif;
	color: #013d99;
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 4px 0;
	padding: 1px;
	border-bottom: 1px solid #cccccc;
}


p { margin: 0 0 8px 0; }


a {
	color: #037ecf;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}


button {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.button {
	border-right: #037ecf 1px solid; 
	border-top: #037ecf 1px solid; 
	font-size: 12px; 
	border-left: #037ecf 1px solid; 
	border-bottom: #037ecf 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff}

input {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
}

textarea {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #037ecf ;
}

select {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #037ecf;
	background-color: #ffffff;
	color: #000000;
}

form {
	margin: 0;
	padding: 0;
}

.search {
	border-right: #539bcb 1px solid; 
	border-top: #539bcb 1px solid; 
	font-size: 12px; 
	border-left: #539bcb 1px solid; 
	border-bottom: #539bcb 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #ffffff}

select.search option {
	border-right: #539bcb 1px solid; 
	border-top: #539bcb 1px solid; 
	font-size: 12px; 
	border-left: #539bcb 1px solid; 
	border-bottom: #539bcb 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #ffffff}

.searchform {
	border-right: #539bcb 1px solid; 
	border-top: #539bcb 1px solid; 
	font-size: 12px; 
	border-left: #539bcb 1px solid; 
	border-bottom: #539bcb 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #ffffff}

.form_button {
	border-right: #037ecf 1px solid; 
	border-top: #037ecf 1px solid; 
	font-size: 12px; 
	border-left: #037ecf 1px solid; 
	border-bottom: #037ecf 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff; 
	width: 166px
}

.form_button_small {
	border-right: #037ecf 1px solid; 
	border-top: #037ecf 1px solid; 
	font-size: 12px; 
	border-left: #037ecf 1px solid; 
	border-bottom: #037ecf 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff; 
	width: 100px
}

.zoekbutton {
	border-right: #037ecf 1px solid; 
	border-top: #037ecf 1px solid; 
	font-size: 12px; 
	border-left: #037ecf 1px solid; 
	border-bottom: #037ecf 1px solid; 
	font-family: tahoma, arial, sans-serif; 
	background-color: #539bcb; 
	color: #ffffff; 
	width: 30px; 
	height: 30px;
}


label {
	vertical-align: 3px;
	cursor: pointer;
}


hr {
	color: #333333;
	background-color: #333333;
	height: 1px;
}


#container {
	background: #ffffff url(../custom_img/style_tc91stadshagen_bg.gif) repeat-y;
	margin: 20px auto 0 auto;
	text-align: left;
	width: 890px;
	padding: 0;
	border: 1px solid #000000;
}


#banner {
	float: none;
	margin: 78px auto auto 390px;
	width: 468px;
	height: 60px;
	position: absolute;
	top: auto;
	right: auto;
}


#header {
	height: 74px;
	background: #ffffff url(../custom_img/style_tc91stadshagen_headerbg.gif) repeat-x;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header h1  {
	position: absolute;
	display: block;
	background: transparent url(../custom_img/style_tc91stadshagen_header.gif) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	font-size: 1px;
	width: 600px;
	height: 150px;
	padding: 0;
	margin: 0;
}


#header1 {
	height: 74px;
	background: #ffffff url(../custom_img/style_tc91stadshagen_headerbg.gif) repeat-x;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header1 h1  {
	position: absolute;
	display: block;
	background: transparent url(../custom_img/header2.gif) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	font-size: 1px;
	width: 200px;
	height: 110px;
	padding: 0;
	margin: 0;
}


#piramide1 h1  {
	position: absolute;
	right: 0px;
	display: block;
	background: transparent url(../custom_img/piramidelogo.gif) no-repeat;
	text-indent: -4000px;
	overflow: hidden;
	font-size: 1px;
	width: 386px;
	height: 68px;
	padding: 0;
	margin: 0;
}


#menu {
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 50px 0px 0px 0px;
	z-index: 15;
}

#piramidecompetitielogo {
	z-index: 45;
        position: relative;
        top: 325px;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	display: block;
}

#menu ul {
	list-style: none;
	width: 130px;
	position: absolute;
	border-top: 1px solid #4d96ca;
}	

#menu li {
	position: static;
	z-index: 10;
	border-bottom: 1px solid #4d96ca;
}

#menu li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 3px 3px 12px;
	background: #0068b3;
	width: 115px;
}

#menu li a:hover {
    text-decoration: none;
	background-color: #013d99;
	color: #ffffff;
}

#menu div.submenu {
	position: absolute;
	z-index: 99;
	display: block;
	visibility:hidden;
}



#hormenu {
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	z-index: 15;
	display: block;
}

#hormenu a:hover {
   text-decoration: none;
	background-color: #013d99;
	color: #ffffff;
}

#hormenu a {
	text-decoration: none;
	color: #ffffff;
	padding: 3px 12px 3px 12px;
	background: #0068b3;
	width: 120px;
}

#hormenu a.active {
	text-decoration: none;
	color: #ffffff;
	padding: 3px 12px 3px 12px;
	background: #539bcb;
	width: 120px;
}


#piramideoptions {
	position: absolute;
	text-align: right;
	background: transparent;
	width: 890px;
}

#piramideoptions {
	float: right;
	position: absolute;
	display: block;
	top: 17px;
	padding: 4px 0px 4px 0px;
	margin: 0 auto;
}

#piramideoptions p custom_img {
	vertical-align: middle;
	border: none;
	float: none;
	display: inline;
	margin: 0;
}

#piramideoptions p a {
	text-decoration: none;
	font-weight: bold;
}

#piramideoptions p {
	display: inline;
	padding: 8px 4px 4px 8px;
}


#content {
	width: 730px;
	margin: 10px 0 0 145px;
	line-height: 16px;
	height: 480px;
	z-index: 150;
}

#content h1 {
	font-family: arial, helvetica, sans-serif;
	margin: 12px 0 12px 0;
	font-size: 18px;
}

#content h2, #content table caption {
	font-family: arial, helvetica, sans-serif;
	color: #013d99;
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 4px 0;
	padding: 1px;
	border-bottom: 1px solid #cccccc;
}

#content table caption {
	text-align: left;
	padding: 0 0 4px 0;
}

#content h2.noline {	border-bottom: none; }

#content h3, #content h3 a {
	color: #013d99;
	font-size: 11px;
	font-weight: bold;
	margin: 8px 0 0 0;
}

#content .normal {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	border: none;
	float: none;
}

#content table {
	margin: 0 0 8px 0;
	border-collapse: collapse;
}

#content table table { margin: 0; }

#content td { vertical-align: top;}

#content div.hidden { display: none; }


#content1 {
	width: 730px;
	margin: 0 0 0 145px;
	line-height: 16px;
	z-index: 150;
}


#content2 {
	margin: 10px 10px 10px 10px;	
}


#left { display: none; }

#middle { margin: 25px 10px 10px 0px; }

#middleplus { margin: 10px 190px 10px 0px; }

#right {
	float: right;
	position: relative;
	width: 168px;
}


.autocomplete {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #037ecf;
	margin: 0px;
	padding: 0px;
}

.autocomplete ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

.autocomplete ul li.selected {
	background-color: #539bcb;
	color: #ffffff;
}

.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #037ecf;
	padding:1px;
	background-color: #ffffff;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}

#calendarDiv span,#calendarDiv img{
	float:left;
}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #e2ebed;		
	color: #e2ebed;
	position:relative;
}

#calendarDiv .selectBoxOver{
	border:1px solid #ffffff;
	background-color: #ffffff;
	color: #0068b3;
	position:relative;
}

#calendarDiv .selectBoxTime{
	border:1px solid #0068b3;		
	color: #0068b3;
	position:relative;
}

#calendarDiv .selectBoxTimeOver{
	border:1px solid #013d99;	
	color: #013d99;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #0068b3;
}

#calendarDiv .activeDay{	
	color:#ffffff;
	background-color: #0068b3;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #e2ebed;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}

#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #e2ebed;
	width:72px;
	color:#ffffff;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}

#calendarDiv .monthYearPicker{
	background-color: #e2ebed;
	border:1px solid #cccccc;
	position:absolute;
	color: #013d99;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}

#calendarDiv #monthSelect{
	width:70px;
}

#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}

#calendarDiv .monthYearActive{
	background-color:#013d99;
	color: #e2ebed;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}

#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}