@charset "utf-8";
/* CSS Document */


html, body, h1, h2, h3, h4, p, dl, dt, dd, ol, ul, li, fieldset, form, label, table
	{
	margin: 0; 
	padding: 0;
	}

html {
	height: 100%;
	background: #d2d8de url(../img/bg.body.png) repeat-x center 0;
	}

body {
	background: url(../img/bg.body.y.png) repeat-y center 0;
	color: #454b4f;
	font-family: Verdana, Arial;
	font-size: 101.1%;
	line-height: 1.5em;
	position: relative;
	}

.clear { clear:both; }

#wrapper {
	width: 960px; 
	margin: 0 auto;
	background: #fefefe;
	position: relative;
	}

/* Content Elemente */
.ce {
	overflow: hidden;
	padding: 20px;
	}

#start #content .ce,
#sidebar .ce .ce {
	padding: 0;
	border-bottom: 0;
	}

#start #content .ce{
	overflow: visible;
	}

#sidebar .ce {
	border-bottom: 1px solid #d7dcde; 
	padding: 20px 18px 7px 20px;
	}

#content .ce {
	padding-bottom: 0;
	padding-top: 0;
	}

/* Abstände */
h3, p, ul, ol, dl, table
	{
	margin: 0.8em 0 0.8em;
	}

h2
	{
	margin: 0.3em 0 0.8em;
	}

/*
############################################################ÜBERSCHRIFTEN*/


h2, h3 {
	color: #224477;
	font-family: Arial, Verdana, sans-serif-t;	
	line-height: 1.3em;
	font-weight: 400;
	font-size: 1.5em;
	}

h3 { font-size: 1.12em; }

h4 {
	color: #454B4F;
	font-size: 0.75em;
	font-weight: 700;
	margin-top: 1.5em;
	}

p, ul, ol, th, td
	{
	font-size: 0.75em;
	line-height: 1.5em;
	}

td td, th td, td th, th th, td p, th p, td ul, td ol, th h4, td h4
	{
	font-size: 1em;
	}

ol
	{
	margin-left: 25px;
	}

/*
##################################################################### LINKS*/

a {
	color: #2d62b3;
	}

a:hover, a:active {
	color: #f05724;
	text-decoration: none;
	}
	
h2 a,
h3 a, 
.csc-menu li a, 
#metanavi a, 
#breadcrumbs a, 
.dateilinks a,
.pfeilliste a {
	text-decoration: none;
	}	

a img {
	border:0;
	} 
	
a.external-link-new-window {
	background: url(../img/icons_sprite.gif) no-repeat left -556px;
	padding-left: 10px;
	}
	
a.mail {
	background: url(../img/icons_sprite.gif) no-repeat left -226px;
	padding-left: 13px;
	}

/*
################################################################### HEADER*/

#header {
	width:100%; 
	height:168px;
	background:url(../img/header.jpg) top left no-repeat;
	position:relative;
	}

#metanavi {
	position: absolute;
	word-spacing: 15px;
	font-size: 0.63em;
	line-height: 1.7em;
	margin: 0;
	right: 0;
	padding: 2px 15px 5px 30px;
	background: url(../img/metanavi_bg.png) no-repeat;
	width: 243px;
	text-align: right;
	}

#metanavi span 	{
	background: url(../img/icons_sprite.gif) no-repeat 0 -209px;
	padding-left: 12px;
	}
		
#metanavi .kontakt {
	background-position: 0 -228px;
	}
		
#metanavi .impressum {
	background-position: 0 -249px;
	}

	
#header h1 {
	width: 200px;
	margin: 0;
	padding: 0 10px 10px;
	position: absolute;
	text-indent: -9999px;
	background: url(../img/mmbbs_logo.png) no-repeat;
	}
	
#header h1 a {
	height: 168px;
	display: block;
	}	
	
#header h1 a:focus {
	outline: none;
	}

#druck_logo
	{
	display: none;
	}


/*
############################################################MAINNAVI*/

#nav {
	background: #4c6c9e url(../img/mastersprite.png) 0 0 no-repeat;
	border-top: 1px solid #6A90CC;
	border-bottom: solid 1px #c1c1c1;
	font-size: 1.12em;
	font-family: Arial, sans-serif;
	line-height: 0.83em;
	height: 40px;
	position: relative;
	width: 960px;
	z-index: 64;	
	}

