/*/*++++++++++++++++++++++++++ Allgemeines +++++++++++++++++++++++++++++++++++++++++++++*/




/*
Farbpalette

Logofarben:
--------------
darkgreen: #4B7C32
yellow: #FFCB17

Grüntöne
--------------
Helles grün, nur in der navigation genutzt
... und in Listen (more_list_item)
greenlight_menu: #b8ed82

Sehr helles grün, überall genutzt
default_green_light: #D9FFC6

Mattes grün für Menüreiter, Brotkrumennnavigation und Header von Boxen
lindgreen: #A7DC71


Grautöne
--------------
grau: #ddd
hellgrau: #eee


Blau
--------------
hellblau: #ccffff
blau: #ceecee


background-color: #CEECEE;
#2277aa;
#00A0E0;
#95D3E7;
#8EC9E3;



*/


.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }



body{
	font-family: verdana, arial, sans_serif;
	font-size: 11px;
	vertical-align: top;
	background:#fff url("../images/stripes.gif");
	margin: 0px;
	padding: 0px;
	}

a, img{border: none;color: #2277aa; line-height:120%;}
img{float:left;display: inline;padding: 0px;}
p{margin: 5px;padding: 0px;}
ul, li{margin: 0; padding: 0; list-style-type: none;}
input, label, select, textarea{float:left;margin-left: 10px;}
/*tr, td{border-width:0px; margin:0px; padding:0px; }*/
label {width:80px;}

h1{ font-size: 18px; margin:5px 0px 5px 5px; padding:0px;}
h2{ font-size: 16px; margin:5px 0px 5px 5px; padding:0px;}
h3{ font-size: 14px; margin:5px 0px 5px 5px; padding:0px;}

/*++++++++ Allgemeine Elemente: ++++++++++++++*/

.news{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 50%;
	margin-left: -437px;
	padding-top:25px; 
	float:left;
}


/*Umfasst den gesamten Inhalt*/
.navigation_and_content{
	width: 800px;
	display: block;
	margin: 0px;
	padding: 0px;
/*	clear: both;*/
	position: relative;
	left: 50%;
	margin-left: -415px;
	background: #fff;
	overflow: hidden;
}


/*Umfasst den Inhalt*/
.bodycontent{
	width: 800px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: #fff;
	overflow: hidden;
}


/*Einheitsgröße für Formularfelder*/
.Formularfelder{
  width: 150px;
  float: left;	
}

.sidebar .Formularfelder{
  width: 70px;
  float: left;	
}

/*Hinweise, wie z.B. *Pflichtfelder */
.hint{
	color: #2277aa;
	margin-left:10px;
}

/*Hinweise auf maximale Texteingabe */
.hint_counter, #myCounter{
	float:left;
}

/*Zitate beim Antworten auf eine Mail */
.quote{
	color:#666;
}

/*Für uninteressante Defaultwerte*/
.defaults{
	color:#666;
	font-style:italic;
}

/*Für "nach oben"-Links */
.up{
	color: #2277aa;
	margin-right:10px;
	float:right;
}

/*Für Schritte (Anmeldung und Projekterstellung)*/
.smallstep{
	float:left;
	margin-left: -5px;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
}

/*Für alle Fehlermeldungen*/
.errormessage{
	color: #dd4444;
	margin-left: 15px;
}

/*Hilfe-Verweise*/
.askme, .askme a{
	float:left;
	margin: 0 0 0 5px;
	color: #2277aa;
	vertical-align:top;
}

.askme img{
	margin: 0 0 0 5px;
	float:left;
}


/*Counter fürs Wörterzählen bei begrenzten Textfeldern*/
.counter{
	display:inline;
	border:none;
	/*color:#4B7C32;*/
	font-size: 11px;
	background: none;
	margin-left:5px;
}

.simpleformat_p p{
	margin:15px;
}

.maincontent hr{
	color:#eee; 
	background-color:#b8ed82; 
	height:1px;
	margin:0;
}


.pagination{
	text-align: center;		
}

/*++++++++++++++++++++++++++ Allgemeine Container mit runden Ecken ++++++++++++++++++++++++++++++++++*/

/*Formen für die runde Ecken*/
.rtop,.rbottom{display:block; vertical-align:baseline;}
.rtop b,.rbottom b{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}


