*{
	margin: 0px;
	padding: 0px;
}
body, html{
	width: 100%;
	height: 100%;
	background-color: #000;
	letter-spacing: 1px;
}
body{
	font-family: "robotoregular", sans-serif;
	color: #000;
	font-size: 12px;	

}

.invisible{
	display: none !important;
}
a{
	outline: none;
	border: 0px;
	text-decoration: none;
	color: #7e97b3;
}
.ce_text a:hover{
	text-decoration: none;
	color: #7e97b3;
}
h2{
	font-weight: bold;
	margin-bottom: 19px;
	font-size: 13px;
}
h3{
	font-weight: bold;
}
.ce_text h1{
	margin-bottom: 6px;
}
strong{
	font-weight: bold;
}
#ajax-loading, #ajax-loading-projects{
width: 992px;
display: none;
}
#ajax-loading img{
margin: 0px auto; 
display: block;
margin-top: 300px;
}
#ajax-loading-projects img{
margin: 0px auto; 
display: block;
margin-top: 50px;
margin-bottom: 400px;
}
/* Menue */
#menu{ 
	position:absolute; 
	top:0px; 
	left:208px;
	z-index:1; 
	width: 686px;
	height: 184px;
}
body.home #menu{
	top: 420px;
}
#menu a{ 
	display: inline-block;
	font-family: "latoregular", sans-serif;
	letter-spacing: 2px;
	background: url('../images/bg-main-nav.png') no-repeat 100% 0;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 58px 0 0;
	height: 60px;
}
#menu a:hover,
#menu a.active{
	background-position: 100% -70px;
	text-decoration: none !important;
}
#menu a#loan{
/*	background-position: -179px 0px;
*/	position: absolute;
	left: -3px;
	top: 4px;
}
#menu a#loan:hover, #menu a#loan.active{
/*	background-position: 0px 0px;
*/}
#menu a#lisa{
/*	background-position: -179px -71px;
*/	position: absolute;
	top: 100px;
	left: -37px;
}
#menu a#lisa:hover, #menu a#lisa.active{
/*	background-position: 0px -71px;
*/}
#menu a#leistungen{
/*	background-position: -179px -142px;
*/	position: absolute; 
    background-position: 0 0;
    left: 307px;
    top: 111px;
    padding-left: 58px;
    padding-right: 0;
}
#menu a#leistungen:hover, #menu a#leistungen.active{
	background-position: 0 -70px;
}
#menu a#projekte{
/*	background-position: -179px -213px;
*/	position: absolute;
	left: 339px;
    top: 32px;
}
#menu a#projekte:hover, #menu a#projekte.active{
/*	background-position: 0px -213px;
*/}
#menu a#kontakt{
	background-position: 0 0;
	position: absolute;
	left: 564px;
    top: 53px;
    padding-left: 58px;
    padding-right: 0;
}
#menu a#kontakt:hover, #menu a#kontakt.active{
	background-position: 0px -70px;
}

/*** Content ***/
#container{
	width: 100%;
	height: 100%;
}
#wrapper{ 
	width:100%; 
	position:absolute; 
	top:0; 
	left:0; 
	overflow:hidden; 
	background-repeat: no-repeat;
}
 
#mask{ 
	width:300%; 
	height:300%; 
}
 
#wrapper-content{ 
	/*width:25%;*/
	width: 100%; 
	height:100%; 
	float:left; 
}
 
body.home .content{ 
	width:992px; 
	height:672px; 
/* height: 700px; */
	position:relative; 

}

.inner{ 
	width:962px; 
	height:100%; 
	position:relative; 
	padding-top: 15px;
	left: 20px;
}
.inner img{
	max-width: 100%;
	height: auto;
}
body.home .inner{ 
	padding-top: 0px;
	left: 0px;
}
body.home #logo{
	display: none;
}

.inner-content{
	left: 223px;
	position: absolute;
}
#text-home{
	float: left;
	width: 200px;
	padding-top: 90px;
}
#text-home p{
	line-height: 24px;
}
#logo-home{
	float: left;
	width: 351px;
	padding-right: 85px;
	margin-top: 166px;
}
#logo{
	margin-bottom: 134px;
	display: block;
}
/* Baum - Hintergrund*/
#tree{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#tree-image{
	width:4000px; 
	height:3500px; 
	background-repeat: no-repeat;
}
#wrapper,
#tree-image{
	background-image: url(../images/baum.jpg);
}
body.home #tree-image, body.home #wrapper{
	background-position: -992px 0px;
}
body.impressum #tree-image, body.impressum #wrapper{
	background-position: 0px 0px;
}
body.kontakt #tree-image, body.kontakt #wrapper{
	background-position: -1984px 0px;
}
body.loan #tree-image,body.loan #wrapper{
	background-position: 0px -700px;
}
body.leistungen #tree-image, body.leistungen #wrapper{
	background-position: -992px -700px;
}
body.lisa #tree-image, body.lisa #wrapper{
	background-position: -1984px -700px;
}
body.projekte #tree-image, body.projekte #wrapper{
	background-position: -992px -1400px;
}

body.lisa h1,
body.loan h1{
	font-family: "robotobold";
	font-size: 22px;
	text-transform: uppercase;
	margin: 0;
}
body.lisa h2,
body.loan h2{
	font-family: "robotothin";
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 25px;
}
body.lisa #content,
body.loan #content,
body.kontakt #content{
	margin-top: -25px;
	padding: 70px 35px 20px;

}
body.lisa #content .subcolumns .first img,
body.loan #content .subcolumns .first img{
	margin-left: 5px;
	margin-top: -5px;
}
body.loan #content .subcolumns .first img{
	margin-top: -10px;
}

