/* --- CSS Definitionen für ECKES Granini --- */

/* --- FONTS Anfang --- */
  @import url(fonts.css);
/* --- FONTS Ende --- */

/* --- BODY Anfang --- */
html {
	background: #01184e;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Times New Roman;
	font-size: 12px;
	line-height: 18px;
	color: #01184e;
	text-align: center;
	height: 100%;
}
/* --- BODY Ende --- */

/* --- CONTAINER für Inhalte Anfang --- */
#container {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
}
 
/* following rules are invisible to IE 5 \*/
#container {
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -340px;
	text-align: center;
	min-width: 955px; 
}
/* end IE 5 hack */ 
/* --- CONTAINER für Inhalte Ende --- */

/* --- CONTENT Inhalte Anfang --- */
#content {
	background: transparent url(../img/content.jpg) no-repeat;
	position: relative;
	text-align: left;
	width: 955px;
	height: 675px;
	margin: 0px auto;
	overflow: hidden;
}

#content:after {
	content: "clearfix";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#tiger {
	position: relative;
	top: -650px;
	left: 675px;
	width: 280px;
	height: 400px;
	overflow: hidden;
	z-index: 305;
}

/* Tiger: 70% */
#tiger img {
	position: absolute;
	top: -480px;
	right: -360px;
	width: 455px;
	height: 503px;
	z-index: 306;
}

#blatt {
	position: relative;
	top: 0;
	left: 0;
	width: 280px;
	height: 650px;
	overflow: hidden;
	z-index: 305;
}

/* Blatt: 70% */
#blatt img {
	position: absolute;
	top: 80px;
	left: -71px;
	width: 71px;
	height: 64px;
	z-index: 306;
}

#palme {
	position: absolute;
	top: 0;
	right: 0;
	width: 178px;
	height: 178px;
	overflow: hidden;
	z-index: 306;
}

#palme img {
	position: absolute;
	top: 0;
	right: -250px;
}

#corner_heart {
	position: absolute;
	top: 0;
	left: 250px;
	width: 524px;
	height: 174px;
	overflow: hidden;
	z-index: 300;
}

#corner_heart img {
	position: absolute;
	top: 0;
	right: 0;
}

#corner_info {
	position: absolute;
	top: -56px;
	left: 340px;
	width: 132px;
	height: 56px;
	overflow: hidden;
	z-index: 303;
}

#corner_info img {
	position: absolute;
	top: 40px;
	right: 0;
}

#corner_kids {
	position: absolute;
	top: -56px;
	left: 550px;
	width: 132px;
	height: 56px;
	overflow: hidden;
	z-index: 303;
}

#corner_kids img {
	position: absolute;
	top: 40px;
	right: 0;
}

#corner_parents,
#corner_children {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 214px;
	height: 42px;
	overflow: hidden;
	z-index: 303;
}

#corner_children {
	left: -250px;
	width: 213px;
	bottom: 24px;
}

#corner_parents img,
#corner_children img {
	position: absolute;
	top: 0;
	left: 0;
}

#progressbar {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 905px;
	height: 626px;
/*
	background: transparent url(../img/60percent.png) repeat;
*/
	background-color: #01184e;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	border: 1px dotted #01184e;
	border-bottom: none;
	overflow: hidden;
	z-index: 307;
}

#progressbar img {
	position: absolute;
	top: 292px;
	left: 420px;
	width: 64px;
	height: 42px;
}

/* --- HEADER Kopfzeile Anfang --- */
#header {
	position: relative;
	margin: 0;
	padding: 0 auto;
	width: 980px;
	height: 103px;
	background: transparent url(../img/content.png) repeat-y;
	text-align: center;
	
	display: none;
}

#header img {
	position: relative;
	top: 509px;
}

#header a {
	border: none !important;
}

#header_print {
	display: none;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 310;
}

#logo img {
	border: none;
	position: absolute;
	top: 12px;
	left: 12px;
}

#headimage {
	position: absolute;
	top: 103px;
	left: 248px;
	width: 709px;
	height: 300px;
	overflow: hidden;
	z-index: 10;
	background: url(../img/shadow.png) top left no-repeat;
	padding: 10px 0 0 11px;
	
	display: none;
}

#headimage div.mediaimage {
	position: absolute;
	left: 0;
	top: 0;
}

#headimage img.headfruit {
	position: absolute;
	bottom: 0;
	left: 0;
}

#headimage img.headballoon {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}

#headimage img.headballoon {
}

ul.teaser_small {
	position: absolute;
	right: 0;
	bottom: 55px;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.teaser_small li {
	position: relative;
	height: 34px;
	width: 178px;
	padding: 3px 0 3px 12px;
	background: #ececec;
	margin-bottom: 1px;
}

ul.teaser_small h3 {
	position: absolute;
	left: 12px;
	top: 3px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	z-index: 100;
}

ul.teaser_small a {
	position: absolute;
	left: 12px;
	top: 0;
	width: 178px;
	height: 21px;
	font-size: 10px;
/*	background: url(../img/teaser_small.gif) right top no-repeat; */
	padding: 19px 0 0 0;
}

ul.teaser_small a:hover {
	border: none;
}

ul.teaser_small a img {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: #ececec;
}
/* --- HEADER Kopfzeile Ende --- */

/* --- BACKGROUND Anfang --- */
#background {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 300;
}

#background img {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
}
/* --- BACKGROUND Ende --- */

/* --- TEASER Anfang --- */
#teaser {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 400px;
	height: 400px;
	z-index: 300;
	overflow: hidden;
}

