@charset "utf-8";
/* main */

/*shadow */
#frame
{	
	box-shadow: 		0px 10px 10px rgba(0, 0, 0, 0.2),
						10px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 	0px 10px 10px rgba(0, 0, 0, 0.2),
						10px 10px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2),
						10px 10px 10px rgba(0, 0, 0, 0.2);
}

 
#navArea,
#footer
{	
	box-shadow: 		0px 10px 10px rgba(0, 0, 0, 0.2),
						0px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 	0px 10px 10px rgba(0, 0, 0, 0.2),
						0px 10px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2),
						0px 10px 10px rgba(0, 0, 0, 0.2);
}

#navArea, #footer {
	width: 101%;
	margin-left: -0.5%;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px;
}

/*position*/
#frame,
#content,
#contentLeft, 
#contentRight,
#footer
{
    position: relative;	
}

/*absolute */ 
#navigation ul ul
{
	position: absolute;	
			
}

/*z-index */
#frame,
#content,
#contentLeft, 
#contentRight, 
#footer
{
	z-index: 1;	
}

#navigation ul ul{
	z-index: 100;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;

}

#frame {
	width: 98%; /*breite der seite */
	margin: 0px auto;
}

#header {
	width: 100%;

}
#header img {	
	margin: 10px 20px;

}

.logo {
	float:left; 	
 }
 
#navArea {
	margin-top: 0px;
	/*height: 36px; /*impotant for overlay */
	}


#content {
	width: 100%;
	padding: 1%  0.3% 4%;
	height: 980px;
	margin-bottom: 2%;
}

#contentLeft,
#contentRight,
#contentRight .left
{
	height: 100%;
	
}
#contentRight .right {
	height: 92%;
	overflow: auto;	
}

#contentLeft {
	float: left;
	width: 15%;
	overflow: auto;
	
}

#contentRight {	
	float: right;
	width: 85%;	
}

.headline {	
	height:60px;
	
}

#contentRight .left {
	
	float: left;
	padding: 0 1%;
}

#contentRight  .right{
	float: right;
	width:200px;
	margin-right: 15px;
}
.text {
	
}

.rightImg {
	width: 160px;
	margin-bottom: 5px;
	text-align: center;	
}

.centerImg, .text {
	width: 100%;	
}



.centerImg img{

	max-width: 630px;
	max-height:630px;


	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	
}

#footer {
	height: 136px;
}

#footer img {
	width:136px;	
}


#footerLeft, #footerCenter {
	float: left;
	margin: auto 10px;	
}

#footerCenter {
	margin-left:10px;
}

#footerRight {
	float:right;
	margin-right:10px;
}

 
#footerRight img{
	float:left;	
 }
 
 .service {
	 margin-top: -20px;
	 margin-right:10px;
	 overflow: visible;
 }


.clear
{
clear:both;
}