/*         _____________
__________/ Allgemeines \__________________________________________________________________
--------------------------------------------------------------------------------------- */
html {
	height			: 100%; 
	margin-bottom	: 0px; 
}

body {
  background		: #000000;
  height			: 100%;
  min-height		: 100%;
  max-height		: 100%;
  font-family		: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
  font-size			: 13px;
  text-align		: center;

}

img {
	border: none;
}

p{
  font-size			: 1em;
}

a { 
  	font-size		: 1em;
	color			: #6699CC; 
	text-decoration	: none; 
} 

a:visited { 
	color			: blue; 
} 

a:hover {
	text-decoration	: underline;
}


h1 { 
  color				: #6699CC;
  font-size			: 2.7em;
  font-weight		: normal;
  line-height		: 0.8em;
  padding			: 0.6em 0 0.2em 2%;
  margin			: 0;
  border-bottom		: none;
  font-family		: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

h2, h3, h4 {
	color			: #6699CC;
	font-weight		: normal; 
	font-family		: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6 {
  font-weight		: bold;
}

a > h2, h3, h4, h5, h6 {
  color			: #6699CC;
  	font-family		: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

.ditto_summaryPost > h3 {
	  color				: #000000 !important;
	  font-weight		: bold; 
	  font-family		: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

/*         ______
__________/ page \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#page {
	overflow			: hidden;
	position			: relative;
	width				: 996px;
	text-align			: left;
	margin				: 0 auto;
}

fieldset {
	border: none !important;
}

#bloggen {
	position: relative;
	margin: 0 0 0 33px;
	padding: 0 0 0 0;
	top: 15px;
	width: 540px;
	height: 62px;
	float: none;
}

#vergesslich {
	position: relative;
	margin: 60px 0 0 450px;
	padding: 0 0;
	width: 540px;
	height: 62px;
	float: none;
}

#banner {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0;
	width: 996px;
	height: 220px;
	background: url("../images/phrases.jpg") 0 0 no-repeat;
}
/*         ________
__________/ header \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#header {
	position			: relative;
	background			: #000000;
	height				: 153px;
	width				: 996px;
	text-align			: left;
	padding				: 0 0 0 0;
}

#header #logo {
	position			: relative;
	margin				: 0 auto;
	padding				: 0 0 0 0;
	width				: 996px;
	height				: 153px;
	background			: url("../images/header.png") 0 0 no-repeat;
}

#home {
	position			: relative;
	margin				: 0 auto;
	padding				: 0 0 0 0;
	width				: 200px;
	height				: 153px;
}

/*         ____________
__________/ navigation \__________________________________________________________________
--------------------------------------------------------------------------------------- */

#navi {
	position			: relative;
	background			: #000000;
	width				: 1023px;
	text-align			: left;
	color				: #ffffff;
	margin				: 0 0 0 0;
	padding				: 0 0 0 80px;
}

#navi > ul {
	margin: 0;
	padding: 0;
}

#navi li {
	font-size			: 1.2em;
	display				: inline; 
	list-style-type		: none; 
	border				: none;
	padding				: 0 69px 0 0;
/*	padding				: 0 127px 0 0;*/
	font-weight			: bold;
	
}

#navi li a {
  color					: #ffffff; 
  text-decoration		: none;
}

#navi li a:hover {
  color					: #ffffff; 
  text-decoration		: none;
}


/*         _________________
__________/ MENÜ PUNKT NEWS \__________________________________________________________________
--------------------------------------------------------------------------------------- */
a.navi_news {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/news.png");
	height:40px;
	width:109px;
	
}

a.navi_news:hover {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/news.png");
	background-position: 109px 0; 
	height:40px;
	width:109px;
}

li.active > a.navi_news {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/news.png");
	background-position: 109px 0; 
	height:40px;
	width:109px;
}

span.news {
	position: absolute;
	left: -100000px;
	overflow: hidden;
	display: inline;
}

li {
	width: 109px;
}


/*         ________________________
__________/ MENÜ PUNKT Lifelogging \__________________________________________________________________
--------------------------------------------------------------------------------------- */
a.navi_ergebnisse {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/ergebnisse.png");
	height:40px;
	width:109px;
	
}

a.navi_ergebnisse:hover {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/ergebnisse.png");
	background-position: 110px 0; 
	height:40px;
	width:109px;
}

li.active > a.navi_ergebnisse {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/ergebnisse.png");
	background-position: 110px 0; 
	height:40px;
	width:109px;
}

