html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}

body {
	/*font-family:Arial,Helvetica,sans-serif;*/
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    height:100%;
    margin: 0px;
    padding: 0px;
    background:transparent url(../images/backgrounds/body-bg.jpg) repeat-x scroll 0 0;
    color: #000000;
}

.clear {
	clear: both;
}

.margin-rt {
    margin-right:25px;
}

a {
    color:#BE0000;
    text-decoration:none;
}

a:hover {
	color:#BE0000;
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
.main{
	height:auto !important;
	margin:0 auto -4em;
	min-height:100%;
	text-align:left;
	width:960px;
}

#user-menu {
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#dbb103;
	border-style:solid;
	border-width: 1px 1px 2px 1px;
	display:block;
	margin-right:0px;
	margin-top:-1px;
	width:158px;
	/*padding:10px 0 5px;*/
	position:absolute;
	right:0px;
	top:99px;
	z-index:1;
	display: none;
}

#user-menu li {
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #BE0000;
    font-weight: bold;
}

#user-menu li a {
	text-decoration: none;
}

.header {
	margin: 0px;
	padding: 0px;
	height: 150px;
}

.header .left{
	float: left;
	width: 785px;
}

.header .right {
	float: right;
}

.header .logo a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/backgrounds/logo-kakapo-genial-einfach.gif) no-repeat scroll 0 0;
    display:block;
    height:56px;
    text-indent:-9999px;
    width:158px;
    float: left;
    margin-top: 10px;
    
}

.header .navigation {
float:left;
padding-left:60px;
padding-top:25px;
/*width:400px;*/
}

.header .navigation ul {
	border-right: 1px solid #BBBBBB;
	float: left;
	line-height: 15px;
	padding-right: 20px;
	padding-left: 20px;
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.header .navigation a {
	color:#000000;
    text-decoration:none;
}

.header .kakapo {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/backgrounds/top-kakapo.jpg) no-repeat scroll 0 0;
	display:block;
	height:85px;
	left:50px;
	position:relative;
	float:left;
	top:15px;
	width:80px;
}

.header .login {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/backgrounds/login-bg.gif) no-repeat scroll left bottom;
	float:right;
	padding:3px 0 0 5px;
	position:relative;
	height: 95px;
	right:10px;
	top:0px;
	width:155px;
}

.header .search {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/backgrounds/search-bg.gif) no-repeat scroll 0 0;
	height: 30px;
	margin-top: 2px;
	padding: 8px;
}


#menu, #menu ul {padding:0; margin:0; list-style:none; height:30px; background:#BE0000;border-bottom:1px solid #fff;}
#menu {
border-right:1px solid white;
}
#menu li.first {border-left:1px solid #fff;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; border-right:1px solid #CE0000; z-index:1;}
#menu li a {white-space:nowrap; background:#BE0000; color:#FFF; display:block; float:left; height:30px; line-height:30px; font-size:13px; text-decoration:none; color:#FFF; padding: 0 10px}
#menu li a.drop {background-color:#BE0000; background:url(../images/backgrounds/arrow_menu.gif) right 10px no-repeat; padding: 0 20px 0 10px}
#menu li a:hover {position:relative; color:#FFF; background-color:#BE0000;}
#menu li:hover {position:relative;}
#menu li:hover > a {background-color:#ce0000; color:#FFF;}

#menu :hover ul {left:-1px; top:30px; width:120px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:20px; width:120px; border-bottom:1px solid #fff; font-size:12px;}


#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#BE0000 url(images/down.gif) no-repeat right center;}
#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#BE0000 url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}

#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#BE0000;}
#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000;}
#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000;}

#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#BE0000;}


.content {
	padding-bottom: 30px;
}

.content .center {
	float: left;
}

.content .right {
	float: left;
}
.skyscrapper {
float:left;
text-align:center;
width:160px;
}
.footer {
	margin-top:30px;
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/backgrounds/footer-bg.jpg) repeat-x scroll 0;
    height: 100px;
}

