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


/******************/
/* headers, plain */
/******************/
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:14px; }
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  { }
.fieldset { border: none; padding-top: 10px;}
.csc-mailform { border:0px; padding: 0; padding-top: 10px; }
.csc-mailform-field { padding-bottom:4px; }
.csc-mailform-field label { width:110px; float: left; text-align: left; padding-top:3px; }
.csc-mailform-field input, .csc-mailform-field textarea { border:1px ridge #153b20; width:200px; height:17px; padding-top:1px; background-color:#e7f2d1; }
.csc-mailform-field textarea { left:0px; top:0px; height:100px; }
.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 { width:120px; height:25px; padding-top:0px; margin-top:10px; background-color:#e7f2d1; margin-left:182px; }
* html #mailformformtype_mail { margin-left:185px; }
#mailformSubmit { padding-top:0px; height:18px; width:120px; margin-left:180px; margin-top:5px; }


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

#body { background-color: #9A9A9A; }
#mainDiv { width: 1024px; background-color: white; margin: 20px auto 0 auto; }
#header { width: 1024px; height: 227px; float: left; background-image: url("images/header.jpg"); background-repeat:no-repeat; }
#logo { width: 537px; height:93px; float: left; margin-top: 15px; margin-left:9px; }
#textLine { float: left; clear:both; margin-top:32px; margin-left:25px; }
#navigationText { width:220px; float:left; }
#contactLink { width:200px; margin-left:220px; float: left; }
*:first-child+html #contactLink { margin-left:440px; margin-top:-17px; }
* html #contactLink { margin-top:-17px; }
#navigationText p{ font-weight: bold; color: white; letter-spacing: 0.5pt; }
#contactLink a{ font-weight: bold; text-decoration: none; color: #9b9f8f; letter-spacing: 0.5pt; }

#contentContainer { width: 1024px; height: auto; float: left; background-color: #45624e; }
#contentBackground { background-color: white; width:786px; float:left; }
#navigationContainer { width: 238px; min-height: 452px; float: left; }
* html #navigationContainer { height: 452px; }
#navigation { width: 228px; min-height: 438px; float: left; background-color: #45624e; padding:22px 0 0 10px; margin-top: -65px; }
* html #navigation { position: relative; height:438px; }
#facebookLikeBox{ width: 222px; float: left; margin-left: 8px; background-color:white; margin-top:-10px; }
#content { width: 556px; min-height: 500px; float: left; padding: 20px 0px 50px 20px; position:relative; margin-top: -60px; }
* html #content { width: 540px; height:495px; }
#footer { width: 1004px; height: 25px; float:left; background-color: #153b20; border-bottom: 8px solid #45624e; padding: 10px 0 0 20px; }
#address p{ color: white; font-weight: bold; font-size: 12px; }
#address a{ text-decoration: none; color: white; }

/************************/
/* user defined classes */
/************************/

.error { color: red; }
.errorWrap { margin-left: 110px; }

/* Overlay Look/Feel */
.yui-overlay-content {
    padding:0px;
    background-color:#fff;
    border: 0px solid;
}

.yui-overlay-content .yui-widget-bd {
    padding:8px;
    background-color:#fff;
    border: 0px solid;
}

/* Registration */
.exampleRegistration { margin-left: 110px; }
.formError { margin-left: 110px; color: red; }
.formErrorJoin { color: red; padding-bottom: 5px; }
#photoInput { height: 25px; width: 200px; }
.addButton { border: 1px ridge #153b20; width: 132px; height: 20px; padding-top: 1px; background-color: #e7f2d1; margin-top: 1px; }
.submitRegistration { border: 1px ridge #153b20; width: 132px; height: 20px; padding-top: 1px; background-color: #e7f2d1; }
.submitLogin { border: 1px ridge #153b20; width: 132px; height: 20px; padding-top: 1px; background-color:#e7f2d1; margin-left: 180px; }

.firstColumnFirstRow, .secondColumnFirstRow, .thirdColumnFirstRow { padding-top: 10px; }
.firstColumnSecondRow, .secondColumnSecondRow, .thirdColumnSecondRow { padding-top: 5px; }
.secondColumnSecondRow { padding-bottom: 10px; }
.tableSearchAddition { border: 1px solid #153b20; padding-left:5px; margin-top: 55px; width:596px; }
.htmlarea { width: 545px; }
.logoutLink { margin-top: 10px; padding-bottom: 10px; }
.actualPhoto { margin-left: 110px; }
* html .searchSelection { width:520px; }
* html .searchResult { width:680px; height:300px; }

/*search*/
.searchResult { padding-top: 10px; padding-left: 10px; margin-top: 5px; overflow: auto; width: 700px; padding-bottom: 10px; }
.searchSelection {  padding-top: 10px; padding-left: 10px; margin-top: 5px; overflow: auto; width: 572px; }
.pageBrowse { margin-top: 5px;}
.searchName { width: 293px; float: right; }
.searchNameButton { border: 1px ridge #153b20; width: 100px; height: 19px; padding-top: 1px; background-color: #e7f2d1; padding: 0px;}
.searchNameInput { width: 138px; padding: 0; }
.searchResultTitelLine { padding-bottom: 5px; width: 650px; margin-top: 15px; }
.searchSelectButton { border: 1px ridge #153b20; width: 140px; height: 20px; padding-top: 1px; background-color: #e7f2d1; }
#overlayBackground { left: 0; margin: 0; padding: 0; top: 0; display: block; position: fixed; background-color: black; width: 100%; height: 100%; opacity: 0.7; filter: Alpha(opacity=70); visibility: hidden; }
.listAdditions { padding-bottom: 10px; padding-top: 3px; }
.additions {}
.labelColumn { width: 150px; }
.infoColumn { width: 170px; }

/*Single View*/
.photoUserProfile { margin-left: 60px;}
.backToListButton { margin-top: 8px; }

.photoSearchView { width: 70px; }
.infoSearchView { width: 140px; }

/*facebookFooter*/
.onFacbookDiv {font-size:9px; padding-left:10px; background-color:#45624E; margin-top: -20px; padding-top:8px; height:20px; position:relative;}