/* Begin FF-Hack: Scrollbar immer anzeigen */

html
{
	overflow-y: scroll;
}

/* End FF-Hack */




/*----------------------------------------------------------------------*/



/* Begin Box Layout */




body
{
	text-align: center;
	background-color: #f2f2f2;
	font-size: 100%;
}

#container
{
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#header
{
	float: left;
	width: 980px;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

#top
{
	float: left;
	clear: both;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

#logo
{
	float: left;
	width: 423px;
	height: 266px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_logo.gif);
	background-repeat: no-repeat;
}


#citation
{
	float: left;
	width: 293px;
	height: 266px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg-citation.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#teaser
{
	float: left;
	width: 264px;
	height: 266px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_teaser.gif);
	background-repeat: no-repeat;
}

#main_outer
{
	float: left;
	clear: both;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

#main_inner
{
	float: left;
	width: 716px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_main.gif);
	overflow: hidden;
}


#main_top
{
	float: left;
	width: 716px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_main_top.gif);
	background-repeat: no-repeat;
}

#breadcrumb
{
	padding-top: 10px;
	padding-left: 239px;
}

#menu
{
	float: left;
	clear: both;
	width: 206px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
}

#content
{
	float: left;
	margin: 0px;
	padding: 0px 32px 0px 30px;
	width: 445px;
}
#main_bottom
{
	float: left;
	clear: both;
	width: 716px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_main_bottom.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}


#myExperience:focus
{
	-moz-outline-style: none;
}

a
{
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}


#infobox
{
	float: left;
	width: 264px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_infobox.gif);
}

#infobox_top
{
	float: left;
	width: 264px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_infobox_top.gif);
	background-repeat: no-repeat;
}

#infobox_notes
{
	float: left;
	clear: both;
	width: 238px;
	margin: 0px;
	padding: 1px 0px 0px 11px;
	overflow: hidden;
}

#infobox_line
{
	float: left;
	clear: both;
	width: 238px;
	margin: 0px;
	padding: 0px 0px 0px 11px;
}

#infobox_info
{
	float: left;
	clear: both;
	width: 238px;
	margin: 0px;
	padding: 0px 0px 0px 11px;
}

#infobox_bottom
{
	float: left;
	clear: both;
	width: 264px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Symposium/s-bg_infobox_bottom.gif);
	background-repeat: no-repeat;
}

#footer
{
	float: left;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

/* End Box Layout */

/*----------------------------------------------------------------------*/


/* Begin Menu Layout */




ul.menu, li.menu
{
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

.menu_level1, .menu_level2, .menu_level3, .menu_level1_on, .menu_level2_on, .menu_level3_on
{
	float: left;
	clear: both;
	margin: 0px;
	padding: 1px 0px 2px 0px;
	border: none;
	border-bottom: solid 1px #ececec;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	text-decoration: none;
	cursor: pointer;
}

.menu_level1, .menu_level1_on
{
	padding-left: 10px;
	width: 196px;
}

.menu_level2, .menu_level2_on
{
	padding-left: 18px;
	width: 188px;
}

.menu_level3, .menu_level3_on
{
	padding-left: 30px;
	width: 176px;
}

.menu_level1_on
{
	color: #004189;
}

.menu_on
{
	color: #004189;
	background-color: #f0f0f0;
}

.menu_level1:hover, .menu_level1_on:hover
{
	color: #004189;
	background-color: #f5f5f5;
}

.menu_level2_on
{
	color: #004189;
}

.menu_level2:hover, .menu_level2_on:hover
{
	color: #004189;
	background-color: #f5f5f5;
}

.menu_level3_on
{
	color: #004189;
}

.menu_level3:hover, .menu_level3_on:hover
{
	color: #004189;
	background-color: #f5f5f5;
}


/* End Menu Layout */

/*----------------------------------------------------------------------*/


/* Begin Sitemap Layout */




ul.sitemap, li.sitemap
{
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sitemap_level1, .sitemap_level2, .sitemap_level3
{
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #004189;
	font-size: 0.75em;
	text-decoration: none;
}

.sitemap_level1:hover, .sitemap_level2:hover, .sitemap_level3:hover
{
	text-decoration: underline;
}

.sitemap_level1
{
	margin: 8px 5px 0px 0px;
	font-size: 0.85em;
	font-weight: bold;
}

.sitemap_level2
{
	margin: 4px 5px 0px 15px;
	font-weight: bold;
}

.sitemap_level3
{
	margin-left: 30px;
}



/* End Sitemap Layout */


/*----------------------------------------------------------------------*/

/* Begin Font Layout */



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

/*	wird nachfolgend durch div#content.... ersetzt */
.black
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;

}

.black a
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004189;
	text-decoration: none;
}

.black a:hover
{
	text-decoration: underline;
}

/* Formatierung Picture-Navigation*/

.white_grey {
	margin: 0px;
	padding: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	font-size: 12px;
	}	

.white_grey a	{
	margin: 0px;
	padding: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	text-decoration:none;
	}
	
.white_grey a:visited	{
	margin: 0px;
	padding: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	text-decoration:none;
	}
	
.white_grey a:hover	{
	text-decoration: underline;
         color: #ffffff;
	}
	
.white_grey a:active	{
	text-decoration:none;
	}
	
.h2_picnav {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	font-size: 14px;
	font-weight: bold;
	}

.h2_picnav a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	font-weight: bold;
	text-decoration: none;
	}
	
