/* Common-document-styles */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:10pt;
	text-align:justify;
	line-height:13pt;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffffff;
	text-align: center;
}

a {
	font-family: Verdana, Arial, sans-serif;
}


div {
	font-family: Verdana, Arial, sans-serif;
}

hr {
	margin: 5px 0px 5px 0px;
	color: #FFCC33;
	background: #FFCC33;
}


a:link {
}

a:visited {
}

a:active {
}

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


p {
	margin-top: 6px;
	margin-bottom: 5px;
	text-indent: 0px;
    text-align: left;
	font-size: 10pt;
}

.text_important {
	color: #a00000;
}

th, td {
	font-family: Verdana, Arial, sans-serif;
	font-size:10pt;
	color: #505050;
}

form {
	margin-top: 3pt;
	margin-bottom: 3pt;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

h1 {
	font-weight: bold;
	font-size: 110%;
	color: #606060;
	margin: 0px;
}

h2 {
	text-indent: 30px;
	margin-top: 9px;
	margin-bottom: 4px;
	font-size:14pt;
	color: #d07020;
}

h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	font-size: 13pt;
	color: #a0a0a0;
}

h4 {
	margin-top: 7px;
	margin-bottom: 3px;
	font-size: 12pt;
	color: #a0a0a0;
}

ul {
	margin-top: 6px;
	margin-bottom: 7px;
}

li {
	margin-top: 2px;
	margin-bottom: 2px;
}


/**
 *	Fuer die Formatanweisungen
 */

.format_paragraph {
	clear: both;
	overflow: hidden;
	height: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/** Anweisung: **...** */
.format_strong {
	font-weight: bold;
}

/** Anweisung: ^^...^^ */
.format_big {
	font-size: 150%;
	line-height: 140%;
}

/** Anweisung: \\...\\ */
.format_align_right {
	text-align: right;
}

/** Anweisung: //...// */
.format_italic {
	font-style: italic;
}

/** Anweisung: ++...++ */
.format_indent_left_1 {
	margin-left: 20px;
	text-align: left;
}

/** Anweisung: ~~...~~ */
h4.format_headline4 {
	margin: 10px 0px 10px 0px;
	font-size: 120%;
	color: #808080;
}

/** Anweisung: --...-- Siehe auch .format_list_ul_item */
.format_list_ul {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
}

.format_list_ul_item {
}


.format_list_ol {
	margin-top: 3px;
	margin-bottom: 3px;
}

.format_list_ol_item {
}

.format_link_mail {
}

.format_link_url {
}

.longtext {
    text-align:justify;
}


.company_name {
	font-weight: bold;
}

.general_error {
	color: #c00000;
}

div.general_error {
	color: #c00000;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

.copyright {
	color: #e0e0e0;
	font-size:8pt;
}


/**
 *	Klasse link_in_content - fuer Links im Seiteninhalt (vom Benutzer pflegbar
 *	sowie automatisch erstellt).
 */

a.link_in_content {
	letter-spacing: 0px;
	color: #000000;
	text-decoration: underline;
}

a.link_in_content:visited {
	color: #808080;
	text-decoration: underline;
}

a.link_in_content:active {
	color: #808080;
}

a.link_in_content:hover {
	color: #a0a0a0;
}

/**
 *	Klassen fuer die Teaser/Goodies-Spalte rechts.
 *
 *	Ein Teaser-Block besteht immer aus einem Titel und einem Inhalt.
 */

.teaser_title_text {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
}

.teaser_title_container_yellow {
	margin: 14px 0px 0px 0px;
	background-image: url( /gfx/teaser_yellow_title_bg.png );
}

.teaser_title_container_cyan {
	margin: 14px 0px 0px 0px;
	background-image: url( /gfx/teaser_cyan_title_bg.png );
}

.teaser_title_container_green {
	margin: 14px 0px 0px 0px;
	background-image: url( /gfx/teaser_green_title_bg.png );
}

.teaser_title_container_orange {
	margin: 14px 0px 0px 0px;
	background-image: url( /gfx/teaser_orange_title_bg.png );
}

.teaser_title_container_rosa {
	margin: 14px 0px 0px 0px;
	background-image: url( /gfx/teaser_rosa_title_bg.png );
}

.teaser_content_image {
	margin: 4px 0px 4px 0px;
	text-align: center;
}

.teaser_content_text {
	font-size: 8pt;
	line-height: 11pt;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 3px 12px;
}

.teaser_content_link {
	font-size: 8pt;
	line-height: 11pt;
	color: #000000;
	text-align: right;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 3px 12px;
}

.teaser_content_container_yellow {
	margin: 7px 0px 0px 0px;
	background-image: url( /gfx/teaser_yellow_content_bg.png );
}

.teaser_content_container_cyan {
	margin: 7px 0px 0px 0px;
	background-image: url( /gfx/teaser_cyan_content_bg.png );
}

.teaser_content_container_green {
	margin: 7px 0px 0px 0px;
	background-image: url( /gfx/teaser_green_content_bg.png );
}

.teaser_content_container_orange {
	margin: 7px 0px 0px 0px;
	background-image: url( /gfx/teaser_orange_content_bg.png );
}

.teaser_content_container_rosa {
	margin: 7px 0px 0px 0px;
	background-image: url( /gfx/teaser_rosa_content_bg.png );
}



/**
 *	Klassen fuer die Links vom Frontend direkt ins Backend.
 */

.fe2be_div {
	text-align: right;
	margin: 10px 10px 0px 0px;
	z-index: 1000;
}

a.fe2be_link,
a.fe2be_link:visited,
a.fe2be_link:active,
a.fe2be_link:hover,
a.fe2be_link {
	font-weight: normal;
	letter-spacing: 0px;
	color: #0000ff;
	font-size: 8px;
	text-decoration: underline;
	background: #ffffff;
}


/**
 *	Styles, die das Seitenlayout allgemein beschreiben.
 */

#layout_container_all {
	width: 758px;
	border-width: 0px;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
	color: #000000;
	background-image: url( /gfx/layout_frame_bg_body.gif );
}

#layout_frame_header {
	overflow: hidden;
	height: 6px;
	border-width: 0px;
	background-color: #ffffff;
	color: #000000;
/*	font-size: 2px; */
	background-image: url( /gfx/layout_frame_bg_top.gif );
}

