/*
	Filename:	reset.css
	Author:		Marc Ehret
	Version:		19.05.2008
*/

																					
/*	Original version by Eric Meyer
------------------------------------------------------------------------------*/
																					
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	line-height: 1.5em;
	font-family: inherit;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
	}


select
{
padding:0;
}

:focus
	{
	outline: 0;
	}
/*
html {font-size: 0.625em;}
*/

body
	{
	line-height: 1;
	color: #000;
	background: #fff;
	}

ol, ul
	{
	list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */
table
	{
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td
	{
/*	text-align: left; */
	font-weight: normal;
	}

textarea
	{
	font-family: inherit;
	font-size: inherit;
	}

blockquote:before, blockquote:after,
q:before, q:after
	{
	content: "";
	}

blockquote, q
	{
	quotes: "" "";
	}







/*	Schrift
------------------------------------------------------------------------------*/

body
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	line-height: 16px;
	}

p, input, select, button, textarea, blockquote, pre, td, th, li, h1, h2
	{
	}



/*	Links
------------------------------------------------------------------------------*/

a:link,
a:visited
	{
	color: #369;
	text-decoration: underline ;
	}

a:hover
	{
	color: #369;
	text-decoration: none;
	}



/*	Headlines
------------------------------------------------------------------------------*/

h2
	{
	color: #FFF;
	font-size:13px;
	line-height: 13px;
	padding:4px 10px;
	margin:20px -10px 10px -10px;
	background:#C00418;
	font-weight:normal;
	}

h3
	{
	color: #000;
	font-size:13px;
	line-height: 18px;
	font-weight: bold;
	padding:16px 0 0 0;
	margin-bottom:0;
	}



/*	Absatzarten
------------------------------------------------------------------------------*/

p, pre, blockquote
	{
	}

p
	{
	margin-bottom: 1em;
	}

pre
	{
	padding: 2em;
	background-color: #eee;
	font-family: "Courier New", Courier, mono;
	white-space: normal;
	}

blockquote
	{
	}



/*	Tabellen
------------------------------------------------------------------------------*/

table th,
table td
	{
	padding: 2px;
	}

table th
	{
	white-space: nowrap;
	font-weight: bold;
	}

table.contenttable {margin: 1em 0;}
table.contenttable tr td {border-bottom:1px solid #ddd;}
table.contenttable tr.tr-first td {border-top:1px solid #ddd;}

/*	Listen
------------------------------------------------------------------------------*/

ul
	{
	list-style-type: none;
	margin: 1em 0;
	}

ul li
	{
	margin-bottom: 0em;
	padding:1px 0 20px 25px;
/*	background: transparent url('img/li.png') 0 0 no-repeat; */
	}

ul.csc-menu li {background-image:none;padding: 3px 0;}

ul ul
	{
	list-style-type: circle;
	margin: 0 0 0 1em;
	}

ol
	{
	list-style-type: decimal;
	margin: 1em 60px;
	}

ol li
	{
	margin-bottom: 1em;
	}

ol ol
	{
	list-style-type: lower-alpha;
	margin: 0 0 0 1em;
	}



/*	Formulare
------------------------------------------------------------------------------*/

fieldset
	{
	}

dl
	{
	padding: 0em 0;
	margin:0;
	}

dt,
dd
	{
	padding-bottom: .5em;
	float: left;
	}

dt
	{
	clear: both;
	width: 30%;
	text-align: right;
	padding-right: 1em;
	}

dd
	{
	text-align: left;
	width: 60%;
	}

* html dd
	{
	float: none;
	}

dd p
	{
	margin: 0 0.5em 0;
	padding: 0;
	}

dt label
	{
	padding: 0 0 0 .5em;
	font-weight: bold;
	}

dd input,
dd textarea
	{
	width: 100%;
	}

dd input.checkbox,
dd input.tx-srfeuserregister-pi1-radio
	{
	width: auto;
	}

dd input.button-submit
	{
	width: auto;
	}


input, textarea, button, select
	{
	margin: 0;
	}

button
	{
	width: auto;
	overflow: visible;
	}

small {font-size: smaller;}
strong {font-weight: bold;}



/* tt_content */	


	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border-left: 6px solid #DF0404;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { 
		padding: 0;/**/
		overflow:hidden;
		}

	DIV.csc-textpic IMG { 
		/*border-left:6px solid #DF0404; */
		}
	#Info DIV.csc-textpic IMG { 
		border-left:none; 
		}

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	/* FE-Editing Icons */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } 
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { 
		clear: left;
		}

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline;  /*IE fix for double-margin bug */
		margin-right: 20px;
	}
	.article-detail DIV.csc-textpic-intext-right IMG,
	.article-detail DIV.csc-textpic-imagerow IMG {
		border:0;
		}
	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { 
		margin-left: 0px !important; 
		padding-left: 0px !important; 
		}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { 
		padding-right: 0px !important; 
		margin-right: 0px !important; 
		}
	
	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-top:0.25em !important;
		margin-right: 0.95em !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 0.95em !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: left; }
	/*DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }/
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: left; }
	/*DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }*/
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	


