/* RTE STYLES */
/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* 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;
}

span.bigfont { font-size: 16px; }
span.importantfont { color: #930; }

span.bigimportantfont
{
	font-size: 16px;
	color: #930;
	font-weight: bold;
}

/* 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 { }

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn
{
	float: left;
	display: inline;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG
{
	border: 1px solid #666666;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL
{
	list-style: none;
	margin: 0;
	padding: 0;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI
{
	float: left;
	margin: 0;
	padding: 0;
}

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 30px !important; }
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 30px !important; }

/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center
{
	text-align: center;
	/* IE-hack */
}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image
{
	text-align: left;
	/* Remove IE-hack */
}

DIV.csc-textpic-center DIV.csc-textpic-text
{
	text-align: left;
	/* Remove IE-hack */
}

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap
{
	float: right;
	clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }

/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap
{
	float: left;
	clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }

/* End hide from IE5/mac */


/* default styles for extension "tx_cssfilelist" */
.filelinks div
{
	padding-left: 25px;
	background: url('fileadmin/fileicons/default.gif') left top no-repeat;
	margin-bottom: 10px;
}

.filelinks span { display: block; }

.filelinks .filecount
{
	display: block;
	margin-bottom: 5px;
}

.filelinks a
{
	color: #000;
	text-decoration: none;
}

/* Icons begin */
.filelinks .ai { background-image: url('fileadmin/fileicons/ai.gif')!important; }
.filelinks .ani { background-image: url('fileadmin/fileicons/ani.gif')!important; }
.filelinks .au { background-image: url('fileadmin/fileicons/au.gif')!important; }
.filelinks .avi { background-image: url('fileadmin/fileicons/avi.gif')!important; }
.filelinks .bmp { background-image: url('fileadmin/fileicons/bmp.gif')!important; }
.filelinks .cdr { background-image: url('fileadmin/fileicons/cdr.gif')!important; }
.filelinks .css { background-image: url('fileadmin/fileicons/css.gif')!important; }
.filelinks .csv { background-image: url('fileadmin/fileicons/csv.gif')!important; }
.filelinks .doc { background-image: url('fileadmin/fileicons/doc.gif')!important; }
.filelinks .dtd { background-image: url('fileadmin/fileicons/dtd.gif')!important; }
.filelinks .eps { background-image: url('fileadmin/fileicons/eps.gif')!important; }
.filelinks .exe { background-image: url('fileadmin/fileicons/exe.gif')!important; }
.filelinks .fh3 { background-image: url('fileadmin/fileicons/fh3.gif')!important; }
.filelinks .flash { background-image: url('fileadmin/fileicons/flash.gif')!important; }
.filelinks .folder { background-image: url('fileadmin/fileicons/folder.gif')!important; }
.filelinks .gif { background-image: url('fileadmin/fileicons/gif.gif')!important; }
.filelinks .htm { background-image: url('fileadmin/fileicons/htm.gif')!important; }
.filelinks .html { background-image: url('fileadmin/fileicons/html.gif')!important; }
.filelinks .ico { background-image: url('fileadmin/fileicons/ico.gif')!important; }
.filelinks .inc { background-image: url('fileadmin/fileicons/inc.gif')!important; }
.filelinks .java { background-image: url('fileadmin/fileicons/java.gif')!important; }
.filelinks .jpg { background-image: url('fileadmin/fileicons/jpg.gif')!important; }
.filelinks .js { background-image: url('fileadmin/fileicons/js.gif')!important; }
.filelinks .max { background-image: url('fileadmin/fileicons/max.gif')!important; }
.filelinks .mid { background-image: url('fileadmin/fileicons/mid.gif')!important; }
.filelinks .mov { background-image: url('fileadmin/fileicons/mov.gif')!important; }
.filelinks .mpeg { background-image: url('fileadmin/fileicons/mpeg.gif')!important; }
.filelinks .mpg { background-image: url('fileadmin/fileicons/mpg.gif')!important; }
.filelinks .pcd { background-image: url('fileadmin/fileicons/pcd.gif')!important; }
.filelinks .pcx { background-image: url('fileadmin/fileicons/pcx.gif')!important; }
.filelinks .pdf { background-image: url('fileadmin/fileicons/pdf.gif')!important; }
.filelinks .png { background-image: url('fileadmin/fileicons/png.gif')!important; }
.filelinks .ps { background-image: url('fileadmin/fileicons/ps.gif')!important; }
.filelinks .psd { background-image: url('fileadmin/fileicons/psd.gif')!important; }
.filelinks .rtf { background-image: url('fileadmin/fileicons/rtf.gif')!important; }
.filelinks .sgml { background-image: url('fileadmin/fileicons/sgml.gif')!important; }
.filelinks .swf { background-image: url('fileadmin/fileicons/swf.gif')!important; }
.filelinks .sxc { background-image: url('fileadmin/fileicons/sxc.gif')!important; }
.filelinks .sxw { background-image: url('fileadmin/fileicons/sxw.gif')!important; }
.filelinks .tga { background-image: url('fileadmin/fileicons/tga.gif')!important; }
.filelinks .tif { background-image: url('fileadmin/fileicons/tif.gif')!important; }
.filelinks .ttf { background-image: url('fileadmin/fileicons/ttf.gif')!important; }
.filelinks .txt { background-image: url('fileadmin/fileicons/txt.gif')!important; }
.filelinks .wav { background-image: url('fileadmin/fileicons/wav.gif')!important; }
.filelinks .wrl { background-image: url('fileadmin/fileicons/wrl.gif')!important; }
.filelinks .xls { background-image: url('fileadmin/fileicons/xls.gif')!important; }
.filelinks .xml { background-image: url('fileadmin/fileicons/xml.gif')!important; }
.filelinks .xsl { background-image: url('fileadmin/fileicons/xsl.gif')!important; }
.filelinks .zip { background-image: url('fileadmin/fileicons/zip.gif')!important; }

