/**
 * CSS File for css_styled_content
 * Contains all style definitions for standard TYPO3 content elements.
 *
 * @author	Christoph Köpernick <c.koepernick@atkon.de>
 */

/***************************/
/* General element styles: */
/***************************/

form {
	clear: both;
}

input, textarea, select {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif, sans-serif;
	color: #707070;
	border: solid 1px #c0c0c0;
	font-size: 1em;
}

input.obligatory {background: #F8F9F4;}

label {
  display: block;
  margin-bottom: 0.4em;
}

input, textarea {
	padding: 0.22em 0.4em 0.26em 0.4em;
}
html>/**/body input, html>/**/body textarea {
	padding: 0.20em 0.4em 0.26em 0.4em;
}

select {
	width: 96px;
	padding: 0.1em 0 0.15em 0.3em;
	
}

option {
	padding: 0 0.4em 0 0.5em;
}

input[type=text], input[type=password], textarea {
	width: 17.37em;
}
html>/**/body input[type=text], html>/**/body input[type=password], html>/**/body textarea {
	width: 17.18em;
}

textarea {height: 89px; font-size: 1em;}

input[type=file] {
	width: 268px;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

img {
	border: none;
	vertical-align: top;
}

hr {
	display: none;	
}

/******************/
/* Buttons */
/******************/

.button-submit-container, .button-abort-container {
	padding: 0 4px 0 0;
	background: url(img/button-bg-right.png) no-repeat right top;
	height: 20px;
	float: left;
	margin: 0 8px 0 0;
	display: inline;
}

.button-abort-container {
	background: url(img/button-abort-bg-right.png) no-repeat right top;
}

.button-submit-container input, .button-submit-container a, .button-abort-container input, .button-abort-container a {
	background: url(img/button-bg.png) no-repeat left top;
	height: 20px;
	border: none;
	color: #b5deef;
	cursor: pointer;
	text-align: center;
	padding: 0 6px 0 14px;
}

.button-submit-container a, .button-abort-container a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 3px 21px;
	width: 15.09em;
}
html>/**/body .button-submit-container a, html>/**/body .button-abort-container a {width: 15em;}
.button-submit-container a:hover {color: #b5deef; text-decoration: none;}
.button-abort-container a:hover {color: #fff; text-decoration: none;}

.button-abort-container input, .button-abort-container a {
	background: url(img/button-abort-bg.png) no-repeat left top;
	color: #fff;
}

html>/**/body .button-abort-container input, html>/**/body .button-submit-container input {
	padding: 0 17px 3px 21px;
}
html:first-child .button-abort-container input, html:first-child .button-submit-container input {
	padding: 0 17px 2px 21px;
}

/******************/
/* Input file emulation */
/******************/

div.fileinputs {position: relative;}
div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;}
div.fakefile .button-submit-container input {padding: 0 0 0 4px; width: 93px; cursor: auto;}
html>/**/body div.fakefile .button-submit-container input {padding: 0 0 3px 4px;}
html:first-child div.fakefile .button-submit-container input {padding: 0 0 2px 4px;}

input.file {
	position: relative; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;
	z-index: 2; height: 22px; 
}
input.file_noscript {
	position: relative; z-index: 3; margin-left: -300px; margin-top: -22px;
	width: 300px; height: 22px;
}
input.fake_text {margin-right: 8px; float: left;}
* html input.fake_text {width: 190px;}

/******************/
/* Select emulation */
/******************/
.select_ul_container {position: relative; height: 20px; width: 12em; z-index: 500;}
select {display: block; backgroung: #f00;}
select option {backgroung: #f00;}
select.replaced {display: none;}
ul.selectReplacement {background: #fff url(img/select_arrow.png) right 2px no-repeat;margin: 0;padding: 0;
	border: solid 1px #c0c0c0; line-height: 1.3em; width: 100%;}
* html ul.selectReplacement {position: absolute;}
ul.selectReplacement li {background: none; cursor: pointer;display: none;list-style: none;margin: 0;padding: 2px 28px 2px 6px; }
html>/**/body ul.selectReplacement li {padding: 2px 28px 1px 6px; }
html:first-child ul.selectReplacement li {padding: 2px 28px 2px 6px;}
ul.selectOpen {position: absolute; background: #fff; z-index: 1000;}
ul.selectOpen li {display: block;}
ul.selectReplacement li.selected {display: block;background; none;}
ul.selectOpen li.selected {display: block;background; none;}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
	background: #185081;
	color: #fff;
}

dd.obligatory ul.selectReplacement {background: #F8F9F4 url(img/select_arrow.png) right 2px no-repeat;}


/******************/
/* Headers, plain */
/******************/


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 { text-decoration: none; }
H2 A { color: #186900; text-decoration: none; }
H3 A { color: #10007B; text-decoration: none; }
H4 A { color: #8A0020; text-decoration: none; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: none; }

/* Header date */
P.csc-header-date {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 */
P.csc-caption { font-style: italic; }

/* 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 {}
UL.csc-bulletlist LI {background: url(img/ul_bullet_first_bg.png) no-repeat 3px 11px; padding-left: 17px;}

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

UL.csc-bulletlist-1 {}

UL.csc-bulletlist-2 {}

UL.csc-bulletlist-3 {}


/***************/
/* Deflists */
/***************/





/*********************/
/* Tables, generally */
/*********************/
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 */
/************************/
/* default styles for extension "tx_cssfilelist" */
	.filelinks {margin-bottom: 8px;}
	.filelinks div { }
	.filelinks span{}
	.filelinks .filecount{padding-bottom: 3px; display: block; } 
	.filelinks a{padding-right: 3px; }
	.filelinks a:hover{text-decoration:underline;}



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


/* Mail form, specifically */

.csc-mailform-field {
	margin-bottom: 13px;
}

.csc-mailform-field label {

}


.csc-mailform-required {

}


.csc-mailform-radio label {		
	margin: 3px 0 0.6em 0;
}

html>/**/body .csc-mailform-radio label {		
	margin: 0 0 0.6em 0;
}

.csc-mailform-radio input {		
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}

html>/**/body .csc-mailform-radio input {	
	margin-right: 0.3em;
}

.csc-mailform-check {
	border: none;
}

#mailformselector_box {
	padding: 0;
}
#mailformselector_box option {
	padding: 0.1em 0.4em 0.2em 0.5em;
}








/*****************************/
/* 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; }
ul.csc-menu-1, ul.csc-menu-def { padding-bottom: 16px; }

/* 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-family: verdana; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }


/*************/
/* Debugging */
/*************/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/

/* 5 images */

.csc-textpic-border .csc-textpic-imagewrap {float: left;} 
.csc-textpic-imagerow {overflow: hidden; height: auto; margin-bottom: 8px;}
* html .csc-textpic-imagerow {overflow: visible; height: 1%;}
.csc-textpic-imagerow .csc-textpic-firstcol {float: left; }
.csc-textpic-imagerow .csc-textpic-firstcol img {width: 96px;}
.csc-textpic-imagerow dl.csc-textpic-firstcol dd.csc-textpic-caption {background: url(img/img_caption_bg_96.png) no-repeat 0 0; }
.csc-textpic-imagerow .csc-textpic-lastcol {margin-left: 104px;}
* html .csc-textpic-imagerow .csc-textpic-lastcol {margin-left: 101px;}
.csc-textpic-imagerow .csc-textpic-lastcol img {width: 200px;}
.csc-textpic-imagerow dl.csc-textpic-lastcol dd.csc-textpic-caption {width: 193px; height: 19px; padding: 5px 0 0 7px; background: url(img/img_caption_bg_200.png) no-repeat 0 0; }

.csc-textpic-clear {clear: both;}
.csc-textpic {overflow: hidden; height: auto; margin: 0 0 8px 0;}
* html .csc-textpic {overflow: visible; height: 1%;}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, 
.csc-textpic-intext-left .csc-textpic-imagewrap  {float: left; margin: 0 8px 8px 0;}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-imagewrap {float: right; margin: 0 0 8px 8px;}

dl.csc-textpic-firstcol { }
dl.csc-textpic-firstcol dt img { }
dl.csc-textpic-firstcol dd.csc-textpic-caption { padding: 5px 0 0 7px;}

.csc-textpic-right .csc-textpic-imagewrap dl {float: right;}
.csc-textpic-center .csc-textpic-imagewrap {margin: 0 auto;} 

.csc-textpic-above .csc-textpic-imagewrap {margin-bottom: 8px; overflow: hidden; height: auto;} 
* html .csc-textpic-above .csc-textpic-imagewrap {overflow: visible; height: 1%;}