.footer ul {
	border-right:1px solid #BBBBBB;
    float:left;
    line-height:20px;
    margin-right:32px;
    padding-right:65px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-right: 52px;
    padding: 0px 30px 0px 0px;
}

.footer a{
	color: #4C4C4C;
	text-decoration: none;
}

.footer a:hover{
	color: #4C4C4C;
    text-decoration: underline;
}

/*FLOW BOX */
#flow-window {
    float:left;
    margin-right:20px;
    margin-top:0px;
}
#flow-window #flow-top {
    background:url("../images/backgrounds/tabs-top.gif") no-repeat scroll 0 0 transparent;
    height:4px;
    width:502px;
}
#flowtabs {
    background:url("../images/backgrounds/tabs-bottom.gif") no-repeat scroll 0 0 transparent;
    height:28px;
    padding:5px 0 5px 12px;
    width:502px;
    /* IE6 Fix */
    _margin-bottom:-2px;
}
#flow-window ul {
	margin:0;
    padding:5;
	list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
#flowtabs li { 
    float:left; 
    margin:0; 
    padding:0; 
    text-indent:0; 
}
#flowtabs li a {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    display:block;
    margin-right:5px;
    padding:0 3px;
    text-decoration: none;
}
#flowtabs li a.current {
    background-color:#FFF;
    color:#000;
}
#flowpanes {
    width:500px;
    height:282px;   
}
#flowpanes div {
    display:none;   
    margin:0;
}
#flowpanes div h2 {
    letter-spacing:1px;
}
#flowpanes {
    border-left:1px solid #BBBBBB;
    border-right:1px solid #BBBBBB;
    clear:both;
    overflow:hidden;
    position:relative;
}
#flowpanes div {
    float:left;
    display:block;
    width:520px;
    cursor:pointer;
    padding-left:0px;
}
#flowpanes .items {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
}

/* TEASERBOXEN */

.complete-tb {
    color:#FFF;
    width:767px;
}