#teaser img {
	position: absolute;
	left: -400px;
	bottom: 100px;
	border: none;
}

#teaser_game {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 351px;
	height: 296px;
	z-index: 304;
	overflow: hidden;
}

#teaser_game img {
	position: absolute;
	right: -351px;
	bottom: 0;
	border: none;
}

#teaser_game a,
#teaser_game a:hover {
	border: none;
}

#teaser_cooking {
	position: absolute;
	left: -180px;
	top: 200px;
	width: 180px;
	height: 76px;
	z-index: 306;
	overflow: hidden;
}

#teaser_cooking img {
	position: absolute;
	left: 0;
	top: 0;
	border: none;
}
/* --- TEASER Ende --- */

/* --- FRUITS Anfang --- */
#fruechte_links,
#fruechte_rechts,
#children_background {
	position: absolute;
	bottom: 0;
	width: 955px;
	height: 675px;
	overflow: hidden;
	z-index: 301;
}

#fruechte_links {
	left: 0;
}

#fruechte_rechts,
#children_background {
	right: 0;
}

#fruechte_links img,
#fruechte_rechts img,
#children_background img {
	position: absolute;
	bottom: 0;
	border: none;
}

#fruechte_links img {
	left: -536px;
}

#fruechte_rechts img {
	right: -606px;
}

#children_background img {
	right: -1220px;
}
/* --- FRUITS Ende --- */

/* --- CONTENTAREA Anfang --- */
#fullcontent {
	position: absolute;
	width: 955px;
	height: 675px;
	top: 0;
	left: 0;
	z-index: 304;
}

#contentarea {
	position: absolute;
	top: 24px;
	left: 24px;
	display: none;
	width: 905px;
	height: 626px;
	background: transparent;
	border: none;
	z-index: 303;
}

#parents {
	position: absolute;
	width: 905px;
	height: 626px;
	background: transparent url(../img/40percent.png) repeat;
	border: 1px dotted #dddddd;
	border-bottom: none;
}

#children {
	position: absolute;
	top: -24px;
	left: 250px;
	width: 681px;
	height: 675px;
}

#content_parents,
#content_parents_small {
	/*
	background: transparent url(../img/parents_content_large.png) no-repeat;
	width: 434px;
	height: 537px;
	margin: 80px 0 0 240px;
	*/
	
	background: transparent url(../img/parents_content_xlarge.png) no-repeat;
	position: relative;
	text-align: left;
	width: 470px;
	height: 600px;
	margin: 15px 0 0 240px;
	overflow: hidden;
	z-index: 307;
}

#content_parents > div,
#content_parents_small > div {
	/*
	height: 480px;
	*/
	
	margin: 20px 25px 0 30px;
	height: 545px;
}

#content_parents_small {
	background: transparent url(../img/parents_content_small.png) no-repeat;
	width: 463px;
	height: 143px;
	margin: 20px 0 0 220px;
}

#content_parents_small > div {
	height: 110px;
}

#content_parents_images {
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 304;
}

#content_children_small,
#content_children_medium,
#content_children_large,
#content_children_tight,
#content_children_extratight,
#content_children_receipt {
	position: absolute;
	top: 130px;
	left: 50px;
	text-align: left;
	width: 245px;
	height: 430px;
	margin: 0;
	overflow: hidden;
	z-index: 305;
}

#content_children_medium {
	width: 375px;
}

#content_children_large {
	width: 552px;
}

#content_children_tight,
#content_children_extratight {
	width: 195px;
	top: 350px;
	left: 415px;
	height: 300px;
}

#content_children_extratight {
	top: 500px;
	height: 150px;
}

#content_children_receipt {
	top: 100px;
	left: 80px;
	width: 355px;
	z-index: 303;
}

#content_children_receipt h3 {
	margin-bottom: 30px;
}

#content_children_receipt div.csc-textpic {
	position: absolute;
	top: 80px;
	height: 350px;
}

#content_children_small > div,
#content_children_medium > div,
#content_children_large > div {
	height: 430px;
}

#content_children_tight > div {
	height: 300px;
}

#content_children_extratight > div {
	height: 150px;
}

#trapez_small,
#trapez_medium,
#trapez_large,
#trapez_tight,
#trapez_extratight {
	position: absolute;
	left: 1px;
	top: 0;
	width: 343px;
	height: 675px;
	background: transparent url(../img/trapez_small.png) 31px 100px no-repeat;
	margin: 0;
	z-index: 304;
}

#trapez_medium {
	width: 473px;
	background: transparent url(../img/trapez_medium.png) 31px 100px no-repeat;
}

#trapez_large {
	width: 650px;
	background: transparent url(../img/trapez_large.png) 31px 100px no-repeat;
}

#trapez_tight,
#trapez_extratight {
	top: 295px;
	left: 370px;
	height: 380px;
	width: 287px;
	background: transparent url(../img/trapez_tight.png) 31px 18px no-repeat;
	z-index: 305;
}

#trapez_extratight {
	top: 445px;
}

#trapez_small .bambus_links,
#trapez_medium .bambus_links,
#trapez_large .bambus_links,
#trapez_tight .bambus_links,
#trapez_extratight .bambus_links {
	background: transparent url(../img/bambus_links.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 31px;
	height: 675px;
	margin: 0;
	z-index: 304;
}

