body {
	background		:#0097E8;
	margin			: 0;
	padding			: 0;
	font-family		: arial;
        font-size               : 10pt;
}
.contentpaneopen {
        padding: 0 5px 0 5px;

}

.mceContentBody{
    background: #fff;
}
.content{

	position		: absolute;
	background		: url(../images/Beine_Clown.gif) repeat-y;
	border			: 0px solid black;
	width			: 100%;
	min-width		: 1024px;
	min-height		: 600px;
	margin			: 0;
	padding			: 0;
	
}
.table_text {
       border-left: 1px solid #ccc;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
}

.contentpaneopen {
       width                    : 100%;
}

.contentpaneopen table {
       width                    : 100%;
}

#searchForm {

      border                    : 1px solid #E87900;

}
.cf_text {
     background                         : url(http://www.pusteblume-online.de/images/titel_bg_orange.gif) no-repeat;
     color                              : #FFFFFF;
    font-weight                         : bold;
    padding                             : 8px 0 10px 20px;
    font-size                           : 10pt;
    width                               : 100%;
}
.xmap .componentheading{

    background                          : url(http://www.pusteblume-online.de/images/titel_bg_red.gif) no-repeat;
    color                               : #FFFFFF;
    font-weight                         : bold;
    padding                             : 8px 0 10px 20px;
    font-size                           : 10pt;


}
.componentheading_search, .componentheading_fotos {
      background-image          : url(http://www.pusteblume-online.de/images/titel_bg_orange.gif);
      background-repeat         : no-repeat;
      color                     : #FFFFFF;
      font-weight               : bold;
      padding                   : 8px 0 10px 20px;
}
.contentpaneopen_search {
      margin                    : 10px 2px 0 0;


}
#searchForm div{
      padding                   : 8px 0 10px 20px;


}
div.titel_green, div.titel_red, div.titel_orange, div.titel_magenta, div.titel_gelb{

      padding                   : 8px 0 10px 20px;
}

.clown {
    position		: relative;
	background		: url(../images/Clown_1.gif) no-repeat;
	border			: 0px solid red;
    left			: 0px;
    top				: 0px;
    width			: 173px;
    min-height		: 242px;
}

.header_line {
	position		: relative;
	float			: left;	
	background		: url(../images/Header_Line_2.gif) no-repeat;
    left			: 0px;
    top				: 0px;
    width			: 751px;
    height			: 95px;
	margin			: 0 0 0 173px;
}

.expander {
    position		: relative;
	float			: left;
	background-color: #000;
	float			: left;
	border			: 0px solid red;
    min-width		: 700px;
    min-height		: 700px;
	margin			: 0 0 0 173px;

}
.header_top{
    position		: relative;
	background		: url(../images/Header_Image_4.gif) no-repeat;
	float			: left;
	border			: 0px solid blue;
    width			: 754px;
    height			: 121px;
	margin			: 0px 0 0 0px;
}
.header_bottom{
    position		: relative;
	background		: url(../images/Ideen_menschen_emotionen_5.gif) no-repeat;
	float			: left;
	border			: 0px solid black;
    width			: 754px;
    height			: 26px;
	margin			: 0 0 0 0px;
}

.header_text{
    position		: relative;
	float			: left;
	border			: 0px solid blue;
    width			: 304px;
    height			: 26px;
	margin			: 0 0 0 0;
}

.header_btn1 {
	position		: relative;
	float			: left;
	background		: url(../images/Home_6.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
}	
.header_btn1 .moduletable table td, .header_btn2 .moduletable table td, .header_btn3 .moduletable table td, .header_btn4 .moduletable table td, .header_btn5 .moduletable table td {
        padding                 :5px 0 0 0;
        text-align              :center;
}
.header_btn1 .moduletable h3{
	color			: #ff;
	border			: 0px solid black;
	margin			: 0;
	padding-left	: 0px;
	font-family		: arial;
	font-size		: 10pt;
	font-weight		: bold;
	text-align		: center;
}

.header_btn1  a.header:link, a.header:visited {
	position		: relative;
	float			: left;
	background		: url(../images/Home_6.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding		        : 15px 0 0 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: normal;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: center;
}	
.header_btn1 a.header:hover {
	position		: relative;
	float			: left;
	background		: url(../images/Home_6_over.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: center;
}	

.header_btn2 {
	position		: relative;
	float			: left;
	background		: url(../images/Aktuelles_7.gif) no-repeat;	
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
}	
.header_btn2 .moduletable h3{
	color			: #ff;
	border			: 0px solid black;
	margin			: 0;
	padding-left	: 0px;
	font-family		: arial;
	font-size		: 10pt;
	font-weight		: bold;
	text-align		: center;
}
.header_btn2  a.header:link, a.header:visited {
	position		: relative;
	float			: left;
	background		: url(../images/Aktuelles_7.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: normal;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: center;
}	
.header_btn2 a.header:hover {
	position		: relative;
	float			: left;
	background		: url(../images/Aktuelles_7_over.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: center;
}	

.header_btn3 {
	position		: relative;
	float			: left;
	background		: url(../images/Kontakt_8.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
}	
.header_btn3 .moduletable h3{
	color			: #ff;
	border			: 0px solid black;
	margin			: 0;
	padding-left	: 0px;
	font-family		: arial;
	font-size		: 10pt;
	font-weight		: bold;
	text-align		: center;
}
.header_btn3  a.header:link, a.header:visited {
	position		: relative;
	float			: left;
	background		: url(../images/Kontakt_8.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: normal;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: center;
}	
.header_btn3 a.header:hover {
	position		: relative;
	float			: left;
	background		: url(../images/Kontakt_8_over.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: center;
}	

.header_btn4 {
	position		: relative;
	float			: left;
	background		: url(../images/Impressum_9.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
}	
.header_btn4.moduletable h3{
	color			: #ff;
	border			: 0px solid black;
	margin			: 0;
	padding-left	: 0px;
	font-family		: arial;
	font-size		: 10pt;
	font-weight		: bold;
	text-align		: center;
}
.header_btn4  a.header:link, a.header:visited {
	position		: relative;
	float			: left;
	background		: url(../images/Impressum_9.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding			: 5px 0 0 6px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: normal;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: left;
}	
.header_btn4 a.header:hover {
	position		: relative;
	float			: left;
	background		: url(../images/Impressum_9_over.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding			: 5px 0 0 2px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: left;
}	
.header_btn5 {
	position		: relative;
	float			: left;
	background		: url(../images/Sitemap_10.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: center;
}	
.header_btn5.moduletable h3{
	color			: #ff;
	border			: 0px solid black;
	margin			: 0;
	padding-left	: 0px;
	font-family		: arial;
	font-size		: 10pt;
	font-weight		: bold;
	text-align		: center;
}
.header_btn5  a.header:link, a.header:visited {
	position		: relative;
	float			: left;
	background		: url(../images/Sitemap_10.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: normal;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: center;
}	
.header_btn5 a.header:hover {
	position		: relative;
	float			: left;
	background		: url(../images/Sitemap_10_over.gif) no-repeat;
	border			: 0px solid green;
    width			: 90px;
    height			: 26px;
	margin			: 0 0 0 0;
	padding-top		: 5px;
	color			: #fff;
	font-family		: verdana;
	font-weight		: bold;
	text-decoration : none;
	font-size		: 10pt;
	text-align		: center;
}	

.main{
    position		: relative;
	float			: left;
	background		: #fff;
	border			: 0px solid green;
    min-width		: 754px;
	width			: auto !important;
	width			: 754px;
	min-height		: 650px;
	height			: auto !important;
	height			: 650px;
	margin			: 0;
	padding			: 5px;
}

.text_main h3 {

       margin                   :0 0 5px 0;
}
.clear {

	clear			: both;
	margin			: 0;
	padding			: 0;
	font-size		: 0;

}
.nav {
	position		: absolute;
	border			: 0px solid blue;
	top				: 242px;
}

.menu1 {
	position		: relative;
	background		: url(../images/menu1_bg.gif) no-repeat;
	background-color: #70AB00;
	border			: 1px solid black;
    width			: 135px;
    min-height		: 100px;
	height			: auto !important;
	height			: 100px;
	margin			: 0 0 5px 0;
	padding			: 0 0 5px 5px;
	top				: 0px;
	left			: 26px;
	vertical-align	: top;

}

.menu1 .moduletable h3{
	color			: #000;
	border			: 1px solid black;
	margin			: 2px 5px 0 0;
	padding-left	: 2px;
	font-family		: arial;
	font-size		: 11pt;
	font-weight		: bold;
}
.menu2 {
	position		: relative;
	background		: url(../images/menu2_bg.gif) no-repeat;
	background-color: #CCCC00;
	border			: 1px solid black;
    width			: 135px;
    min-height		: 100px;
	height			: auto !important;
	height			: 100px;
	margin			: 0 0 5px 0;
	padding			: 0 0 5px 5px;
	top				: 0px;
	left			: 26px;
	vertical-align	: top;

}
.menu2 .moduletable h3{
	color			: #000;
	border			: 1px solid black;
	margin			: 2px 5px 0 0;
	padding-left	: 2px;
	font-family		: arial;
	font-size		: 11pt;
	font-weight		: bold;
}
.menu3 {
	position		: relative;
	background		: url(../images/menu3_bg.gif) no-repeat;
	background-color: #E87900;
	border			: 1px solid black;
    width			: 135px;
    min-height		: 100px;
	height			: auto !important;
	height			: 100px;
	margin			: 0 0 5px 0;
	padding			: 0 0 5px 5px;
	top				: 0px;
	left			: 26px;
	vertical-align	: top;

}
.menu3 .moduletable h3{
	color			: #000;
	border			: 1px solid black;
	margin			: 2px 5px 0 0;
	padding-left	: 2px;
	font-family		: arial;
	font-size		: 11pt;
	font-weight		: bold;
}
.menu4 {
	position		: relative;
	background		: url(../images/menu4_bg.gif) no-repeat;
	background-color: #D80070;
	border			: 1px solid black;
    width			: 135px;
    min-height		: 100px;
	height			: auto !important;
	height			: 100px;
	margin			: 0 0 5px 0;
	padding			: 0 0 5px 5px;
	top				: 0px;
	left			: 26px;
	vertical-align	: top;
}
.menu4 .moduletable h3{
	color			: #000;
	border			: 1px solid black;
	margin			: 2px 5px 0 0;
	padding-left	: 2px;
	font-family		: arial;
	font-size		: 11pt;
	font-weight		: bold;
}
.menu5 {
	position		: relative;
	background-color: #D60007;
	border			: 1px solid black;
    width			: 135px;
    min-height		: 100px;
	height			: auto !important;
	height			: 100px;
	margin			: 0 0 5px 0;
	padding			: 0 0 5px 5px;
	top				: 0px;
	left			: 26px;
	vertical-align	: bottom;
}
.menu5 .moduletable h3{
	color			: #000;
	border			: 1px solid black;
	margin			: 2px 5px 0 0;
	padding-left	: 2px;
	font-family		: arial;
	font-size		: 11pt;
	font-weight		: bold;
}

a.mainlevel:link, a.mainlevel:visited {
	background		: ;
	color			: #fff;
	font-family		: arial;
	font-weight		: bold;
	text-decoration : none;	
	font-size		: 10pt;
	text-align		: left;
}	
 a.mainlevel:hover {
	background		: ;
	color			: #fff;
	font-family		: arial;
	font-weight		: bold;
	text-decoration : underline;
	font-size		: 10pt;
	text-align		: left;
}	

.moduletable table td {

	padding-left	: 10px;
}

.footer {
	position		: relative;
	float			: left;
	background		: url(../images/ClownFuesse_13.gif) no-repeat; 
	border			: 0px solid black;
	height			: 58px;
}
.footer_text {
	position		: relative;
	height			: 58px;
	margin			: 0 0 0 173px;
	color			: #fff;
}
/*---------- bubble tooltip -----------*/
#tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
#tt span{ display: none; }

#tinymce #tt span { display: block;border:1px solid red; }
#tinymce #tt:hover span { display: block;border:1px solid red; }





/*background:; ie hack, something must be changed in a for ie to execute it*/
.contentpaneopen #tt:hover{ z-index:25; color: #aaaaff; background:;}
.contentpaneopen #tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.contentpaneopen #tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
.contentpaneopen #tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
.contentpaneopen #tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}
