body {

background-color: #E6E7E9; 


}

#frame {
	
	position: relative; 
	width:1024px;
	/**height:100%;**//**740px**/
	min-height:740px;
	
	background-color: white;
	
	/* Zentrieren der Seite */
	margin-left: -512px;
	/*margin-top: -370px;
	top: 50%;*/
	left: 50%;
	
	
	

}

#head {

	width:1024px;
	height:277px;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	background-image: url("header_1.jpg");
}

#headerImage{
    height:277px;
    background-color:non repeat scroll 0 0 white;
}

#mainmenu {

	width:1024px;
	height:19px;
	position:absolute;
	top:277px;
	left:0px;

	z-index:100;

	background-color: black;
	color: white;
	font-family: FuturaDemiATT, FuturaBookATT, Futura, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-size: 14px;
	line-height:19px;
	vertical-align:center;

}


#ecla-logo{
	display:none;
	}

#maincontent {

width:747px;
padding-left:20px;
padding-right:20px;
/**overflow: auto;
height: 445px; CP**/

}


#content {

	width: 777px;
	min-height: 445px;
	padding: 22px 0;/** vorher nur top**/
	/**position:absolute; CP**/
	/*left: 20px;
	padding-right:10px;*/
	
	
	
	color:black;

	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	line-height: 17px;
	float:left;
	border-right: solid 247px #ffffed;
	
}

#content p {
	text-align:justify;
	margin-top:5px;
}

/* #content img { margin:8px; } */



#content a {
	text-decoration: none;
	color:black;
	background:yellow;
	
	}
	
#right a {
	text-decoration: none;
	color:black;
	}
	
#gallery table tbody tr td a,
#gallery table tbody tr td a:hover{
    text-decoration:none;
    background:none;
    outline:none;
}
	
#content a:hover, #right a:hover{
	
	background:black;
	color:white;
}	

#content .csc-textpic-imagewrap a{
    background-color:white;
    outline:none;
}

#right a.act {
	background:yellow;
	color:blacK;
}

#content h1 {

	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	letter-spacing:-2px;
	line-height:40px;

	font-size:40px;
	
	text-transform: uppercase;
	margin-top:22px;
	margin-bottom: 12px;
}

#content h2 {

	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	letter-spacing:-1px;
	line-height:30px;

	font-size:25px;
	
	text-transform: uppercase;
	margin-top:10px;
}

#content h3 {

	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
}

#content #submenu {

	background-color: white;
	color: black;
	font-family: FuturaBookATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	

}
#content #submenu  ul{
	list-style-type: none; 
	float:left;
	margin-top:0;
	}
	
#content #submenu  ul li{	
	float:left;
	
	}

#content #submenu  a{
	text-decoration: none;
	color:black;
	padding-left:10px;
	padding-right:10px;
	}
	
#content #submenu  a.act{
	text-decoration: none;
	color:black;
	background:yellow;
	padding-left:10px;
	padding-right:10px;
	}
	
#content #submenu  a:hover{
	
	background:black;
	color:white;
	
	}

	
#right {

	width: 227px;
	height: 445px;
	top: 295px;
	position:absolute;
	left: 787px;
	background:#FFFFED;
	color:black;
	overflow: hidden;
	
	font-family: FuturaBookATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	font-size: 12px;
	line-height: 17px;
	padding-left:10px;
	text-align:left;

}

#right h1 {

	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	font-weight: lighter;
	letter-spacing:-2px;
	line-height:40px;

	
	font-size:40px;
	margin-top:22px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

#right h2 {
	
	font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
	
    margin-top:10px;
	font-size:20px;
}

#footer{
    clear:left;
    background:#e6e7e9;
    height:50px;
    width:100%;
    font-family: FuturaLightATT, "Century Gothic", "Microsoft Sans Serif", "MS Reference Sans Serif", Arial, sans-serif;
    font-weight: lighter;
    font-size: 14px;
}

#footer ul{
    clear: left;
    float: left;
    /**height: 40px;**/
    left: 47%;
    position: relative;
    list-style: none outside none;
}

#footer ul li{
    display:block;
    float:left;
    position:relative;
    right:50%;
}

#footer ul li a,
#footer ul li a:visited {
    color: #888888;
    display: block;
    float: left;
    padding: 0 8px;
    text-decoration: none;
}

#footer ul li a:hover{
    background: repeat scroll 0 0 black;
    color:white;
}


/* Typo3 stong tag should be displayed "bold" */
content b, p b, content strong, p strong
{
	font-weight: bold;
}


#gallery {
	position:absolute;
	left: 10px;
	top:200px;
}


/*** ECLA-Dorpdownmenu ***/


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

Convertable Nestled list menu 2007 by Duncan Hill and Alan Gresley

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

ul#navigation{
	/*font-size: 90%;*/
	position:absolute;
	left:0;
}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	
}



div ul#navigation li { 
	
	position: relative;
	float: left;
	text-transform: uppercase;
	
	display: block;
/* 	width: 9em;           /****CHANGE MENU WIDTH**** */
	color: white;
	background-color: black;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	white-space:nowrap;
	cursor:pointer;
}

div ul#navigation li.act { 
	
	
	
	color:black;
	background:yellow;
		
}

ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation a {
	display: block;
/* 	width: 9em;           /****CHANGE MENU WIDTH**** */
	color: white;
	background-color: black;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	white-space:nowrap;
	}

#navigation a.act {

	color:black;
	background:yellow;
}

ul#navigation a:hover {
	color: black;
	background-color: yellow;
}

ul#navigation li li {
         padding-left: 0px;
	padding-right: 0px;
}

ul#navigation li li a {
	  width: 16em;         /****CHANGE SUBMENU WIDTH**** */
	 text-transform: none;
	 white-space:nowrap;
	
	

}
ul#navigation li li li a {
	 /*   width: 14em;        /****CHANGE SUBMENU WIDTH**** */
	  text-transform: none;
	  white-space:nowrap;
	 
}


ul#navigation li ul {
	position : absolute;
	left: -999em;
		
	
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em;
	
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	top: 1;
	left: 0;
	margin-left: 100%;
	
	
}

/*					****DISPLAYS HORIZONTAL MENU**** */
#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul {
   	top: 100%;
	margin-left: 0;
}




/*** End ECLA Dropdownmenu ***/


/* RTE update 4.3, ChKa */
.indent
{
    margin-left: 3em;
}

/* These have no effect here, because everything is justified, but are needed in general */

.align-center
{
    text-align: center
}

.align-right
{
    text-align: right
}


.align-left
{
    text-align: left
}


.align-justify
{
    text-align: justify
}