#trapez_small .bambus_rechts,
#trapez_medium .bambus_rechts,
#trapez_large .bambus_rechts,
#trapez_tight .bambus_rechts,
#trapez_extratight .bambus_rechts {
	background: transparent url(../img/bambus_rechts.png) no-repeat;
	position: absolute;
	left: 312px;
	top: 0;
	width: 31px;
	height: 675px;
	z-index: 304;
}

#trapez_medium .bambus_rechts {
	left: 442px;
}

#trapez_large .bambus_rechts {
	left: 619px;
}

#trapez_tight .bambus_rechts,
#trapez_extratight .bambus_rechts {
	left: 256px;
}

.trapez_clear {
	background: none !important;
}

#children_bubble {
	position: absolute;
	left: -30px;
	top: 0;
	width: 474px;
	height: 286px;
	margin: 0;
	z-index: 307;
}

#children_bubble img {
	position: absolute;
	left: 0;
	top: 20px;
}

#content_children_small #felogin,
#content_children_small object {
	display: none;
}

#content_children_images {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 304;
}

#content_children_images > div.csc-default {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
}

#content_children_background {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 302;
}

#content_children_background > div.csc-default {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
}

#content_children_back {
	position: absolute;
	left: -240px;
	bottom: 30px;
	width: 63px;
	height: 44px;
	z-index: 304;
}

#content_children_back a span {
	display: none;
}

#content_children_back a:hover,
#content_children_back a img {
	border: none;
}

#content_children_comics {
	position: absolute;
	top: 100px;
	left: 50px;
	text-align: left;
	width: 600px;
	height: 530px;
	margin: 0;
	overflow: hidden;
	z-index: 305;
}

#content_children_comics h3 {
	display: none;
}

#content_children_clear {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 680px;
	height: 675px;
	margin: 0;
	overflow: hidden;
	z-index: 305;
}
/* --- CONTENTAREA Ende --- */

/* --- CHILDREN LOGIN Anfang --- */
#children_login {
	position: absolute;
	right: 0;
	bottom: -26px;
	width: 300px;
	height: 562px;
	background: url(../img/tiger_club.png) no-repeat;
}

#children_register {
	position: absolute;
	left: 35px;
	top: 272px;
	width: 215px;
	height: 95px;
}

#children_register a:hover {
	border: none;
}
/* --- CHILDREN LOGIN Ende --- */

/* --- SUBMENU PARENTS Anfang --- */
#submenu_parents {
	position: absolute;
	left: 50px;
	top: 180px;
	width: 200px;
	z-index: 306;
}

#submenu_parents ul {
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	white-space: nowrap;
}

#submenu_parents ul li {
	background: none;
	padding: 0;
	margin-left: 0;
}

#submenu_parents ul li span,
#submenu_children ul li span {
	display: none;
}

#submenu_parents ul li li {
	height: 42px;
	margin-bottom: 3px;
}

#submenu_parents ul li li.first-child {
	border: none;
}

#submenu_parents ul li li a {
	display: block;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border: none;
	height: 42px;
	overflow: hidden;
}

#submenu_parents ul li li a img {
	position: relative;
	text-align: left;
	border: none;
}

#submenu_parents ul li li a:hover img,
#submenu_parents ul li li:hover img,
#submenu_parents ul li li a:hover img,
#submenu_parents ul li li:hover img {
	top: -45px;
}

#submenu_parents ul li li.active a img {
	top: -45px;
}

#submenu_parents ul li li:hover,
#submenu_parents ul li li a:focus,
#submenu_parents ul li li a:hover,
#submenu_parents ul li li a:active {
	outline: 0;
}
/* --- SUBMENU PARENTS Ende --- */

/* --- SUBMENU CHILDREN Anfang --- */
#submenu_children {
	position: absolute;
	left: 0;
	top: 12px;
	width: 680px;
	z-index: 306;
}

#submenu_children ul {
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	white-space: nowrap;
}

#submenu_children ul li {
	background: none;
	padding: 0;
	margin-left: 0;
}

#submenu_children ul li span,
#submenu_children ul li span {
	display: none;
}

#submenu_children ul li li {
	height: auto;
	width: 340px;
	margin-bottom: 3px;
	float: left;
}

#submenu_children ul li li.first-child {
	border: none;
}

#submenu_children ul li li a {
	display: block;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border: none;
	height: auto;
	overflow: hidden;
}

#submenu_children ul li li a img {
	position: relative;
	text-align: left;
	border: none;
}

#submenu_children ul li li:hover,
#submenu_children ul li li a:focus,
#submenu_children ul li li a:hover,
#submenu_children ul li li a:active {
	outline: 0;
}
/* --- SUBMENU CHILDREN Ende --- */

/* --- SUBMENU CHILDREN RECEIPT Anfang --- */
#submenu_children_receipt {
	position: absolute;
	left: 80px;
	top: 250px;
	width: 680px;
	z-index: 306;
}

#submenu_children_receipt ul {
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	white-space: nowrap;
}

#submenu_children_receipt ul li {
	background: none;
	padding: 0;
	margin-left: 0;
}

#submenu_children_receipt ul li span {
	display: none;
}

#submenu_children_receipt ul li li span {
	display: none;
}

#submenu_children_receipt ul li li {
	height: auto;
	width: 220px;
	margin-bottom: 6px;
	float: none;
}

#submenu_children_receipt ul li li.first-child {
	border: none;
}

#submenu_children_receipt ul li li a {
	display: block;
	position: relative;
	font-family: 'KatanaRegular';
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border: none;
	height: auto;
	overflow: hidden;
}

#submenu_children_receipt ul li li a img {
	position: relative;
	text-align: left;
	border: none;
}

