/* main block */

.centerall {
	margin: 0px auto 0px auto;
}

html, body
{
  	height: 100%;
}

body 
{
  	text-align: center;
	padding:0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	font:0.75em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	height: 100%;
}

#holder 
{
  padding:0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  width: 940px;
  position: relative;
  min-height: 100%;
  height: 100%;
  text-align: left;
  background: #EA8119;
}

/* also in stijl_ie.css! */
/* CMSC-598 DISABLED THIS PART BECAUSE IT BREAKS THE INLINE EDITORS, (which of course sucks)
ul 
{
  padding-left: 0px;
  margin-left: 12px;
}


.left {
  float: left;
}

.right {
  float: right;
}
*/
.clear{
	clear: both;
}

.hidden
{
  display: none;
}

a.readon
{
  display: block;
}

a 
{
  color: #000000;
  text-decoration: none;
}

a:hover 
{
  text-decoration: underline;
}

a img 
{
  border: 0 none;
}

.space {
	padding-left: 7px;
	padding-right: 7px;
}

/* whitelines */

.whiteline {
	height: 7px;
}

.divider {
	height: 35px;
}

.divider2 {
	height: 25px;
}

.divider3 {
	height: 18px;
}

.divider4 {
	height: 15px;
}

.divider5 {
	height: 10px;
}

/* divider */

.divider_gray {
	height: 37px;
	background: transparent url(../gfx/divider_gray.gif) repeat-x 0 0;
}

.divider_white {
	height: 20px;
	background: transparent url(../gfx/divider_white.gif) repeat-x 0 0;
}

.divider_brown {
	height: 20px;
	background: transparent url(../gfx/divider_brown.gif) repeat-x 0 0;
}

/* list */

.list .date {
	font-weight: bold;
	color: #000;
	float: left;
	width: 110px;
}

.list .content {
	float: left;
	display: block;
	width: 415px; /* +- column width - 'date-width' */
}

.list li
{
	list-style: none;
	list-style-image: none;
}

/* top_img */

.top_left {
	width: 50%;
	background-color: #EA8119;
	float: left;
}

.top_left img {
	margin-left: 8px;
	margin-top: 4px
}

.top_right {
	float:right;
 	width:50%;
	background: url(../images/bg_grey.gif);
	padding-bottom: 54px;
}

.contact {
	float: right;
	right: 15px;
	padding: 20px;
	top: 0px;
	width: 80px;
	text-align: center;
	font-size: 14px;
}

/* site_menu */

#menu {
	color: #fff;
	font-weight: bold;
	margin: auto;
	width:940px;
	height:39px;
}

#menu .center {
	top:50%;
	left:50%;
	margin: auto;
}

#menu ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	text-align:center;
}

#menu li {
	display: block;
	height: 39px;
	float: left;
}

/* main */

#breadcrumb {
	width: 898px;
	padding-left: 42px;
	color: #100091;
	border-bottom: thin;
	border-bottom-color: black;
	border-bottom-style: solid;	
}

#breadcrumb a {
	color: #100091;
}

#leftmenu {
	width: 170px;
	float: left;
	background-color: #100091;
	height: 100%;
}

#main-photo {
	width: 275px;
	float: left;
 	height: 100%;		
}

/* nav_columm1 */

#navleft {
	width: 170px;
	color: #fff;
	font-weight: bold;
}

#navleft a 
{
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 22px;
  display: block;
  width: inherit;
  margin: auto;
  padding-top: 3px;
  padding-left: 11px;
  color: #fff;
}

