/***************************/
/* general element styles: */
/***************************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select, div, label { font-family:Verdana, Arial, Helvetica, sans-serif; color:black; font-size:11px; }
pre { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #D3001D; text-decoration:none; font-weight:bold; }
a:hover { color:#D3001D; }
form { margin: 0px 0px 0px 0px;}
p, pre { margin: 0px 0px 0px 0px; }
p, td, ul, ol { font-size:11px; line-height:18pt; }
input, textarea, select { padding-left: 0px; }


/********************************/
/* 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; }
				
/******************/
/* headers, plain */
/******************/
h1 { font-size: 16px; font-weight:bold; }
h2 { font-size: 14px; }
h3 { font-size: 11px; font-weight:bold;  }
h4 { font-size: 12px; font-style:italic; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0px 5px 0px; text-align:left;  color: #454545; }
h1.csc-firstheader, h2.csc-firstheader, h3.csc-firstheader, h4.csc-firstheader, h5.csc-firstheader, h6.csc-firstheader { margin-top: 0px; }

/* headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #D3001D; text-decoration: none; }
h2 a { color: #D3001D; }
h3 a { color: #D3001D; }
h4 a { color: #D3001D; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/* header date */
p.csc-header-date { font-size: 10px; color: #186900; }

/* subheader, general */
p.csc-subheader { font-style: italic; background-color: #edebf1; }

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

/**************************/
/* 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: 2px 0px 2px 0px;}
p.bodytext a { margin:0px; }
p.bodytext a:hover {}
.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; }
/* images / captions */
p.csc-caption {  }

/* images / tables / floating text */
table.imgtext-table { border: 0px; }

/* images / tables / wrapped text */
/* when \"text w/image\" elements are wrapping the text into a table the top-margin of hx elements should be transferred to the wrapping table instead. this is done here: */
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 */
/***************/

/* bulletlists, general */
ul.csc-bulletlist li { }

/* bulletlists, specifically */
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); }



/*********************/
/* tables, generally */
/*********************/
table.contenttable {}
table.contenttable p { }
table.contenttable tr td { vertical-align: top; }

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



/************************/
/* 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, textarea { border:1px ridge #000000; width:210px; }
#contactFormSpacer  {height:8px;}
.csc-mailform-field textarea { position:relative; left:0px; top:0px; }
.csc-mailform-submit { position:relative; left:12px; top:10px; }
* html .csc-mailform-submit {left:16px;}
*:first-child+html .csc-mailform-submit {left:13px;}
#mailformformtype_mail { margin-left:160px; width:120px; }


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

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


/*****************/
/* search result */
/*****************/

/* search result, result information box: */
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; }

/* search result, header + abstract: */
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, \"menu of these pages\" */
div.csc-menu-def p {  }

/* menu / sitemap, \"menu of subpages to these pages\" */
div.csc-menu-1 { }

/* menu / sitemap, \"sitemap\" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-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; }

/* menu / sitemap, \"section index (pagecontent w/index checked)\" */
div.csc-menu-3 { }
div.csc-menu-3 p.csc-section { margin-left: 0px; }
div.csc-menu-3 p.csc-section a { color: #186900; }

/* menu / sitemap, \"menu of subpages to these pages (with abstract)\" */
div.csc-menu-4 { }
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; }

/* menu / sitemap, \"recently updated pages\" */
div.csc-menu-5 { }

/* menu / sitemap, \"related pages (based on keywords)\" */
div.csc-menu-6 { }

/* menu / sitemap, \"menu of subpages to these pages + sections\" */
div.csc-menu-7 { }
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 */
/*************/
html { height:100%; }
#body { background-image:url(images/body.jpg); margin:0 0 0 0; height:100%; }
#mainDiv { width:1024px; min-height:100%; height:auto; margin:0 auto 0 auto; background-image:url(images/mainDiv.jpg); background-position:bottom; background-repeat:no-repeat; background-color:white; }
* html #mainDiv { height:100%; }
#header { width:1024px; height:125px; float:left; background-image:url(images/header.jpg); }
#logo { width:350px; height:76px; float:right; margin-right:40px; margin-top:30px; background-image:url(images/logo.jpg); background-repeat:no-repeat; background-color:#FFFFFF; }
* html #logo { margin-right:20px; }

#topNavigationLeft { width:210px; height:15px; float:left; margin-top:92px; margin-left:200px; }
* html #topNavigationLeft { width:250px; margin-left:100px; }

#topNavigationRight { width:300px; height:15px; float:left; margin-left:430px; margin-top:-15px; position:relative; }
* html #topNavigationRight { margin-left:-15px; margin-top:-13px; }
*:first-child+html #topNavigationRight { margin-left:30px; margin-top:-13px;}
#leftNavigation { width:150px; min-height:200px; float:left; margin-top:85px; clear:both; }

#middlePart { min-height:240px; height:auto; width:500px; float:left; margin-left:50px; margin-top:55px; }
* html #middlePart { margin-left:30px; height:240px; }
#subNavigation { float:left; clear:both; }
#content { width:500px; min-height:240px; float:left; }
* html #content { height:240px; clear:both; }
#image { width:465px; height:160px; float:left; padding-bottom:160px; }

#rightContent { width:280px; min-height:190px; float:right; margin-top:63px; margin-right:15px; }
* html #rightContent { height:190px; }

#adress { width:280px; height:200px; float:left; margin-left:27px; padding-top:20px; }
#adress p { color:#D3001D; font-weight:bold; }
* html #adress { margin-left:10px; }
#footer { width:100%; height:20px; clear:both; bottom: 0; }

/*************/
/* user defined classes */
/*************/
.topNavigation, .subNavigation { color:#6F7072; }
.topNavigationAct, .subNavigationAct { color:#D3001D; }

/*tt_news*/
.news-list-item p { line-height:14pt; }
.news-list-item { margin-top:20px; }

.leftColumn { width:280px; }
.rightColumn { width:280px; margin-left:30px; }

.firstColumn, .secondColumn, .thirdColumn, .forthColumn, .fifthColumn, .sixthColumn { width:80px; text-align:left; padding:0; padding-right:3px; }
.option { color:black; font-weight:normal; line-height:10pt; }


/*mailformplus*/
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }
.csc-mailformplus { border:0px; }
.csc-mailformplus-field { padding-bottom:2px; }
.csc-mailformplus-field label { width:100px; float: left; text-align: left; padding-top:3px; }
.csc-mailformplus-field input, .csc-mailformplus-field textarea { border:1px ridge #000000; width:210px;}
.csc-mailformplus-field textarea { left:0px; top:0px; }
#submitButtonMailformplus { margin-left:191px; width:120px; }
* html #submitButtonMailformplus { left:16px; }
*:first-child+html #submitButtonMailformplus { left:13px; }
#contactFormSpacer  { height:8px; }
#mailformformtype_mail { margin-left:152px; width:120px; }
* html #mailformformtype_mail { margin-left:165px; }

.error { font-size:12px; color:red; padding-bottom:3px; margin-left:100px; }