/******************/
/* general styles */
/******************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select, div, label, pre, a { font-family: Verdana, Geneva, sans-serif; color: black; font-size: 12px; }
p, td, ul, ol { line-height: 150%; }
p, pre { margin: 0 0; }
a { color: #000000; text-decoration: underline; }
a:hover { color: #E5312A; }
:focus { outline: solid 0; }


/******************/
/* headers, plain */
/******************/
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0px 5px 0px; 	}
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

p.csc-header-date { font-size: 10px; color: #186900; }
p.csc-subheader { font-style: italic; background-color: #edebf1; }
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: #186900; }
p.csc-subheader-2 { color: #10007b; }
p.csc-subheader-3 { color: #8a0020; }


/*********************/
/* tables, generally */
/*********************/
table.contenttable tr td { vertical-align: top; }
table.contenttable-0 p { color: #000000; }
table.contenttable-1 p { color: #186900; }
table.contenttable-1 tr.tr-0 td p { font-weight: bold; }
table.contenttable-1 tr.tr-0 td { background-color: #d1d2e4;}
table.contenttable-2 p { color: #10007b; }
table.contenttable-2 tr td.td-0 { background-color: #f5ffaa;}
table.contenttable-2 tr td.td-0 p { font-weight: bold; }
table.contenttable-3 p { color: #8a0020; }
table.contenttable-3 tr td.td-0, table.contenttable-3 tr.tr-0 td { background-color: #d1d2e4;}
table.contenttable-3 tr td.td-0 p, table.contenttable-3 tr.tr-0 td p { font-weight: bold; }


/********************************/
/* frames, spacing, link-to-top */
/********************************/
p.csc-linktotop { text-align: right; }
p.csc-linktotop a { font-weight: bold; }

div.csc-frame { border: 0px; }
div.csc-frame-invisible {}
div.csc-frame-rulerbefore { border-top: 1px solid #333333; }
div.csc-frame-rulerafter { border-bottom: 1px solid #333333; }
div.csc-frame-indent { padding-left: 100px; }
div.csc-frame-indent3366 { padding-left: 33%; }
div.csc-frame-indent6633 { padding-right: 33%; }
div.csc-frame-frame1 { background-color: #edebf1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
div.csc-frame-frame2 { background-color: #f5ffaa; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
div.csc-frame-frame1 h1, div.csc-frame-frame1 h2, div.csc-frame-frame1 h3, div.csc-frame-frame1 h4, div.csc-frame-frame1 h5 { margin-top: 2px; }
div.csc-frame-frame2 h1, div.csc-frame-frame2 h2, div.csc-frame-frame2 h3, div.csc-frame-frame2 h4, div.csc-frame-frame2 h5 { margin-top: 2px; }


/**************************/
/* HTMLArea Configuration */
/**************************/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.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, div.align-center, address.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, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

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


/*******************/
/* rte / bodytext: */
/*******************/
p.bodytext { margin: 5px 0px 5px 0px;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* rte / bulletlists */
ul { margin-top: 0px; text-align: left; }
ul ul li { }
ol { margin-top: 0px; text-align: left; }
li { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; text-align: left; }

/* rte / table styling */
table.contenttable { }
table.contenttable tr td { }
table.contenttable tr td p.bodytext { }
table.contenttable tr {  }


/**********/
/* images */
/**********/
img { border: 0px; }
p.csc-caption {  }
table.imgtext-table { border: 0px; }
table.imgtext-nowrap { border: 0px; }
table.imgtext-nowrap h1, table.imgtext-nowrap h2, table.imgtext-nowrap h3, table.imgtext-nowrap h4, table.imgtext-nowrap h5 { margin-top: 0px; }


/***************/
/* bulletlists */
/***************/
ul.csc-bulletlist-0 { color: #000000; }
ul.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
ul.csc-bulletlist-2 { color: #10007b; list-style-position : inside; }
ul.csc-bulletlist-3 { color: #8a0020; list-style-image: url(img/red_arrow_bullet.gif); }


/************************/
/* filelinks, generally */
/************************/
table.csc-uploads { border: 0px; }
table.csc-uploads tr td p { background-color : transparent; font-size: 12px; }
table.csc-uploads tr td { vertical-align : top; }
table.csc-uploads tr.tr-even { background-color: #edebf1; }
table.csc-uploads tr.tr-odd { background-color: #d8d7dc; }
table.csc-uploads tr td.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
table.csc-uploads tr td.csc-uploads-filename { width: 80%; padding-left: 5px; }
table.csc-uploads tr td.csc-uploads-filename p a { font-weight: bold; }
table.csc-uploads tr td.csc-uploads-filename p.csc-uploads-description { font-style: italic; }
table.csc-uploads tr td.csc-uploads-filesize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* filelinks, specifically */
table.csc-uploads-1 { border-color: #186900; }
table.csc-uploads-2 { border-color: #10007b; }
table.csc-uploads-3 { border-color: #8a0020; }
table.csc-uploads-3 tr td { vertical-align: middle; }
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { border: 2px solid #333333; }
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { border: 2px solid #333333; }


/*****************/
/* various forms */
/*****************/
/* email, login and search forms generally: */
form table tr td { padding-left: 5px; padding-right: 20px; }
form table tr td.csc-form-labelcell, form table tr td.csc-form-commentcell { background-color: #d8d7dc; }
form table tr td.csc-form-fieldcell { background-color: #edebf1; }
form table tr td.csc-form-fieldcell input, form table tr td.csc-form-fieldcell select, form table tr td.csc-form-fieldcell textarea { border: 1px solid #000000; }
form table tr td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }
.csc-mailform { border: 0px; }
.csc-mailform-field { padding-bottom: 2px; }
.csc-mailform-field label { width: 80px; float: left; text-align: left; padding-top: 3px; }
.csc-mailform-field input, .csc-mailform-field textarea { border: 1px ridge #000000; width: 210px; }
.csc-mailform-field textarea { left: 0px; top: 0px; }
.csc-mailform-submit { left: 12px; top: 10px; }
* html .csc-mailform-submit { left: 16px; }
*:first-child+html .csc-mailform-submit { left: 13px; }
#contactFormSpacer  { height: 8px; }
#mailformformtype_mail { margin-left: 172px; width: 120px; }
* html #mailformformtype_mail { margin-left: 185px; }


/***********/
/* search  */
/***********/
/* Search form, specifically */
form table.csc-searchform { width: 100%; }
form table.csc-searchform tr td { padding: 5px 5px 5px 5px; }
form table.csc-searchform tr td.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
form table.csc-searchform tr td.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/* Login form */
form table.csc-loginform { width: 70%; }

/*search result*/
table.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
table.csc-searchResultInfo tr { background-color: #edebf1; }
table.csc-searchResultInfo tr td p { padding: 0px 5px 0px 5px;}
table.csc-searchResultInfo tr td.csc-searchresultrange p { font-weight: bold; }
table.csc-searchResultInfo tr td.csc-searchresultprevnext { text-align: right; }
h3.csc-searchResultHeader a { color: #186900; }
h3.csc-searchResultHeader { background-color: #edebf1; font-size: 14px; padding-left: 5px; }
p.csc-searchResult { font-style: italic; margin-left: 20px;}

/* search word markup */
span.csc-sword { font-weight: bold; color: red; }


/*****************************/
/* menu / sitemap, generally */
/*****************************/
div.csc-menu { margin-left: 10px; }
div.csc-menu p { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #edebf1; }
div.csc-menu p a { color: #000000; text-decoration: none; }
div.csc-menu p a:hover { color: #660000; text-decoration: underline; }
div.csc-menu p.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* menu / sitemap, \"sitemap\" */
div.csc-menu-2 p.csc-sitemap-level1 { margin-left: 20px; }
div.csc-menu-2 p.csc-sitemap-level2 { margin-left: 40px; }
div.csc-menu-2 p.csc-sitemap-level3 { margin-left: 60px; }
div.csc-menu-2 p.csc-sitemap-level4 { margin-left: 80px; }
div.csc-menu-2 p.csc-sitemap-level1 a { color: #000000; }
div.csc-menu-2 p.csc-sitemap-level2 a { color: #186900; }
div.csc-menu-2 p.csc-sitemap-level3 a { color: #10007b; }
div.csc-menu-2 p.csc-sitemap-level4 a { color: #8a0020; }
div.csc-menu-3 p.csc-section { margin-left: 0px; }
div.csc-menu-3 p.csc-section a { color: #186900; }
div.csc-menu-4 p { margin-top: 2px; }
div.csc-menu-4 p.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }
div.csc-menu-7 p { font-weight: bold; }
div.csc-menu-7 p.csc-section a { color: #186900; }


/****************************************/
/* frontend editing / typo3 admin panel */
/****************************************/
img.frontendediticons { vertical-align: middle; margin: 0px 2px 0px 2px; }

/* default styles for the admin panel */
table.typo3-adminpanel { border: 1px solid black; background-color: #f6f2e6; }
table.typo3-adminpanel tr.typo3-adminpanel-hrow td { background-color: #9ba1a8; }
table.typo3-adminpanel tr.typo3-adminpanel-itemhrow td { background-color: #abbbb4; }
table.typo3-adminpanel table, table.typo3-adminpanel td { border: 0px; }
table.typo3-adminpanel td font { font-size: 10px; color: black; }
table.typo3-adminpanel td a font { font-size: 10px; color: black; }
table.typo3-editpanel { border: 1px solid black; background-color: #f6f2e6; }
table.typo3-editpanel td { border: 0px; }



/*******************************/
/* layout page, layout classes */
/*******************************/

#body { background-image:url("images/body.jpg"); background-position:top center; min-width:1024px; background-color:#0191d0; }
#mainDiv { width:1024px; height:767px; margin:60px auto 0 auto; background-image:url("images/mainDiv.gif"); }

#header { width:1024px; height:120px; float:left; margin-top:30px; }
#address { width:320px; height:60px; float:left; margin-left:220px; margin-top:35px; }
#address p{ color:#0091CF; }
* html #address p { margin-left:18px; }
#address a{ color:#0091CF; text-decoration:none; }
* html #address { margin-left:105px; }
#logo { width:285px; height:120px; float:left; margin-left:150px; }
* html #logo { margin-left:150px; }

#contentPart {width:1024px; height:390px; float:left; margin-top:30px;}
#navigation { width:190px; float:left; margin-left:15px; margin-top:7px; }
* html #navigation {margin-left:10px;}
#content { width:555px; height:390px; float:left; overflow:hidden; margin-left:15px; }
* html #content { height:500px; }
#rightContent { width:170px; height:320px; float:left; margin-left:25px; margin-top:7px; }
#footer { width:1024px; height:180px; background: url("images/footer.jpg") no-repeat center; clear:both; margin:0 auto; }
* html #footer { margin:-100px 0 0 0; }
#facebookLike { width:170px; height:50px; margin:17px 0 0 790px; float:left; }
* html #facebookLike { margin-left:393px; }

/*bigContentLayout*/
#bigContent { width:755px; height:400px; float:left; overflow:hidden; margin-left:15px; }
* html #bigContent { height:500px; }

/*navigation*/
.navigationPoint, .subNavigationPoint { margin-bottom:4px; float:left; }