/*******************************************************************************

	Element container layout definition

	All elements are shown in a container which uses one of the following
	classes. Please read the specific container description for more
	Information.

*******************************************************************************/

/**
 * This class represents the outer mailform table. In this table
 * all fields and elements are shown in cells
 */
.mailform-table-outer td{
	font-size: 10px;
}

/**
 * If you like to access every single cell, please use the form wizard
 * You may input here a class which is used for every cell, but you must
 */

/**
 * td-no-style represents every single defined cell. But you can change the
 * class of every cell in the field wizard
 */
.td-no-style { background-color: transparent; }
/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is valid
 * In the current version not used, for later purposes
 */
.tx_mailform_valid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is not valid.
 */
.tx_mailform_invalid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current content is required, and the user has not yet input
 * the required data
 */
.tx_mailform_required .tx_mailform_text{
	border: 1px solid #C00;
}

.tx_mailform_required .tx_mailform_select{
	border: 1px solid #C00;
}

.tx_mailform_required .tx_mailform_textarea{
	border: 1px solid #C00;
}

.tx_mailform_required .tx_mailform_captcha{
	border: 1px solid #C00;
}

/**
 * This class is used for the outer container of a Form-Element
 * The class is used, if the form has not yet sent, and is not corrected.
 * Actually this is the class, the user will see the most (if he inputs correct
 * data)
 */
.tx_mailform_none { }

/**
 * If the user inputs invalid data, the error will be displayed with
 * this text formation
 */
.tx_mailform_FieldErrorMessage {
	color: #FF0000;
	font-weight: bold;
}

/**
 * This is the class which will be the outer container class for Layout
 * elements.
 * That excludes all form elements.
 * It Includes eg title-element, html-element, separator-element
 */
.tx_layout_element_container {
	color: #F00;
}

/*******************************************************************************

 Formular element label definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

.tx_mailform_label_global {
  font-size: 1.4em;
  color: #194E9B;
  font-weight: bold;
}

.tx_mailform_label_textarea {

}

.tx_mailform_label_title {

}

.tx_mailform_label_text {
  font-size: 1.4em;
}

.tx_mailform_label_textwdesc {

}

.tx_mailform_label_default {

}

.tx_mailform_label_submit {
  font-size: 1.4em;
}

.tx_mailform_label_file {

}

.tx_mailform_label_password {

}

.tx_mailform_label_radio {

}

.tx_mailform_label_select {
  font-size: 1.4em;
}

.tx_mailform_label_layout_default {

}

.tx_mailform_label_navi_nextpage {
	
}

.tx_mailform_label_navi_previouspage {
	
}

.tx_mailform_label_navi_pagenavi {
	
}

.tx_mailform_label_navi_reset {
	
}

.tx_mailform_label_submit {
	  font-size: 1.4em;
}

/*******************************************************************************

 Formular element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

 /**
  * Normal Text element
  */
.tx_mailform_text {
  font-size: 16px;
  line-height:24px;
  vertical-align: bottom;
  color: #000;
  border: 1px solid #bbb;
  height: 24px;
  width: 400px;	
  margin-bottom: 10px;
  }

/**
 * Select (Dropdown / Multiselect)
 */
.tx_mailform_select {
  font-size: 1.4em;
  color: #000;
  border: 1px solid #bbb;
  margin-bottom: 10px;
}

.tx_mailform_option {
  font-size: 1em;
  color: #000;
}

/**
 * Textarea
 */
.tx_mailform_textarea {
  font-size: 16px;
  line-height:24px;
  font-family: Arial;
  color: #000;
  background-color: #FFF;
  margin-bottom: 5px;
  border: 1px solid #bbb;
  width:500px;
 }

/**
 * Hidden Field
 * (Actually it does not make sense to design a invisible element)
 */
.tx_mailform_hidden {
  font-size: 1em;
  color: #000;
  border: 1px solid #bbb;
}

/**
 * Password field
 */
.tx_mailform_password {
  font-size: 1em;
  color: #000;
  border: 1px solid #bbb;
  margin-bottom: 5px;
}

/**
 * File Upload
 * Currently not functional
 */
.tx_mailform_file {
  font-size: 1em;
  color: #000;
  border: 1px solid #bbb;
  margin-bottom: 5px;
 }

/**
 * Captcha
 */