ul.menu a {
	color: #fff; 
	text-decoration: none;
	display: block;
	padding: 12px 20px;
	text-shadow:0 -1px 0 #445e86;
	} 

ul.menu {
	list-style: none;
	margin: 0;
	font-size: 1em;
	line-height: 0.83em;
	}
	
ul.menu a:focus { outline: none; }

ul.menu li {
	float: left;
	background: url(../img/sprite.x.png) repeat-x 0 60px;
	border-left: 1px solid #7699cc;
	border-right: 1px solid #445e86;
	}

ul.menu li.hover, 
ul.menu li.active {
	background: transparent url(../img/sprite.x.png) repeat-x 0 0;
	border-right: 1px solid #445E86;
	border-left: 1px solid transparent;
	}



/*
##############################ZWEITE EBENE*/


	ul.menu ul {
		font-size: 0.65em;
		margin:0 0 0 -1px;
		padding: 0;
		position: absolute;
		background: #6288c4 url(../img/sprite.x.png) 0 -95px repeat-x;
		display: none;
		width: 187px;
		border-bottom:1px solid #5576ab;
		list-style: none;
		-moz-box-shadow:1px 1px 2px #333333;
		}

   	/* ZWEITE EBENE ANZEIGEN */

	ul.menu li.hover ul, 
	ul.menu li:hover ul  {
		display: block;
		}
		
	/* U.A. FÜR ALLE UNTERPUNKTE KEIN FLOAT */

	ul.menu ul li {
		float: none;
		background: transparent;
		min-height: 22px;
		height: auto;
		border: none;
		width: 187px;
		}
		
	ul.menu ul li a {
		text-shadow:none;
		padding: 5px 20px;
		border-top: dotted 1px #7092CB; /* #8BA0C5 */
		}
		
	ul.menu ul li.first > a {
		border-top: dotted 1px transparent;
		}

	/* Links auf zweiter Ebene sollen die Hintergrundfarbe ändern */
	
	ul.menu ul li.hover, 
	ul.menu ul li:hover {
		background: #456599;
		border: none;
		}
		
	ul.menu ul li.first .hover, 
	ul.menu ul li.first:hover{
		background: #456599 url(../img/sprite.x.png) 0 -39px repeat-x;
		border: none;
		}
	
	/* Pfeil einfügen, falls Unterseiten vorhanden */
	ul.menu li ul .unternavi_pfeil {
		background: url(../img/pfeil_unternavi.gif) no-repeat 168px 9px;
		}

/*
##############################DRITTE EBENE*/


		ul.menu li.hover ul ul, 
		ul.menu li:hover ul ul {
			display: none;
			font-size: 0.93em;
			margin-left: 187px; /* Breite eines Listenelements - Überlagerung */
			margin-top: -23px; /* Höhe eines Listenelements */
			}
			
		/* DRITTE EBENE ANZEIGEN */

		ul.menu li.hover ul li.hover ul, 
		ul.menu li:hover ul li:hover ul {
			display: block; 
			background: #6288c4 url(../img/sprite.y.png) repeat-y -960px 0;
			}
			
		/*viel spass beim entpuzzeln!*/
		
		/*ul.menu li ul li ul li:hover*/
						
		ul.menu ul li.first .hover ul li.first .hover, 
		ul.menu ul li.first:hover ul li.first:hover,		
		ul.menu ul li.hover ul li.first .hover, 
		ul.menu ul li:hover ul li.first:hover,
		ul.menu ul li.first .hover ul li.hover, 
		ul.menu ul li.first:hover ul li:hover {		
			background: #456599;
			
			}
		
		ul.menu ul li ul li a {
			padding: 4px 20px;
			width: 147px;
			background-position: 168px 8px;
			}
			
		ul.menu ul li ul li a:hover {
			padding-left: 19px;
			border-left: 1px solid #355282;
			background-position: 167px 8px;
			}