/* Meta */
#meta{
	position: absolute;
	top: 21px;
	z-index: 90;
	width: 992px;
	overflow:hidden;
}
#meta ul{
	list-style-type: none;
	overflow: hidden;
	float: right;
	padding-right: 19px;
}
#meta ul li{
	float: left;
	padding-left: 12px;
}
#meta ul li a{
	display: block;
	text-transform: uppercase;
	color: #7d96b5;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#meta ul li a:hover, #meta ul li a.active{
	text-decoration: underline;
}

/* Projekte */
.mod_tagcloud, mod_newslist, mod_newsreader{
	margin-left: 3px;
}
.mod_tagcloud{
	overflow: hidden;
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #fff;
}
.mod_tagcloud h3{
	float: left;
	font-weight: normal;
	margin: 0 5px 0 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
}
.cloud{
	float: left;
	line-height: 100%;
}
.cloud a{
	margin-left: 2px;
	padding: 0px 1px 0px 1px;
	text-transform: uppercase;
	color: #fff;
}
.cloud a:hover, .cloud a.active{
	text-decoration: none;
	color: #7d96b5;
}
.mod_newslist{
	overflow: hidden;
	width: 100%;
	padding: 10px 0px 10px 0px;
}
.mod_newslist .layout_simple{
	float: left;
	background-image: url('../images/bullet.gif');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 9px;
	margin-right: 5px;
}
.mod_newslist .layout_simple.last{
	background-image: none;
	padding-right: 0px;
	margin-right: 0px;
}
.mod_newslist .layout_simple a{
	white-space: nowrap;
	color: #fff;
}
.mod_newslist .layout_simple a:hover, .mod_newslist .layout_simple a.active{
	text-decoration: none;
	color: #7e97b3;
}
.mod_newsreader{
	padding: 21px 0 30px;
	color: #fff;
	border-top: 1px solid #fff;
	font-family: 'robotolight';
}
.mod_newsreader h1{
	font-size: 20px;
	text-decoration: underline;
	display: inline;
}
.mod_newsreader .ce_text{
	padding: 9px 0px 0px 0px;
}
.mod_newsreader .ce_text p{
	margin: 0px 0px 9px 0px;
	font-size: 18px;
	color: #fff;
}
.mod_newsreader .ce_text a:hover{
	text-decoration: underline;
}
#details{
	min-height: 888px;
	position: relative;
}
#details .ce_text .datum{
	display: none;
}
.email{
	
}
.datum{
	font-size: 18px;
	right: 0px;
	position: absolute;
	margin-top: -5px;
}
.mod_newsreader .ce_text ul{
	overflow: hidden;
	width: 100%;
}
.mod_newsreader .ce_text ul li{
	float: left;
}
.mod_newsreader .ce_text img{
	clear: both;
	display: block;
	margin-top: 20px;
}
.mod_newsreader .ce_text p img{
	/*margin-left: -21px;*/
}
.mod_newsreader .ce_text table{
	border-collapse:collapse;
	margin-top: -150px;
	position: absolute;
}
.mod_newsreader .ce_text table td{
	padding-right: 68px;
	font-family: "robotoregular", sans-serif;
}
.mod_newsreader .ce_text table h3{
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	line-height: 20px;
}
.mod_newsreader .ce_text table img{
	margin-right: 20px;
}
.mod_newsreader .ce_text table a:hover{
	background-color: #FFFFFF;
}
/* Fluegel Layer */
#wings{
	position: absolute;
	top: 0;
	left: 0;
}
/* Co-Co Layer */
#co-co{
	float: left;
/*	width: 270px;*/
	width: 143px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}
#Co-Co-Layer{
	display: none;
	width: 988px;
	height: 622px;
	background-image: url('../images/co-co-layer.png');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 98;
	padding: 50px 0px 0px 350px;
	top: 0px;
	left: 0px
}
#Co-Co-Layer h1{
	font-size: 14px;
	margin-top: 0;
}
#Co-Co-Layer p, #Co-Co-Layer h1{
	margin-bottom: 16px;
}
#Co-Co-Layer p{
	line-height: 14px;
}
#Co-Co-Layer #close-layer{
	position: absolute;
	right: 27px;
	top: 14px;
}
#Co-Co-Layer #close-layer:hover{
	background-color: transparent;
}
/* Footer */
#footer{
	padding-bottom: 20px;
	font-size: 10px;
	text-transform: uppercase;
	width: 100%;
	overflow: hidden;
	color: #fff;
}
#footer ul{
	padding-top: 12px;
	float: left;
}
#footer ul li{
	float: left;
	margin-right: 49px;
}
#footer ul li a{
	color: #7d96b5;
}
#footer ul li a:hover,
#footer ul li.active a{
	text-decoration: underline;
	color: #7d96b5;
}

/* Zweispaltig */
.float-container{
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#content{
	background-color: #f4f4f4;
/*	margin-top: -40px;*/
	width: 100%;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	margin-bottom: 10px;
}

.float-container .left{
	text-align: left;
	float: left;
	width: 424px;
	padding-top: 9px;
}
.float-container h1{
	font-family: "robotolight";
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 35px;
}
.float-container h1 .sub-headline{
	font-size: 13px;
}
.float-container .left.first{
	margin-right: 114px;
}
.float-container .ce_text p, .float-container .ce_text ul{
	margin-bottom: 17px;
	line-height: 24px;
	font-size: 13px;
}
.float-container .ce_text ul{
	list-style-type: none;
}
.float-container .ce_text ul li{
	background-image: url('../images/bullet-black.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}

.mod_tagcloud ul li{
	background-image: url('../images/bullet.gif');
	padding-left: 14px;
}
.img-bottom{
	position: absolute;
	bottom: 0px;
	right: 121px;
}
.img-bottom.img-lisa{
	right: 402px;
}