#submenu_children_receipt ul li li:hover,
#submenu_children_receipt ul li li a:focus,
#submenu_children_receipt ul li li a:hover,
#submenu_children_receipt ul li li a:active {
	outline: 0;
}
/* --- SUBMENU CHILDREN RECEIPT Ende --- */

/* --- SUB_MENU CHILDREN Anfang --- */
.sub_menu_children {
	position: absolute;
	left: 60px;
	width: 131px;
	background: transparent url(../img/submenu_children.png) bottom left no-repeat;
	padding-bottom: 24px;
	z-index: 306;
}

#sub_menu_children_tiger {
	top: 262px;
}

#sub_menu_children_tricks {
	top: 538px;
}

.sub_menu_children ul {
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	white-space: nowrap;
}

.sub_menu_children ul li {
	background: none;
	padding: 0 5px;
	margin: 0;
	text-align: center;
	height: 21px;
}

.sub_menu_children ul li span {
	display: none;
}

.sub_menu_children li a {
	display: block;
	position: relative;
	font-family: 'KatanaRegular';
	font-weight: normal;
	text-decoration: none;
	color: transparent;
	border: none;
	height: auto;
	overflow: hidden;
}

.sub_menu_children li:hover,
.sub_menu_children li a:focus,
.sub_menu_children li a:hover,
.sub_menu_children li a:active {
	outline: 0;
}
/* --- SUB_MENU CHILDREN Ende --- */

/* --- SUB SUBMENU CHILDREN Anfang --- */
#subsubmenu_children {
	position: absolute;
	right: 0;
	bottom: 36px;
	width: 680px;
	z-index: 306;
}

#subsubmenu_children ul {
	list-style: none;
	padding: 0;
	margin: 0;
	right: 0;
	white-space: nowrap;
}

#subsubmenu_children ul li {
	background: none;
	padding: 0;
	margin-right: 12px;
}

#subsubmenu_children ul li span,
#subsubmenu_children ul li span {
	display: none;
}

#subsubmenu_children ul li li {
	height: auto;
	margin: 0 0 0 12px;
	float: right;
}

#subsubmenu_children ul li li.first-child {
	border: none;
}

#subsubmenu_children ul li li a {
	display: block;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border: none;
	height: auto;
	overflow: hidden;
}

#subsubmenu_children ul li li a img {
	position: relative;
	text-align: left;
	border: none;
}

#subsubmenu_children ul li li:hover,
#subsubmenu_children ul li li a:focus,
#subsubmenu_children ul li li a:hover,
#subsubmenu_children ul li li a:active {
	outline: 0;
}

#subsubmenu_children ul li li.active {
	display: none;
}
/* --- SUB SUBMENU CHILDREN Ende --- */

/* --- RIGHT Anfang --- */
#right {
	position: absolute;
	bottom: 24px;
	right: 24px;
	z-index: 2;
}

#right a img {
	border: none;
}
/* --- RIGHT Ende --- */

/* --- WECMAP Anfang --- */
.tx-wecmap-map {
	z-index: 3;
}
/* --- WECMAP Ende --- */

/* --- POSTIT Anfang --- */
#postit {
	position: absolute;
	top: 278px;
	right: -60px;
	width: 230px;
	height: 234px;
	z-index: 110;
	background: url(../img/postit.png) top left no-repeat;
}

#postit a {
	border: none !important;
}

#postit a img {
	border: none;
	margin: 50px 0 0 45px;
}
/* --- POSTIT Ende --- */

/* --- QUICKLINKS Anfang --- */
#lang {
	position: absolute;
	right: 19px;
	top: 18px;
	float: right;
	
	display: none;
}

#header_links {
	position: absolute;
	right: 89px;
	top: 22px;
	float: right;
	
	display: none;
}

#footer_links {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/50percent.png) repeat;
	padding: 4px 24px 4px 6px;
	height: 15px;
}

#lang ul li span {
	display: none;
}

#lang ul,
ul.quicklinks {
	list-style: none;
	padding: 0;
	margin: 0;
}

#lang ul {
	display: block;
	height: 12px;
	width: auto;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5000;
}

#lang ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}

#lang ul li span {
	display: none;
}

#lang ul li ul {
	margin: 0;
	padding: 0;
}

#lang ul li ul li {
	list-style: none;
	float: left;
	padding-left: 6px;
	width: 27px;
	height: 20px;
	overflow: hidden;
}

#lang ul li ul li a {
	float: left;
	width: 27px;
	height: 20px;
	overflow: hidden;
	text-indent: 27px;
}

#lang a.de {
	background: url(../img/flags/lang_at.gif) top left no-repeat;
}

#lang a.en {
	background: url(../img/flags/lang_gb.gif) top left no-repeat;
}

#lang li.active a {
	background-position: 0 -40px;
}

#lang ul li ul li.na a:hover,
#lang ul li ul li a:hover {
	background-position: 0 -20px;
}

#lang li.na a {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	-khtml-opacity: 0.4;
}

ul.quicklinks li {
	float: left;
	margin: 0;
	padding: 0 6px;
	position: relative;
	color: #666666;
	line-height: 8px;
	background: none;
	border-left: 1px solid #666666;
}

#lang ul.quicklinks li,
ul.quicklinks li.first {
	border-left: none;
}

ul.quicklinks li a {
	color: #666666;
	font-size: 10px;
}

ul.quicklinks li a img {
	border: none;
	margin-right: 6px;
	float: left;
}

ul.quicklinks li a:hover {
	border: none;
}