.complete-tb h2 {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

.complete-tb-top {
    background:transparent url("../images/backgrounds/complete-tb-top.gif") no-repeat scroll 0 0;
    padding:2px 5px 1px 10px;
}
.complete-tb-top h2.floatme{
    float:left;
    padding-right:10px;
}
.complete-tb-ct {
    background-color:#FFF;
    border:1px solid #BBB;
    border-top:0px;
    padding:5px 10px 5px 10px;
    color:#666;
}

.large-tb {
    color:#FFF;
    width:502px;
}
.large-tb-ct  {
	background-color:#FFFFFF;
	border-color:-moz-use-text-color #BBBBBB #BBBBBB;
	border-right:1px solid #BBBBBB;
	border-style:none solid solid;
	border-width:0 1px 1px;
	color:#666666;
	padding:10px;
}
.large-tb-ct h1 {
	font-size:17px;
	padding-bottom:12px;
}
.large-tb-ct h2 {
    font-size: 14px;
	padding-bottom:15px;
}
.large-tb-ct h3 {
	padding-bottom:5px;
}
.large-tb-ct p, .large-tb-ct table {
	/*padding-bottom:10px;*/
}

.large-tb-ct p {
	padding-bottom: 10px;
}

.large-tb-ct ul{
	margin-bottom:10px;
}
.large-tb-top {
    background:transparent url("../images/backgrounds/large-tb-top.gif") no-repeat scroll 0 0;
    padding:2px 5px 1px 10px;
}
.large-tb-top h2.floatme{
    float:left;
    padding-right:10px;
}


.twocolumnsul {
    width:450px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.twocolumnsul li {
    background:url("../images/icons/arrow.gif") no-repeat scroll 0 10px transparent;
    padding:5px 15px 5px 12px;
    float:left;
    width:190px;
}
.little-tb {
	float:left;
	margin-top:10px;
	width:235px;
}
.little-tb h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.little-tb-top {
	background:transparent url("../images/backgrounds/little-tb-top.gif") no-repeat scroll 0 0;
	padding:2px 5px 1px 10px;
	color:#FFF;
}
.little-tb-top h2.floatme{
	float:left;
	padding-right:10px;
}
.little-tb-ct {
	background-color:#FFF;
	border:1px solid #BBB;
	border-top:0px;
	color:#666;
	padding:5px 0 5px 10px;
}
.little-tb-ct ul li {
	background:url("../images/icons/arrow.gif") no-repeat scroll 0 10px transparent;
	border-bottom:1px solid #BBBBBB;
	padding:5px 0 5px 12px;
}

.little-tb-ct ul li.last-ul{
	border-bottom:0px;
}
.little-tb-ct p{
	float:left;
	width:143px;
	margin: 0;
}
.little-tb-nopad {
	padding:0;
}
.little-tb-ct img {

}
.little-tb-ct img.t10{
	margin-bottom:1px;
}
.little-tb-ct a {
	font-weight:bold;
	display:block;
}
.little-tb-ct a.first {
	padding-top:5px;
}
.little-tb-top a, .large-tb-top  a {
	color:#FFF;
	text-decoration:none;
}
.little-tb-top a.show_more, .large-tb-top a.show_more {
	background:url("../images/buttons/read-more.gif") no-repeat scroll right 3px transparent;
	color:#FFFFFF;
	display:block;
	padding-right:15px;
	text-align:right;
}
.little-tb-ct ul li a, .large-tb-ct ul li a{
	color:#666;
}
.little-tb-ct ul li a:hover, .large-tb-ct ul li a:hover{
	color:#BE0000;
}
/* Video Teaser */

ul.videos{
	border:1px solid #D9D9D9;
	list-style-type: none;
	overflow: auto;
}
ul.videos h4 {
	font-size:11px;
}
ul.videos a {
	font-size:10px;
}
ul.videos li {
	float:left;
	padding:15px 0 15px 15px;
	width:205px;
}
ul.videos li.last {
	border-left:1px solid #D9D9D9;
}
ul.videos img {
	float:left;
	padding-right:10px;
}

/* Keine Ahnung wof�r die da ist
.float ul li {
	background:url("../images/icons/arrow.gif") no-repeat scroll 0 10px transparent;
    padding:5px 15px 5px 12px;
    float:left;
}
*/
dt  {
    font-weight:bold;
    padding-bottom:2px;
}

dd {
	padding-bottom: 10px;
}

ul.nav_reiter {
	height:22px;
	list-style-type:none;
	margin-bottom:0;
}
ul.nav_reiter li {
float:left;
font-weight:bold;
padding-right:1px;
}
ul.nav_reiter li a:link, ul.nav_reiter li a:visited {
color:#212121;
}
ul.nav_reiter li a:hover, ul.nav_reiter li a:active, ul.nav_reiter li.active a:link, ul.nav_reiter li.active a:visited {
color:#D00000;
}
.nav_reiter a:link, .nav_reiter a:visited {
background:url("../images/backgrounds/tab-round.gif") repeat scroll right 44px transparent;
display:block;
height:22px;
line-height:22px;
}
* html .nav_reiter a:link, * html .nav_reiter a:visited {
width:100px;
}
.nav_reiter a span {
background:url("../images/backgrounds/tab-round.gif") repeat scroll left 44px transparent;
display:block;
height:22px;
margin-right:14px;
padding-left:14px;
}
.nav_reiter a:hover {
background:url("../images/backgrounds/tab-round.gif") repeat scroll right 22px transparent;
display:block;
text-decoration: none;
}
.nav_reiter a:hover span {
background:url("../images/backgrounds/tab-round.gif") repeat scroll left 22px transparent;
display:block;
}
.nav_reiter .active a:link, .nav_reiter .active a:visited, .nav_reiter .active a:hover, .nav_reiter .active a:active {
background:url("../images/backgrounds/tab-round.gif") no-repeat scroll right 0 transparent;
}
.nav_reiter .active a span, .nav_reiter .active a:hover span {
background:url("../images/backgrounds/tab-round.gif") no-repeat scroll left 0 transparent;
}

.profile-header {
	margin-bottom: 20px;
}
.profile-position {


}
.profile-company {
	display:block;
	line-height:15px;
	padding-bottom:10px;
	padding-top:7px;
}

.profile-headline {
	border-bottom:1px solid #DBDBDB;
	border-top:1px solid #DBDBDB;
	padding:10px 15px 10px;
	background-color:#F2F2F2;
	color:#666666;
}
.profile-headline h2 {
	padding-bottom:0px;
}
.profile-footer {
    background-color:#FFFFFF;
    border-bottom:1px solid #E5E5E5;
    border-top:1px solid #E5E5E5;
    height:15px;
    margin-bottom:30px;
    padding:5px 15px;
}

.rightbox {
	background:url("/images/backgrounds/katalog_box_verlauf.gif") repeat-x scroll 0 0 #F2F2F2;
	border:1px solid #D9D9D9;
	margin-bottom:15px;
	width:270px;
}

.smallest {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.medium {
  font-size: 14px;
}

.large {
  font-size: 16px;
}

.largest {
  font-size: 18px;
}
/* LOGIN FELD */

.user-email {
	display:block;
	padding:5px 0;
}
#konto-button {
	background-color:transparent;
	cursor:pointer;
	height:22px;
	margin:20px 5px 0 0;
	padding-top:4px;
}

#message-zitat {
    border: 1px dotted #999999;
    margin-left:30px;
    margin-top: 10px;
    padding: 10px;
}

/**
* EXT JS Grid
*/

.gridadd{
    background-image: url(../images/ext/gray/toolbar/add.gif) !important;
    padding-right: 6px !important;
}

.griddel{
    background-image: url(../images/ext/gray/toolbar/delete.gif) !important;
    padding-right: 6px !important;
}

/*
 * kkpo-extra
*/

table#uebersicht h2 {
margin-bottom: 0;   
}