.csc-mailform-field {width:200px;margin-top:20px;}


/*	Helper
------------------------------------------------------------------------------*/

.hidden,
.hide div,
.hide label
	{
	width: 0;
	position: absolute;
	left: -1000px;
	top: -1000px;
	height: 0;
	overflow: hidden;
	}

.notice
	{
	font-style: italic;
	}

.caption
	{
	background: #333;
	font-style: italic;
	color: #fff;
	padding: .5em 1em;
	margin-top: 2px;
	}

.dimmed
	{
	color: #777;
	}

.separator
	{
	color: #999;
	}

div.DisplayBlock { display:block; }
div.DisplayNone { display:none; }

/* Break Line for div tables */
.visualClear { display: block; clear: both; height: 0px; overflow: hidden; }


.padding {padding:15px;}


/*
	page layout
------------------------------------------------------------*/

body
	{
	text-align:center;
	background:#fff;
	padding-bottom:60px;
	}

#pageFrame {width:934px;text-align:left;margin:0 auto;}
#pageMain {}
#pageMain_inner1 {padding:0;}
#pageStandard #pageMain_inner1 {padding:10px;}
#pageMainContent {width:62.5%;float:left;}
#pageMainContent_inner1 {padding:10px;}
#pageMainSidebar {width:37.5%;float:left;}
#pageMainSidebar_inner1 {padding:10px 10px 10px 30px;}


/*		ceNavTab 
------------------------------------------------------------------------------*/

.ceNavTab
	{
	line-height: normal;
	border-bottom:24px solid #C00418;
	margin-top:24px;
	}

.ceNavTab ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}

.ceNavTab ul li
	{
	display: inline;
	margin: 0;
	padding: 0;
	}

.ceNavTab ul li a
	{
	background: url(img/ceNavTab.png) no-repeat 0 -150px;
	color: #000;
	float: left;
	margin-right: 1px; /* Horizontaler Abstand der Tabs */
	padding-left: 8px; /* Breite des linken Hintergrundbildes */
	text-decoration: none;
	}

.ceNavTab ul li a span
	{
	background: url(img/ceNavTab.png) no-repeat 100% -150px;
	float: left;
	display: block;
	padding: 6px 10px 6px 2px; /* padding-left = padding-right abzgl. Breite des linken Hintergrundbildes */
	line-height: 1em;
	font-weight: normal;
	}

.ceNavTab ul li a:hover
	{
	background-position: 0 -300px;
	text-decoration: none;
	color: #fff;
	}

.ceNavTab ul li a:hover span
	{
	background-position: 100% -300px;
	cursor:pointer;
	}

.ceNavTab ul li.active a, .ceNavTab ul li.current a
	{
	background-position: 0 0;
	color: #fff;
	}

.ceNavTab ul li.active a span, .ceNavTab ul li.current a span
	{
	background-position: 100% 0;
	}


/*		logo
------------------------------------------------------------------------------*/

#logo a {position:absolute;left:10px;top:20px;width:200px;height:200px;}


/*		Registrierung
------------------------------------------------------------------------------*/

#formRegister {overflow:hidden;padding-bottom:30px;}
#formRegister p {margin:16px 0;}
#formRegister .formdata {margin:8px 0 0 16px; overflow:auto;}
#formRegister .formdata label {float:left; width:200px; }
#formRegister .formdataSubmit {padding:40px 0 40px 70px;}


#formRegister input.submitButton,
#formRegister input.cancelButton
	{
overflow:visible;
padding:1px;
	}

	
/*		ceNavInline
------------------------------------------------------------------------------*/

.ceNavInline
	{
	text-align: right;
	}

.ceNavInline ul, .ceNavInline ul li
	{
	padding: 0;
	margin: 0;
	list-style:none;
	}

.ceNavInline ul li
	{
	margin-left:8px;
	display: inline;	
	}

.ceNavInline ul li a
	{
	text-decoration:none;	
	}


/*		ceTable
------------------------------------------------------------------------------*/

.ceTable table
	{
	border-top:1px solid #e3f1fe;
	border-left:1px solid #e3f1fe;
	border-collapse:separate;
	width:100%;
	}

.ceTable table td,
.ceTable table th
	{
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-right:1px solid #e5eff8;
	padding: 8px;
	text-align:center;
	}

