body {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: small;
	color: black;
	}

/*
.body, td, th, a, h1, h2, h3, p, li, dd, dt {
	}
*/

/* --- For Debugging --- */

/* Todo: change all .inactive to .invisible */
.inactive, .invisible {
	visibility: hidden;
	position: absolute;
	top: -3000px;
	}


/* --- Some defaults --- */

a {
	color: black;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #B9121B;
	border: none;
	}


/* todo: huebscher */
a:focus img {

	outline: 1px solid gray;

}

img {
	border: none;
	}


sup.new {
  color: #D51414;
  margin: 0 0 0 -3px;
  font-size: 75%;
  vertical-align: top;
  }

em {
	font-style: normal;
	font-weight: bold;
}

/* --- General Layout --- */

body {  
  background: white;
	margin: 0 0 22px 0;
	padding: 0 0 0 30px;
	}

#outer-wrapper {
	width: 812px;
	float: left;
/*	background: transparent url('images/inter-portal-nav-background.gif') top left no-repeat; */
	}


/* --- Language Selector  --- */

div#language-selector {
  position: absolute;
/* wenn interportalnav flags an sind TODO neue klasse ..
  top: 29px;
*/
  top: 3px;
  left: 565px;
  float: right;
  width: 250px;
  }
div#language-selector ul {
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
	}
div#language-selector ul li {
  margin-left: 5px;
	float: right;  
  }
  
div#language-selector ul li a {
  font-size: 70%;
  color: #c1c4d1;
  font-weight: bold;
  }
div#language-selector ul li a:hover, div#language-selector ul li a:focus  {
  color: #d7d9e3;
  }
div#language-selector ul li a.isSelected {
  border-bottom: 1px dotted #c1c4d1;
  }



/* --- Inter portal navigation  --- */

#outer-wrapper.interportalnav {
	background: transparent url('images/inter-portal-nav-background.gif') top left no-repeat;
	}

ul#interportalnav-flags {
	float: left;
	height: 21px;
	margin: 2px 0 0 24px;
	padding: 0 0 0 0;
	list-style-type: none;
}
ul#interportalnav-flags li {
	margin: 0 9px 0 9px;
	padding: 0;
	width: 75px;
	float: left;
	text-align: left;
	vertical-align: top;
	border: 1px solid;
	border-top-color: white;
	border-right-color: #898a93;
	border-bottom-color: #898a93;
	border-left-color: white; 
	background: transparent url('images/inter-portal-nav-miniheader.gif') top right no-repeat;
}
ul#interportalnav-flags li.isSelected {
	background: transparent url('images/inter-portal-nav-miniheader_selected.gif') top right no-repeat;
	border-top-color: #ddd;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: #ddd;
  }

ul#interportalnav-flags li a {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  width: 75px;
  }
ul#interportalnav-flags li:focus {
  border-bottom-color: orange;
  }
ul#interportalnav-flags li img {
	border-color: #D3D3D3 rgb(128, 128, 128) rgb(128, 128, 128) rgb(211, 211, 211);
	border-style: solid;
	border-width: 0px;
  height: 11px;
  margin: 0;
  padding: 0;
  float: left;
}

/* --- Inter portal navigation  US mod --- */
#outer-wrapper.us {
	background: transparent url('images/inter-portal-nav-background-us.gif') top left no-repeat;
	}
ul#interportalnav-flags.us {
	height: 34px;
	padding: 2px 0 0 24px;
	margin: 0 0 0 0;
}
ul#interportalnav-flags.us li {
	margin: 0 9px 0 9px;
	display: inline;
	padding: 0;
	width: 132px;
	background: transparent url('images/inter-portal-nav-miniheader-us.gif') top right no-repeat;
}
ul#interportalnav-flags.us li.isSelected {
	background: transparent url('images/inter-portal-nav-miniheader-us_selected.gif') top right no-repeat;
  }

ul#interportalnav-flags.us li a {
	width: 132px;
  }
ul#interportalnav-flags.us li img {
  height: 24px;
}




a.interportalnav-left {
  width: 27px;
  height: 121px;
  float: left;
  background: transparent url('images/inter-portal-nav-left.gif') top left no-repeat;
  } 
