/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* { background-color: transparent; }

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 10px 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 15px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */
 
/* Für Browserprobleme mit relativen Schriftgrößen und permanenten Scrollbalken rechts: */
html { font-size: 100.01%; height: 101%; }

body { color: #000; text-align: center; }

/* Zum Aufl�sen von float: */
.clear { clear: both; height: 0; overflow: hidden;  }

hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p, ul, ol { line-height: 150%; }
input, textarea, option { padding-left: 2px; }
/*table { border-collapse:collapse; }*/
td { vertical-align : top; }
pre { font-family: monospace;  }

a { color:#51af31; text-decoration:none; }
a:hover { color:#51af31; text-decoration:underline; }
a:visited {}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 24px; font-weight: bold; color: #51af31; margin: 0 0 15px 0;}
h2 { font-size: 18px; font-weight: normal; color: #51af31; }
h2 sup { font-size: 9px; }
h3 { font-size: 13px; font-weight: bold; color: #000; }
h4 { font-size: 12px; font-weight: bold; color: #000; }
h5 { font-size: 11px; font-weight: bold; color: #000; }

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

p.align-right { text-align:right; }
p.smalfont { font-size: 11px; }

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */

#pageWrapper { text-align: left;  width: 990px; margin: 0 auto 0 auto; }
#headerMenu { height: 37px; background: #53ae30 url(../img/headerImageTop.jpg) no-repeat 735px bottom; }

#headerImage { height: 216px; background:  url(../img/headerImage.jpg) no-repeat top left; }
#contentWrapper { border: 10px solid #a5222b; padding: 0 0 10px 0; }
#mainMenu { height: 90px; }
#partnerImages { margin: 15px 30px 0 0; float: right; display: inline; }
#partnerImages img { margin: 0 10px; }
#contentLeft { padding: 0 0 0 20px; width: 286px; float:left; }
#contentRight { width: 664px; float:left; }
#contentRight .content { margin: 0 80px 20px 0; }

.printLink { margin: 30px 20px 0 0; text-align: right;  }

/* Menues
--------------------------------------------------------------------------------------- */

#headerMenu ul { margin: 0 0 0 20px; list-style: none; }
#headerMenu ul li {  line-height: 37px; float: left; margin: 0 10px 0 10px; }
#headerMenu ul li a { color: #ffffff; font-size: 12px;  }


#mainMenu {  }
#mainMenu ul { margin: 0 0 0 15px; list-style: none; }
#mainMenu ul li { position: relative;  float: left; margin: 0 5px 0 5px; }
#mainMenu ul li a { text-align: center; text-decoration: none; display:block;  width: 106px; height: 26px; line-height: 26px; color: #000000; font-size: 13px; font-weight: bold; background: url(../img/naviBG.jpg) no-repeat top left;  }
#mainMenu ul li a:hover { color: #ffffff; background: url(../img/naviBG_over.jpg) no-repeat top left;  }

#mainMenu li ul, #mainMenu li.sfout ul { clear: both; position:absolute; left: -9999px; width:auto; height:auto; }
/*#mainMenu li:hover ul { z-index:200; position:absolute; clear:both; padding-left: 5px; display: block; top:35px; left:-2px; width:800px; height:35px; background: #fff url(../img/bg_header.jpg) no-repeat bottom left;}*/

#mainMenu li ul li { width:auto; height: 50px;  margin:0; padding:0; background: transparent;}
#mainMenu li ul li { color:#000000;  font-size:11px; background:none; }
#mainMenu li ul li a{ width:auto; line-height: 50px; font-size:11px; padding: 0 10px; margin-top: 0px; text-decoration:none; background: transparent; display: inline;}
#mainMenu li ul li a:hover	{ width:auto; color: #000; text-decoration: underline; background: transparent;}
#mainMenu li ul li a.act	{ width:auto; color:#000; font-size:11px; padding: 0 10px; background: transparent;  font-weight: bold; }
#mainMenu li ul li a.act:hover	{ width:auto; color: #000;  background: transparent; font-size:11px;}

#mainMenu li:hover ul, #mainMenu li.sfhover ul {
	z-index:200; position:absolute; clear:both; padding-left: 0px; display: block; top:20px; left:7px; width:800px; height:30px; background: url(../img/bg_header_sub.jpg) repeat-x top left;
}


/* FCE´s
--------------------------------------------------------------------------------------- */

.fceTextBildLinks { width: 100%; margin: 0 0 20px 20px; }
.fceTextBildLinks .image { height: auto; width: 220px; float:left; padding: 0 80px 0 0;  }
.fceTextBildLinks .content { width: 500px; float:left; margin: 0 0 0 0 !important; }



/* Contentelemente
---------------------------------------------------------------------------------------- */

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border:1px solid #a5222b; padding:0; }

.csc-default { margin: 0 0 10px 0; }
.csc-textpic-intext-left-nowrap { margin: 0 0 0 20px; }
.csc-textpic-imagerow {margin: 0 0 10px 0;}

/* Bewerbungsformular
---------------------------------------------------------------------------------------- */
#bewerbungsform { text-align:left; width: 750px; }
#bewerbungsform fieldset { margin: 0 5px; }
#bewerbungsform fieldset#tx-powermail-pi1_fieldset_1 { margin-right: 20px; width: auto; height: 80px; float: left; border: #53AE30 solid 0px; display: inline;  }
#bewerbungsform fieldset#tx-powermail-pi1_fieldset_1 textarea { width: 520px; }
#bewerbungsform fieldset#tx-powermail-pi1_fieldset_3 { width: auto; height: 80px; float: left; border: #53AE30 solid 0px; display: inline;  }
#bewerbungsform fieldset#tx-powermail-pi1_fieldset_3 textarea { width: 150px; }
#bewerbungsform fieldset#tx-powermail-pi1_fieldset_2 { clear: both; border: 0; }

#bewerbungsform fieldset label { font-weight: bold; width: 100px; display: block; }
#bewerbungsform fieldset legend { display: none; }
#bewerbungsform fieldset .tx_powermail_pi1_fieldwrap_html h2 { margin: 20px 0 0 0; }
#bewerbungsform fieldset .tx_powermail_pi1_fieldwrap_html span.text { line-height: 20px; } 
#bewerbungsform fieldset .tx_powermail_pi1_fieldwrap_html { clear: both; }

#bewerbungsform fieldset#tx-powermail-pi1_fieldset_2 textarea { width: 100%; } 
#bewerbungsform fieldset .powermail_check_inner, #bewerbungsform fieldset .powermail_radio_inner { width: auto; display: inline; }
#bewerbungsform fieldset .powermail_check_inner label, #bewerbungsform fieldset .powermail_radio_inner label { margin-right: 10px; width: auto; display: inline; }

/* eingabefelder */
#bewerbungsform input.powermail_textarea, #bewerbungsform input.powermail_text, #bewerbungsform select, #bewerbungsform textarea { border: 0; font-size: 12px; font-family: inherit; background:  url(../img/formBG.jpg) repeat top left; }

/* Material */
#bewerbungsform #powermaildiv_uid18 { margin: 10px 0 0 0; }
#bewerbungsform #powermaildiv_uid18 label { float: left; width: 330px; }
#bewerbungsform #powermaildiv_uid18 .powermail_file { margin: 0px 0 0 0; }

/* Produktmuster */
#bewerbungsform #powermaildiv_uid11 { margin: 10px 0 50px 0; }
#bewerbungsform #powermaildiv_uid11 p.tx_powermail_pi1_fieldwrap_html_radio_title { display: inline; }

/* Datenschutz Bestimmungen und Absenden */
#bewerbungsform #powermaildiv_uid17 { display: inline;}
#bewerbungsform #powermaildiv_uid12 { display: inline;}
#bewerbungsform #powermaildiv_uid12 p.tx_powermail_pi1_fieldwrap_html_checkbox_title { display: none; }
#bewerbungsform #powermaildiv_uid13 { margin: 0 50px; display: inline; }
#bewerbungsform input.powermail_submit, .tx-powermail-pi1 .tx-powermail-pi1_mandatory_submit { cursor: pointer; border: 2px solid #53AE30; background: transparent; } 
#bewerbungsform input.powermail_submit:hover, .tx-powermail-pi1 .tx-powermail-pi1_mandatory_submit:hover { cursor: pointer; border: 2px solid #a5222b; background: transparent; }


/* ausblenden einzelner bereiche */
#bewerbungsform #powermaildiv_uid5 label { display: none; }
#bewerbungsform #powermaildiv_uid7 label { display: none; } 
#bewerbungsform #powermaildiv_uid12 label { display: none; }  
#bewerbungsform #powermaildiv_uid9 .tx_powermail_pi1_fieldwrap_html_radio_title { display: none; }

/* Eingabe-Überprüfung */
.tx-powermail-pi1 { margin-left: 20px; }
.tx-powermail-pi1 .tx-powermail-pi1_mandatory { font-size: 16px; }
.tx-powermail-pi1 .tx-powermail-pi1_mandatory li.powermail_mandatory_listitem  { font-size: 12px; color: #FF0000; }

.tx-powermail-pi1_thx table.contenttable { width: 100%; text-align:left; }

/* TYPO3:Content
--------------------------------------------------------------------------------------- */
/* First Header */
h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader {  margin-top: 0px; }

/* Header date */
p.csc-header-date { font-size: 90%; 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;}

/**********/
/* Images */
/**********/

/* Images / Captions */
.csc-textpic-caption { 
	font-size: 10px;
	font-style: italic; 
}
/**********/
/* Images, Version 3.9.0 */
/**********/
/* 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 { list-style-type:none; margin:0 0 10px 0; padding:0 0 0 10px; }
ul.csc-bulletlist li { padding:0; margin:0; }

/* Bulletlists, specifically */
ul.csc-bulletlist-0 { }

ul.csc-bulletlist-1 li { 
padding-left: 20px;
background: transparent url(../img/icon_plus.gif) no-repeat left 2px; 
}
ul.csc-bulletlist-2 li { 
padding-left: 20px;
background: transparent url(../img/icon_minus.gif) no-repeat left 2px; 
}

ul.csc-bulletlist-3 li { 
padding-left: 25px;
background: transparent url(../img/icon_haken.gif) no-repeat; 
margin-bottom: 3px;
}



/*********************/
/* Tables, generally */
/*********************/

table.contenttable { 
	margin: 0px 0px; 
	/*width: 700px;*/
	border-collapse:separate;
        border-spacing:1px; 
        font-size: 11px; 
        
}
table.contenttable tr td { padding: 4px 4px; background-color: #B8D79C; }
table.contenttable tr th { padding: 4px 4px; background-color: #B8D79C; }

table.contenttable tr td p { }
table.contenttable tr {  }



table.contenttable p { }

/* Tables, specifically */
table.contenttable-0 p { }

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 { }
table.csc-uploads tr.tr-even td { 
	background-color: #EDEBF1; 
}
table.csc-uploads tr.tr-odd td { 
	background-color: #D8D7DC; 
}
table.csc-uploads tr td.csc-uploads-icon { 
	padding: 0 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: 0 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, Version 3.9.0 */
/*****************/

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

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

/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */

fieldset {
	border:0px;
}
.csc-mailform-field {
	margin: 5px 0;
	clear:both;
}
.csc-mailform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select,
.csc-mailform-radio fieldset {
	width:50%;
	background-color:#fff;
}
input.csc-mailform-submit,
input.csc-mailform-check,
.csc-mailform-radio input {
	width:auto;
}
input.csc-mailform-submit {
        margin-left: 35% !important;/* see label width + margin*/
}
.csc-mailform-radio legend {
	display:none;
}

.csc-mailform-radio fieldset input {
	float:none;
}
.csc-mailform-radio fieldset label {
        text-align:left;
        float:none;
        width:auto;
        margin: 0;
}

.csc-loginform {
	padding: 5px;
	background-color: #EDEBF1;
}
.csc-loginform-field {
	margin: 5px 0;
}
.csc-loginform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-loginform-field input {
	width:50%;
	background-color:#fff;
}
input.csc-loginform-submit {
	width:auto;
        margin-left: 35% !important;/* see label width + margin*/
}



/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo {  
	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-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)" */
ul.csc-menu-3 { background-color: #EDEBF1; list-style-type: none; margin:0; padding: 10px 10px 5px 10px; line-height: 120%; }
ul.csc-menu-3 li { margin: 0 0 5px 0; padding:0 0 0 20px; background: transparent url(../img/icon_csc-menu-3.gif) no-repeat left 3px ; }


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

/********************************/
/* 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 { padding:10px; }
div.csc-frame-rulerBefore { 
	border-top: #AEAED1 1px solid;
	margin: 20px 0 10px 0;
}
div.csc-frame-rulerAfter { 
	margin: 10px 0 20px 0;
	border-bottom: #AEAED1 1px solid;
}
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 #333; 
	margin-bottom: 20px;
}
div.csc-frame-frame2 { 
	background-color: #F5FFAA; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid #333; 
	margin-bottom: 20px;
}

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


/****************************************/
/* 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-family: verdana; font-size: 10px; color: black; 
}
table.typo3-adminPanel td a font { 
	font-family: verdana; 
	font-size: 10px; 
	color: black; 
}
table.typo3-editPanel { 
	border: 1px solid black; 
	background-color: #F6F2E6; 
}
table.typo3-editPanel td { 
border: 0px; 
}