td.ranking {
width: 55px;
background-color: #f6f6f6;
border: 1px solid #b9b9b9;
text-align: center;
}
td.ranking span {
color: #989797;
}
table#uebersicht td.inhalt {
width: 330px;
padding: 6px 5px 0 5px;
background: transparent url(../images/backgrounds/bg_table_uebersicht.gif) 0 0 repeat-x;   
}
table#uebersicht td.inhalt h2{
	padding-bottom:0px;
}
table#uebersicht td.inhalt p {
margin-bottom: 7px; 
}
table#uebersicht td.betrag {
width: 96px;
background: transparent url(../images/backgrounds/bg_table_uebersicht_2.gif) right 0 no-repeat;    
font-size: 11px;
}
/*blaetter navi*/
ul.blaetter_navi {
    float: right;
margin: 20px 0;

}
ul.blaetter_navi li {
list-style-type: none;
float: left;
padding: 0 5px;

}
ul.blaetter_navi li.aktiv {
border: 1px solid #b9b9b9;
color: #c00;
}
ul.blaetter_navi li.first {
padding: 0 15px 0 0;
}
ul.blaetter_navi li.last {
padding: 0 0 0 15px;
}
ul.blaetter_navi a:link,
ul.blaetter_navi a:visited {
color: #505050;
}
ul.blaetter_navi a:hover,
ul.blaetter_navi a:active {
color: #c00;
}

ul.tab-bar {
	border-bottom: 1px solid #BE0000;
	list-style: none outside none;
	margin: 20px 0;
	overflow: hidden;
	padding: 0 10px;
}

ul.tab-bar li {
	float: left;
	margin: 0 15px 0 0;
}

ul.tab-bar li a {
	display: block;
	padding: 4px;
	text-decoration: none;
}

ul.tab-bar li.selected a, ul.tab-bar li.selected a:hover, ul.tab-bar li.selected a:focus  {
    display: block;
    padding: 4px;
    text-decoration: none;
    background-color: #BE0000;
    color: #FFF;
}

ul.tab-bar li a:hover, ul.tab-bar li a:focus {
	background-color: #cccccc;
	text-decoration: none;
}

/*!
 * Ext JS Library 3.2.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}