a.interportalnav-left:hover, a.interportalnav-left:focus {
  background: transparent url('images/inter-portal-nav-left_over.gif') top left no-repeat;
  }
a.interportalnav-right {
  width: 23px;
  height: 121px;
  float: left;
  background: transparent url('images/inter-portal-nav-right.gif') top right no-repeat;
  } 
a.interportalnav-right:hover, a.interportalnav-right:focus {
  background: transparent url('images/inter-portal-nav-right_over.gif') top right no-repeat;
  }



/* --- Header --- */

#header-wrapper-top {
	float: left;
	margin: 0;
	padding: 6px 0 0 0;
	background: transparent url('images/title-shadow-top-right-left.gif') top left no-repeat;
	background-position: 21px 0px;
}

#header-wrapper {
	width: 812px;
	float: left;
	height: 130px;
	background: transparent url('images/title-shadow-bottom.gif') bottom left no-repeat;
	margin: 0;
	padding: 0 0 0 27px;
	}
#header-wrapper img {
	float: left;
	}	
	
#header {
	float: left;
	width: 758px;
	margin: 0;
	padding: 0;
	}

#header-title {
	float: left;
	width: 758px;
	background: orange;
	margin: 0;
	padding: 0;
	}
#header-title img {
	float: left;
	}
	
#menu {
	clear: left;
	float: left;
	width: 756px;
	height: 25px;
	padding: 0 0 0 2px;
	border-top: 3px solid #474a5a;
	border-bottom: 3px solid #474a5a;
	overflow: hidden;	
	}
	
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu ul li {
	float: left;
	}
#menu-right {
	float: right;
	}	

#menu ul li a {
	display: inline;
	float: left;
	line-height: 25px;
	text-decoration: none;
	margin: 0 4px 0 4px;
	font-size: 80%;
	font-weight: bold;
	}
	
#menu ul li a.isSelected {
	color: #B9121B;
	}

#menu-search {
	display: block;
	padding: 0;
	margin: 4px 5px 0 8px;
	}

#menu-search input {
	height: 14px;
	width: 88px;
	font-size: 90%;
	margin: 0 4px 0 0;
	padding: 0;
	border: 1px solid #7F9DB9;
	vertical-align: top;
	}

#menu-search button {
	vertical-align: top;
	height: 16px;
	font-size: 10px;
  color: #3F497C;
	background: #cdccdf url('images/button-background.gif') top repeat-x;
	border: 1px solid;
	border-top-color: #e5e7f9; 
	border-bottom-color: #b6b5cf; 
	border-right-color: #cecde0; 
	border-left-color: #e5e7f9; 
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
#menu-search button:hover, #menu-search button:focus {
  cursor: pointer;
  border: 1px solid orange;
  }


/* --- Body --- */

div.body-wrapper {
	float: left;
	background: white url('images/body-background.gif') left repeat-y;
	display: inline;
	}
	
div.content {
	float: left;
	margin: 0 27px 0px 27px;
	display: inline;
	width: 758px;
	background: transparent url('images/content-background.gif') top left no-repeat;
	}
	
div.col1 {
	float: left;
	clear: both;
	width: 498px;	
	margin: 13px 0 0 12px;
	display: inline;
	}
	
div.col2 {
	float: right;
	width: 248px;
	margin: 13px 0 0 0;
	}


/* --- boxes --- */

/* --- 1 --- */

div.box1 {
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	padding: 0 0 15px 0;
	}
	
div.box1 dl {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url('images/box-title-left.gif') top left no-repeat;
	}
div.box1 dl.selected1 {
	background: transparent url('images/box-2titles-left_1.gif') top left no-repeat;
	}
div.box1 dl.selected2 {
	background: transparent url('images/box-2titles-left_2.gif') top left no-repeat;
	}
	
div.box1 dl dt {
	float: left;
	height: 21px;
	line-height: 20px;
	background: transparent url('images/box-title-right.gif') top right no-repeat;
	color: #ECEDF2;
	margin: 0 0 0 1px;
	display: inline;
	padding: 0 28px 0 3px;
	font-size: 90%;
	}
div.box1 dl dt.title2 {
	margin-left: 0;
	}
div.box1 dl.selected1 dt.title1 {
	background: transparent url('images/box-2titles-middle_1.gif') top right no-repeat;
	}