ul.quicklinks li span {
	display: none;
}
/* --- QUICKLINKS Ende --- */

/* --- MENÜ Inhalte Anfang --- */
#liane {
	position: absolute;
	top: 0;
	left: 320px;
	width: 300px;
	height: 675px;
	z-index: 303;
	overflow: hidden;
}

#liane img {
	position: absolute;
	top: -772px;
	left: 60px;
}

#menu_parents {
	position: absolute;
	top: -727px;
	left: 280px;
	width: 190px;
	height: 510px;
	z-index: 304;
	display: none;
}

#menu_children {
	position: absolute;
	top: -567px;
	left: 480px;
	width: 190px;
	height: 370px;
	z-index: 304;
	display: none;
}

#menu_parents ul.sf-menu,
#menu_children ul.sf-menu {
	list-style: none;
	padding: 0;
	font-size: 11.5px;
}

#menu_parents ul.sf-menu li,
#menu_children ul.sf-menu li {
	padding: 0;
	margin-top: 0;
	text-align: center;
	width: 190px;
	height: 100px;
}

#menu_parents ul.sf-menu li.fourth {
	margin-top: 25px;
}

#menu_parents ul.sf-menu li.last {
	height: 73px;
}

#menu_children ul.sf-menu li {
	margin-top: 10px;
	margin-bottom: -18px;
}

#menu_parents ul.sf-menu li.first,
#menu_children ul.sf-menu li.first {
	background: none;
	margin-top: 20px;
}

#menu_parents ul.sf-menu li a,
#menu_children ul.sf-menu li a {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	border: none;
	height: 100px;
	overflow: hidden;
}

#menu_parents ul.sf-menu li a:hover,
#menu_parents ul.sf-menu li a.current,
#menu_children ul.sf-menu li a:hover,
#menu_children ul.sf-menu li a.current {
	color: #CC0000;
}

#menu_parents ul.sf-menu li a.current,
#menu_children ul.sf-menu li a.current {
	background: url(../img/menu.gif) 0 -72px;
}

#menu_parents ul.sf-menu li a:hover,
#menu_parents ul.sf-menu li:hover,
#menu_children ul.sf-menu li a:hover,
#menu_children ul.sf-menu li:hover {
	background: url(../img/menu.gif) 0 -36px;
}

#menu_parents ul.sf-menu li a img,
#menu_children ul.sf-menu li a img {
	position: relative;
	text-align: center;
	border: none;
}

#menu_parents ul.sf-menu li a.active img,
#menu_parents ul.sf-menu li a:hover img,
#menu_parents ul.sf-menu li:hover img,
#menu_parents ul.sf-menu li li a:hover img,
#menu_parents ul.sf-menu li li:hover img,
#menu_children ul.sf-menu li a.active img,
#menu_children ul.sf-menu li a:hover img,
#menu_children ul.sf-menu li:hover img,
#menu_children ul.sf-menu li li a:hover img,
#menu_children ul.sf-menu li li:hover img {
	top: -100px;
}

#menu_parents ul.sf-menu li a:hover li img,
#menu_parents ul.sf-menu li:hover li img,
#menu_children ul.sf-menu li a:hover li img,
#menu_children ul.sf-menu li:hover li img {
	top: 0;
}

#menu_parents ul.sf-menu li a span,
#menu_children ul.sf-menu li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	text-indent: 100px;
	white-space: nowrap;
	overflow: hidden;
}

#menu_children ul.sf-menu li.first a span {
	background: url(../../content_fruchttiger/img/children/menu_children_tiger.png) 5px 5px no-repeat;
}

#menu_children ul.sf-menu li.second a span {
	background: url(../../content_fruchttiger/img/children/menu_children_flaschen.png) 5px 12px no-repeat;
}

#menu_children ul.sf-menu li.third a span {
	background: url(../../content_fruchttiger/img/children/menu_children_fruechte.png) 10px 11px no-repeat;
}

#menu_children ul.sf-menu li.last a span {
	background: url(../../content_fruchttiger/img/children/menu_children_hand.png) 10px 2px no-repeat;
}
/* --- MENÜ Inhalte Ende --- */

/* --- FANCYBOX und THICKBOX Lightbox Inhalte Anfang --- */
a.jqfancybox,
a.thickbox {
	background: url(../img/zoom.gif) no-repeat left bottom;
	margin-bottom: 11px;
	padding-bottom: 4px;
}

a.jqfancybox img,
a.thickbox img {
	margin-bottom: 11px;
}