/*
##############################VIERTE EBENE*/

			ul.menu li.hover ul li.hover ul ul, 
			ul.menu li:hover ul li:hover ul ul {
				display: none;
				font-size: 1em;
				width: 220px;
				}
							
			/* VIERTE EBENE ANZEIGEN  */

			ul.menu li.hover ul li.hover ul li.hover ul, 
			ul.menu li:hover ul li:hover ul li:hover ul,
			ul.menu li.hover ul li.hover ul li.hover ul li,
			ul.menu li:hover ul li:hover ul li.hover ul li {
				display: block;
				width: 220px;
				}
			
			ul.menu ul li ul li ul li a {
			width: 180px;
			}
			
			ul.menu ul li ul li ul li a:hover {
			padding-left: 19px;
			width: 180px;
			}

/*
############################################################SUCHE*/


.suchformular {
	float: right;
	padding: 7px 20px 0 0;
	}

.lupe, .suchfeld, .suchbutton
	{
	display: inline-block;
	float: left;
	font-family: Arial, sans-serif-p;
	font-size: 0.88em;
	font-weight: 700; 
	}

.lupe {
	margin: 0 10px 0 20px;
	padding: 13px 12px;
	background: url(../img/mastersprite.png) -656px -44px no-repeat;
	height: 1px;
	line-height: 1px;
	}

.suchfeld {
	height: 17px; 
	background: #ffffff url(../img/schatten-input.gif) 0 0 no-repeat;
	border: 1px solid #fff;	
	color: #607286;
	margin-right: 1px;
	padding:4px 0 3px 3px;
	}

.suchbutton {
	color: #fff;
	background: transparent url(../img/mastersprite.png) -896px -43px no-repeat;
	border: none;
	height: 26px;	
	width: 63px;
	}



/*
############################################################ BREADCRUMBS*/

#breadcrumbs
	{
	border-bottom: solid 1px #d7dcde;
	font-size: 0.63em;
	padding: 7px 0 3px;
	margin-bottom: 20px;
	}

/*
############################################################ CONTENT*/

#stage {
	
	width: 100%;
	border-top: 1px solid #e0e0e0;
	}

#content {
	border-right: 1px solid #d7dcde;
	border-top: 1px solid #f5f5f5;
	float: left;
	min-height: 350px;
	padding: 0 20px 20px;
	width: 589px;
	}

#content ul, #content ol {
	margin-left: 2.5em;
	}

#content li {
	margin-bottom: 0.3em;
	}

table {
	width: 100%;
	border-collapse: collapse;
	}

th, td {
	text-align: left;
	vertical-align: top;
	padding: 2px 3px !important;
	}

table p {
	margin: 0;
	}

table h3, table h4 {
	margin: 0 0 0.8em;
	}

hr {
	height: 1px;
	color: transparent;
	border: 0;
	border-top: 1px dotted #C8CCCF;
	}

a + h3 {
	margin-top: 0;
	}

#content h2 span {
	font-size: 0.75em;
	line-height: 1.12em;
	font-style: italic;
	letter-spacing: 0.05em;
	}

.rechts
	{
	float:       right;
	margin: 5px 0 2px 10px;
	}

.links
	{
	float:        left;
	margin: 5px 10px 2px 0;
	}

.clear
	{
	clear:        both;
	}

.rahmen_1px
	{
	border: solid 1px #ccc;
	}

.rahmen_3px
	{
	border: solid 3px #ccc;
	}

.align-left, .align-left td
	{
	text-align: left;
	}

.align-center, .align-center td
	{
	text-align: center;
	}

.align-right, .align-right td
	{
	text-align: right;
	}

/*
========= Formatierte Tabelle ========= */
.styled th {
	background-color: #4c6c9e;
	color: #fff;
	padding: 2px 3px !important;
	}

.styled th p {
	color: #fff;
	}

.styled td {
	background: #eee;
	border: solid 1px #fff;
	padding: 2px 3px !important;
	}

/*
========== Bildformatierungen =========== */		
.csc-textpic-imagewrap {
	display: inline-block;
	padding: 10px;
	background: #FAFAFA;
	border: 1px solid #E1E6E8;
	}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	float: left;
	margin: 10px 10px 10px 0;
	}
	
.csc-textpic-intext-right .csc-textpic-imagewrap {
	float: right;
	margin: 10px 0 10px 10px;
	}
		
.csc-textpic-caption {
	padding: 2px 0 5px;
	font-size: 10px;
	font-weight: 800;
	}


