/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol,li  { list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 14px;line-height: 16px;}

ul		{list-style: circle;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 101%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:#d1deef;
	color: #000;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-image: url(back_website.gif);
	background-repeat: repeat-y;
	background-position: center;	
	}

/* \*/ * html body { text-align:left; font-size: x-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.flLeft { float:left;}
.flRight { float:right;}


.warning { color:#f00; background: inherit; }

 
#wrapper {
	position:relative;
	margin:0 auto;
	padding: 0;
	height:100%;
	width: 900px;
}

#header {	
	width: 900px;
	height: 102px;
	margin-left: 0px !important;
	margin-left: 2px;
	background-image: url(ballonbau_header2.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid #ffe600;

}

#contentoben {
	clear: both;

}

#contentoben .textbild {
	clear: both;
	padding: 10px 10px 0 20px;
}

#contentoben .text {
	padding: 0 10px 0 20px;
}

*+html #contentoben {
margin-left: 1px;
}


#content {
clear: both;
padding: 10px 45px 45px 40px;
}


		renderhead {
 				display: block;
 			}
 			.renderhead span { 
 				display: none;
 			}
 			.renderhead img { 
 				padding:2px;
 		}

/*************************************/
	
#logo {

}

#logo a {
	position: absolute;
	display:block;
	left: 0px;
	top: 0px;
	height: 60px;
	width:	900px;
	text-indent:-1700em;
}	


/*******************************************************************************/
/* Schriften  **********************************************************************/
/*******************************************************************************/

h1 {
	color:#000000;
	font-weight:bold;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 10px;
	margin-left: -2px;
}

h3 {
padding-bottom: 5px;
margin-left: 0;
padding-top: 4px;
padding-left: 12px;
color: #000;
font-size: 12px;
font-weight: bold;
background-image: url(pfeil.gif);
background-repeat: no-repeat;
background-position: left 4px;
} 

h3 a{
color: #000;
font-size: 12px;
font-weight: bold;
} 

.accordion {
margin-top: 5px;
margin-left: 15px;
}

p {
	color:#000;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
}

.abstand {
display: block;
clear: both;
height: 1px;
width: 500px;
padding-bottom: 15px;
border-right: 1px solid #fff;
}

.extern {
padding-left:15px;
color: #000;
font-weight: bold;
background:url('pfeil.gif') no-repeat left center;
}


 a:hover {
text-decoration: underline;
}


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

div.slideshow{
float: left;
margin-left: 0px !important;
margin-left: 1px;
border-left: 2px solid #ffe600;
border-right: 2px solid #ffe600;
border-bottom: 2px solid #ffe600;
overflow: hidden;
z-index: 1;
}



#diashowgross {
clear: both;
height: 290px;
width: 896px;
margin-left: 0px !important;
margin-left: 1px;
border-left: 2px solid #ffe600;
border-right: 2px solid #ffe600;
border-bottom: 2px solid #ffe600;
overflow: hidden;
}


.slideshowtext {
float: left;
width: 450px;
margin: 17px 0 20px  45px;
}

#diashowundtext {

}

#navigation {
display: block;
height: 25px;
}

*html #navigation {
padding-left: 2px;
} 

*+html #navigation {
padding-left: 1px;
}


/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/

.menu {
  position: absolute;
  font-family: tahoma;	
  font-weight: normal;
  font-size: 15px;
  left: 50px !important;
  left: 55px;
  top: 78px !important;
  top: 76px;
  z-index: 100;
}

*+html .menu {
  left: 10px;
}

.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display: block; 
  text-decoration:none; 
  color:#000; 
  line-height:28px;               /*  --> (2)  */
  padding-right: 8px;
  padding-bottom: 1px;
  padding-left: 8px;
  text-align: left;
}
* html .menu ul li a, .menu ul li a:visited {
}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px; 
  border-collapse:collapse;
  font-size: 12px;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
    background:#fcff00;

}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top: 0px;
  left: 0; 
    background:#ffe600;
}
* html .menu ul li a:hover ul {
  margin-top: 0px;
  marg\in-top: 0px;
      background:#ffe600;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
    background:#ffe600;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
    background:#ffe600;
  color:#000; 
  height:auto; 
  line-height: 13px; 
  padding:5px 10px; 
  width:140px;
  text-decoration: none;  
}
* html .menu ul li a:hover ul li a {
  width:140px;
  w\idth:140px;
  background:#ffe600; 
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {

}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#fcff00; 
  color:#000;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:160px; 
  top:0;
  width:160px;
  background:#fcff00; 
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-180px;
}



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