a.nozoom {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

a.nozoom img {
	margin-bottom: 0;
}
/* --- FANCYBOX und THICKBOX Lightbox Inhalte Ende --- */

/* --- NEWS Inhalte Anfang --- */
.tt_news_list .item {
	display: block;
	margin: 0;
	border-bottom: 1px solid #D8D9DB;
}

.tt_news_list .item span.time{
	display: none;
}

.tt_news_list .item span.date {
	font-weight: bold;
	font-size: 11px;
	color: #424242;
}

.tt_news_list .item1 {
	float: left;
	width: 160px;
	margin: 15px 0;
}

.tt_news_list .item1,
.tt_news_list .item2 {
	float: left;
}

.tt_news_list .item2 {
	margin: 15px 0;
	width: 200px;
	position: relative;
}

.tt_news_list .item2 h3 a {
	color: #01184e;
}

.tt_news_list .subheader p {
	display: block;
	width: 220px;
	margin: 5px 0 15px 0;
}

.tt_news_list .image {
	display: table-cell;
	width: 145px;
	height: 145px;
	padding: 0;
	background: #ffffff;
	/* border: 1px solid #D8D9DB; */
	text-align: center;
	vertical-align: middle;
}

.tt_news_list .image img {
	vertical-align: middle;
}

.tt_news_list .image a img,
.tt_news_list .image a:hover {
	border: none;
}

.tt_news_list h3 a {
	text-decoration: none;
}

.tt_news_list h3 a:hover {
	text-decoration: underline;
}

.tt_news_list .more {
	position: absolute;
	right: 0px;
}

.tt_news_list .more a {
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 18px;
	width: auto;
	border: 1px solid #01184e;
	text-align: center;
	color: #01184e;
}

.tt_news_list .more a:hover {
}

.tt_news_single span.date {
	font-weight: bold;
	font-size: 11px;
	color: #424242;
}

.tx-ttnews-browsebox{
	background: none;
	border: none;
}

.tx-ttnews-browsebox a{
	text-decoration: none;
	color: #424242!important;
}

.tx-ttnews-browsebox a:hover{
	color: #ff9900!important;
}

.tx-ttnews-browsebox td{
	padding: 0 3px 0 3px;
}

.tx-ttnews-browsebox p{
	display: none;
}

.tx-ttnews-browsebox table p{
	display: block;
}

.tx-ttnews-browsebox-SCell{
	background: none;
	border: none;
}

.tx-ttnews-browsebox-SCell a{
	color: #ff9900!important;
}

.tt_news_single .timedata .time,
.tt_news_single .timedata .news_age,
.tt_news_single .timedata .age,
.tt_news_single .news-single-category,
.tt_news_single .date,
.tt_news_single .subheader {
	display: none;
}

.tt_news_single .item1{
	width: 215px;
	padding: 10px 10px 10px 0px;
	float: left;
	display: block;
}

.tt_news_single .item1 h3{
	margin: 10px 0 0 0;
}

.tt_news_single .item2 {
	width: 145px;
	float: left;
	display: block;
	padding: 35px 0 0 0;
	text-align: right;
}

.tt_news_single .item2 a img,
.tt_news_single .item2 a:hover {
	border: none;
}

.tt_news_single .item2 p{
	font-size: 10px;
	margin: 5px 0 20px 0;
	padding: 0;
}

.news-single-related,
.news-single-files,
.news-single-links {
	background: none!important;
}

.tt_news_single .additional {
	border-top: 1px solid #D8D9DB;
	margin-top: 5px;
	padding-top: 5px;
}
/* --- NEWS Inhalte Ende --- */

/* --- FOOTER Inhalte Anfang --- */
#footer {
	position: absolute;
	bottom: -24px;
	left: 0;
	height: 24px;
	width: 100%;
	padding: 0;
	z-index: 330;
/*	overflow: hidden; */
}

#footer_content {
	position: relative;
	margin: 0 auto;
	width: 955px;
	height: 24px;
	background: url(../img/40percent.png) repeat;
}

#footer_menu {
	position: absolute;
	bottom: 2px;
	right: 49px;
	
	display: none;
}
/* --- FOOTER Inhalte Ende --- */

/* --- AGENTUR NET Anfang --- */
#agentur_net_container {
	width: 40px;
	margin: 3px 6px 0 0;
	text-align: right;
	float: right;
	position: relative;
}

#agentur_net {
	position: absolute;
	right: 9px;
	bottom: 2px;
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 22px;
	background: url(../../img/agn/ant_white.gif) left top no-repeat;
	cursor: pointer;
	overflow: visible;
}

#agentur_net:hover {
	background: url(../../img/agn/ant_hover_white.gif) left top no-repeat;
}

#agentur_net ul {
	position: absolute;
	top: -12px;
	right: -8px;
	width: 214px;
	padding: 0;
	margin: 0;
	list-style: none !important;
	background: url(../img/30percent.png) repeat;
}

#agentur_net ul li {
	padding: 0;
	margin: 0;
	display: inline;
	list-style: none !important;
	background: none;
}

#agentur_net ul li span {
	display: block;
	color: #424242;
	font-size: 10px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

#agentur_net ul li ul {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 214px !important;
	height: 23px !important;
	padding: 0;
}

#agentur_net ul li ul li {
	float: left;
	width: 100px;
}

#agentur_net ul li ul li a {
	padding: 0;
	margin: 0;
	border: none;
	background: transparent url(../../img/agn/ant_info.gif) no-repeat;
	display: block;
	width: 214px;
	height: 23px;
	font-size: 9px;
	text-decoration: none;
}

#agentur_net ul li ul li a img {
	border: none;
}


#agentur_net ul li ul li.active a {
	color: #000000;
}

#agentur_net ul li ul li.na a
#agentur_net ul li ul li a {
	color: #000000;
}

#agentur_net ul li ul li a:hover {
	border: none;
}
/* --- AGENTUR NET Ende --- */
/* --- CONTENT Inhalte Ende --- */

/* --- Allgemeine Auszeichnungen Anfang --- */
/* --- HEADING Anfang --- */
h1 {
	margin: 0;
	padding: .4em 0;
	position: relative;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;
	color: #003c52;
}

h2 {
	position: relative;
	width: 452px;
	padding: 330px 280px 18px 248px;
	background: transparent url(../img/content.png) repeat-y;
	margin: 0;
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: normal;
	z-index: 2;
	color: #000000;
}

h2 span,
h3 span {
	display: none;
}

