@charset "UTF-8";
*, html {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

body {
	height:100%;
	line-height:15px;
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p,a{
	line-height:15px;
}

#menu p,a{
	line-height:1;
}

#container {
	
	width:880px;
	margin:auto;
	overflow:hidden;
position:relative;
top:0;
height:870px;
	margin-bottom: 20px;
}

#leftside{
	
	float:left;
overflow:hidden;
position:relative;
top:0;
width:130px;
}

#rightside{
	
	float:left;
overflow:hidden;
padding-top:107px;
padding-left:30px;
top:0;
width:700px;
position:relative;
	
	
}

#rightside_projekt{
	
	float:left;
overflow:hidden;
padding-top:110px;
padding-left:30px;
top:0;
width:700px;
position:relative;
	
	
}

#grey_border{
	height:20px;
	background-color:#cdcdcd;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:20;	
}

#logo {
		
	width:96px;
	height:131px;
	background-image:url(../images/logo.png) ;
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
	left:20px;
	margin-bottom:20px;
	
	z-index:21;
}

#menu {
	position:relative;
	width:150px;
	left:-25px;
	z-index:22;	
	padding-top:27px;
}





#menu a{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	display:block;
	padding-left:35px;
	text-decoration:none;
	height:17px;
	padding-top:3px;	
	font-weight:bold;
}

#menu a:hover{
	text-decoration:underline;
		
		
}

#menu a.active{
	
	font-weight:bold;
	color:#fd0566;	
}

#wrapper {
overflow:hidden;
padding-bottom:80px;
position:relative;
width:880px;	
}

#unterstuetzer_headline{
	float:left;
	text-align:center;
	color:#797979;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.71em;
font-weight:bold;
position:relative;
top:10px;
width:880px;
}

#wrapper_startseite {
	position:relative;
	
	
	width:880px;
	padding-bottom:80px;	
}

#wrapper_startseite ul {

}

#wrapper_startseite li {
float:left;
padding-right:20px;

padding-bottom:35px;

border-bottom:1px dashed #CDCDCD;
height:40px;	
}

#wrapper_startseite li#nav-kontakt {

padding-right:0;
	
}

#wrapper_startseite li a{
	display:block;
	float:left;
	height:40px;
	text-decoration:none;
	text-indent:-900em;
}

#nav-projekte a{
	background:transparent url(../images/home_projekte.png) no-repeat scroll left bottom;
	width:200px;
	
}
#nav-projekte a:hover{
	background:transparent url(../images/home_projekte_h.png) no-repeat scroll left bottom;
}

#nav-ueber a{
	background:transparent url(../images/home_ueber.png) no-repeat scroll left bottom;
	width:200px;
	
}
#nav-ueber a:hover{
	background:transparent url(../images/home_ueber_h.png) no-repeat scroll left bottom;
}

#nav-unterstuetzen a{
	background:transparent url(../images/home_unter.png) no-repeat scroll left bottom;
	width:200px;
	
}
#nav-unterstuetzen a:hover{
	background:transparent url(../images/home_unter_h.png) no-repeat scroll left bottom;
}



#nav-kontakt a{
	background:transparent url(../images/home_kontakt.png) no-repeat scroll left bottom;
	width:200px;
	
}
#nav-kontakt a:hover{
	background:transparent url(../images/home_kontakt_h.png) no-repeat scroll left bottom;
}


#wrapper_startseite li.startseite_last {

padding-right:0;
}

.startseite_lustiges{
	position:absolute;
	top:43px;
	left:280px;
	
	
}

.visual_startseite {
	padding-bottom:38px;
}

h1.topic {
	color:#fe0465;
	font-family:"Trebuchet MS";
	font-size:1.6em;
	padding-bottom:10px;	
}

h2.subtopic {
	color:#151515;
	font-family:"Trebuchet MS";
	font-size:1.0em;
	padding-bottom:10px;
	padding-left:10px;	
}

