/*----------------------------------------------------------------------*/
/*  Standard Stylesheet                                                 */
/*  David Bender                                                        */
/*----------------------------------------------------------------------*/

/*
ELEMENTE:

 	Standard
 	Elemente (Buttons, Links, etc.)
 	Header
 	Navi Function
 	Navi Main
 	Navi Clickpath
 	Navi Sub
 	Content (div)
 	Content (class)
 	Footer
 	tabellen
	formulare	
*/


/*----------------------------------------------------------------------*/
/*  Standard                                                            */
/*----------------------------------------------------------------------*/

body, div, p,
h1, h2, h3, h4, h5, h6,
b, strong, i,
form, select, option, textarea, input,
a,
th, td,
ol, ul, li
{
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	color:				#000000;
}

body
{
	font-size:			11px;
	line-height:		14px;
	margin:				0px;
	padding:			0px;
	border:				0px;
	background-color:	#006666;
}

FORM
{
	margin:				0px;
	padding:			0px;
}

A
{
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	font-style:			normal;
	font-weight:		700;
	font-variant:		normal;
	text-decoration:	none;
	font-size:			11px;
	color:				#006666;
}
	
A:hover
{
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	font-style:			normal;
	font-weight:		700;
	font-variant:		normal;
	text-decoration:	underline;
	font-size:			11px;
	color:				#006666;
}


.fliesstext-klein
{
	font-size: 9px;
	line-height: 14px;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	text-decoration: none
}

p.align-center {
	text-align:			center;
}

p.align-left {
	text-align:			left;
}

p.align-right {
	text-align:			right;
}

/*----------------------------------------------------------------------*/
/*  Navigation                                                          */
/*----------------------------------------------------------------------*/

ul#Navigation1L
{
    margin: 			0px;
	padding:		 	0px;
    text-align: 		left;
}

* html ul#Navigation1L /* Korrekturen fuer IE 5.x */
{  
    padding-left: 		0px;
    padd\ing-left: 		0px;
}

ul#Navigation1L li
{
    list-style: 		none;
    margin: 			0px;
    padding: 			0px;
    padding-top: 		15px;
}



ul#Navigation2L
{
    margin: 			0px;
	padding:		 	0px;
    text-align: 		left;
}

* html ul#Navigation2L /* Korrekturen fuer IE 5.x */
{  
    padding-left: 		0px;
    padd\ing-left: 		0px;
}

ul#Navigation2L li
{
    list-style: 		none;
    margin: 			0px;
    padding: 			0px;
    padding-left: 		10px;
}




/*----------------------------------------------------------------------*/
/*  Content (div)                                                       */
/*----------------------------------------------------------------------*/

.screen
{
	position:			absolute;
	top:				50%;
	left:				50%;
	padding:			0px;
	border:				0px solid #CCCCCC;
	width:				850px;
	height:				550px;
	margin: 			-275px 0px 0px -425px;
	background-color:		#FFFFFF;
	overflow:			auto;
}

.screenStart
{
	background-image:		url(/fileadmin/raumfabrik/navigation/bg_home.jpg);
	position:			absolute;
	top:				50%;
	left:				50%;
	padding:			0px;
	border:				0px solid #CCCCCC;
	width:				850px;
	height:				550px;
	margin: 			-275px 0px 0px -425px;
	background-color:		#FFFFFF;
	overflow:			auto;
}

.screenPopup
{
	position:			absolute;
	left:				50%;
	padding:			0px;
	border:				0px solid #CCCCCC;
	width:				350px;
	margin: 			0px 0px 0px -175px;
	background-color:		#FFFFFF;
	overflow:			visible;
}

.screenNavigation
{
	position:			absolute;
	top:				50%;
	left:				50%;
	padding:			0px;
	border:				0px solid #990000;
	width:				180px;
	height:				550px;
	margin: 			-275px 0px 0px -425px;
	overflow:			hidden;
}

.screenContent
{
	position:			absolute;
	float:				right;
	top:				0px;
	left:				235px;
	padding:			0px;
	border:				0px solid #444400;
	width:				668;
	height:				550px;
	margin: 			0px 0px 0px 0px;
	overflow:			visible;
}