#fullcontent h2 {
	display: none;
}

h3,
h4 {
	margin: 0 0 12px 0;
	padding: 0;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
}

h4 {
	margin: 0;
	padding: 12px 0 3px;
	line-height: 14px;
	font-size: 13px;
	font-weight: bold;
	z-index: 2;
	color: #01184E;
	text-transform: none;
	clear: both;
	width: 100%;
}

h5 {
	margin: 0;
	padding: 12px 0 3px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	z-index: 2;
	color: #01184E;
	text-transform: none;
}
/* --- HEADING Ende --- */

/* --- PARAGRAPH Anfang --- */
p {
	margin: .4em 0;
	padding: 0;
}

p.align-right {
	text-align: right;
}
/* --- PARAGRAPH Ende --- */

/* --- ANCHOR Anfang --- */
.csc-textpic-imagecolumn a,
.csc-textpic-imagewrap a,
a img,
a:hover img,
a:link img,
a:visited img,
a.current img {
	border-bottom: none !important;
}

a,
a:link,
a:visited {
	color: #72C0E7;
	text-decoration: none;
	outline: none;
}

a:hover,
a.current {
	border-bottom: 1px solid #72C0E7;
}

a.morelink {
	background: url(../img/b_button_left.png) no-repeat;
	height: 19px;
	line-height: 19px;
	margin: 0;
	padding: .4em 0 .6em 8px;
	border: none;
	cursor: pointer;
	color: #898989;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.morelink span {
	background: url(../img/b_button_right.png) right no-repeat;
	padding: 1em 20px 1em 0;
	margin: 0;
	height: 19px;
	line-height: 19px;
}
/* --- ANCHOR Ende --- */

/* --- LIST Anfang --- */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li {
	background: url(../img/li1.gif) left top no-repeat;
	padding-left: 12px;
}

ul li li {
	background: url(../img/li2.gif) left top no-repeat;
	margin-left: 6px;
}

ul li li li {
	background: url(../img/li3.gif) left top no-repeat;
}

ol {
	list-style: decimal;
	padding: 0;
	margin: 0 0 6px 20px;
}

/* --- LIST Ende --- */

/* --- TABLE Anfang --- */
table {
	padding: 0;
	margin: 0;
	border: none;
	border-top: 1px dotted #d4d4d4;
	border-bottom: 1px dotted #d4d4d4;
	background: #f7f7f7;
}

table tr {
	vertical-align: top;
}

table th {
	text-transform: uppercase;
}

table th,
table td {
	padding: 2px;
	font-weight: normal;
	line-height: 14px;
}

.bold {
	font-weight: bold;
}

table th.small,
table td.small {
	font-size: .8em;
}

table td.line {
	padding: 0;
	border-top: 1px dotted #d4d4d4;
}

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

table.zebra-rows {
	border: 2px solid #005132;
	background: #DBE399;
	color: #005132;
	width: 100%;
	border-collapse: collapse;
}

table.zebra-rows caption {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 6px 0 3px;
}