.h2_picnav a:hover {
	text-decoration: underline;
        color: #ffffff;
	}

/* NEU : picturenav-formatierung*/

div#picturenav a
{
	color: #FFFFFF;
	text-decoration: none;
}
div#picturenav a:hover
{
        color: #FFFFFF;
	text-decoration: underline;
}



/* NEU : content-formatierung*/
div#content
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.75em;
}
div#content a
{
	color: #004189;
	text-decoration: none;
}
div#content a:hover
{
	text-decoration: underline;
}


div#content h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}

div#content h1
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 19px;
}

div#content h3
{
	margin: 8px 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
        font-weight: bold;
}

div#content ul.simpleList1
{
	width: 200px;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
div#content ul.simpleList1 li
{
	width: 190px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	clear: both;
}

/* NEU : content-mc-formatierung*/
div#content_mc_new
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.75em;
}
div#content_mc_new a
{
	color: #004189;
	text-decoration: none;
}
div#content_mc_new a:hover
{
	text-decoration: underline;
}
div#content_mc_new h1, div#content_mc_new h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 19px;
}
div#content_mc_new ul.simpleList1
{
	width: 200px;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
div#content_mc_new ul.simpleList1 li
{
	width: 190px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	clear: both;
}

/* NEU : infobox-info-formatierung*/
div#infobox_info
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
}
div#infobox_info a
{
	color: #004189;
	text-decoration: none;
}
div#infobox_info a:hover
{
	text-decoration: underline;
}
div#infobox_info h1, div#infobox_info h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 19px;
}
div#infobox_info ul.simpleList1
{
	width: 200px;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
div#infobox_info h3
{
	margin: 8px 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
        font-weight: bold;
}
div#infobox_info ul.simpleList1 li
{
	width: 190px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	clear: both;
}

/* NEU : infobox-notes-formatierung*/
div#infobox_notes
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
}
div#infobox_notes a
{
	color: #004189;
	text-decoration: none;
}
div#infobox_notes a:hover
{
	text-decoration: underline;
}
div#infobox_notes h1, div#infobox_notes h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 19px;
}
div#infobox_notes h3
{
	margin: 8px 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
        font-weight: bold;
}
div#infobox_notes ul.simpleList1
{
	width: 200px;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
div#infobox_notes ul.simpleList1 li
{
	width: 190px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	clear: both;
}


div#teaser h3
{
	margin: 8px 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
        font-weight: bold;
}


/* NEU : ul-li styling mit IE6+7 hack */
dl.history dt
{
	float: left;
	margin: 0 0 10px 0;
	padding-top: 0px;
}
dl.history dd
{
	margin: 0 0 10px 55px;
	width: 380px;
}
*dl.history dd
{
	margin-top: -30px;
	clear: left;
}


.small
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

.small a
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004189;
	text-decoration: none;
}

.small a:hover
{
	text-decoration: underline;
}


.grey
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;
	font-size: .7em;
}

.greynews
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;
	font-size: 1.1em;
}

.headlinenews
{
	font-size: 14px;
        font-weight: bold;
}