.gewerklogos
{
	position:			absolute;
	z-index:			9999;
	top:				0px;
	left:				0px;
	padding:			17px 0px 6px 0px;
	width:				158px;
	margin: 			0px 0px 0px 0px;
	height:				63px;
}

.header
{
	position:			relative;
	top:				0px;
	left:				425px;
	padding:			18px 0px 6px 0px;
	width:				158px;
	margin: 			0px 0px 0px 0px;
	height:				63px;
}


.linie
{
	position:			relative;
	width:				581px;
	height: 			1px;
	top:				0px;
	left:				0px;
	background-color:	#006666;
}


.leftColumn
{
/*	background-image:	url(/fileadmin/raumfabrik/navigation/pixel_cccccc.gif);  */
	margin:				0px;
	padding:			10px 15px 0px 15px;
	width:				150px;
	height:				499px;
	position:			absolute;
	background-color:	#cccccc;
	left:				0px;
	top:				0px;
	overflow:			hidden;
}

.mainColumn
{
     margin:			20px 0px 0px 0px;
     border:			0px solid #CCCCCC;
     padding:			0px 0px 20px 0px;
     position:			relative;
     left:				0px;
     top:				0px;
     width:				581px;
     overflow:			visible;	     
}

.containerMain
{
     margin:			0px 0px 0px 0px;
     z-index:			200;
     border:			0px solid #990000;
     padding:			0px 0px 0px 0px;
     position:			relative;
     left:				0px;
     top:				0px;
     width:				400px;
     overflow:			visible;	     
}

.containerRight
{
     margin:			0px 0px 0px 0px;
     z-index:			205;
     float:				right;
     border:			0px solid #006666;
     padding:			84px 0px 0px 0px;
     position:			relative;
     left:				0px;
     top:				0px;
     width:				160px;
     overflow:			visible;	     
}

.mainColumnStart
{
     margin:			0px;
     margin-bottom:		0px; 
     border:			0px solid #CCCCCC;
     padding:			0px 0px 0px 55px;
     position:			absolute;
     left:				180px;
     top:				115px;
     width:				400px;
     overflow:			hidden;	     
}

.copyright
{
	 position:			absolute;
	 top:				50%;
	 left:				50%;
	 padding:			0px;
     width:				850px;
	 height:			20px;
	 margin: 			280px 0px 0px -425px;
	 text-align:		center;
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	font-size:			11px;
	color:				#FFFFFF;
}

.copyright A
{
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	text-decoration:	none;
	text-align:			center;
	line-height:		11px;
	color:				#FFFFFF;
}

.copyright A:hover
{
	font-family:		Arial,Helvetica,Verdana,sans-serif;
	text-decoration:	none;
	text-align:			center;
	line-height:		11px;
	color:				#FFFFFF;
	text-decoration:	underline;
}

.infoline
{
	position:			absolute;
	bottom:				0px;
	padding:			0px;
	width:				180px;
	height:				52px;
}


/* Korrektur für ausgerückte Headline #5 */
.csc-header-n1, .csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5
{
	position:			relative;
	left:				0px;
	overflow:			visible;
	width:				1%;
	margin:				0px 0px 0px -40px;
	padding:			10px 0px 10px 0px;
}



/* Kontakt */

.input-kontakt1
{
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	color: #000000;	
	width: 240px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
	background-color: #ffffff;
	border: #006666 solid 1px
}

.input-kontakt2
{
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	color: #000000;
	width: 40px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
	background-color: #ffffff;
	border: #006666 solid 1px
}

.button-kontakt1
{
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	width: 250px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 20px;
	background-color: #006666;
	border: #006666 solid 1px
}

.textarea-kontakt1
{
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	color: #000000;	
	width: 240px;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border: #006666 solid 1px
}

.select-kontakt1
{
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	color: #000000;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: #006666 solid 0px
}

/* Kontakt ENDE */