div.box1 dl.selected1 dt.title2 {
	background: transparent url('images/box-2titles-right_1.gif') top right no-repeat;
	}
div.box1 dl.selected2 dt.title1 {
	background: transparent url('images/box-2titles-middle_2.gif') top right no-repeat;
	}
div.box1 dl.selected2 dt.title2 {
	background: transparent url('images/box-2titles-right_2.gif') top right no-repeat;
	}

div.box1 dl dt a {
	color: #ECEDF2;
	}
div.box1 dl dt.title2 a {
	color: #FCF0DA;
	}
div.box1 dl dt a:hover, div.box1 dl dt a:focus {
  color: white;
  }


div.box1 dl dd {
	clear: left;
	float: left;
	width: 455px;
	background-color: white;
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding: 10px 14px 20px 15px;
	border-right: 1px solid #D6C28E;
	border-bottom: 1px solid #D6C28E;
	}
	
/* --- 2 --- */

div.box2 {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	}
	
div.box2 dl {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url('images/box-title-left.gif') top left no-repeat;
	}

div.box2 dl dt {
	float: left;
	height: 21px;
	line-height: 20px;
	background: transparent url('images/box-title-right.gif') top right no-repeat;
	color: #ECEDF2;
	margin: 0 0 0 2px;
	display: inline;
	padding: 0 25px 0 3px;
	font-size: 90%;
	}