table.zebra-rows th {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

table.zebra-rows tr.even {
	background: #AFCB51;
}

table.clear-rows {
	border: none;
	background: none;
}

table.clear-rows tr.clear {
	background: none;
}

/* --- TABLE Ende --- */

/* --- FORM Anfang --- */
form {
	padding: 0;
	margin: 10px 0;
	border: 0;
	z-index: 3;
}

form div {
	position: relative;
	clear: both;
}

form div.odd {
	background: yellow;
}

form div.even {
	background: blue;
}

form br {
	clear: both;
}

fieldset {
	margin-bottom: 12px;
	padding: 12px 6px;
	border: 1px solid #D8D9DB;
	border-top: 1px solid #666666;
	width: 370px;
	color: #666666;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 3;
}

fieldset.right,
fieldset.right_noborder {
	border-top: 1px solid #D8D9DB;
	width: 255px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

fieldset.right_noborder {
	border: none;
	padding: 0;
}

fieldset.required {
	border: 1px solid #000000;
}

fieldset.noborder {
	border: none;
	padding: 0;
	width: 370px;
}

legend {
	border: 1px solid #666666;
/*	border: 1px solid #D8D9DB; */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0.2em 0.5em;
}

label {
	float: left;
	width: 200px;
	margin: 3px 5px 4px 0;
	color: #666666;
	font-weight: normal;
}

fieldset label {
	width: 94px;
}

fieldset span.label {
	float: left;
	width: 94px;
	margin: 3px 5px 4px 0;
}

fieldset label.csc-mailform-check {
	float: none;
	width: auto;
}

fieldset p,
fieldset .tx-srfreecap-pi2-cant-read {
	text-align: right;
	margin: -5px 0 1px 0;
	color: #333333;
}

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

fieldset div.contact_box {
	border-top: 1px solid #D8D9DB;
	margin: 6px 0;
}

fieldset div.first_box {
	border-top: none;
}

img.tx-srfreecap-pi2-image {
	margin: 0;
}

label.required,
span.required,
th.required {
	background: url(../img/required.gif) right 3px no-repeat !important;
}

th.required {
	background: url(../img/required.gif) right 9px no-repeat !important;
}

th.required {
	padding-right: 10px;
}

label.error,
b.error {
	background: url(../img/error.png) right center no-repeat;
}

label.label_short {
	float: none;
	width: auto;
	margin: 3px 5px 4px 0;
	font-weight: normal;
}
 
input {
	margin: 0 0 1px 0;
	float: left;
	width: 266px;
	height: 18px;
	border: 1px solid #999999;
	border-left: 1px solid #D8D9DB;
	border-right: 1px solid #D8D9DB;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

input.required,
select.required,
textarea.required {
	border: 1px solid #000000;
}

input.csc-mailform-check {
	float: none;
	width: 15px;
	margin: 0 0 3px 3px;
	padding: 0;
	border: none;
	vertical-align: top;
}

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

fieldset input.checkbox {
	margin: 0 0 3px 180px;
}

fieldset input.haslabel {
	margin: 0 0 3px 0;
}

fieldset input.multi {
	margin: 0 0 3px 15px;
}

label.checkbox {
	position: relative;
	display: inline;
	margin: -20px 0 0 200px;
	width: auto;
}

select,
select.multiple {
	width: 300px;
	height: 20px;
	border: 1px solid #C2C2C2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

select.multiple,
select[multiple="multiple"] {
	height: 100px;
}

optgroup {
	background-color: #245f9b;
	color: #ffffff;
	font-style: normal;
}
option {
	padding: 3px 0 0 0;
	background-color: #ffffff;
	color: #000000;
}

textarea { 
	width: 266px;
	height: 85px;
	border: 1px solid #C2C2C2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

input.quarter  {
	width: 74px;
	margin-right: 2px;
}
input.half {
	width: 131px;
	margin-right: 2px;
}
input.threequarter {
	width: 188px;
	margin-right: 2px;
}

select.quarter {
	width: 74px;
	margin-right: 2px;
}
select.half {
	width: 148px;
	margin-right: 2px;
}
select.threequarter {
	width: 222px;
	margin-right: 2px;
}

input.error,
select.error {
	border: 1px solid #CC071E;
}

button.submit,
input.submit,
input.submitback,
input.submitlong {
	height: auto;
	margin: 3px;
	text-transform: uppercase;
	padding: 3px 18px;
	width: auto;
	cursor: pointer;
	background: url(../img/teaser.png) repeat-x;
	border: 1px solid #d3cdac;
	text-align: center;
	color: #ff0000;
}

input.submitlong {
	width: 200px;
	background: #333333 url(../img/required.gif) 191px 50% no-repeat;
}

input.submitback {
	background: #333333 url(../img/required_back.gif) 3px center no-repeat;
}

input.submitmulti {
	margin: 2px 2px 0 15px;
}

input.submitright {
	float: right;
	margin: 0;
}

#mferror {
	margin: 8px 0 8px 0;
	padding: 7px 5px 0 5px;
	width: 612px;
	color: #CC071E;
	border: 1px solid #CC071E;
	border-left: 1px dotted #d1d2d4;
	border-right: 1px dotted #d1d2d4;
}

#mferror h4 {
	color: #CC071E;
}

#mferror_hidden {
	display: none;
}
span.input_error {
	clear: both;
	float: none;
	display: block;
	margin: 0 0 6px 150px;
	color: #CC071E;
	text-align: left;
}
/* --- FORM Ende --- */

/* --- FORMHANDLER Anfang --- */
.Tx-Formhandler ul.error {
	margin-bottom: 12px;
	padding: 12px 6px;
	border: 1px solid #ff0000;
	width: 370px;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.Tx-Formhandler span.error {
	color: #ff0000;
}

.Tx-Formhandler div.left,
.Tx-Formhandler div.right {
	float: left;
	width: 200px;
	margin: 3px 5px 4px 0;
}
/* --- FORMHANDLER Ende --- */

/* --- FELOGIN Anfang --- */
#children_form {
	position: absolute;
	left: 45px;
	top: 330px;
}

#children_form fieldset {
	background: none;
	border: none;
	width: 200px;
}

#children_form fieldset.noborder {
	position: absolute;
	top: 75px;
	left: 170px;
	width: 52px;
	height: 47px;
	padding: 0;
	margin: 0;
}

#children_form label {
	color: #000000;
	float: none;
	font-weight: bold;
}

#children_form label.required {
	background: none !important;
}

#children_form input {
	width: 200px;
}

#children_form input.threequarter {
	width: 150px;
}

#children_form input.submit {
	width: 52px;
	height: 47px;
	border: none;
	padding: 0;
}

#children_form h4,
#children_form h3,
#children_form .tx-felogin-pi1 > p,
#children_form .tx-felogin-pi1 > div {
	display: none;
}
/* --- FELOGIN Ende --- */

/* --- DAM FRONTEND Anfang --- */
.tx-damfrontend-pi1 input[type="submit"] {
	height: auto;
	text-transform: uppercase;
	padding: 3px 18px;
	width: auto;
	background: #000000;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
	float: right;
	margin: 0;
}

.tx-damfrontend-pi1 img {
	border: none;
}
/* --- DAM FRONTEND Ende --- */

/* --- WEC MAP Anfang --- */
.tx-wecmap-pi1 {
	position: absolute;
	top: 0;
	left: 0;
}
/* --- WEC MAP Ende --- */

/* --- ALL ELSE Anfang --- */
hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: 1px solid #D8D9DB;
	border-bottom: transparent;
	padding: 3px 0;
	color: #ffffff;
}

#clear, .clear {
	clear: both;
	margin: 0;
}

.clearone {
	clear: both;
	margin: 0;
	height: 1px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.textcenter {
	text-align: center;
}

.imageleft {
	margin: 0 6px 6px 0;
}

.imageright {
	margin: 0 0 6px 6px;
}
/* --- ALL ELSE Ende --- */
/* --- Allgemeine Auszeichnungen Ende --- */