.tx_mailform_captcha {
  font-size: 16px;
  color: #000;
  border: 1px solid #bbb;
  height: 24px;
  width: 150px;
}

/**
 * Checkboxes
 */
input.tx_mailform_checkbox_box {

}
div.tx_mailform_checkbox_wrap {
	overflow:hidden;
}
* html div.tx_mailform_checkbox_wrap {
	overflow:visible;
	height:1%;
}

div.tx_mailform_checkbox_element {
}

td.tx_mailform_checkbox_text {
  font-size: 1em;
  color: #000;
}

label.tx_mailform_cb_label {
  font-size: 1.6em;
  color: #000;
}

/**
 * Radio Buttons
 */
input.tx_mailform_radio_button { }

td.tx_mailform_radio_text {
  font-size: 1em;
  color: #000;
  padding: 5px;
}
label.tx_mailform_rb_label {
  font-size: 1em;
  color: #000;
  margin-bottom: 2px;
}

/*******************************************************************************

 Layout-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

/**
 * Popular HR Separator
 */
.tx_mailform_hrSeparator {
  width: 100%;
}

/**
 * Text Title
 */
.tx_mailform_title {
  font-size: 1em;
  font-weight: bold;
  padding: 2px;
  border: 0px none #FFF;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
  color:blue;
}

/**
 * HTML - Element
 *
 * - The HTML Element is not accessable over CSS.
 * - Please Include your CSS Definition in your specified HTML Element
 * - In the Wizard
 */

 /*******************************************************************************

 Navigation-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/
 /**
 * Submit Button
 */
.tx_mailform_submit {
  font-size: 1.4em;
  color: #000;
  border: 1px solid #bbb;
	width: 150px;
  padding: 4px;
  margin: 5px;
 }

/**
 * Submitbutton with extended features
 */
.tx_mailform_submitextended {
  font-size: 1em;
  color: #000;
  border: 1px solid #bbb;
  margin-bottom: 5px;
}

.tx_mailform_navi_nextpage {
	font-size: 1em;
	color: #000;
	border: 1px solid #bbb;
	margin-bottom: 5px;
}

.tx_mailform_navi_previouspage {
	font-size: 1em;
	color: #000;
	border: 1px solid #bbb;
	margin-bottom: 5px;
}

.tx_mailform_navi_reload {
	font-size: 1em;
	color: #000;
	border: 1px solid #bbb;
	margin-bottom: 5px;
}

.tx_mailform_navi_pagenavi {
	font-size: 1em;
	color: #000;
	border: 1px solid #bbb;
	margin-bottom: 5px;
}

.tx_mailform_navi_reset {

}

/* OWN STUFF */

.tx_mailform_captcha_notice {
	font-size: 12px;	
}

.tx_mailform_div_err_msg_1{
	margin-left: 10px;
	font-weight: bold;
	color: #F00;
}

.tx_mailform_required_star{
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}

/* CSS Browser Reset - Anfang */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* CSS Browser Reset - Ende */

body {
	background: #ededed url(../img/bg1.png) top repeat-x;
	color: #000;
	padding: 0;
	margin: 0;
	position: static;
	min-width: 980px;
	text-align:center;

}
#bg1 {
	background: url(../img/TopRight.png) right 37px no-repeat;
	color: #000;
	padding: 0;
	margin: 0;
	position: static;

}

#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;

}

#top {
	height: 85px;
	margin: 0px 0px 10px 0px;
	width: 980px;

}

#rootmenu {
	width: auto;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	border: 1px solid #b0b0b0;*/
	background-color: #dfdfe0;
	margin: 0px 0px 0px 0px;
	font: 0.6em Tahoma, Helvetica, Arial, sans-serif;
}

#langmenu {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
}

#sprachetext {
	float: left;
}

#lang {
	float: left;
	margin-top: 3px;
	margin-left: 3px;
}

/* TOPNAVIGATION */

#topnavi {
	float: right;
	margin-right: 50px;
}

.titem {
	display: inline;
	margin-right: 2px;
}

.titem a {
	color: #000;
	/* float: left; */
	font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
	padding: 4px 20px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: #FFF url(../img/TopMenu.png) repeat-x;
}

.titem a:hover,#topnavi a:active {
	color: #000; 
	background: #ffde00 url(../img/TopMenuHover.png);
	text-decoration: underline;
	font-weight: normal;

}