/*
============ Teaser =========== */

ul.teaser {
	border-bottom: 1px dotted #aaa;
	list-style-type: none;
	margin-left: 0 !important;
	}

ul.teaser > li {
	background: url(../img/teaser_bg.gif) repeat-x;
	border-top: 1px dotted #aaa;
	margin: 0 !important;
	padding: 25px 0 10px;
	overflow: hidden;
	clear: left;
	}

ul.teaser h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 0.3em;
	}

ul.teaser h4 {
	margin: 0 0 0.3em;
	}


ul.teaser p {
	margin: 0;
	}

ul.teaser img {
	float: left;
	margin: 0 10px 0 0;

	}

ul.teaser a:hover img {

	}

/*
============ Content-Elemente =========== */
.extra-wichtig {
	border-bottom: 1px dotted #D90F00;
	border-top: 1px dotted #D90F00;
	background: #FFDDBE;
	color: #f00;
	font-weight: bold;
	margin: 25px 0;
	padding: 8px;
	}

.download-box {
	padding: 8px 58px;
	margin: 25px 0;
	
	border-top: 1px dotted #26E500;
	border-bottom: 1px dotted #26E500;
	}

.download-box, 
.download-box a {
	font-weight: 700;
	color: #26e500;
	}

.news {
	margin: 10px 0; 
	min-height: 18px; 
	padding: 2px 0 0 54px; 
	background: url(../img/icons_sprite.gif) 0 -278px no-repeat;
	}


/*
############################## MAILFORM*/

fieldset {
	border: 0;
	}

.csc-mailform-field label {
	width: 150px;
	display: block;
	float: left;
	clear: left;
	}

.csc-mailform-field input,
.csc-mailform-field textarea {
	background: url(../img/schatten-input.gif) 0 0 no-repeat;
	border: solid 1px #ccc;
	padding: 2px;
	width: 250px;
	}

.csc-mailform-field input.csc-mailform-check {
	background: none;
	border: 0;
	width: 18px;
	text-align: left;
	}

.csc-mailform-field input.csc-mailform-submit {
	background: #55729D;
	color: #fff;
	width: 150px;
	margin-left: 150px;
	}

.csc-mailform-field {
	margin: 0 0 5px !important;
	padding: 0 !important;
	}





/*
############################################################
##														  ##
##                    S I D E B A R                       ##
##														  ##
############################################################
*/

#sidebar {
	width:326px;
	float:left;
	border-top: 1px solid #f5f5f5;
	}

#sidebar h2 {
	background:url(../img/sidebar-icons_sprite.png) no-repeat 0 -350px;
	line-height: 24px;
	height: 45px;
	padding-left: 51px;
	margin: 0 0 0.5em;
	letter-spacing: 0.05em;
	}

#sidebar h3 {
	font-size: 15px;
	margin: 0 0 0.4em;
	}

#sidebar p {
	margin: 0 0 0.8em;
	}
	
#sidebar h2 span {
	color:#778899;
	font-size: 14px;
	line-height: 18px;
	padding-left: 1px;
	letter-spacing:0;
	}

#sidebar ul {
	margin: 10px 0 11px 20px;
	}

.infocenter-liste, 
.pfeilliste, 
.csc-menu,
.dateilinks,
.box {
	background: #f5f5f5;
	border: dotted 1px #c7c7c7;
	border-bottom: solid 8px #dddddd;
	list-style-type: none;
	margin: 0 0 11px !important;
	padding: 8px 10px;
	overflow: hidden;
	}


/*
################################# ÜBERSCHRIFTEN*/

#sidebar .infocenter 		{ background-position: 0 -50px ; }
#sidebar .tvcenter 			{ background-position: 0 -150px; }	
#sidebar .downloads 		{ background-position: 0 0; }		
#sidebar .weblinks 			{ background-position: 0 -100px; }		
#sidebar .ansprechpartner 	{ background-position: 0 -250px; }	
#sidebar .verwandte_seiten 	{ background-position: 0 -300px; }
#sidebar .wichtiger_hinweis { background-position: 0 -200px; }
#sidebar .katauswahl 		{ background-position: 3px -400px; }
#sidebar .kontakt 			{ background-position: 3px -450px; }
#sidebar .archiv 			{ background-position: 0 -500px; }	