div#content .grey
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;
	font-size: 90%;
}


.grey a
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;
	text-decoration: none;
}

.grey a:hover
{
	color: #004189;
}


.orange
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ed7700;
	font-size: 0.7em;
}




.h1
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
}

.h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

.h2 a
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004189;
	font-weight: bold;
	text-decoration: none;
}

.h2 a:hover
{
	text-decoration: underline;
}



.break
{
	line-height: 4px;
	margin: 0px;
	padding: 0px;
}



.blue
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004189;
	font-size: 0.7em;
}

.halber_zeilenabstand
{
	line-height: 8px;
}





/* End Font Layout */





/*----------------------------------------------------------------------*/





/* Begin Special Layout */



input.contact, textarea.contact
{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	background-color: #ffffff;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	width: 216px;
	font-family: Arial, Helvetica, sans-serif;
}

/* =========== KONTAKTFORMULAR DEFINITIONEN ==================== */

.scfSingleLineTextBox
{

	font-size: 1em;
	background-color: #ffffff;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	font-family: Arial, Helvetica, sans-serif;
}

.scfEmailTextBox
{
	font-size: 1em;
	background-color: #ffffff;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	font-family: Arial, Helvetica, sans-serif;
}

.scfMultipleLineTextBox
{
	font-size: 1em;
	background-color: #ffffff;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	font-family: Arial, Helvetica, sans-serif;
}

.scfSingleLineTextLabel
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.scfEmailLabel
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.scfMultipleLineTextLabel
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.scfRadioButtonListLabel
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.scfRadioButtonList
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.scfSubmitButton
{
        /*background: url('http://www.stgallen-symposium.org/s-submit.gif');*/
        margin: 12px 0 0 341px;

}

.scfSectionLegend
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}



/*===== ENDE KONTAKTFORMULAR-DEFINITIONEN ======= */


ul, ol, li
{
	/* list-style-image: url(s-bullet.gif); */
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px;
	padding: 0px 0px 0px 4px;
}



/* End Special Layout */


/*================================= Cluster SlideDown ===========================*/

#clusterapicturegrey {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
}  

#clusterapicturegrey:hover {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clusterapicturecolor {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clusterbpicturegrey {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
}  

#clusterbpicturegrey:hover {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clusterbpicturecolor {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clustercpicturegrey {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
}  

#clustercpicturegrey:hover {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clustercpicturecolor {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
  background-position: -441px;
}

#clusterdpicturegrey {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 441px;
}  

#clusterdpicturegrey:hover {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 440px;
  background-position: -440px;
}

#clusterdpicturecolor {
  margin-top: 5px;
  cursor: pointer;
  height: 26px;
  width: 440px;
  background-position: -440px;
}

/* End SlideDown */

/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
.overlay
{
	padding: 10px 30px 20px;
	background: transparent url(http://www.telenect.com/images/home/overlay.png) repeat;
	color: #fff;
}

#mcr_main_top
{
	background-image: url(/images/Symposium/s-bg_media_channel_top.gif);
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 980px;
	padding-right: 0px;
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	padding-top: 0px;
}
#mcr_main_inner
{
	background-image: url(/images/Symposium/s-bg_media_channel_main.gif);
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 980px;
	padding-right: 0px;
	float: left;
	overflow: hidden;
	padding-top: 0px;
}
#mcr_main_bottom
{
	background-image: url(/images/Symposium/s-bg_media_channel_bottom.gif);
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 980px;
	padding-right: 0px;
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	clear: both;
	overflow: hidden;
	padding-top: 0px;
}

#content_mc_new {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 30px; WIDTH: 730px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#content_mc_new_video {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}

.mediaCategory
{	
	margin-bottom:8px;
	cursor:pointer;
}

.mediaCategory .mediaHeader
{
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width: 700px;
	height:50px;
}

.mediaContent
{
	clear:both;
}

.videoHeader
{
	float:left; 
	width:345px; 
	height:100px; 
	margin:8px 8px 0px 0px; 
}

ul#sitemap
{
	margin:0px;
	padding:0px;
}

ul#sitemap li
{
	margin:5px;
	list-style:none;
}

.on
{
	display:none;
}

.cluster  .content
{
	padding-left:15px;
	padding-top:5px;
	display:none;
}