/*Alles für die Grund-Box*/
/* TODO - [ANNE]: Durch Bilder ersetzen! Introduction neu!*/
.smallbox, .smallgreen, .smallyellow, .smalllindgreen, .smallblue, .bigbox, .biggrey, .bigyellow,
/*neue menuheader*/
.menu_default, .menubox, .menu_highlighted, .menubox,
/*neue menuheader - Projekte*/
.menu_project_default, .menubox, .menu_project_highlighted, .menubox, 
/*neue Boxheader*/
.header_default, .header_highlighted,
.headerbox{	
	text-align: center;
	vertical-align:middle;
	color: #000;
	margin:0;
	padding:0;
}

.smallbox, .smallgreen, .smallyellow, .smalllindgreen, .smallblue, .bigbox, .biggrey, .bigyellow{	
	float: left;
	display: block;
}

/*INTRODUCTION: Alles für die kleine/große Box (Rounded)*/

.smallgreen, .smallyellow, .smalllindgreen, .smallblue, .biggrey, .bigyellow {margin: 10px;}
.smallbox, .bigbox {margin: 0px;}

.smallbox, .smallgreen, .smallyellow, .smalllindgreen, .smallblue {width: 150px; height:100px;}
.biggrey, .bigyellow, .bigbox{width: 500px;height:100px;}


/*Box-Modell Problem IE stört nicht in Höhe, daher padding in Höhe ok*/
.spaceinbox{
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	background:none;
	line-height:150%;
}

.smallbox .spaceinbox, .bigbox .spaceinbox{
	line-height:100%;
}

.smallbox a, .bigbox a{
	font-size: 18px;
}

.smallbox h3, .bigbox h3{
	font-size: 18px;
	color: #2277aa;	
	font-weight:lighter;
	margin: 5px 0px 5px 0px;
}

/*Schritte-Nr 1,2,3 bei Abläufen in den Boxen*/
.one .smallbox {background: url(../images/step_one.gif) top left no-repeat;}
.two .smallbox{background: url(../images/step_two.gif) top left no-repeat;}
.three .smallbox{background: url(../images/step_three.gif) top left no-repeat;}






/*--------------Alles für Überschriften (TopRounded)*/

/*neue Header*/
.header_default, .header_highlighted{margin: 0px;}

.headerbox{
	text-align: center;	
	background: #eee;
	font-size: 20px;
	margin: 0px;
	height:30px;
}

.maincontent .headerbox {width: 400px;}
.sidebar .headerbox {width: 280px;}



/*Runde Ecken einfärben*/