/* TYPO3 CVS id: $id$ */
/* Template stylesheet which can be used for new sites */
/* Make a copy of this stylesheet to some other location, modify it and use it from there! */
/*

Colorscheme is:

Background Color 1: #EDEBF1;	(Background 1)
Background Color 1-dimmed: #D8D7DC;	(Background 1 - dimmed)
Background Color 2: #F5FFAA;	(Background 2)
Background Color 3: #D1D2E4;	(Background 2)

Text, main:	#000000
Text Color 1: #186900;	(red)
Text Color 2: #10007B;	(green)
Text Color 3: #8A0020;	(blue)

Links		#000066
Link hover: #660000;

Borders/Lines	#333333
*/


/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial,Helvetica,Verdana,sans-serif; color: #000000; }
PRE { font-family: monospace; }
A { color: #006666; text-decoration: none; }
A:hover { color: #006666; text-decoration: underline; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 11px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: left; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #006666; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #006666; }
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: #cccccc; padding: 2px 4px 2px 4px; border: 1px solid #006666; }
DIV.csc-frame-frame2 { background-color: #ffffff; 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: 11px; }
H2 { font-size: 11px; color: #006666; }
H3 { font-size: 14px; color: #000000; }
H4 { font-size: 14px; color: #006666; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
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: #000066; text-decoration: none; }
H2 A { color: #186900; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
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: 11px; 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; }



/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext { font-size: 11px; color: #000000; }
P.bodytext A { font-weight: bold; }

/* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 11px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* RTE / Table styling */
TABLE.contenttable { border: 1px #333333 solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 11px; }
TABLE.contenttable TR { background-color: #EDEBF1; }



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

/* Images / Captions */
P.csc-caption { font-size: 11px; 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 LI { font-size: 11px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { list-style-image: url("../navigation/bulletlist_style_normal.gif"); margin: 0px 0px 0px 14px; padding: 0px; }
UL.csc-bulletlist-1 { list-style-type : decimal; margin: 0px 0px 0px 20px; padding: 0px; }
UL.csc-bulletlist-2 { list-style-image: url("../navigation/bulletlist_style2.gif"); margin: 0px 0px 0px 20px; padding: 0px; }
UL.csc-bulletlist-3 { list-style-image: url("../navigation/bulletlist_style3.gif"); margin: 0px 0px 0px 16px; padding: 0px; }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
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: 0px; padding-right: 0px; }
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%; }


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


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



/* default styles for extension "tx_slcssimgtext" */
	/*
	   Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
	   (c) the TYPO3 content rendering group
	*/

	/* COMMON */
	.csi-textpic {
		padding: 5px;
		background: #DDDDFF;  /*XXX demo only*/
		border: 2px solid green;  /*XXX demo only*/
	}

	.csi-textpic img {
		border: 1px solid black;  /*XXX demo only*/
		margin: 4px;
	}

	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
	}

	.csi-textpic .csi-image {
		border: 1px solid red;  /*XXX demo only*/
		margin: 0 0 3px 0;  /*XXX demo only*/
		background: #FFF;  /*XXX demo only*/
		width: 210px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-textpic .csi-imagewrap {
		border: 1px solid blue; /*XXX demo only*/
		text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
	}

	.csi-textpic .csi-text {
		border: 1px solid silver; /*XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/
	}

	.csi-text p {
		margin-top: 0;
	}

	/* CENTER */

	.csi-center .csi-image {
		margin: 0 auto 3px;
	}

	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}

	.csi-right div.csi-text {
		clear: right;
	}


	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}

	.csi-left div.csi-text {
		clear: left;
	}


	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
	}


	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}


	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 215px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}


	/* INTEXT LEFT NOWRAP*/
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}




/* TYPO3 Default Stylesheets */

/* Default stylesheet for the html mails of tx_sendcard extension */
/* BODY { background:#ffffff none; scrollbar-face-color:#35006D; scrollbar-shadow-color:#35006D } */
 .tx-srsendcard-pi1 P { font-family:Verdana, sans-serif; font-size:12px; line-height:125%; color:#35006d; margin-top:8px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px; text-indent:0px; }
 .tx-srsendcard-pi1 A:link { background-color:transparent; color:navy; text-decoration:none; font-weight:bold;}
 .tx-srsendcard-pi1 A:visited { background-color:transparent; color:navy; font-weight:bold; text-decoration:none; }
 .tx-srsendcard-pi1 A:hover { background-color:transparent; color:#333333; text-decoration:none; }
 .tx-srsendcard-pi1 A:active { background-color:transparent; color:navy; font-weight:bold; text-decoration:none; }
 .tx-srsendcard-pi1 TD { vertical-align:top;  font-family:Verdana, sans-serif; font-size:12px; line-height:125%; color:#35006d; margin-top:8px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px; text-indent:0px;}


/* Default stylesheet for the jppageteaser extension */
.tx-jppageteaser-pi1-headline {font-weight: bold; margin-bottom: 0px;}
.tx-jppageteaser-pi1-text 	{font-weight: normal; margin-bottom: 0px;}
.tx-jppageteaser-pi1-image 	{margin-right: 10px;}
.tx-jppageteaser-pi1-element 	{margin-bottom: 10px;}
.tx-jppageteaser-pi1 P 	    {margin: 0px !important;}


/* a1teasermenu example styles for the pagebrowser*/
	    table.tx-a1teasermenu-pi1 {padding: 0 0 0 0px; spacing: 0 0 0 0px; border: 0 0 0 0px;}
	    tr.tx-a1teasermenu-pi1 {}
	    td.tx-a1teasermenu-pi1 {vertical-align: top;}


/* VE GUESTBOOK styles */
    .tx-guestbook-list-header { background-color: #411B1F; color: #EBE8DA; font-weight:bold; }
    .tx-guestbook-list-row { }
    .tx-guestbook-list-rowleft { background-color: #EEEEEE; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 9px; color: #ffffff; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 11px; color: #ffffff; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #336699; }
    .tx-guestbook-latest-header { background-color: #411B1F; color: #EBE8DA; font-weight:bold; }
    .tx-guestbook-latest-row { }
    .tx-guestbook-latest-small { color: #ffffff; font-size: 9px; font-family: Arial,Helvetica,Verdana,sans-serif; }
    .tx-guestbook-form-inputfield-med { font-size: 11px; font-family: Arial,Helvetica,Verdana,sans-serif; color: #FFFFFF; width: 155px; height: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 2px 5px 0px 5px; background-color: #336699; border: #003366 solid 1px; }
    .tx-guestbook-form-inputfield-big { font-size: 11px; font-family: Arial,Helvetica,Verdana,sans-serif; color: #FFFFFF; width: 155px; height: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 2px 5px 0px 5px; background-color: #336699; border: #003366 solid 1px; }
    .tx-guestbook-form-textarea { font-size: 11px; font-family: Arial,Helvetica,Verdana,sans-serif; color: #FFFFFF; width: 155px; height: 90px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 2px 5px 0px 5px; background-color: #336699; border: #003366 solid 1px }
    .tx-guestbook-form-obligationfield { color: #ffffff; }
    .tx-guestbook-form-error { color: #ffcc33; }

/* TT_NEWS example styles for the pagebrowser*/
.tx-ttnews-browsebox  { font-size: 11px; text-align: center; }
	.tx-ttnews-browsebox TD { font-size: 11px; text-align: center; }
	.tx-ttnews-browsebox-strong,
	.tx-ttnews-browsebox-SCell { font-weight: bold; }
	.tx-ttnews-browsebox-SCell { background-color: #ffffff; }

/* newloginbox_pi3 example styles for the pagebrowser*/
	.tx-newloginbox-pi3-listrow TD { background-color:#336699; padding-left: 3px; padding-right: 3px; }
	.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { background-color:#336699; }
	.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { font-weight:bold; }
	.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { background-color:#336699; }


/* indexedsearch example styles for the pagebrowser*/
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
	
	
/* default styles for extension "tx_macinabanners_pi1" */
  .tx-macinabanners-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }
  
/* TYPO3 Default Stylesheets ENDE */