.titemact {
	display: inline;
	margin-right: 2px;
}

.titemact a {
	color: #000;
	/* float: left; */
	font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
	padding: 4px 20px;
	line-height: 24px;
	text-align: center;
	text-decoration: underline;
	background: #ffde00 url(../img/TopMenuHover.png);
}

.titemact a:hover,#topnavi a:active {
	color: #000; 
	background: #ffde00 url(../img/TopMenuHover.png);
	text-decoration: underline;
	font-weight: normal;

}

/* LOGO */

#logo {
	background: url(../img/TopLogo.png) no-repeat;
	height: 55px;
	width: 425px;
	position: absolute;
	top: 30px;

}

.logolink {
	height: 55px;
	width: 425px;
}

/* 3 COLUMN DESIGN */

#main {
	margin: 0px auto;
	width: 980px;
	/* background: url(../img/faux.png) repeat-y; */
	height: auto;
	position: static;
/*	overflow: hidden; */
}

#left {
	float: left;
	width: 175px;
/*	background: #f9f9f9 url(../img/MainBG.png) repeat-x; */
/*	min-height: 400px; */
	height: auto;
	margin-right: 8px;
	margin-left: 8px;
	overflow:hidden;
	display:inline-block;
/*	padding-bottom: 32767px; */
/*	margin-bottom: -32767px; */
}

#content {
	float: left;
	width: 589px;
	background: #f9f9f9 /* url(../img/MainBG.png) repeat-x */ ;
	min-height: 400px;
	overflow:hidden;
	display:inline-block;
	border: 1px solid #b0b0b0;
/*	padding-bottom: 32767px; */
/*	margin-bottom: -32767px; */


}

.contentinner {
	width: auto;
	padding: 15px;
	margin-bottom: 10px;
}

#right {
	float: right;
	width: 180px;
/*	background: #f9f9f9 url(../img/MainBG.png) repeat-x; */
/*	min-height: 100px; */
	margin-right: 8px;
	margin-left: 8px;
	overflow:hidden;
	display:inline-block;
/*	border: 1px solid #cccccc; */
/*	padding-bottom: 32767px; */
/*	margin-bottom: -32767px; */
}

.rightinner {
	padding: 0px;
	margin: 0px;
}

.rightinner img{}

#bottom {
	margin-top: 8px;
	margin-left: 191px;
	margin-right: 198px;
	border: 1px #b0b0b0 solid;
	background: #f9f9f9;
	margin-bottom: 10px;

}

#footer {
	padding: 10px;
	font: 0.6em Tahoma, Helvetica, Arial, sans-serif;
	text-align: center;


}

.clearer {
	clear: both;
}

/* MENU CONFIGURATION */

.mainmenu {
	width: 175px;
	display: block;
}

.menuitem a{
	font-weight: bold;
	font-size: 0.8em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background: url(../img/MenuMain.png) repeat-x;
	display: block;
	line-height: 25px;
	padding-left: 10px;
	text-decoration: none;
	margin-bottom: 0px;
	color: #194e98;
}

.menuitem a:hover{text-decoration: underline; background: url(../img/MainMenuHover.png) repeat-x;}

.menusubitem a{
	font-size: 0.8em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background: url(../img/MenuSub.png) repeat-x;
	display: block;
	line-height: 25px;
	padding-left: 30px;
	text-decoration: none;
	margin-bottom: 1px;
	color: #000;
}

.menusubitem a:hover, .menusubitem a:active{
	background: url(../img/MenuSubHover.png) repeat-x;
	text-decoration: underline;
	font-weight: normal;
	color: #000;
}

.menusubitemact a{
	font-size: 0.8em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background: url(../img/MenuSubHover.png) repeat-x;
	display: block;
	line-height: 25px;
	padding-left: 30px;
	text-decoration: none;
	margin-bottom: 1px;
	color: #000;
}

.menusubitemact a:hover, .menusubitem a:active{
	background: url(../img/MenuSubHover.png) repeat-x;
	text-decoration: underline;
	font-weight: normal;
	color: #000;
}

.menusub2item a{
	font-size: 0.7em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-color: #efefef;
	display: block;
	line-height: 22px;
	padding-left: 12px;
	text-decoration: none;
	margin-bottom: 1px;
	color: #000;
	border-left: 23px #dfdfdf solid;
}

