/***************************************************
     AUTHOR: W.Rosenthal
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/

	

.Stil_TEXT_dunkel_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	color: #334433;
	font-weight: bold;
}

.Stil_TEXT_farbig_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	color: #995533;
	font-weight: bold;
}

.Stil_TEXT_dunkel_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #334433;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

.Stil_TEXT_grau_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	border: 0;
}

.Stil_Headline_grau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	font-size: 24px;
	color: #999966;
}

.Stil_Headline_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	font-size: 24px;
	color: #000033;
}


.Stil_Absatz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #002233;
	letter-spacing: 0.15em;
	font-weight: normal;
}




.clearfix:after {

    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}

#top {
	height: 31px;
	font-family: Tahoma, helvetica, arial, sans-serif;
	color: #330066;
	font-size: 11px;
	line-height: 1em;
	background-image: url(bilder/backgr01.jpg);
}
#top .inner,
#header .gutter,
#wrapper .inner,
#footer .inner {
	width: 900px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;

	height: 110px;
}

#header .inner {
	width: 900px;
}

#top .inner p {
	margin-left: 375px;
	padding-top: 11px;
	color: #FFFFFF;
}

#top a:link,
#top a:visited {
	color: #1d96b8;
}

#top a:hover {
	color: #fff;
}

#header {

}

#header .inner {
	position: relative;
	padding-top: 29px;
	padding-bottom: 20px;
	height: 75px;	
	border-bottom: solid 1px #e9e9e9;
}

img#logo {
	margin-left: 60px;
	color: #E0DFE3;
}

#wrapper {
	background-image: url(bilder/backgr03.jpg);
}

#wrapper .inner {
	position: relative;
	padding-top: 30px;
	padding-bottom: 85px;

	visibility: visible;
}

#wrapper .inner p {
	margin-bottom: 2em;
	color: #999999;
}

#wrapper #main {
	width: 510px;
	float: right;
	position: relative;
	visibility: visible;
}


#footer {
	position: relative;
	margin: 25px 15px 0 -14px;
	padding: 3px 0 0 20px;
	height: 23px;
}
#footer a {
	color: #fff;
	vertical-align: middle;
}


#apDiv1 {
	position:absolute;
	left:90px;
	top:230px;
	width:310px;
	height:607px;
	z-index:1;
}



#header {
	background-color: #FFFFFF;
	background-position: 1024px 115px;
	background-image: url(../bilder/kos_ani05.jpg);
	text-decoration: none;
	background-repeat: no-repeat;
	text-align: center;
}
  

.Accordion {
	border-left: solid 2px white;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
	overflow: auto;
	background-color: #E2E1C2;
	height: auto;
}


/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #cccc99;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #ABADC2;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
	background-color: #484848;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #cccc99;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ABADC2;
}