/* Icons end */
.filelinks a:hover { text-decoration: underline; }
BODY.htmlarea-content-body { text-align: left; }

/* CUSTOM STYLES*/
BODY
{
	margin: 0px;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	background-color: #CCC;
}

H1 { color: #FFF; }

H2 { margin-bottom: -12px; }

A:link, A:visited { color: #000; }

A:hover { color: #FFF; }

TABLE, TD
{
	font-family: Arial, Verdana;
	font-size: 12px;
}

DIV#all
{
	margin: auto;
	width: 800px;
	height: 600px;
	text-align: left;
	margin-top: 20px;
}

DIV#canvas
{
	width: 540px;
	height: 461px;
	text-align: left;
	margin-top: 25px;
}

DIV#canvas_2
{
	width: 597px;
	height: 411px;
	text-align: left;
	margin: 35px 0px 40px 0px;
}

DIV#canvas_2_picture, DIV#canvas_2_text { display: inline; }

DIV#canvas_2_picture
{
	width: 214px;
	height: 411px;
	background-color: #000;
	float: left;
	overflow: hidden;
}

DIV#canvas_2_text
{
	width: 363px;
	height: 401px;
	background-color: #999;
	float: right;
	padding: 10px 10px 0px 10px;
	overflow: auto;
}

DIV#canvas
{
	overflow: auto;
}

DIV#menu_1, DIV#menu_2, DIV#menu_3 { margin-top: 30px; }
DIV#menu_1 { margin-bottom: -3px; }
DIV#menu_3 { padding-left: 10px; }
DIV.menu-level1-act A:link, DIV.menu-level1-act A:visited, DIV.menu-level1-act A:hover { color: #FFFFFF; }
DIV.menu-level1-no A:link, DIV.menu-level1-no A:visited { color: #A0A0A0; }
DIV.menu-level1-no A:hover { color: #FFFFFF; }
DIV.menu-level2-act A:link, DIV.menu-level2-act A:visited, DIV.menu-level2-act A:hover { color: #000; }
DIV.menu-level2-no A:link, DIV.menu-level2-no A:visited { color: #999; }
DIV.menu-level2-no A:hover { color: #000; }
DIV.menu-level3-act A:link, DIV.menu-level3-act A:visited, DIV.menu-level3-act A:hover { color: #000; }
DIV.menu-level3-no A:link, DIV.menu-level3-no A:visited { color: #FFF; }
DIV.menu-level3-no A:hover { color: #000; }

H1
{
	font-size: 14px;
	line-height: 18px;
}

H2, H3, H4, H5, H6
{
	font-size: 12px;
	line-height: 16px;
}

P
{
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
}

A:link, A:visited
{
	font-style: normal;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

SUB, SUP { line-height: 0px; }

DIV.fce { margin: 12px 0px 20px 0px; }

#canvas TD P, #canvas TD DL { margin: 0; }

DIV.2col_middle TABLE, DIV.2col_bottom TABLE { table-layout: fixed; }

DIV.td2col_bottom_right
{
	color: #000;
	margin-left: 10px;
}

DIV.td2col_middle_right { margin-left: 103px; }

INPUT#mailformformtype_mail, INPUT.button
{
	margin-top: 6px;
	background-color: #EEE;
}

.csc-menu-4 DT { margin-left: 25px; }