/*
###################################### ELEMENTE*/
	
.pfeilliste li {
	background: url(../img/icons_sprite.gif) no-repeat -60px -375px;
	padding-left: 20px;
	}

.csc-menu li {
	background: url(../img/icons_sprite.gif) no-repeat -40px -395px;
	padding-left: 20px;
	}

/* 
========= Dateliste =========*/
.dateilinks {
	padding: 0;
	}	

.dateilinks li {
	border-bottom: dotted 1px #c7c7c7;
	display: block;
	margin: 0;
	padding: 5px;
	}	

.dateilinks li.last {
	border-bottom: none;
	}	

.dateilinks li img {
	float: left;
	margin-right: 4px;
	vertical-align: middle;
	}	

.dateilinks li div {
	color: #555;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin-left: 21px;
	}	

.dateilinks li span {
	text-transform: uppercase;
	}	

/*
========= Infocenter =========*/
.infocenter-liste {
	border-top: none;
	padding: 0;
	}

.infocenter-liste li {
	padding: 5px 10px;
	border-top: dotted 1px #c7c7c7;
	}
		
.infocenter-liste h3 {
	background: url(../img/icons_sprite.gif) no-repeat 0 6px;
	padding-left: 43px;
	margin: 0 !important;
	}	
	
h3.infocenter-vtpl {
	background-position: 0 -44px;	
	}
	
h3.infocenter-kal {
	background-position: 0 -94px;	
	}
		
.infocenter-liste h3 span {
	background: url(../img/icons_sprite.gif) 0 -180px no-repeat;
	display: inline-block; 
	margin-right: 10px;
	min-height: 16px;
	padding-left: 20px;
	padding-top: 4px;
	font-size: 12px;
	line-height: 13px;
	}
	
.infocenter-liste h3 span.infocenter-lehrer {
	background-position: 0 -150px;
	}

/*
========= Ansprechpartner =========*/
.box_ansprechpartner {
	background: url(../img/mastersprite.png) 0 -50px no-repeat;
	color: #4d5159;
	font-family: arial;
	line-height: 16px;
	padding: 16px;
	position: relative;
	}
	
.box_ansprechpartner img {
	border: solid 1px #848b94;
	float: right;
	}

.box_ansprechpartner a img {
	border: none;
	float: none;
	}
	
.box_ansprechpartner h3 {
	border-bottom: solid 1px #d9d9d9;
	color: #4d5159;
	padding: 0 0 10px;
	margin: 0 0 16px;
	}
	
.box_ansprechpartner p {
	padding: 0;
	margin: 0;
	}
	
.box_ansprechpartner .test {
	background: url(../img/mastersprite.png) 0 -300px no-repeat;
	font-size: 1px;
	line-height: 4px;
	height: 5px;
	width: 288px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	}


/*
========= Wichtiger Hinweis =========*/
.roter_kasten {
	background: #ffe4be;
	border: dotted 1px #f1b088;
	border-bottom: solid 7px #f1b088;
	margin: 0;
	padding: 5px;
	}

#sidebar .roter_kasten h3 {
	color: #CC0000;
	font-size: 22px;
	line-height: 27px;
	font-weight: 400;
	}

.roter_kasten p, #sidebar .roter_kasten h3 {
	margin: 0 !important;
	padding: 5px;
	}	

/*
========= Mediathek Front =========*/

.media-front-item {
	height: auto;
	width: 290px;
	float: left;
	overflow: hidden;
	position:relative;
	}

#sidebar h3.media-front-header {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin:0;
	padding: 5px;
	/*position: absolute;
	bottom:0;*/
	width: 280px;
	/*background: transparent url(../img/bg.mediafront.png) repeat 0 0;*/
	background: #4E5A78;
	border-top: 1px dotted #B4C4CF;
	}

.media-front-img {
	overflow: hidden;
	width: 290px;
	height: 158px;
	}

.media-front-img img {
	margin-top: -30px;
	}

#mediathek_list
	{
	list-style-type: none;
	margin: 5px 0 5px !important;
	padding: 0;
	}

#mediathek_list li
	{
	border-top: dotted 1px #aaa;
	clear: left;
	padding: 8px 0 8px;
	}