h3.subtopic2 {
	color:#151515;
	font-family:"Trebuchet MS";
	font-size:0.7em;
	font-weight:bold;
	padding-bottom:10px;	
	float:left;	
}

p.fliesstext {
	font-size:0.6em;
	
}

#block1{
	float:left;	
	width:48%;
}
#block2{
	float:right;
	width:48%;
}

#beschreibung{	
	float:right;
}



#projekte{
	border-bottom:1px dashed #CDCDCD;
	border-top:1px dashed #CDCDCD;
	float:right;
	margin-top:30px;
	padding-bottom:30px;
	padding-top:30px;
}

a.link{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	display:block;	
	text-decoration:none;
	right:0;
	position:absolute;
	padding-top:2px;
}

a.link:hover{
	text-decoration:underline;
}

#projekte .img_header{	
	padding-bottom:10px;
	padding-left:10px;
}

.img_header{	
	padding-bottom:45px;	
}
.img_header_kontakt{	
	padding-bottom:41px;	
}
.img_header_projekt{	
	padding-bottom:40px;	
}

#social {
	float:left;
}

#social img{
	float:left;
	padding-right:15px;	
}

#social p.fliesstext{
	float:left;
	width:460px;	
}

#green {
	padding-top:30px;
	float:left;
}

#green img{
	float:left;
	padding-right:15px;
}

#green p.fliesstext{
	float:left;
	width:460px;	
}

#unterstuetzer_topic{
	float:left;
	padding-top:30px;
	height:200px;	
}

#unterstuetzer img.img_header{
	padding-left:10px;
	padding-bottom:10px;
}

#logos {
	position:relative;
	
	
}

#logos img.logos{
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
	
}
/*
Footer
*/

#footer {
background-color:#FEFEFE;
background-image:url(../images/footer_bg.png);
background-repeat:repeat-x;
bottom:0;
left:0;
overflow:hidden;
position:relative;
width:100%;

}

#footer_inner {
	margin:auto;
position:relative;
width:880px;
overflow:hidden;
	
		
}

#footer a{
	color:#727272;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	padding-left:35px;
	text-decoration:none;	
	padding-top:4px;	
	padding-bottom:4px;	
	line-height:3;
	height:20px;
}

#footer_twitter a{
	background:transparent url(../images/twitter_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_twitter a:hover{
	background:transparent url(../images/twitter.png) no-repeat scroll left center;
}

#footer_xing a{
	background:transparent url(../images/xing_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_xing a:hover{
	background:transparent url(../images/xing.png) no-repeat scroll left center;
}

#footer_posterous a{
	background:transparent url(../images/posterous_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_posterous a:hover{
	background:transparent url(../images/posterous.png) no-repeat scroll left center;
}

#footer_flickr a{
	background:transparent url(../images/flickr_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_flickr a:hover{
	background:transparent url(../images/flickr.png) no-repeat scroll left center;
}

#footer_delicious a{
	background:transparent url(../images/delicious_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_delicious a:hover{
	background:transparent url(../images/delicious.png) no-repeat scroll left center;
}

#footer_facebook a{
	background:transparent url(../images/facebook_g.png) no-repeat scroll left center;
	width:153px;	
}
#footer_facebook a:hover{
	background:transparent url(../images/facebook.png) no-repeat scroll left center;
}

#footer a:hover{
	text-decoration:underline;
}

#navigation  {
	float:left;
	margin-top:40px;
	
	
}


#ichbei  {
	float:left;
	margin-top:40px;
	margin-left:60px;	
}

#ichbei img{	
	
}

#kontakt {
	float:left;
	margin-top:40px;
	margin-left:60px;	
}

#kontakt img{	
	margin-left:37px;
}

#kontakt span{
	padding-left:10px;
}

#kontakt p{
	color:#727272;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	padding-left:35px;
	text-decoration:none;
	padding-top:3px;
}

#footer_top {
	float:right;
	right:0;
	margin-right:20px;
}