span.ergebnisse {
	position: absolute;
	left: -100000px;
	overflow: hidden;
	display: inline;
}

li {
	width: 110px;
}

/*         ____________________
__________/ MENÜ PUNKT PROJEKT \__________________________________________________________________
--------------------------------------------------------------------------------------- */
a.navi_projekt {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/projekt.png");
	height:40px;
	width:109px;
	
}

a.navi_projekt:hover {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/projekt.png");
	background-position: 109px 0;
	height:40px;
	width:109px;
}

li.active > a.navi_projekt {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/projekt.png");
	background-position: 109px 0;
	height:40px;
	width:109px;
}

span.projekt {
	position: absolute;
	left: -100000px;
	overflow: hidden;
	display: inline;
}


/*         ____________________
__________/ MENÜ PUNKT team \__________________________________________________________________
--------------------------------------------------------------------------------------- */
a.navi_team {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/team.png");
	height:40px;
	width:109px;
	
}

a.navi_team:hover {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/team.png");
	background-position: 109px 0;
	height:40px;
	width:109px;
}

li.active > a.navi_team {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/team.png");
	background-position: 109px 0;
	height:40px;
	width:109px;
}

span.team {
	position: absolute;
	left: -100000px;
	overflow: hidden;
	display: inline;
}

/*         ____________________
__________/ MENÜ PUNKT kontakt \__________________________________________________________________
--------------------------------------------------------------------------------------- */
a.navi_kontakt {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/kontakt.png");
	height:40px;
	width:88px;
	
}

a.navi_kontakt:hover {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/kontakt.png");
	background-position: 109px 0;
	height:40px;
	width:88px;
}

li.active > a.navi_kontakt {
	display: inline-block;
	margin: auto;
	background-image : url("../images/navi/kontakt.png");
	background-position: 109px 0;
	height:40px;
	width:88px;
}

span.kontakt {
	position: absolute;
	left: -100000px;
	overflow: hidden;
	display: inline;
}



/*         ________
__________/ footer \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#footer {
	overflow			: hidden;
	position			: relative;
	padding				: 0 0 15px 0;
	text-align			: center;
	font-size			: 0.9em;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
	padding: 0 10px 0 10px;
}

#footer > img {
	padding: 10px 0 0 0;
}
/*         ______
__________/ Blog \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#kommentar > h2 {
	font-size: 14px;
	
}

#kommentar > p {
	font-size: 10px;
	
}

#kommentar > li {
	font-size: 10px;
	
}

p.news-top > a {
	color: #6699CC !important;
}

a.reflect_month_link {
	color: #000000 !important;
}

.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #6699CC;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}


.ditto_tags {
	padding: 0 0 10px 5px;
	font-size: 10px;
}
 
.ditto_summaryPost h3 {
border-bottom: 1px solid #CCCCCC;
margin: 0px !important;
padding: 5px !important;
color: #000000;
}


.ditto_summaryPost h2 > a {
font-size: 0.7em;
margin: 0px !important;
padding: 0 5px 5px 0 !important;
color: #6699CC;
}

.ditto_summaryPost a {
color: #6699CC !important;
}
 
.ditto_summaryPost .ditto_info {
background-color: #F8F8F8;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
 
.ditto_link {
font-size: 76%;
text-align: right;
}
 
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
}
#ditto_pages #ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .nl_month {
    font-weight: bold;
}





/*         _________________
__________/ Kontaktformular \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#EmailForm {
	margin: 0 auto;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
/*eingabefelder*/
#EmailForm input {
	display: block;
	margin-top: 3px;
	width: 250px;
}
/*select box*/
#EmailForm select {
	float: left;
	display: block;
	margin: 0 0 15px 0;
}
/*textbox*/
#EmailForm textarea {
	float: left;
	display: block;
	width: 250px;
	height: 100px;
	margin: 0 0 0 0;
}

//HOME

#content_inner_main {
	position		: relative;
	overflow		: hidden;
	width			: 757px;
	margin			: 0 0 0 0;
	padding			: 0 10px 0 10px;
	
}

#content_wrapper {
	overflow		: hidden;
	position		: relative;
	width			: 996px;
	text-align		: left;
	padding			: 0 0 0 0;
}

img.main_content {
	position		: relative;

	margin			: 0;
	height			: auto;
	width			: auto;
}

#content {
	position		: relative;
	overflow		: hidden;
	width			: 890px;
	margin			: 0 0 0 0;
	padding			: 0 0 0 55px;
	
}