div.box2 dl dd {
	clear: left;
	float: left;
	width: 223px;
	margin: 0;
	background-color: #FDF6E7;
	background-image: url('images/box-flag.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 10px 5px 25px 8px;
	border-right: 1px solid #D6C28E;
	border-bottom: 1px solid #D6C28E;
	}
	


/* --- CONTENT --- */

p {
	margin: 5px 0 5px 0;
	padding: 0;
	}

ul.linkList {
	margin: 3px 0 3px 0;
	padding: 0;
	list-style-type: none;
	}
ul.linkList li {
	margin: 2px 0 2px 0;
	padding: 0;
	}
ul.linkList li a {
	text-decoration: none;
	color: #3F497C;
	background: transparent url('images/icon-link-small.gif') left 60% no-repeat;
	padding-left: 10px;
	}
ul.linkList li a:hover, ul.linkList li a:focus {
	color: #CD7D00;
	background: transparent url('images/icon-link-small_over.gif') left 60% no-repeat;
	}

ul.fileList {
	margin: 3px 0 3px 0;
	padding: 0;
	list-style-type: none;
	}
ul.fileList li {
	margin: 8px 0 8px 0;
	padding: 0;
	display: block;
	}
ul.fileList li a {
	text-decoration: none;
	color: #3F497C;
	padding-left: 18px;
	}
ul.fileList li a:hover, ul.fileList li a:focus {
	color: #CD7D00;
	}
ul.fileList li a.audio {
	background: transparent url('images/icon-doctype-audio-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.audio:hover, ul.fileList li a.audio:focus {
	background: transparent url('images/icon-doctype-audio-small_over.gif') left 60% no-repeat;
	}

/* todo eigenes logo */
ul.fileList li a.podcast {
	background: transparent url('images/icon-doctype-audio-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.podcast:hover, ul.fileList li a.podcast:focus {
	background: transparent url('images/icon-doctype-audio-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.pdf {
	background: transparent url('images/icon-doctype-pdf-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.pdf:hover, ul.fileList li a.pdf:focus {
	background: transparent url('images/icon-doctype-pdf-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.video {
	background: transparent url('images/icon-doctype-video-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.video:hover, ul.fileList li a.video:focus {
	background: transparent url('images/icon-doctype-video-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.text {
	background: transparent url('images/icon-doctype-text-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.text:hover, ul.fileList li a.text:focus {
	background: transparent url('images/icon-doctype-text-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.rss {
	background: transparent url('images/icon-doctype-rss-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.rss:hover, ul.fileList li a.rss:focus {
	background: transparent url('images/icon-doctype-rss-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.podcast-v {
	background: transparent url('images/icon-doctype-podcast-v-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.podcast-v:hover, ul.fileList li a.podcast-v:focus {
	background: transparent url('images/icon-doctype-podcast-v-small_over.gif') left 60% no-repeat;
	}
ul.fileList li a.podcast-a {
	background: transparent url('images/icon-doctype-podcast-a-small.gif') left 60%  no-repeat;
	}
ul.fileList li a.podcast-a:hover, ul.fileList li a.podcast-v:focus {
	background: transparent url('images/icon-doctype-podcast-a-small_over.gif') left 60% no-repeat;
	}


p a, p a:hover, label a, label a:hover {
  border-bottom: 1px dotted #CD7D00;
  }
a.noUnderLine, a.noUnderLine:hover {
  border-bottom: none;
  }
a.nav {
	float: right;
	clear: both;
	display: inline;
	margin: 5px 5px 0 0;
  padding: 0 0 5px 10px;
	color: #3F497C;
	background: transparent url('images/icon-link-small.gif') left 40% no-repeat;
	text-decoration: none;
	font-weight: bold;
	}
a.nav:hover, a.nav:focus {
	color: #CD7D00;
	background: transparent url('images/icon-link-small_over.gif') left 60% no-repeat;
	}

/* todo fix fuer ie
matcht noch auf allen seiten 
dd.content-text {
  min-height: 300px;
}*/
dd.content-text h1 {
  font-size: 106%;
  margin: 0 0 0 0;
  padding: 4px 0 0 0;
  color: #333333;
  }
dd.content-text h1.doctype {  
  padding-left: 55px;
  }
dd.content-text h2 {
  font-size: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
  color: #333333;
  }
dd.content-text h2.doctype {
  margin: 1px 0 0 0;
  padding-left: 55px;  
  color: black;
  font-size: 95%;
  }
dd.content-text h3 {
  font-size: 95%;
  margin: 8px 0 5px 0;
  padding: 0;
  font-weight: bold;
  color: #333333;
  }
dd.content-text h3.doctype {
  margin: 1px 0 16px 0;
  padding: 0 0 0 55px;
  font-weight: normal;
  font-size: 95%;
  color: black;
  }
dd.content-text img.doctype {
  float: left;
  display: inline;
  margin: 9px 0 0 7px;
  }
dd.content-text p.date {
  text-align: right;
  margin: -20px 2px 6px 0;
  padding: 0; 
  }

dd.content-text .media {
  margin-top: 1em;
  margin-bottom: 1em;
  }

/* --- Vote --- */

div.vote {
  clear: both;
  margin: 25px 0 0 0;
  min-height: 90px;
  }
div.vote ul {
  float: left;
  height: 56px;
  margin: 10px -10px 0 0;
  padding: 0;
  background: transparent url('images/vote-buttons-background.gif') top left no-repeat;
  }
div.vote ul li {
  float: left;
  width: 93px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
div.vote ul li a {
  float: left;
  width: 74px;
  height: 45px;
  line-height: 45px;
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  padding: 8px 0 0 0;
  text-decoration: none;
  font-size: 80%;
  font-weight: bold;
  color: #3F497C;
  }
div.vote ul li.vote-button-1 a {
  background: transparent url('images/vote-button-1.gif') top left no-repeat;
  }
div.vote ul li.vote-button-2 a {
  background: transparent url('images/vote-button-2.gif') top left no-repeat;
  }
div.vote ul li.vote-button-3 a {
  background: transparent url('images/vote-button-3.gif') top left no-repeat;
  }
div.vote ul li.vote-button-4 a {
  background: transparent url('images/vote-button-4.gif') top left no-repeat;
  }
div.vote ul li.vote-button-5 a {
  background: transparent url('images/vote-button-5.gif') top left no-repeat;
  }
div.vote ul li a:hover, div.vote ul li a:focus {
  color: #CD7D00;
  }  
div.vote ul li.vote-button-1 a:hover, div.vote ul li.vote-button-1 a:focus {
  background: transparent url('images/vote-button-1_over.gif') top left no-repeat;
  }
div.vote ul li.vote-button-2 a:hover, div.vote ul li.vote-button-2 a:focus {
  background: transparent url('images/vote-button-2_over.gif') top left no-repeat;
  }
div.vote ul li.vote-button-3 a:hover, div.vote ul li.vote-button-3 a:focus {
  background: transparent url('images/vote-button-3_over.gif') top left no-repeat;
  }
div.vote ul li.vote-button-4 a:hover, div.vote ul li.vote-button-4 a:focus {
  background: transparent url('images/vote-button-4_over.gif') top left no-repeat;
  }
div.vote ul li.vote-button-5 a:hover, div.vote ul li.vote-button-5 a:focus {
  background: transparent url('images/vote-button-5_over.gif') top left no-repeat;
  }

/* --- Home --- */

div.col1.home {
	background: transparent url('images/home-col1-background.gif') top left no-repeat;	
	
/* feste hoehe laesst die trailer-box darunter aus dem design fliessen
	height: 420px;
*/
	margin: 0 0 5px 0;
	padding: 0 5px 0 0;
	}

div.col1.home ul {
	float: left;
	margin: 0;
	padding: 35px 9px 5px 19px;
	list-style-type: none;
	}

div.col1.home ul li {
	margin: 0;
	padding: 0;
	float: left;
	}	
div.col1.home ul li.home-btn-small {
	float: left;
	}
div.col1.home ul #home-btn2, div.col1.home ul #home-btn2-alt {
	float: right;
	}
div.col1.home ul #home-btn3, div.col1.home ul #home-btn3-alt {
	margin-top: 19px;
	}

div.col1.home ul #home-btn1-alt a, div.col1.home ul #home-btn2-alt a {
	background-image: url('images/home-col1-btn-small-background_hint.gif');
	}
div.col1.home ul #home-btn1-alt a span, div.col1.home ul #home-btn2-alt a span {
	color: white;
	}
div.col1.home ul #home-btn3-alt a {
	background-image: url('images/home-col1-btn-large-background_hint.gif');
	}
div.col1.home ul #home-btn3-alt a span {
	color: white;
	}

div.col1.home ul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	overflow: hidden;
	}	
div.col1.home ul li.home-btn-small a {
	width: 226px;
	height: 174px;
	background: transparent url('images/home-col1-btn-small-background.gif') no-repeat top left;
	}
div.col1.home ul li.home-btn-small a:hover, div.col1.home ul li.home-btn-small a:focus {
	background: transparent url('images/home-col1-btn-small-background_over.gif') no-repeat top left;
	}
div.col1.home ul li.home-btn-large a {
	clear: left;
	width: 471px;
	height: 174px;
	background: transparent url('images/home-col1-btn-large-background.gif') no-repeat top left;
	}
div.col1.home ul li.home-btn-large a:hover, div.col1.home ul li.home-btn-large a:focus {
	background: transparent url('images/home-col1-btn-large-background_over.gif') no-repeat top left;
	}
	
div.col1.home ul li a span.header {
	display: block;
	margin: 0;
	padding: 25px 20px 0 20px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	color: #3F497C;
	}
div.col1.home ul li a:hover span.header, div.col1.home ul li a:focus span.header {
	color: #CD7D00;
	}

div.col1.home ul li a span.body {
	display: block;
	margin: 0;
	padding: 15px 15px 0 15px;
	color: #3F497C;
	font-size: 105%;
	}	
div.col1.home ul li a:hover span.body, div.col1.home ul li a:focus span.body {
	color: #CD7D00;
	}
	

/* --- 2-column layout (imprint, forms) --- */
				
div.twocols {
  margin: 10px 0 0 0;
  float: left;
  display: inline;
  }
  
div.twocols h2, div.twocols p {
  float: left;
  margin: 10px 0;
  padding: 0;
  }
div.twocols h2 {
  width: 140px;
  clear: both;
  font-weight: bold;
  padding: 0 10px 0 0;
  }
div.twocols p {
  width: 300px;
  display: inline;
  }




/* --- Tabs --- */

/* Week */

div.tabs {
	float: left;
	margin: 0 27px 0px 27px;
	display: inline;
	width: 758px;
	}

div.tabs dl.week {
	float: left;
	width: 758px;
	height: 20px;
	line-height: 20px;
	border-bottom: 2px solid white;
	margin: 0;
	padding: 0;
	background: #3F497C;
	}

div.tabs dl.week dt {
	float: left;
	width: 107px;
	margin: 0;
	padding: 0 0 0 4px;
	color: #C6C7D6;
	font-size: 85%;
	}
	
div.tabs dl.week dd {
	float: left;
	margin: 0;
	padding: 0;
	}
	
/* preset calendar and nav: */

div.tabs dl.week dd ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
div.tabs dl.week dd ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
div.tabs dl.week dd ul li a {
	float: left;
	margin: 0;
	padding: 0;
	}

div.tabs dl.week dd.calendar ul li {
	width: 68px;
	}

div.tabs dl.week dd.calendar ul li a {
	margin: 0 0 0 3px;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-size: 75%;
	font-weight: normal;
	color: white;
	}
div.tabs dl.week dd.calendar ul li.isSelected {
	background: transparent url('images/tab-week-marker-left.gif') top left no-repeat;
	}
div.tabs dl.week dd.calendar ul li a:hover, div.tabs dl.week dd.calendar ul li a:focus {
	background: #525B89;
	}
div.tabs dl.week dd.calendar ul li.isSelected a, div.tabs dl.week dd.calendar ul li.isSelected a:hover, div.tabs dl.week dd.calendar ul li.isSelected a:focus {
	background: #656D96 url('images/tab-week-marker-right.gif') top right no-repeat;
	line-height: 20px;
	margin: 0 0 0 3px;
	padding: 0 7px 0 2px;
	}
	
/* --- nav buttons --- */
div.tabs dl.week dd.nav ul li {
	width: 10px;
	}
div.tabs dl.week dd.nav ul li a img  {
	float: left;
	margin-top: 6px;
	background: #DBDCE6;
	}
div.tabs dl.week dd.nav ul li a:hover img, div.tabs dl.week dd.nav ul li a:focus img {
  background: #FDF3DD;
	}
	
div.tabs dl.week dd.year {
	float: right;
	width: 48px;
	margin: 0;
	padding: 0 4px 0 0;
	color: #C6C7D6;
	font-size: 85%;
	text-align: right;
	}
	
/* Day */

div.tabs dl.day {
	float: left;
	width: 758px;
	height: 22px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: #C6C7D6 url('images/tab-day-background.gif') top left repeat-x;
	}

div.tabs dl.day dt {
	float: left;
	width: 112px;
	margin: 0;
	padding: 0 0 0 4px;
	color: #282E4C;
	font-size: 85%;
	}
	
div.tabs dl.day dd {
	float: left;
	margin: 0;
	padding: 0;
	}

div.tabs dl.day dd ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
div.tabs dl.day dd ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
div.tabs dl.day dd ul li a, div.tabs dl.day dd ul li span {
	float: left;
	width: 96px;
	height: 22px;
	line-height: 22px;
	background: transparent url('images/tab-day-header-background.gif') bottom left no-repeat;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
	font-size: 75%;
	font-weight: normal;
	color: #ECEDF2;
	}
div.tabs dl.day dd ul li span {
	color: #3F497C;
	}
div.tabs dl.day dd ul li a:hover, div.tabs dl.day dd ul li a:focus {
	color: white;
  }
div.tabs dl.day dd ul li.isSelected a {
	background: transparent url('images/tab-day-header-background_selected.gif') bottom left no-repeat;
	color: #561700;
	}				
				

/* --- Footer --- */

#footer-wrapper {
	float: left;
	background: white url('images/footer-edge.gif') top left repeat-y;
	display: inline;
	padding: 9px 27px 6px 27px;
	}
	
#footer-wrapper ul {
	float: left;
	display: inline;
	width: 758px;
	height: 21px;
	background: white url('images/footer-background.jpg') top left no-repeat;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#footer-wrapper li {
	float: left;
	margin: 0;
	padding: 0;

	font-size: 75%;
	color: #ccc;
	}
	
#footer-wrapper li.right {
	float: right;
	}

#footer-wrapper li a {
	line-height: 21px;
	margin: 0 4px 0 4px;
	text-decoration: none;
	font-weight: normal;
	color: #ccc;
	}
	
.floatright {
	float: right;
	}


/* formulars with legends, labels and inputs */

div.box1 form {
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	}

div.box1 form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}

div.box1 form fieldset legend {
	color: red;
	font-weight: bold;
	}

div.box1 form label, div.box1 form input, div.box1 form textarea, div.box1 form select, div.box1 form button {
	float: left;
	margin: 10px 0;
	padding: 0;
	display: inline;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: small;
	}


div.box1 form input, div.box1 form textarea {
	width: 294px;
	border: 1px solid #7F9DB9;
	padding: 1px 3px;
	}
div.box1 form select {
	width: 302px;
	border: 1px solid #7F9DB9;
  }
div.box1 form select option {
  border: none;
  }
div.box1 form input, div.box1 form textarea {
  color: #222a5a;
  }
div.box1 form label {
	width: 145px;
	padding-right: 5px;
	clear: both;
	font-weight: normal;
	}
div.box1 form label.mandatory {
/*  background: transparent url('images/icon-mandatory.gif') top right no-repeat; */
	}
div.box1 form textarea {
	height: 150px;
	}
div.box1 form input.checkbox {
  width: auto;
  margin-left: 2px;
  clear: left;
  border: none;
  }
div.box1 form input.hidden {
	border: none;
}

/* variation for wide legend texts, control moves to 2nd line then. */
div.box1 form fieldset.wide label {
  width: 447px;
  margin-bottom: 0;
  }
div.box1 form fieldset.wide textarea, div.box1 form fieldset.wide input {
  margin-top: 7px;
  margin-left: 150px;
  }


div.box1 form button {
	text-align: center;
	height: 20px;
	vertical-align: middle;
	clear: left;
  margin: 0 0 0 150px;
	padding: 0;
	background: #cdccdf url('images/button-background.gif') top repeat-x;
	border: 1px solid;
	width: 150px;
	border-top-color: #e5e7f9; 
	border-bottom-color: #b6b5cf; 
	border-right-color: #cecde0; 
	border-left-color: #e5e7f9; 
  font-size: 80%;
  font-weight: bold;
  color: #3F497C;
	}
div.box1 form button:hover, div.box1 form button:focus {
  cursor: pointer;
  border: 1px solid orange;
  }
  
div.box1 form img#loading, div.box2 form img#loading {
  visibility: hidden;
  float: left;
  margin-left: 7px;
  }


/* comments */
ul.comments {
	list-style: none;
	padding: 0;
	}
ul.comments li {
	margin: 0 0 1em 0;
	padding: 8px;
	border-top: 1px solid #D6C28E;
	border-bottom: 1px solid #D6C28E;
	}
ul.comments li.alt {
	background-color: #FDF6E7;
	}
ul.comments li h2 {
	font-size: 80%;
	}
form fieldset#error {
	color: red;
}