#footer_inner ul{
	padding-top:10px;
}

#ichmache{
	position:absolute;
	top:5px;
	left:720px;
	z-index:20;
}

.copyright{
	color:#727272;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;	
	float:left;
	
	
}

#copyright {
background-color:#FEFEFE;
overflow:hidden;
padding-bottom:15px;
padding-top:30px;
position:relative;


}

#copyright_inner{	
	background-color:#fefefe;
	width:880px;
	position:relative;
	margin:auto;
}

#bookmark{
	float:right;
	position:relative;
	margin-right:20px;
		
}

a.backtotop{
	margin-right:20px;
}

/*
Projekte
*/



#wrapper_projekte {


padding-bottom:80px;
position:relative;
width:880px;	
}

#arbeit1, #arbeit2, #arbeit3, #arbeit4, #arbeit5, #arbeit6, #arbeit7 ,#arbeit8 ,#arbeit9 {	
	margin-top:20px;
}

#wrapper_projekte h3 {
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	background: transparent url(../images/arrow_right.png)  center left no-repeat;
	padding-left:15px;
	margin-bottom:15px;		
}

#wrapper_projekte #list1a a{
	text-decoration:none;
}

#wrapper_projekte #list1a a:hover {
	text-decoration: underline;
}

#list1a a.selected h3{
	background: transparent url(../images/arrow_down.png)  center left no-repeat;
	padding-left:15px;
	margin-bottom:15px;
}

#weitere_projekte {
	margin-top:25px;
	width:540px;
	float:left;	
}

.mehr_bilder{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	display:block;
	
	text-decoration:none;
	float:right;
	position:relative;
	top:-25px;	
}

.projekt_links{
overflow:hidden;
	padding-bottom:20px;
	width:540px;
}

.faq_links{
	padding-bottom:20px;
	width:540px;
}

.platzhalter{
	width:540px;
	height:150px;
	position:relative;

}
.projekt_rechts{
	float:left;
	padding-left:20px;
	padding-top:72px;
}

#block2_projekt h3{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
	padding-left:0;
	background:none;	
}

#block2_projekt p{
	font-size:0.6em;
	
	padding-bottom:5px;
}

#block2_projekt span{
	font-weight:bold;
}
#block2_projekt a{
	color:#00abe1;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:0.6em;
	text-decoration:none;
}

#block2_projekt a:hover{
	text-decoration:underline;
}

#block1_projekt{
	float:left;	
	width:340px;
}
#block2_projekt{
	float:right;
	width:180px;
	padding-left:20px;
}

/*
ber Mich!!
*/

.ueber_links{
	float:left;
	width:370px;
}
.ueber_rechts{
	float:left;
	width:380px;
	padding-left:25px;
	padding-top:55px;
}
.ueber_links a{
	color:#00abe1;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right:5px;
	text-decoration:none;
}

.ueber_links a:hover{
	text-decoration:underline;
}

#ueber_bild1 {
	float:left;
}
#ueber_bild2 {
	float:left;
}

 span.bold{	
	font-weight:bold;
}

/*
Untersttzung
*/

#wrapper_unterstuetzung{
overflow:hidden;
padding-bottom:80px;
position:relative;
width:880px;
}

.unterstuetzung{
	float:left;
	width:720px;
}

.unterstuetzung a{
	color:#00abe1;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right:5px;
	text-decoration:none;
}

.unterstuetzung a:hover{
	
	text-decoration:underline;
}
#wrapper_unterstuetzung h3{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	padding-bottom:8px;
}

#unterstuetzung_bild {
	padding-bottom:20px;
}

#beschreibung{
	float:left;
}

#unterstuetzung_links{
	float:left;	
	width:340px;
	padding-right:30px;
}

#unterstuetzung_rechts{
	float:left;
	width:320px;
	position:relative;
}

#unterstuetzung_rechts img{
	position:absolute;
	top:-35px;
}