#sprachwahl {
float: right;
padding-top: 82px !important;
padding-top: 80px;
padding-left: 14px;
width: 885px;
}



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

#dreierauswahl {
clear: both;
width: 900px;
height: 95px;
font-size: 12px;
}

a.sportballoneauswahl {
margin-left: 40px;
float: left;
width: 180px;
height: 50px;
background-image: url(sportballone.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;
}

a.sportballoneauswahl:hover{
background-image: url(sportballone_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}



a.fesselballoneauswahl {
margin-left: 20px;
float: left;
width: 180px;
height: 55px;
background-image: url(fesselballone.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;

}

a.fesselballoneauswahl:hover{
background-image: url(fesselballone_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}

a.gasspeicherauswahl {
margin-left: 20px;
float: left;
width: 180px;
height: 50px;
background-image: url(gasspeicher.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;
}

a.gasspeicherauswahl:hover{
background-image: url(gasspeicher_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}

a.e_sportballoneauswahl {
margin-left: 40px;
float: left;
width: 180px;
height: 50px;
background-image: url(e_sportballone.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;
}

a.e_sportballoneauswahl:hover{
background-image: url(e_sportballone_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}



a.e_fesselballoneauswahl {
margin-left: 20px;
float: left;
width: 180px;
height: 55px;
background-image: url(e_fesselballone.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;

}

a.e_fesselballoneauswahl:hover{
background-image: url(e_fesselballone_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}

a.e_gasspeicherauswahl {
margin-left: 20px;
float: left;
width: 180px;
height: 50px;
background-image: url(e_gasspeicher.gif);
background-repeat: no-repeat;
background-position: top left;	
padding-top: 55px;
padding-left: 80px;
color: #000;
}

a.e_gasspeicherauswahl:hover{
background-image: url(e_gasspeicher_hover.gif);
background-repeat: no-repeat;
background-position: top left;	
text-decoration: none;
}


.flRight {
margin-left: 35px;
}

.flLeft {
margin-right: 35px;
}

/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 800px; 
}

.zweispalter_1 {
  width: 370px;
margin-bottom: 20px;
}

.zweispalter_2 {
  width: 380px;
  margin-left: 25px;
  margin-bottom: 20px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}


.dreispalter {
width: 900px;
}

.dreispalter_1 {
  float: left;
  margin-left: 10px;
  width: 230px;
}

.dreispalter_2 {
	display: block;
  float: left;
	 margin-left: 75px;
	   width: 230px;
}

.dreispalter_3 {
  float: left;
  width: 230px;
  margin-left: 70px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  margin-top: 10px;

}

#dreispalterbilder {
margin-left: 0 !important;
margin-left: 2px;
}

#dreispalterbilder img {
float: left;

}


#dreispalterbilder .bild1 {
float: left;
border:2px solid #ffe600;
}

#dreispalterbilder .bild2 {
margin-left: 10px;
border: 2px solid #ffe600;
}

#dreispalterbilder .bild3 {
float: right;
border: 2px solid #ffe600;
}


.pdf {
padding-bottom: 2px;
margin-left: 0;
padding-top: 2px;
padding-left: 20px;
background-image: url(pdf_small.gif);
background-repeat: no-repeat;
background-position: left 1px;
} 

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.clboth {
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.textbild {
clear: both;

}
.bild_liste ul li {
	float: left;
	list-style: none;
	padding:0;
	margin:0;
}

#content ul, #contentoben ul	{list-style: none; margin-bottom: 20px;}
#content ul li, #contentoben ul li			{margin: 0px 0 0 25px; list-style: disc;font-family: tahoma, verdana, arial, helvetica, sans-serif;	font-size: 12px; line-height: 20px;	color: #000;}
#content ul li ul, #contentoben ul li ul		{margin: 0 0 0 0;}
#content ul li ol, #contentoben ul li ol		{margin: 0 0 0 0;}

.galeriebilder {
display: inline;
width: 105px;
height: 100px;
float: left;
margin: 9px;
padding: 5px;
border: 1px solid #ffe600;
background-color: #f6f6f6;
text-align: center;
}


.accordion {
padding: 5px;
}
.accordion_link {
cursor: pointer;
display:block;
font-weight: bold;
padding: 3px 0;
}




.sitemap ul {

}
.sitemap ul li {

}

.sitemap li a {
color: #000;
}