/* BBB CSS Styled Content */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
#sandbox {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	font-size: 10px;
}
#header {
	height: 113px;
	background: #fff;
}
#subheader {
	height: 20px;
	width: 690px;
	margin: 0 185px;
	font-weight: bold;
	padding: 7px;
	position: absolute;
	z-index: 1000;
	top: 83px;
}
#main1 {
	background: #fff url("../i/l-r-bg.png") repeat-y left top;
	margin: 0;
	padding: 0;
}
#main2 {
	background: url("../i/l-r-bg.png") repeat-y right top;
	margin: 0;
	padding: 0;
}
#left {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
#right {
	margin: 0;
	padding: 0;
	width: 150px;
	float: right;
}
#middle {
	background-color: #fff;
	margin: 0 150px 0 150px;
	min-height: 450px;
}
#footer {
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #6cf;
} 
#middle-column-in-menu, #middle-column-in-content {
	float: left;
	margin: 0;
	padding: 0 5px;
	width: 690px;
}
#right-column-in-menu, #left-column-in-menu {
	margin: 0;
	padding: 0;
}
#right-column-in-content, #left-column-in-content {
	margin: 5px 3px;
	padding: 0;
}
.cleaner {
	font-size: 1px;
	background: transparent;
	margin: 0;
	padding: 0;
	height: 1px;
	clear: both;
	border-style: none;
}
ul.lm {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	//float: left;
	width: 100%;
}
li.lm-level1 {
	background-color: #3399ff;
	margin: 0;
	padding: 0;
}
li.lm-level2 {
	background-color: #cce3ff;
	margin: 0;
	padding: 0;
}
a.lm-navi_level1 {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 6px 3px 6px 6px;
	border-bottom: 1px solid #cce3ff;
	font-size: 12px;
	
}
a.lm-navi_level2 {
	color: #3399ff;
	text-decoration: none;
	font-style: italic;
	display: block;
	margin: 0;
	padding: 6px 3px 6px 16px;
	border-bottom: 1px solid #3399ff;
	font-size: 11px;
	font-style: normal
}
a.lm-navi_level3 {
	color: #890a19;
	text-decoration: none;
	font-style: italic;
	display: block;
	margin: 0;
	padding: 6px 3px 6px 3px;
	border-bottom: 1px solid #3399ff;
	font-size: 10px;
	font-style: normal
}
a.lm-navi_level1:hover {}
a.lm-navi_level2:hover {
	color: #fff;
	background-color: #8FC7FF;
	border-bottom: 1px solid #cce3ff;

}
ul.rm {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	//float: right;
	width: 100%;
}
li.rm-level1 {
	background-color: #3399ff;
	margin: 0;
	padding: 0;
}
li.rm-level2 {
	background-color: #cce3ff;
	margin: 0;
	padding: 0;
}
a.rm-navi_level1 {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 6px 3px 6px 6px;
	border-bottom: 1px solid #cce3ff;
	font-size: 12px
}
a.rm-navi_level2 {
	color: #3399ff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 6px 3px 6px 16px;
	border-bottom: 1px solid #3399ff;
	font-size: 11px
}
a.rm-navi_level1:hover {}
a.rm-navi_level2:hover {
	color: #fff;
	background-color: #8FC7FF;
	border-bottom: 1px solid #cce3ff;
}
#middlemenu {
	float: left;
	width: 100%;
	background-color: #3399ff;
	margin: 0;
	padding: 0;
}
ul.mm {
	float: left;
	width: 100%;
	font-weight: bold;
	list-style-type: none;
	font-size: 12px;
	margin: 0;
	padding: 2px;
}
li.mm-level1 {
	float: left;
	margin: 0;
	padding: 0;
}
a.mm-navi_level1 {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
}
a.mm-navi_level1:hover {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 4px;
	border-left: 1px solid #cce3ff;
	border-right: 1px solid #cce3ff;
}
a.mm-lang-navi_level1 {
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
}