#unterstuetzung_rechts p{
	padding:15px;
	color:white;
}
#unterstuetzung_rechts span{	
	font-weight:bold;
}

#beschreibung_unterstuetzen{
	float:left;
	
	padding-bottom:30px;
}

#unterstuetzer {
	width:48%;
	float:left;
	padding-top:40px;
}

#unterstuetzer h3{
	padding-bottom:25px;
}

#unterstuetzer img{
	padding-bottom:15px;
}


/*
Kontakt
*/

#wrapper_kontakt{
overflow:hidden;
padding-bottom:80px;
position:relative;
width:880px;
	
}

#wrapper_kontakt h3{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	padding-bottom:8px;
}


.kontakt{
	float:left;
	width:380px;
	
	padding-bottom:30px;
}

#kontaktdaten {
	padding-top:20px;
	float:left;
}

#wrapper_kontakt a{
	color:#00abe1;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right:5px;
	text-decoration:none;
}

#wrapper_kontakt a:hover{
	text-decoration:none;
}

#contact-area {
	position: relative;
	width: 100%;
	margin-top: 70px;
	overflow: hidden;
	float:left;
	color:#555555;
}



/*
Impressum
*/

#beschreibung_impressum{
	border-bottom:1px dashed #cdcdcd;
	padding-bottom:10px;
}

#beschreibung_faq{
	
	padding-bottom:10px;
}

#wrapper_impressum{
	overflow:hidden;
	position:relative;
	left:240px;
	top:100px;
	width:800px;
	padding-bottom:80px;
}

#wrapper_impressum a{
	color:#00abe1;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right:5px;
	text-decoration:none;
}

#wrapper_impressum a:hover{
	text-decoration:underline;
}

#wrapper_impressum h3{
	color:#151515;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	padding-bottom:8px;
}

.impressum{
	float:left;
	width:380px;
	padding-bottom:30px;
}

.ueber_icons{
	margin-right:5px;
}

.faq_top{
	margin-top:8px;
	float:right;
	margin-right:20px;
	color:#fe0465;
text-decoration:none;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.6em;
font-weight:bold;
}

.faq_top span{
	
	color:#000000;

font-weight:normal;
}

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

#kontaktformular {
	position: relative;
	top: 0px;
	left: 0px;
	width: 380px;
}

#kontaktformular .line {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 7px;
}

#kontaktformular input {
	border: 0px;
	padding: 2px;
	background: transparent url(../images/input_text_bg.png) top left no-repeat;
	width: 100%;
	font-size: 10px;
	font-family: Verdana;
	color: #555555;
	height: 17px;
}

#kontaktformular input.submit {
	width: 72px;
	height: 22px;
	background: none;
	padding: 0px;
}

#kontaktformular textarea {
	border: 0px;
	padding: 2px;
	background: transparent url(../images/textarea_bg.png) top left no-repeat;
	width: 100%;
	font-size: 10px;
	font-family: Verdana;
	color: #555555;
	height: 115px;
}

#contact-area span {
	font-size: 10px;
	font-family: Verdana;
	color: #ffffff;
	float: right;
	margin-bottom: 4px;
}

#kontaktformular label.error {
	font-size: 10px;
	font-family: Verdana;
	color: #ffffff;
	float: right;
	margin-bottom: 4px;
}

#wrapper_projekte .projekt_links .more {
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	border-bottom: 1px dashed #CDCDCD;
}

#wrapper_projekte .projekt_links .more a {
	font-size: 10px;
	color: #151515;
	text-decoration: none;
}

#wrapper_projekte .projekt_links .more a:hover {
	text-decoration: underline;
}

#wrapper_projekte .projekt_links .more a span {
	float: right;
	margin-top: 6px;
}

#container.projekte_hoehe{
height:1020px;
}

#container.impressum_hoehe{
height:1870px;
}


#container.home_hoehe{
height:925px;
}

#container.unterstuetzen_hoehe{
height:1100px;
}