/*
.ceTable table tr.odd td,
.ceTable table tr.odd th
*/
.ceTable table td,
.ceTable table th
	{
	background:#f4f9fe url(images/ceTable_td_bg.gif) no-repeat;
	}

.ceTable table span.ceIconImg
	{
	margin-left:8px;
	}
.ceTable table span.ceIconImg img
	{
	vertical-align:middle;
	}
		


/*		ceForm
------------------------------------------------------------------------------*/

.ceForm
	{
/*	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe; */
	}

.ceForm .row
	{
/*	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8; */
	padding: 8px 0;
	text-align:left;
	overflow:hidden;
/*	background:#f4f9fe url(images/ceTable_td_bg.gif) no-repeat;	*/
	}

.ceForm .row .col1
	{
	float:left;
	width:37.4%;
	}

.ceForm .row .col2
	{
	float:left;
	width:62.5%;
	}

.ceForm .rowCheckbox .col1,
.ceForm .rowCheckbox .col2,
.ceForm .rowRadio .col1,
.ceForm .rowRadio .col2
	{
	float:none;
	width:auto;
	}
.ceForm .rowCheckbox .column2,
.ceForm .rowRadio .column2
	{
	float:right;
	width:62.5%;
	}

.ceForm input.fieldInput,
.ceForm textarea.fieldTextarea
	{
	width:90%;
	border:1px solid #ccc;
/*	color:#678197; */
	padding:3px 0;
	}

.ceForm textarea.fieldTextarea {height:8em;}

.ceForm .fieldNote {display:block;padding-left:2px;font-style:italic;}



/*		cePagination
------------------------------------------------------------------------------*/

.cePagination .row
	{
	padding:8px 8px 3px 8px;
	overflow:hidden;
	border:1px solid #e5eff8;
	border-top-width:4px;
	border-bottom-width:4px;
	background:#f4f9fe url(images/ceTable_td_bg.gif) no-repeat;	
	}

.cePagination .row .col1,
.cePagination .row .col2,
.cePagination .row .col3
	{
	width:80px;
	float:left;
	}

.cePagination .row .col2
	{
	width:480px;
	text-align:center;
	color:#678197;
	}

.cePagination .row .col3
	{
	text-align:right;
	float:right;
	}

.cePagination .col1 span.ceIconImg
	{
	margin-right:8px;
	}
.cePagination .col3 span.ceIconImg
	{
	margin-left:8px;
	}



/*		ceSelect
------------------------------------------------------------------------------*/

.ceSelect .selectWrap
	{
	overflow: hidden;
	border: 1px solid #e5eff8;
	width: 398px;
	height: auto;
	display:block;
	}

	.ceSelect .selectWrap select
		{
		display: block;
		float: none;
		margin: -1px;
		line-height:1em;
		font-size:12px;
		line-height:12px;
		padding:2px 0px;
		width:100%;
		color:#678197;
		}


input.fieldCheckbox,
input.fieldRadio {width:auto;vertical-align:middle;border:0;}

.col1 label {vertical-align:middle;padding-right:16px;display:block;}
.col2 label {vertical-align:middle;padding-left:4px;}
	
.ceForm .rowButton .column2 {float:right;}
.ceForm .buttonSubmit {font-weight:bold;}




/*		ceBox
------------------------------------------------------------------------------*/



.ceBox_header1
	{
	border-top:1px solid #e3f1fe;
	border-left:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	}

.ceBox_header2
	{
	border-right:1px solid #fff;
	background: #F4F9FE url(images/ceTable_td_bg.gif) no-repeat 0 0;
	padding:6px;
	color: #4e6172;
	font-weight:bold;
	}

.ceBox_content1
	{
	border:1px solid #e3f1fe;
	}

.ceBox_content2
	{
	border:1px solid #fff;
	background: #F4F9FE;
	padding:6px;
	color: #678197;
	}

/*		ceButton
------------------------------------------------------------------------------*/


.btn { display: block; position: relative; background: #f00; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; margin-right:16px;}
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.grey { background: #eee; }
.btn.green { background: #0c0; }

.btn:hover { text-decoration:underline; color:#fff; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #4f4; }
* html .btn:hover { border-color: #a00; }




/*		ceRow
------------------------------------------------------------------------------*/

.ceRow {padding:8px;overflow:hidden;border:1px solid #e3f1fe;}
.col1, .col2 {float:left;min-height:1px;}


.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}


#pageHeader {height:45px;background:transparent url(img/logo_fho.png) no-repeat 0 0;}


.tx-feedforward-pi1 strong {font-weight:normal;color:#666;font-size:12px;display:block;}
.tx-feedforward-pi1 p {margin:0;padding-top:1em;}