#layout_frame_footer {
	overflow: hidden;
	clear: both;
	width: 758px;
	height: 6px;
	border-width: 0px;
	background-color: #ffffff;
	color: #000000;
/*	font-size: 2px; */
	background-image: url( /gfx/layout_frame_bg_bottom.gif );
}

#layout_image_head {
	text-align: center;
}


#layout_navbar_top {
	height: 44px;
	overflow: hidden;
	margin: 0px 25px 5px 28px;
	text-align: left;
}


/**
 *	Aufbau des Hauptlayouts:
 *
 *	Das dreispaltige Layout unterhalb der oberen Navigation ist als dreispaltige
 *	Tabelle (befindet sich in layout_mainpart) umgesetzt:
 *
 *	<div id="layout_main_column_left">
 *	  <div id="layout_main_topnav_left">{$TPL_NAV_LEFT$}</div>
 *	  <div id="layout_main_blocks_left">{$TPL_BLOCKS_LEFT$}</div>
 *	 </div>
 *	</td>
 *	<td valign="top">
 *	 <div id="layout_main_content_container">
 *	  <div id="layout_main_headline"><h1>{$TPL_HEADLINE$}</h1></div>
 *	  <div id="layout_main_content">{$TPL_CONTENT$}</div>
 *	 </div>
 *	</td>
 *	<td valign="top">
 *	 <div id="layout_main_column_right">
 *	  <div id="layout_main_subnav_right">{$TPL_SUBNAV_RIGHT$}</div>
 *	  <div id="layout_main_teaser_right">{$TPL_GOODIES$}</div>
 *	 </div>
 *	</td>
 */

/**
 *	Hier hinein kommen die drei Spalten
 */
#layout_mainpart {
	clear: both;
	margin: 5px 25px 20px 28px;
	min-height: 100px;
}


/**
 *	Die Container-Spalte links. Enthaelt die linke Navigation und die linken Bloecke
 *
 *	Hat genau die Breite der enthaltenden Elemente (linke Navigation unter darunter
 *	fixe Bloecke) und somit koennen die Nav-Elemente kann ueber seinen Margin genau
 *	platziert werden.
 */

#layout_main_column_left {
	text-align: center;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/**
 *	Der Layer mit der Navigation in der linken Spalte.
 *
 *	Die Navigationspunkte haben mit Dreieck genau die Breite der Spalte.
 */
#layout_main_topnav_left {
}

/**
 *	Der Layer mit den Bloecken in der linken Spalte (unter Navigation)
 *
 *	Haben links einen Margin von 13, weil 13 Pixel schmaeler als die Navigations-
 *	Punkte darueber (weil die noch ein Dreieck haben).
 */
#layout_main_blocks_left {
	margin: 7px 13px 0px 0px;
}


/**
 *	Die Container-Spalte rechts. Hat genau die Breite der enthaltenden
 *	Elemente (Unter-Navigation und darunter Teaser-Bloecke) und somit
 *	koennen die Nav-Elemente ueber ihren Margin genau platziert werden.
 */

#layout_main_column_right {
	width: 135px;
	text-align: left;
	border-width: 0px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}


/**
 *	Der Layer mit der Unternavigation in der rechten Spalte.
 */