/* Typo3 CSS Styled Content */
#middle-column-in-content .csc-header {
	margin: 0;
	padding: 15px 0 5px 15px;
}
#right-column-in-content .csc-header, #left-column-in-content .csc-header {
	margin: 0;
	padding: 0;
}
#middle-column-in-content .csc-header h1 {
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
}
#right-column-in-content .csc-header h1, #left-column-in-content .csc-header h1 {
	font-size: 12px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
#middle-column-in-content p.bodytext, #middle-column-in-content p.csc-linkToTop {
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 15px;
	text-align: justify
	
}
#right-column-in-content p.bodytext, #right-column-in-content p.csc-linkToTop, #left-column-in-content p.bodytext, #left-column-in-content p.csc-linkToTop {
	margin: 0;
	padding: 0;
}
#middle-column-in-content ul.csc-bulletlist {
	margin: 0 0 10px 50px;
	padding: 0;
}
#right-column-in-content ul.csc-bulletlist, #left-column-in-content ul.csc-bulletlist {
	margin: 0 0 10px 15px;
	padding: 0;
}
.contenttable {
	margin: 0;
	padding: 0;
	width: 95%;
	font-size: 12px;
}
#middle-column-in-content .contenttable th {
	background-color: #efefef;
}
#right-column-in-content .contenttable th, #left-column-in-content .contenttable th {
	background-color: #3399ff;
	color: #fff;
}
#middle-column-in-content .csc-mailform {
	border: 0;
	margin: 0;
	padding: 0 0 10px 0;
}
#middle-column-in-content .csc-mailform-field {
	margin: 0;
	padding-bottom: 5px;
}
#middle-column-in-content .csc-mailform-field label {
	display: inline;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}
#middle-column-in-content input, #middle-column-in-content textarea, #middle-column-in-content select {
	color: #3399ff;
	background-color: transparent;
	background-position: 0 0;
	border: solid 1px #3399ff;
	font-size: 12px;
}
#middle-column-in-content .csc-uploads, #middle-column-in-content .csc-textpic {
	width: 95%;
	margin: 0;
	padding: 0 5px 10px 15px;
	font-size: 10px;
        text-align: justify
}
#right-column-in-content .csc-uploads, #right-column-in-content .csc-textpic {
	width: 95%;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
}
#left-column-in-content .csc-uploads, #left-column-in-content .csc-textpic {
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
}
#middle-column-in-content .csc-uploads-icon, #middle-column-in-content .csc-uploads-fileName, #middle-column-in-content .csc-uploads-fileSize {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#right-column-in-content .csc-uploads-icon, #right-column-in-content .csc-uploads-fileName, #right-column-in-content .csc-uploads-fileSize {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#left-column-in-content .csc-uploads-icon, #left-column-in-content .csc-uploads-fileName, #left-column-in-content .csc-uploads-fileSize {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#middle-column-in-content .csc-uploads-icon {
	width: 20px;
}
#left-column-in-content .csc-uploads-icon, #right-column-in-content .csc-uploads-icon {
	width: 18px;
}
#middle-column-in-content .csc-uploads-fileSize {
	width: 50px;
}
#middle-column-in-content .csc-uploads-fileName p, #middle-column-in-content .csc-uploads-fileSize p {
	margin: 0;
	padding: 0;
}
#left-column-in-content .csc-uploads-fileName p, #left-column-in-content .csc-uploads-fileSize p {
	margin: 0;
	padding: 0;
}
#right-column-in-content .csc-uploads-fileName p, #right-column-in-content .csc-uploads-fileSize p {
	margin: 0;
	padding: 0;
}
#middle-column-in-content .csc-searchResultInfo {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	border: solid 1px #3592ae;
}
#middle-column-in-content .csc-searchResultHeader {
	font-size: 14px;
	margin: 0;
	padding: 10px 0 0 0;
}
#middle-column-in-content .csc-searchResult {
	margin: 0;
	padding: 0 0 5px 0;
}
#middle-column-in-content div.csc-sitemap {
	margin: 0;
	padding: 0 0 10px 0;
}
#middle-column-in-content div.csc-sitemap ul {
	margin-top: 0;
	margin-bottom: 0;
	list-style-image: url("../i/doc.gif");
}
#middle-column-in-content a {
	color: #3399ff;
	text-decoration: none;
        border-bottom: 1px none #3399ff;
        font-size: 12px;
        padding: 0 0 0 0;

}
#middle-column-in-content a:hover {
	font-weight: normal;
	border-bottom: 1px solid #3399ff;
	font-size: 12px;
	
}
#right-column-in-content a, #left-column-in-content a {
	color: #3399ff;
	text-decoration: none;
}
#right-column-in-content a:hover, #left-column-in-content a:hover {
	#border-bottom: 1px dotted #3399ff;
}
/* Left, center and right alignment of text in paragraphs and cells.*/
#middle-column-in-content p.align-left, #middle-column-in-content h1.align-left, #middle-column-in-content h2.align-left, #middle-column-in-content h3.align-left, #middle-column-in-content h4.align-left, #middle-column-in-content h5.align-left, #middle-column-in-content h6.align-left, #middle-column-in-content td.align-left { text-align: left; margin: 0; padding: 0 0 10px 0;}
#middle-column-in-content p.align-center, #middle-column-in-content h1.align-center, #middle-column-in-content h2.align-center, #middle-column-in-content h3.align-center, #middle-column-in-content h4.align-center, #middle-column-in-content h5.align-center, #middle-column-in-content h6.align-center, #middle-column-in-content td.align-center { text-align: center; margin: 0; padding: 0 0 10px 0; }
#middle-column-in-content p.align-right, #middle-column-in-content h1.align-right, #middle-column-in-content h2.align-right, #middle-column-in-content h3.align-right, #middle-column-in-content h4.align-right, #middle-column-in-content h5.align-right, #middle-column-in-content h6.align-right, #middle-column-in-content td.align-right { text-align: right; margin: 0; padding: 0 0 10px 0; }