#navleft a:hover,
#navleft .sub a:hover
{
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#navleft .selected a,
#navleft a:active,
#navleft a:focus,
#navleft .selected a:hover,
#navleft .sub.selected a:hover
{
  background-repeat: no-repeat;
  background-position: 0 0;
}

#navleft .sub a 
{
  background-repeat: no-repeat;
  background-position: 0 0;
  font-weight: normal;
  padding-left: 20px;
}

#navleft .sub.selected a,
#navleft .sub a:active,
#navleft .sub a:focus
{
  background-repeat: no-repeat;
  background-position: 0 0;
  font-weight: bold;
}

/* textstyle */
.body a, .intro a
{
  text-decoration: underline;
}

div.heading {
	height: 100%;
	margin: 6px;
}

.heading h2 {
	font-size: 1.6em;
}

.content {
	margin: 6px;
	height: 100%;
}

.content h1 {
	margin: 0;
	font-size: 1.3em;
	color: #000;
}

.content h2 {
	margin: 0;
	font-size: 1.1em;
	color: #000;
}

.content h3 {
	margin: 0;
	font-size: 1.2em;
	color: #000;
}

.content p {
	margin: 0;
}

.content p.intro
{
  margin-bottom: 1em;
}

.content ul li {
	margin-left: 12px;
	list-style: disc;
}

/* inline images (this does not work in IE6-) */
.inline-left
{
  margin: 0px 20px 20px 0px;
}

.inline-right
{
  margin: 0px 0px 20px 20px;
}

.content .quote {
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 0.8em;
	line-height: normal;
}

.content .eventinfo {
	color: #c5c5c5;
}

.content h1 a {
	color: #000;
	padding: 0;
}

.content h2 a {
	color: #000;
	padding: 0;
}

/* links */

.linklist {
	margin-left: 0;
	margin: 0px 0px 20px 0px;
}

.linklist h2 {
	padding: 0 0 7px 0;
}

.linklist ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.linklist ul li
{
  margin-bottom: 3px;
}

.itemlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.itemlist ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.itemlist li {
	list-style: none;
}

.itemlist ul li {
	list-style: none;
}

/* photowrapper newslist */
.photowrapper {
  width: 220px;
}

/* block_column3 */

.block {
	background: #eaeaea url(../gfx/block_bg.gif) repeat-x 0 0;
	padding-bottom: 25px;
}

.block .item {
	width: inherit;
	padding: 10px 10px 0 10px;
}

.block .center {
	top:50%;
	left:50%;
	margin: auto;
}

.block h1 {
	font-weight: normal;
}

.gallery-list-item {
	float: left;
	margin: 12px;
	text-align: left; 
	width: 146px;
}

.gallery-list-caption {
	overflow: hidden;		
}

.gallery-detail-navigation {
	list-style: none;	
}

/* footer */

#footer_left {
	width: 50%;
	height: 35px;
	float: left;
}

#footer_right {
	width: 50%;
	height: 35px;
	float: right;
}

#light_blue {
	background-color: #360ED0;
	width: 170px;
	height: 60px;
	float: left;
}

/* checklists */

.checklist {
  list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.checklist label {
    display: block;
    text-indent: -25px;
}

#form
{
  background: #eaeaea url(../gfx/block_bg.gif) repeat-x 0 0;
  min-height: 300px;
  padding: 0px 0px 20px 0px;
}

#form form
{
  margin: 0;
  padding: 10px 0px 0px 0px;
}

#form .titel
{
  color: #000;
  font-weight: bold;
  font-size: 1.25em;
  padding: 10px;
  border-bottom: 1px solid white;
}

#form label
{
  text-align: right;
  font-weight: bold;
  float: left;
  display: block;
  width: 151px;
  padding-right: 20px;
  padding-bottom: 8px;
}

#form input,
#form select,
#form textarea
{
  border: 1px solid #eaeaea;
  float: left;
  width: 190px;
}

#form input,
#form textarea
{
  width: 190px;
}


#form select
{
  width: 192px;
}
#form input.validation-error,
#form select.validation-error,
#form textarea.validation-error,
#form select.validation-error
{
  border-width: 1px;
  border-color: red;
}

#form .button
{
  margin-left: 230px;
  margin-top: 20px;
  width: 130px;
  height: 24px;
}

#form .button input.button
{
  display: block;
  height: 24px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding-top: 3px;
  text-align: center;
  width: 100%;
}

#form a.tt
{ 
  position: relative; 
  left: 5px;
  text-decoration: none; 
  z-index: 65; 
}

#form a.tt span
{
  display: none;
}

#form a.tt:hover
{ 
  z-index: 66;
  background-color: transparent; /* for some reason IE6 needs this statement?? */
}

#form a.tt:hover span
{ 
  display: block; 
  border: 1px solid #c1c1c1; 
  background-color: #959595; 
  color: #fff; 
  font-weight: normal;
  padding: 5px; 
  position: absolute; 
  top: 25px;
  left: 15px; 
  width: 130px;
}

#form a.tt:hover span strong.label
{ 
  display: block;
  color: #000;
}