.menusub2itemact a{
	font-size: 0.7em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-color: #efefef;
	display: block;
	line-height: 22px;
	padding-left: 12px;
	text-decoration: underline;
	margin-bottom: 1px;
	color: #000;
	border-left: 23px #dfdfdf solid;
}

.menusub2item a:hover, .menusub2item a:active{
	text-decoration: underline;
	font-weight: normal;
	color: #000;
}

.menusub2itemact a:hover, .menusubitem a:active{
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

/* WARENWIRTSCHAFT BUTTON */

.waren img{
	margin: 0px;
	padding: 0px;
}

.waregerman {
	height: 60px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	background: url(../ww/german.png);
}

.waregerman:hover {
	background: url(../ww/germanhover.png);
}

.wareenglish {
	height: 60px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	background: url(../ww/english.png);
}

.wareenglish:hover {
	background: url(../ww/englishhover.png);
}

.warefrench {
	height: 60px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	background: url(../ww/french.png);
}

.warefrench:hover {
	background: url(../ww/frenchhover.png);
}

.wtimage {
	float: left;
	margin: 10px;
	margin-right: 20px;
}

.wtimage img{
	border: 0px solid #000;
}

.wttext {
	min-height: 150px;
	padding: 10px;
}
/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; }
PRE { font-family: monospace; }
A { color: #194e98; text-decoration: none; }
A:hover { color: #194e98; text-decoration: underline;}
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0.8em 0px; }
P, TD, UL, OL { font-size: 0.8em; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }


/********************************/
/* 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: #efefef; padding: 2px 4px 2px 4px; border: 1px solid #b0b0b0; }
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: 1em; font-weight: bold;}
H2 { font-size: 1.2em;  font-weight: bold;}
H3 { font-size: 1.4em; font-weight: bold;}
H4 { font-size: 1.6em; font-weight: bold;}
H5 { font-weight: bold; font-size: 0.9em;}
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 1.0em; color: #073474;}
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: #000000; text-decoration: none;}
H2 A { color: #194e98; }
H3 A { color: #194e98; }
H4 A { color: #194e98; }
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: 0.6em; color: #777; }

/* 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: 0.8em; color: #000000; line-height: 1.2em;}
P.bodytext A { font-weight: bold; }

/* RTE / Bulletlists */
LI {
	margin-left: 20px;
	list-style-type: square;
	line-height: 1.2em;
}

UL UL LI {
	font-size: 1.2em;
}

OL { }
UL {
	margin-bottom: 1.0em;
	font-size: 0.8em;
 }

/* BEGIN Sitemap */

.tx-flseositemap-pi1 UL LI {
	margin-left: 15px;
	list-style-type: none;
	line-height: 1.2em;
	border-left: 1px solid #DDD;
	padding-left: 8px;
	padding-bottom: 3px;

}


.tx-flseositemap-pi1 OL { }

.tx-flseositemap-pi1 UL {
	margin-bottom: 1.0em;
	font-size: 0.8em;
 }

.tx-flseositemap-pi1 UL UL{
	margin-top: 1.0em;
	font-size: 0.8em;
 }

.tx-flseositemap-pi1 UL UL LI {
	font-size: 1.2em;
}

/* END Sitemap */



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



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

/* Images / Captions */
P.csc-caption { font-size: 10px; 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 { 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 P { font-size: 0.8em; }
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 #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; }
*/

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


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

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

/* WT DIRECTORY */
.tx-wtdirectory-pi1 {font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; font-size: 0.8em;}

.csc-mailform-field {font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; font-size: 0.8em;}
.csc-mailform-label {font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; font-size: 0.8em;}

.csc-frame-frame2 p {font-size: 0.6em;}
.csc-frame-frame2 h1 {font-size: 0.8em;}

.csc-textpic {margin-top: 5px; margin-bottom: 5px;}
p b {font-weight: bold;}

.contentinner ul { font-size: 0.8em;}
.contentinner li {margin-bottom: 0em;}

.csc-frame-frame1 ul { font-size: 0.8em;}
.csc-frame-frame1 li {margin-bottom: 0em;}

.csc-frame-frame2 li {margin-bottom: 0.7em;}

strong {font-weight:bold;}

.csc-textpic-image {
margin: 0px;
padding: 6px;
background: #f9f9f9;
border: solid 1px #bbb;
}

.csc-textpic-above{padding: 0px; margin: 0px;}

.csc-textpic{margin-right: 20px;}

.csc-frame-frame1 .csc-textpic-image{
margin: 0px;
padding: 0px;
border: none;
}

.contentinner .csc-textpic-image {padding: 0px; border: none;}

.wttext { line-height: 1.4em;}
.wttext H1 {color: #000;}
.wttext H2 {color: #000;}
.wttext H3 {color: #000;}
.wttext H4 {color: #000;}

blockquote { margin-left: 25px;}

.csc-textpic-caption {
padding-top: 5px;
font-family: Tahoma, Helvetica, Arial, sans-serif; 
color: #555;
font-size: 12px;
}

.tx-srfreecap-pi2-cant-read {
	font-size: 12px;
	color: #000;
}


/* LOGIN FELD LINKS */
.login{
   font: 0.8em Helvetica,Arial,sans-serif;
   font-size:12px;
   color:#232323;
   text-align:center;
   margin:5px 5px 5px 5px;
}
.login span{
	font: 1em Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #194e98;
   margin-bottom:5px;
}
.login input.logout{
   margin-top:5px;
}

.login input.input{
   font-size:12px;
   background-color: #f2f2f2;
   border:1px solid #b4b4b4;
   width:155px;
   color:#232323;
   margin-bottom:2px;
}
.login input.submit{
   font-size:12px;
   font-weight: bold;
   height: 20px;
   width:155px;
   background-color: #eaeaea;
   border:1px solid #b4b4b4;
}

.loginmain {
	border: 1px solid #b4b4b4;
	margin-left: -5px;
	margin-top: 15px;
	width: 173px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
}


/* LOGIN FORM EXTENSION */

.tx-felogin-pi1  {
	font: 0.8em Helvetica,Arial,sans-serif;
	margin-left: 10px;
}

.tx-felogin-pi1 h3 {
	font-size: 1.2em;	
}

.tx-felogin-pi1 div {
	margin-bottom: 5px;
}

.tx-felogin-pi1 legend {
	visibility: hidden;	
}

.tx-felogin-pi1 label {
	font-weight: bold;
	color: #194e98;	
}

.tx-felogin-pi1 input{
   padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #f2f2f2;
   border:1px solid #b4b4b4;
   height: 18px;
   width:200px;
   color:#232323;
   margin-bottom:2px;
}

.tx-felogin-pi1 input.submit{
   padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #e4e4e4;
   border:1px solid #b4b4b4;
   height: 27px;
   width:150px;
   color:#232323;
   margin-bottom:2px;
}

/* PW Change Extension */


.tx-fechangepassword-pi1 {
	font: 0.8em Helvetica,Arial,sans-serif;
	margin-left: 10px;
}


.tx-fechangepassword-pi legend {
	visibility: hidden;	
}

.tx-fechangepassword-pi1 label {
	font-weight: bold;
	color: #194e98;	
}

.tx-fechangepassword-pi1 input{
   padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #f2f2f2;
   border:1px solid #b4b4b4;
   height: 18px;
   width:200px;
   color:#232323;
   margin-bottom:2px;
}

.tx-fechangepassword-pi1 .submitbutton{
   padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #e4e4e4;
   border:1px solid #b4b4b4;
   height: 27px;
   width:150px;
   color:#232323;
   margin-bottom:2px;
}

.formleft {
margin-top:5px;

float: left;
width: 180px;	
}

.formright {
margin-bottom: 5px;
float: left;
width: 250px;	
}


/* FE USER REGISTER */

.tx-srfeuserregister-pi1 {
	font: 0.8em Helvetica,Arial,sans-serif;
}


.tx-srfeuserregister-pi1 p { 
	margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; 
	}
	
.tx-srfeuserregister-pi1 h4 { 
	margin-top: 0; padding-left: .3em; 
	}
	
.tx-srfeuserregister-pi1 legend { 
	padding: 0 .5em; font-weight: bold;
 }
 
 .tx-srfeuserregister-pi1 legend b{ 
	font-weight: bold;
	color: #194e98;	
 }
 
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { 
	font-style: italic; margin-bottom: 1em;
	margin-left: 20px; 
	}
	
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash {
	 margin-bottom: 2em;
	}
	  
.tx-srfeuserregister-pi1 a { 
	padding-left: 14px; 
	background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); 
	background-repeat: no-repeat; 
	background-position: 0% 60%; 
	text-decoration:none; 
	}
	
.tx-srfeuserregister-pi1 label {
	margin-top: 4px;
	
	padding: 0;
	font-weight: bold;
	color: #194e98;	
	}
	 
.tx-srfeuserregister-pi1 label span {
	color: #ff0000;
	}
	
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error {
	color: #ff0000;
	}
	
.tx-srfeuserregister-pi1 input {
	padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #f2f2f2;
   border:1px solid #b4b4b4;
   height: 18px;
   width:250px;
   color:#232323;
   margin-bottom:2px;
	}
	
	.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
   padding: 4px;
   font-size:14px;
   line-height: 14px;
   vertical-align: middle;
   background-color: #e4e4e4;
   border:1px solid #b4b4b4;
   height: 32px;
   width:200px;
   color:#232323;
   margin-bottom:2px;
}
	
.tx-srfeuserregister-pi1 input[type=password] {
	margin-right: 1em;
	}
	
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password {
	margin-right: 1em;
	}
	
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] {
	background-color: transparent;
	}
	
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { 
	background-color: transparent;
	}		
	
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon {
	margin-left: 1em; background-color: transparent;
	}
	
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover {
	cursor: pointer;
	}
	
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view {
	padding-left: 15px; 
	background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); 
	background-color: transparent; background-repeat: no-repeat; 
	font-size: .8em; 
	margin-left: 1em; 
	}
	
.tx-srfeuserregister-pi1 ul {
	margin: 0;
	padding: 0; 
	list-style-position: inside; 
	}
	
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { 
	list-style-type: none; 
	}
	
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { 
	margin: 0 0 .3em 0; 
	padding: 0; 
	}
	
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { 
	margin: 0; 
	padding: 0 0 0 .5em; 
	}
	
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { 
	float: left; 
	padding: 0 2em 0 0; 
	margin: 0; 
	}
	
.tx-srfeuserregister-pi1 dl { 
	margin: 0; 
	padding: 1em 0 0 0; 
	}
	
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { 
	margin: 0; 
	padding: 0 0 .5em 0; 
	float: left; 
	}
	
.tx-srfeuserregister-pi1 dt { 
	clear: both; 
	width: 25%; 
	text-align: right; 
	padding-right: 1em; 
	}
	
.tx-srfeuserregister-pi1 dd { 
	text-align: left; 
	width: 50%; 
	}
	
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt {
	 width: auto;
	  padding-right: 0; 
	  }
	  
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { 
	width: auto;
	}
	
* html .tx-srfeuserregister-pi1 dd {
	 float: none;
	  }
	  
.tx-srfeuserregister-pi1 dd p {
	 margin-bottom: .5em;
	  padding: 0; 
	  }
	  
.tx-srfeuserregister-pi1 dd label {
	padding: 0 1em 0 .5em; 
	}



#footer {
	text-align: center;
	background-color: #FAFAFA;
	width: 100%;
	padding: 0px;
	padding-bottom: 20px;
	font: 0.6em Tahoma, Helvetica, Arial, sans-serif;
	margin-top: 20px;
	border-bottom: 1px solid #CCC;
}

#footer a {
	text-decoration: none;
	color: #727272;
}

#footer a:hover, a:active {
	text-decoration: none;
	color: #4e77af;
	font-weight: bold;
}

#footer_wrap {
	text-align: left;
	border-top: 1px solid #CCC;
	padding: 0px;
}

#footer_inner {
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}

.footer_headline {
	line-height: 16px;
	vertical-align: middle;
	border-bottom: 1px solid yellow;
	width: 190px;
	display: block;
	color: #4e77af;
	font-weight: bold;
	font-style: italic;
}

#footer ul {
	margin-left: 5px;
	line-height: 12px;
	font-size: 10px;
	padding-top: 10px;
	color: #727272;
}

#footer li {
	list-style: none;
}

#footer p {
	color: #727272;
	margin-top: 10px;
	margin-left: 25px;
	font-size: 10px;
	line-height: 12px;
}

#footer p b {
	color: #666;
	font-style: italic;
}

.spacer {
	padding: 10px 0 0 10px;
	float: left;
}

/* Content item that uses 1 grid row */
.item_1 {
	width: 225px;
}