div.box2 form {
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	}

div.box2 form label, div.box2 form input, div.box2 form textarea, div.box2 form select, div.box2 form button {
	float: left;
	margin: 10px 0;
	padding: 0;
	display: inline;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: small;
	}
div.box2 form input, div.box2 form textarea {
	width: 150px;
	border: 1px solid #7F9DB9;
	padding: 1px 3px;
	}
div.box2 form input, div.box2 form textarea {
  color: #222a5a;
  }
div.box2 form label {
	width: 45px;
	padding-right: 5px;
	clear: both;
	font-weight: normal;
	}
div.box2 form button {
	text-align: center;
	height: 20px;
	vertical-align: middle;
	clear: left;
  margin: 0 0 0 50px;
	padding: 0;
	background: #cdccdf url('images/button-background.gif') top repeat-x;
	border: 1px solid;
	width: 100px;
	border-top-color: #e5e7f9; 
	border-bottom-color: #b6b5cf; 
	border-right-color: #cecde0; 
	border-left-color: #e5e7f9; 
  font-size: 80%;
  font-weight: bold;
  color: #3F497C;
	}
div.box2 form button:hover, div.box2 form button:focus {
  cursor: pointer;
  border: 1px solid orange;
  }
div.box2 form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}


/*

div.box1 form select {
	width: 302px;
	border: 1px solid #7F9DB9;
  }
div.box1 form select option {
  border: none;
  }
div.box1 form textarea {
	height: 150px;
	}
div.box1 form input.checkbox {
  width: auto;
  margin-left: 2px;
  clear: left;
  border: none;
  }
div.box1 form input.hidden {
	border: none;
}


*/