#layout_main_subnav_right {
}

/**
 *	Der Layer mit den Teaser-Bloecken in der rechten Spalte (unter Unternavigation)
 */
#layout_main_teaser_right {
}


#layout_main_content_container {
	margin: 10px 7px 10px 7px;
	padding: 0px;
}


#layout_main_headline {
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#layout_main_content {
	text-align: left;
	padding: 10px 0px 0px 0px;
}


/**
 *	Allgemeine Bilder im Teaser.
 */

#layout_main_teaser_right .entry_imagegeneral_image,
#layout_main_teaser_right .entry_imagegeneral_image_left,
#layout_main_teaser_right .entry_imagegeneral_image_right,
#layout_main_teaser_right .entry_imagegeneral_image_middle {
	margin: 3px;
}

.layout_goodies_delimiter {
}

/**
 *	Die Bloecke in den Leisten links und rechts.
 */

#block_procon_complete {
	width: 135px;
	font-size: 8pt;
	line-height: 11pt;
	color: #000000;
	background-image: url( /gfx/block_procon_bg.png );
	margin: 6px 0px 0px 0px;
}

.block_procon_text {
	padding: 5px;
	text-align: left;
}


#block_recommend_complete {
	width: 135px;
	font-size: 8pt;
	color: #000000;
	background-image: url( /gfx/block_recommend_bg.png );
	margin: 6px 0px 0px 0px;
}

.block_recommend_text {
	padding: 5px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
}


input.block_recommend_name {
	margin: 2px 0px 2px 0px;
	color: #909090;
	width: 90%;
	text-align: center;
}

input.block_recommend_email {
	margin: 2px 0px 2px 0px;
	color: #909090;
	width: 90%;
	text-align: center;
}

input.block_recommend_submit {
	margin: 2px 0px 2px 0px;
	width: 90%;
	text-align: center;
}


#block_print_complete {
	width: 135px;
	height: 72px;
	background-image: url( /gfx/block_print_bg.png );
}

.block_print_text {
	padding: 5px;
	text-align: left;
}

a.block_print_link,
a.block_print_link:link,
a.block_print_link:visited,
a.block_print_link:active,
a.block_print_link:hover {
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 14pt;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}

/**
 *	Die Navigation-Links
 */

/**
 *	Textklassen fuer den aktuellen Navigationspunkt in der Nav oben
 */
a.link_text_nav_top_on,
a.link_text_nav_top_on:hover,
a.link_text_nav_top_off:hover {
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}

a.link_text_nav_top_off {
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}


/**
 *	Die ueber alle Punkte der oberen Navigation identischen Properties.
 *
 *	Ergaenzen die darunter folgenden Properties in link_XXX_off/link_XXX_on
 */
a.link_top_nav_all_off,
a.link_top_nav_all_on {
	display: block;
	float: left;
	width: 135px;
	height: 44px;
	text-align: center;
	background-color: #808080;
	border-width: 0px;
	margin: 0px 6px 0px 0px;
	text-decoration: none;
}


a.link_ueberprocon_off {
	background-image: url( /gfx/link_procon_bg_off.gif );
}

a.link_ueberprocon_on,
a.link_ueberprocon_off:hover {
	background-image: url( /gfx/link_procon_bg_on.gif );
}


a.link_wissenschaft_off {
	background-image: url( /gfx/link_wissenschaft_off_bg.gif );
}

a.link_wissenschaft_on,
a.link_wissenschaft_off:hover {
	background-image: url( /gfx/link_wissenschaft_on_bg.gif );
}


a.link_kontakt_off {
	background-image: url( /gfx/link_kontakt_off_bg.gif );
}

a.link_kontakt_on,
a.link_kontakt_off:hover {
	background-image: url( /gfx/link_kontakt_on_bg.gif );
}


a.link_impressum_off {
	background-image: url( /gfx/link_impressum_off_bg.gif );
}

a.link_impressum_on,
a.link_impressum_off:hover {
	background-image: url( /gfx/link_impressum_on_bg.gif );
}


a.link_bestellen_off {
	background-image: url( /gfx/link_bestellen_off_bg.gif );
}

a.link_bestellen_on,
a.link_bestellen_off:hover {
	background-image: url( /gfx/link_bestellen_on_bg.gif );
}



/**
 *	Die ueber alle Punkte der linken Navigation identischen Properties.
 *
 *	Ergaenzen die darunter folgenden Properties in link_XXX_off/link_XXX_on
 */

/**
 *	Textklassen fuer den aktuellen Navigationspunkt in der Nav oben
 */
a.link_text_nav_left_on,
a.link_text_nav_left_on:hover,
a.link_text_nav_left_off:hover {
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}

a.link_text_nav_left_off {
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}

