@charset "utf-8";
/* CSS Document */

/******************************************************************************************************************************************************************************/
/* Template: Main Template
/******************************************************************************************************************************************************************************/
/* Das "Springen" der Seite verhindern */
html {
	overflow-y: scroll;
}

/* Allgemeine Definitionen zur Darstellung der Seite */
body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
}

/* Allgemeine Definitionen zur Darstellung des Seiteninhalts */
.site {
	text-align: left;
	margin: auto;
	width: 980px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3c3e40;
}

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

ul {
	margin: 0px;
	padding-left: 14px;
}

li {
	list-style-type: square;
}

ul li ul li {
	list-style-type: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3c3e40;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

img { border: none; }
a:link img { border: none; }
a:visited img { border: none; }
a:hover img { border: none; }
a:active img { border: none; }

a:link { color: #003269; text-decoration: underline; }
a:visited { color: #003269;	text-decoration: underline; }
a:hover { color: #003269;	text-decoration: underline; }
a:active { color: #003269; text-decoration: underline; }

/***************************************************************************************************/
/* Header-Bereich
/***************************************************************************************************/
/* Container fuer den Sprachumschalter, die Header-Navigation, das Logo, die Hauptnavigation und das Header-Bild  */
.header {
	height: 155px;
	width: 980px;
	overflow: hidden;
	position: relative; 
}

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

/* Container fuer das Logo */
.logo {
	position: absolute;
	width: 293px;
	height: 46px;
  margin-left: 25px;
  margin-top: 20px;
	z-index: 100;
	cursor: pointer;
}

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

/* Font-Styles fuer das Header-Bild */
.nav {
	height: 155px;
	width: 750px;
	/*background-image: url(../headers/header_home.jpg);*/
	background-repeat: no-repeat;
	overflow: hidden;
}

/* Font-Styles fuer den Text der Navigation */
.nav_text {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 130px;
	/*margin-left: 25px;*/
	margin-left: 20px;
	font-size: 12px;
}

/* Font-Styles fuer die Links der Navigation */
.nav_text a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.nav_text a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.nav_text a:hover { color: #7882b4; font-weight: bold; text-decoration: none; }
.nav_text a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

/* Font-Styles fuer den aktiven Text der Navigation */
.nav_text_active {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 130px;
	/*margin-left: 25px;*/
	margin-left: 20px;
	font-size: 12px;
}

/* Font-Styles fuer die aktiven Links der Navigation */
.nav_text_active a:link { color: #7882b4; font-weight: bold; text-decoration: none; }
.nav_text_active a:visited { color: #7882b4; font-weight: bold; text-decoration: none; }
.nav_text_active a:hover { color: #7882b4; font-weight: bold; text-decoration: none; }
.nav_text_active a:active { color: #7882b4; font-weight: bold; text-decoration: none; }

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

.header_bottom {
	position: absolute;
	width: 220px;
	height: 25px;
	z-index: 100;
	background-color: #7d8cab;
	right: 0px;
	bottom: 0px;
}

/* Container fuer den Sprachumschalter */
.header_nav_lang {
	float: left;
	padding-left: 15px;
	margin-top: 7px;
	/*width: 42px;*/
}

/* Font-Styles fuer die Sprachmschaltung */
.lang {
	float: left;
	padding-right: 5px;
}

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

/* Container fuer die Header-Navigation */
.header_nav {
	float: left;
	margin-left: 38px;
	margin-top: 6px;
}

/* Font-Styles fuer die Bilder der Header-Navigation */
.header_nav_image {
	float: left;
	margin-right: 12px;
	cursor: pointer;
}

/* Font-Styles fuer den Text der Header-Navigation */
#header_nav_text {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
	right: 10px;
	top: -15px;
	position: absolute;
	z-index: 200;
}

/***************************************************************************************************/
/* Header-Bereich
/***************************************************************************************************/
/* Trennung zwischen Header und Content bzw. zwischen Content und Footer */
.spacer {
	clear: both;
	height: 10px;
}

/***************************************************************************************************/
/* Content-Bereich
/***************************************************************************************************/
/* Container fuer den linken (Subnavigation und Inhalt), den mittleren und den rechten Inhalt */
.content {
	background-image: url(../images/background_content.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	min-height: 500px;
	width: 980px;
}

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

/* Container fuer die Subnavigation, die Subsubnavigation und den linken Inhalt */
.left {
	width: 220px;
	float: left;
	overflow: hidden;
}

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

/* Container fuer die Subnavigation und die Subsubnavigation */
.submenu_title {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 25px;
	margin-bottom: 75px;
	overflow: hidden;
}

/* Font-Styles fuer Titel der Subnavigation */
.submenu_title_text {
	font-size: 16px;
	color: #787a7c;
}

/* Font-Styles fuer den Link des Titels */
.submenu_title_text a:link { color: #787a7c; text-decoration: none; }
.submenu_title_text a:visited { color: #787a7c; text-decoration: none; }
.submenu_title_text a:hover { color: #787a7c; text-decoration: none; }
.submenu_title_text a:active { color: #787a7c; text-decoration: none; }

/* Font-Styles fuer aktiven Titel der Subnavigation */
.submenu_title_text_active {
	font-size: 16px;
	color: #787a7c;
}

/* Font-Styles fuer den aktiven Link des Titels */
.submenu_title_text_active a:link { color: #787a7c; text-decoration: none; }
.submenu_title_text_active a:visited { color: #787a7c; text-decoration: none; }
.submenu_title_text_active a:hover { color: #787a7c; text-decoration: none; }
.submenu_title_text_active a:active { color: #787a7c; text-decoration: none; }

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

/* Container fuer die Subnavigation */
.submenu {
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
	margin-top: 5px;
}

/* Font-Styles fuer den Text der Subnavigation */
.submenu_text {
	color: #2f3a73;
	font-size: 12px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 2px;
}

/* Font-Styles fuer die Links der Subnavigation */
.submenu_text a:link { color: #2f3a73; text-decoration: none; }
.submenu_text a:visited { color: #2f3a73; text-decoration: none; }
.submenu_text a:hover { color: #2f3a73; text-decoration: none; }
.submenu_text a:active { color: #2f3a73; text-decoration: none; }

/* Font-Styles fuer den aktiven Text der Subnavigation */
.submenu_text_active {
	color: #2f3a73;
	font-size: 12px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 2px;
	font-weight: bold;
}

/* Font-Styles fuer die aktiven Links der Subnavigation */
.submenu_text_active a:link { color: #2f3a73; font-weight: bold; text-decoration: none; }
.submenu_text_active a:visited { color: #2f3a73; font-weight: bold; text-decoration: none; }
.submenu_text_active a:hover { color: #2f3a73; font-weight: bold; text-decoration: none; }
.submenu_text_active a:active { color: #2f3a73; font-weight: bold; text-decoration: none; }

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

/* Container fuer die Subsubnavigation */
.subsubmenu {
	overflow: hidden;
	margin-top: 5px;
}

/* Font-Styles fuer den Text der Subsubnavigation */
.subsubmenu_text {
	color: #3c3e40;
	font-size: 12px;
	font-weight: normal;
}

/* Font-Styles fuer die Links der Subsubnavigation */
.subsubmenu_text a:link { color: #3c3e40; text-decoration: none; font-weight: normal; }
.subsubmenu_text a:visited { color: #3c3e40; text-decoration: none; font-weight: normal; }
.subsubmenu_text a:hover { color: #3c3e40; text-decoration: none; font-weight: normal; }
.subsubmenu_text a:active { color: #3c3e40; text-decoration: none; font-weight: normal; }

/* Font-Styles fuer den aktiven Text der Subsubnavigation */
.subsubmenu_text_active {
	color: #3c3e40;
	font-size: 12px;
	font-weight: bold;
}

/* Font-Styles fuer die aktiven Links der Subsubnavigation */
.subsubmenu_text_active a:link { color: #3c3e40; text-decoration: none; }
.subsubmenu_text_active a:visited { color: #3c3e40; text-decoration: none; }
.subsubmenu_text_active a:hover { color: #3c3e40; text-decoration: none; }
.subsubmenu_text_active a:active { color: #3c3e40; text-decoration: none; }

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

/* Container fuer den linken Inhalt */
.content_left {
	margin: 10px;
	overflow: hidden;
	padding-top: 15px;
}

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

/* Container fuer den mittleren und den rechten Inhalt */
.right {
	width: 750px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
}

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

/* Container fuer den mittleren Inhalt */
.content_middle {
	float: left;
	display: inline;
	margin: 25px;
	margin-bottom: 0px;
	padding-bottom: 25px;
	overflow: hidden;
	width: 470px;
}

/* Container fuer den rechten Inhalt */
.content_right {
	float: left;
	width: 200px;	
	margin: 10px;
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 0px;
	padding-bottom: 25px;
	overflow: hidden;
}

/***************************************************************************************************/
/* Footer-Bereich
/***************************************************************************************************/
/* Container fuer den Text und die Footer-Navigation */
.footer {
	height: 30px;
	background-color: #003269;
	overflow: hidden;
}

/* Font-Styles fuer den Footer-Text */
.footer_text {
	font-size: 11px;
	color: #7d8caa;
	margin-top: 8px;
	margin-left: 15px;
	font-weight: bold;
	float: left;
}

/* Font-Styles fuer die Footer-Links */
.footer_text a:link { color: #FFFFFF; text-decoration: none; }
.footer_text a:visited { color: #FFFFFF; text-decoration: none; }
.footer_text a:hover { color: #FFFFFF; text-decoration: underline; }
.footer_text a:active { color: #FFFFFF; text-decoration: none; }

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

/* Container fuer die Footer-Navigation */
.footer_nav {
	height: 30px;
	overflow: hidden;
	float: left;
}

/* Font-Styles fuer den Text */
.footer_nav_text {
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 8px;
	font-weight: bold;
	float: left;
}

/* Font-Styles fuer die Links */
.footer_nav_text a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.footer_nav_text a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.footer_nav_text a:hover { color: #96a0d2; font-weight: bold; text-decoration: none; }
.footer_nav_text a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

/* Font-Styles fuer den aktiven Text */
.footer_nav_text_active {
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 8px;
	font-weight: bold;
	float: left;
}

/* Font-Styles fuer die aktiven Links */
.footer_nav_text_active a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.footer_nav_text_active a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.footer_nav_text_active a:hover { color: #96a0d2; font-weight: bold; text-decoration: none; }
.footer_nav_text_active a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

/******************************************************************************************************************************************************************************/
/* Template: Übersicht Template
/******************************************************************************************************************************************************************************/
/* Container fuer den linken (Subnavigation und Inhalt), den rechten Inhalt */
.content_uebersicht {
	background-image: url(../images/background_content_uebersicht.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 980px;
}

/* Container fuer den rechten Inhalt */
.content_right_uebersicht {
	margin: 25px;
	overflow: hidden;
}

/******************************************************************************************************************************************************************************/
/* Template: Titel bzw. Titel mit Text
/******************************************************************************************************************************************************************************/
/* Titel */
.title {
	font-size: 18px;
	color: #003269;
	margin-bottom: 20px;
}

/* Text */
.einfacher_text {
	color: #3c3e40;
}

/******************************************************************************************************************************************************************************/
/* Template: einfacher Text
/******************************************************************************************************************************************************************************/
/* siehe Template: Text mit Titel => .einfacher_text */

/******************************************************************************************************************************************************************************/
/* Template: Box mit Titel, Text und Linie
/******************************************************************************************************************************************************************************/
/* Box für den Title mit Text */
.box {
	overflow: hidden;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 15px;
	margin-bottom: 15px;
	width: 200px;
}

/* Titel */
.title_box {
	font-size: 16px;
	color: #003269;
	margin-bottom: 10px;
	font-weight: bold;
}

.text_box {
	font-size: 12px;
}

/******************************************************************************************************************************************************************************/
/* Template: Box mit Titel, Linie, Text und Linie
/******************************************************************************************************************************************************************************/
/* Titel */
.title_line_box {
	font-size: 16px;
	color: #2f3a73;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
	font-weight: bold;
}

.box_x {
	overflow: hidden;
	border-bottom: 1px solid #FFFFFF;
	width: 200px;
	padding-bottom: 5px;
}

/******************************************************************************************************************************************************************************/
/* Template: Spacer klein
/******************************************************************************************************************************************************************************/
/* Spacer */
.spacer_small {
	height: 30px;
	overflow: hidden;
	clear: both;
}

.spacer_big {
	height: 80px;
	overflow: hidden;
	clear: both;
}

/******************************************************************************************************************************************************************************/
/* Template: Box mit Titel
/******************************************************************************************************************************************************************************/
/* Titel */
.box_t {
	overflow: hidden;
	width: 200px;
}

/******************************************************************************************************************************************************************************/
/* Template: Bild mit Bildunterschrift
/******************************************************************************************************************************************************************************/
/* Titel */
.image {
	margin-bottom: 10px;
}

.image_title {
	color: #a0a2a4;
}

/******************************************************************************************************************************************************************************/
/* Template: Bild mit Bildunterschrift
/******************************************************************************************************************************************************************************/
/* Titel */
.text_line_box {
	padding-top: 5px;
	font-size: 12px;
}

.box_y {
	overflow: hidden;
	border-bottom: 1px solid #FFFFFF;
	width: 200px;
	padding-bottom: 5px;
}

/******************************************************************************************************************************************************************************/
/* Template: Bild mit Text
/******************************************************************************************************************************************************************************/
/* Titel */
.box_z {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.image_box {
	border: 1px solid #c8cacc;
	width: 220px;
}

.text_box_z {
	padding: 10px;
	background-color: #FFFFFF;
	width: 200px !important;
	width: 222px;
	border: 1px solid #c8cacc;
	border-top: none;
}

/******************************************************************************************************************************************************************************/
/* Distributors Login
/******************************************************************************************************************************************************************************/
/* Titel */
.tx-felogin-pi1 h3 {
	font-size: 18px;
	color: #2f3a73;
	margin-bottom: 20px;
	font-weight: bold;
}

.tx-felogin-pi1 form {
	margin-top: 15px;
}

.tx-felogin-pi1 fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

.tx-felogin-pi1 fieldset div {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.tx-felogin-pi1 fieldset legend {
	display: none;
}

.tx-felogin-pi1 fieldset label {
	float: left;
	width: 100px;
}

.tx-felogin-pi1 fieldset input {
	float: left;
}

/******************************************************************************************************************************************************************************/
/* Distributors Registration
/******************************************************************************************************************************************************************************/
/* Titel */
.tx-srfeuserregister-pi1 a,
.tx-srfeuserregister-pi1 a:link,
.tx-srfeuserregister-pi1 a:visited,
.tx-srfeuserregister-pi1 a:hover,
.tx-srfeuserregister-pi1 a:active {
	color: #2f3a73;
	text-decoration: none;
}

.tx-srfeuserregister-pi1 h4 {
	color: #2f3a73;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

.tx-srfeuserregister-pi1 p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
}


.tx-srfeuserregister-pi1 fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

.tx-srfeuserregister-pi1 fieldset legend {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #2f3a73;
	margin-bottom: 20px;
	font-weight: bold;
}

.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-notice {
	margin: 0px;
	padding: 0px;
}

.tx-srfeuserregister-pi1 dt {
	margin: 0px;
	padding: 0px;
	width: 150px;
	text-align: left;
	margin-bottom: 5px;
}

.tx-srfeuserregister-pi1 dd {
	margin: 0px;
	padding: 0px;
	width: 65%;
	text-align: left;
	margin-bottom: 5px;
}

/******************************************************************************************************************************************************************************/
/* Drop-Down Sitemap
/******************************************************************************************************************************************************************************/
/* Titel */
.tx-dropdownsitemap-pi1 a, .tx-dropdownsitemap-pi1 a:link, .tx-dropdownsitemap-pi1 a:visited, .tx-dropdownsitemap-pi1 a:hover, .tx-dropdownsitemap-pi1 a:active {
	color: #2f3a73;
}

.tx-dropdownsitemap-pi1 li {
	list-style-type: none;
}

.tx-dropdownsitemap-pi1 div.expAll {
	background-color: #f0f2f4;
	border: none;
	padding: 0px;
	margin-bottom: 15px;
}

/******************************************************************************************************************************************************************************/
/* Feedback-Fomular
/******************************************************************************************************************************************************************************/
/* Titel */
#mailform fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#mailform fieldset.csc-mailform .csc-mailform-field {
	margin-bottom: 5px;
}

#mailform fieldset.csc-mailform .csc-mailform-field label {
	float: left;
	font-size: 12px;
	font-weight: normal;
	width: 150px;
}

#mailform fieldset.csc-mailform .csc-mailform-field label mailformText_field {
	float: left;
	font-size: 12px;
	font-weight: normal;
	width: 550px;
}