.smallgreen .smallbox, .smallgreen .rtop b, .smallgreen .rbottom b {background-color: #4B7C32;}

.smallgreen .smallbox a,.smallgreen .smallbox{
	color: #fff;
}

/*Gelb einfärben*/
.smallyellow .smallbox, .smallyellow .rtop b, .smallyellow .rbottom b,
.bigyellow .bigbox, .bigyellow .rtop b, .bigyellow .rbottom b, 


.header_highlighted .headerbox, .header_highlighted .rtop b, .header_highlighted .rbottom b,
.hide_highlighted, .hideyellow {background-color: #FFCB17;}

/* Lindgrün einfärben*/
.smalllindgreen .smallbox, .smalllindgreen .rtop b, .smalllindgreen .rbottom b,
.menu_activated .menubox, .menu_activated .rtop b, .menu_activated .rbottom b,
.hidelindgreen,
/* NEUE HEADER*/
.header_default .headerbox, .header_default .rtop b, .header_default .rbottom b,
.menu_project_default .menubox, .menu_project_default .rtop b, .menu_project_default .rbottom b,
.hide_default {background: #A7DC71;} 

/*hellgrau*/
.menu_project_activated .menubox, .menu_project_activated .rtop b, .menu_project_activated .rbottom b
{background: #ffffff;} 

.menu_activated .menubox a,  .menu_project_activated .menubox a{color:#000; font-weight:700;}

/*Blau einfärben*/
.smallblue .smallbox, .smallblue .rtop b, .smallblue .rbottom b {background-color: #ccffff;color:#000;}

/*Grau*/
.biggrey .bigbox, .biggrey .rtop b, .biggrey .rbottom b  {background-color:#ddd;}

/*Hellgrau*/
.hidelightgrey {background: #eee;}

/*Menugrün*/
.menu_default .menubox, .menu_default .rtop b, .menu_default .rbottom b,
.hidelightgreen {background-color:#b8ed82;}

.menu_default .menubox a, .menu_project_default .menubox a{color:#4B7C32;}



















/*++++++++++++++++++++++++++ Bereiche ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++ Der Header: ++++++++++++++*/	

.header{
 	height: 110px;
 	width: 800px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	clear: both; 
	background:#fff url(../images/header.gif) bottom left no-repeat; 
    text-align: right;
}

.header a{color: #88dddd;}
.header a img{float: left;}

/*++++++++ Die Menüs: ++++++++++++++*/



/*--------------Alles fürs Menü (TopRounded)*/
.menu_project_default, .menu_project_activated
.menu_default, .menu_activated{
	margin: 0;	
	padding: 0;
	width: 105px;	
}

.menu_project_default, .menu_project_activated{
	width:90px;
}

.menubox{
	margin: 0px;
	padding: 0;	
	width: 105px;
	height: 22px;
}

ul.projectmenu .menubox{
	width: 90px;
}

/*Menü-Rahmen*/
.menuborder{
	width: 800px;
	overflow:auto;
	background-color:#4B7C32;
	margin: 0;
}

.projectmenutitle{
	width: 720px;
	height: 42px;
	margin: 0;
	padding:0;
	overflow: hidden;	
}

.projectmenuborder{
	width: 720px;
	height: 35px;
	/*background-color:#999;*/
	margin: 0;
	padding:0;
	overflow: hidden;
}

ul.menu{margin: 10px 0px 0px 20px;}
ul.projectmenu{margin: 10px 0px 0px 20px;}
ul.usersmenu{margin: 0px 0px 0px 20px; width:730px;}
ul.projects_sub_menu{margin: 0px 0px 0px 20px; width:730px;}

/*Menüpunkte*/
ul.menu li, ul.projectmenu li{
	list-style-type:none;
	margin: 0px 3px 0px 0px;
	padding:0;
	float:left;
	width:105px;
	text-align: center;
	font-size: 16px;
}

ul.projectmenu li{width:90px; font-size: 12px; line-height:14px;}

ul.menu a, ul.projectmenu a{
	width:105px;
	text-decoration:none;
	float:left;
	height: 18px;
}

ul.projectmenu a{
	width:90px;
}

ul.menu a:hover{
	color: #000;
}	 

/*Projektmenu: Hervorheben des aktuellen Menupunktest*/
.show ul.projectmenu li.show a, .showmember ul.projectmenu li.showmember a, .edit ul.projectmenu li.edit a, ul.projectmenu a:hover{
	color: #000;
}	

/*Nutzermenu: Hervorheben des aktuellen Menupunktest*/
.usersmenu .usershow .profile a, .usersmenu .userhome .home a, .usersmenu .useredit .edit a, 
.usersmenu .userfriends .friends a, .usersmenu .usersettings .settings a, 
.usersmenu .useroutbox .messages a, .usersmenu .userinbox .messages a, .usersmenu a:hover{
	color: #000;
}

/*Brotkrumennavigation*/
.Brotkrumennavigation{
	width: 800px;
	display: block;
	padding: 4px 0px 4px 0px; 
 	background-color: #A7DC71;
	color:#444;
}

.Brotkrumennavigation p{margin: 0px 0px 0px 30px;}
	
	
/*++++++++ Der Aufbau der Seite ++++++++++++++*/

/*Hinweise/Fehlermeldungen*/
/*
	:notice for positive feedback (action successful, etc)
	:message for neutral feedback (reminders, etc)
	:warning for negative feedback (action unsuccessful, error encountered, etc)
*/
.flashnotice,.flashmessage,.flashwarning{
	width: 710px;
	margin: 20px 30px 10px 20px;
	background-color: #FFed3a;
	text-align: center;
	display:block;
	padding: 5px;
	font-size: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.flashnotice{border:3px solid #2277aa;color: #2277aa;}
.flashmessage{border:3px solid #2277aa;color: #2277aa;}
.flashwarning{border:3px solid #f00; color: #f00;}







/*Einleitung*/
.introduction, .light_introduction{
	width: 720px;
	height: 130px;
	margin: 0px 30px 0px 20px;
	line-height:150%;
	display:block;
	border:5px solid #ddd;
	background:#fff url(../images/bg_introduction.jpg) bottom left repeat-x; 
	overflow:hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}



.bgprojects{
	width: 720px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background:#eee url("../images/introduction_projectS.jpg") bottom left no-repeat;	
}


.bgusers{
	width: 720px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background:#eee url("../images/introduction_userS.jpg") bottom left no-repeat;	
}

.bgproject{
	width: 720px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background:#eee url("../images/introduction_project.jpg") bottom left no-repeat;	
}


.introduction h1{
	padding-top: 5px;
	font-size: 18px;
	color: #000;
}

.introduction h2{
	width: 720px;
	padding-top: 10px;
	margin: 0px 0px 0px 20px;
	font-size: 16px;
	color: #fff;
	height: 31px;
	/*background-color:#999;*/
	/*border:5px solid #999;*/
}



.introduction_smalltext, .h2_smalltext, .h3_smalltext{
	font-size: 11px;
	color: #000;	
	font-weight:normal;
}


.introduction_smalltext a{
	font-size: 11px;
}

.introduction_profil_userimage{
	height:100%;
	float: left;
	margin:-5px 30px 0px -5px;
}

.introduction_stuff_image{
	width: 150px; 
	height:130px;
	margin: 2px 10px 5px 15px;
	float: right;
	display: block;
}


.stuff_overview img, .stuff_image img{
	float: left;
	display:block;
	margin:5px 10px 5px 0px;
	padding: 0px;
}
.stuff_overview img{width: 80px;height: 80px;}

.maincontent .stuff_overview ul{width:100%;}
.maincontent .stuff_overview ul li{float:left;}
.maincontent .stuff_overview ul li.popup_link{position:relative; float:left;}
.maincontent .stuff_overview ul li.popup_link .popup{display:none;}
.maincontent .stuff_overview ul li.popup_link:hover .popup{
	display:block; 
	clear:both;
	background: #fff;
	border: 1px dotted #aaa;
	padding:5px;
	width:280px;
	overflow:hidden;
	z-index:99;
	left:10px;
	top:50px;
	position: absolute;
}






/*Inhalt bei einzelnen Projekten -> Rahmen*/
.content{
	width: 720px;
/*	border:5px solid #eee;*/
	margin: 0px 0px 0px 20px;
	display:block;
	
	border:5px solid #ddd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/*Haupt-Inhalt*/
.maincontent{
	width: 400px;
	margin: 10px 30px 10px 20px;
	padding:0px;
	float: left;
	display: inline;
}

/*Sidebar*/
.sidebar{
	width: 280px;
	margin: 10px 0px 10px 10px;
	padding:0px;
	display: inline;
	float:left;
}

.content .maincontent{margin: 10px 5px 10px 10px;}
.content .sidebar{margin: 10px 0px 10px 10px;}
	
/*Footer*/
.footer{
	width: 800px;
	margin: 0px;
	clear: both;
	display: block;
	padding: 4px 0px 4px 0px;
	border-top: 5px solid #4B7C32;
	background-color: #eee;
	border-bottom: 5px solid #999;
}

/*++++++++ Alles für Boxen: ++++++++++++++*/

.default_box{
	width: 280px;
	margin: 0;
	margin-bottom: 30px;
	vertical-align: top;		
	background:#D9FFC6 url(../images/bg_default_box.gif) repeat;
}
.default_box .counter{color:#000;}

.highlighted_box{
	width: 280px;
	margin: 0;
	margin-bottom: 30px;
	vertical-align: top;	
	background-color: #4B7C32;/* #FFCB17; #D9FFC6;*/	
	color:#fff;
}
.highlighted_box a, .highlighted_box .counter, .highlighted_box .hint{color:#FFCB17;}
.highlighted_box .buttonyellow a{color: #2277aa;}

.maincontent .default_box, .maincontent .highlighted_box{width: 400px;}
.sidebar .default_box, .sidebar .highlighted_box{width: 280px;}

.default_box p, .highlighted_box p, 
.default_box h1, .highlighted_box h1,
.default_box h2, .highlighted_box h2,
.default_box h3, .highlighted_box h3{
	vertical-align: top;	
	margin: 0px 10px 10px 10px;
}




/*++++++++ Alles für Listen: ++++++++++++++*/

.maincontent ul{
	width: 400px;
	margin: 0px;
	padding: 0px;
}

.sidebar ul{width: 280px;}


.default_list_item{
	width: 280px;
	margin: 0;
	vertical-align: top;	
	background:#D9FFC6;/* url(../images/bg_default_box.gif) repeat;*/	
	color:#000;	
}
.default_list_item a, .default_list_item .counter{color:#2277aa;}

.highlighted_list_item{
	width: 280px;
	margin: 0;
	vertical-align: top;	
	background-color: #4B7C32;/* #FFCB17; #D9FFC6;*/	
	color:#fff;
}
.highlighted_list_item a, .highlighted_list_item .counter, .highlighted_list_item .hint{color:#FFCB17;}
.highlighted_list_item .buttonyellow a{color: #2277aa;}
.highlighted_list_item .Gruender{color: #ccc;}

.more_list_item{
	width: 280px;
	background-color:  #b8ed82;	
	color:#000;		
}
.more_list_item a, .more_list_item .counter{color:#2277aa;}


.maincontent .default_list_item, .maincontent .highlighted_list_item, .maincontent .more_list_item{width: 400px;}
.sidebar .default_list_item, .sidebar .highlighted_list_item, .sidebar .more_list_item{width: 280px;}


.default_list_item h1, .highlighted_list_item h1, .more_list_item h1,
.default_list_item h2, .highlighted_list_item h2, .more_list_item h2,
.default_list_item h3, .highlighted_list_item h3, .more_list_item h3{
	vertical-align: top;	
	margin: 0px 10px 10px 10px;
	line-height: 120%;
}

.default_list_item h2.with_subtitle, .highlighted_list_item h2.with_subtitle, .more_list_item h2.with_subtitle{
	margin: 0px 10px 0px 10px;
}

.more_list_item p{
	vertical-align:middle;	
	text-align: left;
	margin: 5px 5px 5px 10px;	
}

.more_list_item p.right{
	vertical-align:middle;	
	text-align: right;
	margin: 5px 10px 5px 5px;	
}




/*++++++++ Alles für Tabellen: ++++++++++++++*/

.default_tr_light{
	width: 280px;
	margin: 15px 20px 15px 20px;	
	margin-bottom: 30px;
	vertical-align: top;	
	background-color:  #A7DC71;	
}
.default_tr_light a, .default_tr_light .counter{color:#000;}

.default_tr_dark{
	width: 280px;
	margin: 5px 0px 5px 0px;	
	margin-bottom: 30px;
	vertical-align: top;	
	background-color: #4B7C32;/* #FFCB17; #D9FFC6;*/	
	color:#fff;
	font-weight: bold;
}
.default_tr_dark a, .default_tr_dark .counter{color:#FFCB17;}
.default_tr_dark .buttonyellow a{color: #2277aa;}

.maincontent .default_tr_light, .maincontent .default_tr_dark{width: 400px;}
.sidebar .default_tr_light, .sidebar .default_tr_dark{width: 280px;}

.default_tr_light p, .default_tr_dark p, 
.default_tr_light h1, .default_tr_dark h1,
.default_tr_light h2, .default_tr_dark h2,
.default_tr_light h3, .default_tr_dark h3{
	vertical-align: top;	
	margin: 0px 10px 10px 10px;
}






.partial{
	width: 280px;
	margin: 10px 40px 10px 30px;	
}

.maincontent .partial{width: 400px;	margin: 0;}
.sidebar .partial{width: 280px;margin: 0;}

/*++++++++ Alles für Listen: ++++++++++++++*/

ul.project, ul.users, ul.user, ul.beitrag, ul.beitraege, ul.projecttasks, 
ul.membersearch, ul.userskills, ul.usersidebar, ul.candidatessidebar, ul.aufgaben, ul.freundschaften{
	width: 400px;
	margin: 0px;
	padding: 0px;
}

ul.usersidebar{width: 280px;}

ul.project li, ul.users li, ul.user li, ul.beitrag li, ul.beitraege li, ul.projecttasks li, 
ul.membersearch li, ul.userskills li, ul.usersidebar li, ul.candidatessidebar li, ul.aufgaben li,
ul.freundschaften li{
	display:block;
	margin: 0px;
	padding: 0px;
	list-style-type: none ;
	list-style-position:outside;
	width: 400px;
	float: left;
/*border: 2px solid #f00;*/
}

ul.freundschaften li a{
	text-decoration:none;
}


ul.freundschaften li a:hover{
	text-decoration:none;
	background-color: #fff;
}

ul.staticpageTexte, ul.staticpageTexte li{
	margin-left:10px;
	list-style-type:lower-alpha;
}

ul.staticpageKreis, ul.staticpageKreis li{
	margin-left:10px;
	list-style-type:circle;
}

ul.usersidebar, ul.usersidebar li, 
ul.candidatessidebar, ul.candidatessidebar li{width: 280px;}



/*++++++++ Alles für User-Bilder: ++++++++++++++*/

.blueuserimage, .yellowuserimage,.greyuserimage, .greenuserimage{
	float: left;
	display:block;
	margin:5px 6px 5px 0px;
	padding: 0px;
}

.introduction_profil_userimage .blueuserimage, .introduction_profil_userimage .yellowuserimage,
.introduction_profil_userimage .greyuserimage, .introduction_profil_userimage .greenuserimage{
	margin: 0px;
}

.blueuserimage img{border: 5px solid #2277aa;} 
.yellowuserimage img{border: 5px solid #FFCB17;} 
.greyuserimage img{border: 5px solid #999999;}   
.greenuserimage img{border: 5px solid #A7DC71;} 

.blueuserimage img, .yellowuserimage img, .greyuserimage img, .greenuserimage img{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

.center_image_table{
	height:220px; 
	width:100%; 
	display: table; 
	overflow:display;
	background: url(../images/bg/encourage.gif)
}

.center_image_table_cell{
	display:table-cell; vertical-align: middle;
}



/*Zeilenfarben*/

.dark {
	background-color: #A7DC71;	
	margin: 0;
	padding: 0;
	list-style-type: none ;
	list-style-position:outside;
	width: 400px;
	overflow:hidden;
}

.sidebar .dark{width: 280px;}
ul.users .dark{height: 120px;}
ul.project .dark{height: 25px;}

.light {
	margin: 0;
	padding: 0;
	list-style-type: none ;
	list-style-position:outside;
  	background-color:#4B7C32;
	color:#fff;
/*
background-color: #4B7C32;	
color:#fff;
*/


/*#73CF57; 
#CAE39F;
#D9FFC6;
#A8ED80;
#b8ed82;*/
	width: 400px;
	overflow:hidden;
}

.sidebar .light{width: 280px;}
ul.users .light{height: 120px;}
ul.project .light{height: 140px;}
ul.reviews_list .light{height: 300px;}

.lightgrey {
	margin: 0;
	padding: 0;
	list-style-type: none ;
	list-style-position:outside;
    background:#ddd url(../images/bg_introduction.jpg) top repeat-x; 
	width: 400px;
	overflow:hidden;
	margin-bottom:20px;
}

.sidebar .lightgrey{width: 280px;}
ul.aufgaben .lightgrey{padding: 2px 0px 2px 0px; background-color: #eee;}

.white {
	margin: 0;
	padding: 0;
	list-style-type: none ;
	list-style-position:outside;
  	background: #fff;
	width: 400px;
	overflow:hidden;
}

.sidebar .white{width: 280px;}
ul.aufgaben .white{padding: 2px 0px 2px 0px; background-color: #fff;}


.projectblock, .userblock, .friendblock{
	margin-left:10px;
}

li h2.Titel{
	margin:0px 0px 5px 0px;
	padding:0px;
	display:block;
}

li h2.Titel a{font-size: 16px;color: #2277aa;}

li span.Beschreibung{
	margin:0px 0px 0px 5px;
	padding:0px;
	display:block;
}

.Gruender{
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	float:left;
	color:#666; 
}

ul li span.Experten{
	margin: 5px 0px 5px 15px;
	padding: 0px;
	display: block;
	float: left;
}

li.trenner{
	list-style-type: none;
}	
/*trenner für Überschriften/Listen*/
.trenner{
	height:3px;
	border-bottom: 1px dotted #888;
	border-top: 1px dotted #888;
  	background-color: #fff;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

.maincontent .trenner{width: 400px;}
.sidebar .trenner{width:280px;}


.trennerstrich{
	background-color:#b8ed82; 
	height:1px;
	margin:0;
	border:1px #fff;
}

.trennerstrich_schwarz{
	background-color:#000; 
	height:1px;
	margin:0;
	border:0;
}


/*-- MEssages*/	
table.messagesbox{border:none;}
table.messagesbox tr td{padding: 8px 2px; border:0; margin:0;}


/*######################### START BUTTONS #################################*/

/*Alles für die Grund-Box*/

/*Buttons*/
.buttonyellow, .buttongreen, .buttongrey, .buttonlindgreen, .buttonbox{	
	text-align: center;
	vertical-align:middle;
	color: #000;
	margin:0;
	padding:0;
	float: left;
	display: block;
}

.buttonyellow, .buttongreen, .buttongrey, .buttonlindgreen{margin: 0px 15px 0px 15px;	float: right;}


/* BUTTONS */
/*Alles für Buttons (Mini-Boxen Rounded)) TODO - [ANNE] BUttons evtl. durch Bilder ersetzen?*/ 
.hidelindgreen, .hidelightgrey, .hidelightgreen, .hidewhite {
	margin: 0px 10px 5px 5px;
	border:none;
	cursor: pointer;
	float: right;
	width: 110px;
}

/*keine Angaben*/
.hide_none_inputs, .hidedefault{}

.hidelightgreen .buttonyellow, .hidelindgreen .buttonyellow, .hidelindgreen .buttongreen, .hidelindgreen .buttongrey,
.hidelightgrey  .buttonyellow, .hidelightgrey  .buttongreen, .hidelightgrey  .buttongrey,
.hidewhite .buttonyellow, .hidewhite .buttongrey {margin: 0px;	border:none;}
.buttonbox{margin: 0px;	border:none; cursor: hand;}

.buttonyellow, .buttongreen, .buttonbox {/*min-width: 100px;*/	cursor: pointer;}


.buttonyellow a, .buttongreen a, .buttongrey a, .buttonlindgreen a{
	display: block;
	float: left;
	/*min-width: 100px;*/
	text-align: center;
	margin: 0px;
	cursor: pointer;
	padding:0 10px;	
}

/*Buttons als Links*/

.buttonlink{
	border:none;
	background:none;
	color: #2277aa;
	text-decoration:underline;
	cursor: pointer;
	float:right;
}

.buttonbox{text-align: center; padding: 0 10px; /*width:100px;*/}
input .buttonbox {padding:0;width:100px;}

.buttongreen .buttonbox, .buttongreen .rtop b, .buttongreen .rbottom b {background-color: #4B7C32; color: #fff;}
.buttonyellow .buttonbox, .buttonyellow .rtop b, .buttonyellow .rbottom b{background-color: #FFCB17;}
.buttongrey .buttonbox, .buttongrey .rtop b, .buttongrey .rbottom b  {background-color:#ddd;}
.buttonlindgreen .buttonbox, .buttonlindgreen .rtop b, .buttonlindgreen .rbottom b  {background-color:#D9FFC6;}



/*######################### END BUTTONS ##################################*/


/*######################### START TAGCLOUD ##################################*/

.tagcloud1 {font-size: 10px; color: #116699;}
.tagcloud2 {font-size: 10px; color: #2277AA;}
.tagcloud3 {font-size: 12px; color: #2277AA;}
.tagcloud4 {font-size: 14px; color: #2277AA;}

/*######################### END TAGCLOUD ##################################*/

/*######################### START FUN LAYOUT ##################################*/

/*Colour Boxes*/
.yellow_fun_box{border: 4px solid #FFCB17; width: 12px; height: 12px;} 
.green_fun_box{border: 4px solid #A7DC71; width: 6px; height: 6px; margin: -20px 0px 0px -4px;} 
.blue_fun_box{border: 4px solid #2277aa; width: 4px; height: 4px; margin: -22px 10px 3px -8px;} 

.green_fun_box, .blue_fun_box, .grey_fun_box, .yellow_fun_box{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

/*######################### END FUN LAYOUT ##################################*/