/**
 *	Die allen Link gemeinsamen Properties.
 *
 *	Der Link-Block hat eine fixe Breite. Das verhindert auch eine Wiederholung
 *	des Hintergrundes.
 */

a.link_nav_left_all_off,
a.link_nav_left_all_on {
	display: block;
	height: 32px;
	text-align: center;
	background-color: #808080;
	border-width: 0px;
	margin: 6px 0px 0px 0px;
	padding: 0px 13px 0px 0px;				/** Puffer rechts fuer korrekte Zentrierung auf Feld links */
	text-decoration: none;
}

a.link_enutrain_off {
	background-image: url( /gfx/link_enutrain_bg_off.gif );
}

a.link_enutrain_on,
a.link_enutrain_off:hover {
	background-image: url( /gfx/link_enutrain_bg_on.gif );
}


a.link_bettnaessen_off {
	background-image: url( /gfx/link_bettnaessen_bg_off.gif );
}

a.link_bettnaessen_on,
a.link_bettnaessen_off:hover {
	background-image: url( /gfx/link_bettnaessen_bg_on.gif );
}


a.link_klingelhose_off {
	background-image: url( /gfx/link_klingelhose_bg_off.gif );
}

a.link_klingelhose_on,
a.link_klingelhose_off:hover {
	background-image: url( /gfx/link_klingelhose_bg_on.gif );
}


a.link_enutrainhilft_off {
	background-image: url( /gfx/link_enutrainhilft_bg_off.gif );
}

a.link_enutrainhilft_on,
a.link_enutrainhilft_off:hover {
	background-image: url( /gfx/link_enutrainhilft_bg_on.gif );
}


a.link_infomaterial_off {
	background-image: url( /gfx/link_infomaterial_bg_off.gif );
}

a.link_infomaterial_on,
a.link_infomaterial_off:hover {
	background-image: url( /gfx/link_infomaterial_bg_on.gif );
}


a.link_faq_off {
	background-image: url( /gfx/link_faq_bg_off.gif );
}

a.link_faq_on,
a.link_faq_off:hover {
	background-image: url( /gfx/link_faq_bg_on.gif );
}



a.link_resonanz_off {
	background-image: url( /gfx/link_resonanz_bg_off.gif );
}

a.link_resonanz_on,
a.link_resonanz_off:hover {
	background-image: url( /gfx/link_resonanz_bg_on.gif );
}


/**
 *	Das Untermenue rechts.
 */

/**
 *	Textklassen fuer den aktuellen Navigationspunkt in der Nav oben
 */
a.link_text_subnav_right_on {
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
}

a.link_text_subnav_right_off {
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
}

/**
 *	Die fuer alle Punkte der rechten Unternavigation identischen Properties.
 *
 *	Ergaenzen die darunter folgenden Properties in link_submenu_right...
 */

a.link_subnav_right_all_off,
a.link_subnav_right_all_on {
	display: block;
	min-height: 21px;
	text-align: left;
	background-color: #f0f0f0;
	border-width: 0px;
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 0px 19px;
	text-decoration: none;
}


/**
 *	Die Properties abhaengig vom Bereich und von selected.
 */

a.link_subnav_right_off_blue {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_blue,
a.link_subnav_right_off_blue:hover {
	background-image: url( /gfx/link_subnav_right_bg_blue.gif );
	color: #0099cc;
}


a.link_subnav_right_off_rosa {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_rosa,
a.link_subnav_right_off_rosa:hover  {
	background-image: url( /gfx/link_subnav_right_bg_rosa.gif );
	color: #ff99cc;
}


a.link_subnav_right_off_yellow {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_yellow,
a.link_subnav_right_off_yellow:hover  {
	background-image: url( /gfx/link_subnav_right_bg_yellow.gif );
	color: #ffcc33;
}


a.link_subnav_right_off_cyan {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_cyan,
a.link_subnav_right_off_cyan:hover  {
	background-image: url( /gfx/link_subnav_right_bg_cyan.gif );
	color: #7ecfe2;
}


a.link_subnav_right_off_green {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_green,
a.link_subnav_right_off_green:hover  {
	background-image: url( /gfx/link_subnav_right_bg_green.gif );
	color: #90cc6a;
}


a.link_subnav_right_off_orange {
	background-image: url( /gfx/link_subnav_right_bg_off.gif );
	color: #808080;
}

a.link_subnav_right_on_orange,
a.link_subnav_right_off_orange:hover  {
	background-image: url( /gfx/link_subnav_right_bg_orange.gif );
	color: #ff9933;
}



/* Zugriffskontrolle und Registrierung */

#content_accessactions {
}

#content_accessactions td {
	text-align: left;
	vertical-align: top;
}

#content_accessactions td.fieldnames {
}

#content_accessactions input {
	width: 150px;
}

#content_accessactions textarea {
	width: 100px;
}