#mediathek_list .bildwrap
	{
	overflow: hidden;
	width: 80px;
	height: 44px;
	float: left;
	margin-right: 6px;
	border: solid 2px #ccc;
	}

#mediathek_list .bildwrap img
	{
	margin-top: -8px;
	margin-left: 0;
	}

#mediathek_list h4
	{
	font-size: 11px;
	line-height: 14px;
	margin-top: 0;
	font-weight: 400;
	}

#mediathek_list h4 a
	{
	text-decoration: none;
	}

#mediathek_list .datum
	{
	font-size: 10px;
	line-height: 15px;
	color: #aaa;
	}

/*
############################################################ FOOTER*/


#footer {
	padding: 20px;
	border-top: 1px solid #E1E6E8;
	text-align: center;
	font-size: 10px;
	color: #878787;
	background: #fff;
	}

#footer a {
	color: #878787;
	}


#footer-sitelist {
	float: left;
	width: 40%;
	}
	
#footer-meta, #footer-buttons {
	float: left; 
	width: 30%;
	}

#footer-meta {
	text-align:left;
	}

#footer-buttons {
	text-align: right;
	}

#footer-logos {
	padding:40px 5px;
	height:50px;
	}
	
#footer-logos a {
	display:inline-block;
	width:130px;
	height:50px;
	text-indent:-9999px;
	outline:none;
	background-repeat: no-repeat;
	background-position: center 0;	
	}

#footer-logos a:hover { background-position: center -50px;}

#cisco { background:url(../img/logos.cisco.gif); width: 90px !important; }	
#htp { background:url(../img/logos.htp.gif); }	
#lpi { background:url(../img/logos.lpi.gif); width: 70px !important; }	
#ndr { background:url(../img/logos.ndr.gif); width: 80px !important; }	
#nordmedia { background:url(../img/logos.nordmedia.gif); }
#ricoh { background:url(../img/logos.ricoh.gif); }	
#vdm { background:url(../img/logos.vdm.gif); width: 120px !important; }
#wtvp { background:url(../img/logos.wtvp.gif); width: 110px !important; }


#abschluss
	{
	background: url(../img/schatten_abschluss.jpg) no-repeat center 0;
	width: 100%;
	height: 22px;
	}



/* Shared styles for lightbox & slimbox*/
#overlay {
	position: absolute;
	width: 100%;
	background-color: #000;
	z-index: 90;
}

#prevLink, #nextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 33%;
	height:100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {
	left:0;
	float: left;
}

#nextLink {
	right:0;
	float: right;
}

#prevLink:hover { background:transparent url(../img/prev.gif) no-repeat 0% 15%; }
#nextLink:hover { background:transparent url(../img/next.gif) no-repeat 100% 15%; }

#playLink, #pauseLink, #saveLink, #closeLink {
	background: transparent url(../img/lightbox_sprite.png) no-repeat 0 0;
	display: block;
	float: right;
	height: 26px;
	margin-left: 1.0em;
	width: 26px;
}

#playLink { background-position: 0 0; }
#pauseLink { background-position: 0 -80px; }
#saveLink { background-position: 0 -240px; }
#closeLink { background-position: 0 -160px; }



/* Slimbox-only*/
#sbCenter, #sbBottomContainer {
	position: absolute;
	left: 50%;
	overflow:hidden;
	background-color: #fff;
	z-index: 100;
}

#sbBottomContainer {
	z-index: 99;
}

#sbCenter a, #sbBottomContainer a {
	text-decoration: none;
	outline: none;
}

.sbLoading, #lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#sbImage {
	border: 10px solid #fff;
}

#sbBottom {
	font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #5B6469;
	line-height: 1.4em;
	text-align: left;
	padding: 0 10px 10px 10px;
}

#sbCaption, #sbNumber, #sbPresent {
	width: 66%;
	margin-bottom: 0.1em;
}

#sbCaption {
	font-weight: 700;
}

#sbPresent a, #lbPresent a {
	color:#666;
	margin-right:1.0em;
}

#sbPresent a.act, #lbPresent a.act {
	font-weight: 700;
	color: #fff;
	background: #777;
	border: 0.2em solid #777;
	border-width: 0 0.4em 0.1em 0.2em;
}