/* Left, center and right alignment of text in paragraphs and cells.*/
#right-column-in-content p.align-left, #right-column-in-content h1.align-left, #right-column-in-content h2.align-left, #right-column-in-content h3.align-left, #right-column-in-content h4.align-left, #right-column-in-content h5.align-left, #right-column-in-content h6.align-left, #right-column-in-content td.align-left { text-align: left; margin: 0; padding: 0; }
#right-column-in-content p.align-center, #right-column-in-content h1.align-center, #right-column-in-content h2.align-center, #right-column-in-content h3.align-center, #right-column-in-content h4.align-center, #right-column-in-content h5.align-center, #right-column-in-content h6.align-center, #right-column-in-content td.align-center { text-align: center; margin: 0; padding: 0; }
#right-column-in-content p.align-right, #right-column-in-content h1.align-right, #right-column-in-content h2.align-right, #right-column-in-content h3.align-right, #right-column-in-content h4.align-right, #right-column-in-content h5.align-right, #right-column-in-content h6.align-right, #right-column-in-content td.align-right { text-align: right; margin: 0; padding: 0; }

/* Left, center and right alignment of text in paragraphs and cells.*/
#left-column-in-content p.align-left, #left-column-in-content h1.align-left, #left-column-in-content h2.align-left, #left-column-in-content h3.align-left, #left-column-in-content h4.align-left, #left-column-in-content h5.align-left, #left-column-in-content h6.align-left, #left-column-in-content td.align-left { text-align: left; margin: 0; padding: 0; }
#left-column-in-content p.align-center, #left-column-in-content h1.align-center, #left-column-in-content h2.align-center, #left-column-in-content h3.align-center, #left-column-in-content h4.align-center, #left-column-in-content h5.align-center, #left-column-in-content h6.align-center, #left-column-in-content td.align-center { text-align: center; margin: 0; padding: 0; }
#left-column-in-content p.align-right, #left-column-in-content h1.align-right, #left-column-in-content h2.align-right, #left-column-in-content h3.align-right, #left-column-in-content h4.align-right, #left-column-in-content h5.align-right, #left-column-in-content h6.align-right, #left-column-in-content td.align-right { text-align: right; margin: 0; padding: 0; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}