/* @override 
	http://goldrush.local/pleon_foma/web/css/layout.css
	http://web55.webbox122.server-home.org/css/layout.css
*/

/* @group layout */
body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	background: #FFFFFF url(img/bg_fader.gif) repeat-x left top;
}

#wrapper {
	width: 966px;
	/*background: url(img/foma_friend.jpg) no-repeat;*/
}

#header, #middle, #footer
{
clear:both;
float:left;
display:inline;
}

#header, #footer
{
width:964px;
height:1px;
background-color:#FFFFFF;
font-size:0px;
padding:0px;
border:0px;
}

#middle
{
width:966px;
/*min-height:500px;*/
background-color:#FFFFFF;
}


#header
{
margin: 23px 26px 0px 26px;
}

#footer
{
margin: 0px 26px 20px 26px;
}

#middle
{
margin: 0px 26px 20px 25px;
padding-bottom:20px;
}

#navbox
{
float:left;
width:966px;
height:154px;
margin-top:3px;
}

#homelink
{
position:absolute;
top:35px;
left:30px;
width:370px;
height:75px;
}

.navboxhome
{
background:url(img/foma_bg_head_home.jpg) no-repeat left top;
}

.navboxfriends
{
background:url(img/foma_bg_head_friends.jpg) no-repeat left top;
}

.navboxprojects
{
background:url(img/foma_bg_head_projects.jpg) no-repeat left top;
}

#userlinkbox
{
float:left;
display:inline;
position:relative;
top:-34px;
left:783px;
width:190px;
}

#userlinkbox a, #userlinkbox a:link #userlinkbox a:visited
{
clear:both;
float:left;
display:inline;
color:#747271;
font-weight:bold;
width:170px;
height:16px;
margin-bottom:11px;
padding-top:0px;
}

#userlinkbox a:hover, #userlinkbox a:active
{
color:#F1EDEC;
}

#userlinkbox .infotext
{
clear:both;
float:left;
display:inline;
font-weight:bold;
color:#F1EDEC;
margin: 6px 0px 13px 0px;
}

#userlinkbox a.myprofile
{

}

#userlinkbox a.invite
{

}

#userlinkbox a.logout, form#login a.lostpassword
{
clear:both;
float:left;
display:inline;
width:140px;
padding-left:15px;
color:#F1EDEC;
background: url(img/pfeil_rechts.gif) no-repeat top left;
}

form#login a.lostpassword
{
margin-top:4px;
}

form#login a.lostpassword:hover, #userlinkbox a.logout:hover
{
color:#5C504D;
}

form#login
{
position: relative;
top: 34px;
left: 0px;

width:178px;
height:80px;
}

form#login input.login
{
clear:both;
float:left;
display:inline;
width:118px;
height:13px;
padding: 2px 5px 2px 5px;
background-color:transparent;
margin: 0px 0px 6px;
background-color: #F5F2F2;
border: 1px solid #C6C4C4;
}

form#login button.submit
{
position: relative;
top: 0px;
left: 0px;
width:40px;
height:19px;
border:0px solid #000000;
cursor:pointer;
float: left;
background: url(img/subbutton_friends.gif) no-repeat;

}

#content
{
clear:both;
float:left;
display:inline;
width:952px;
margin: 0px 0px 0px 10px;
}



/* content pages */
#content-pages {
	width: 952px;
}
#content-pages div.resultline{
	width: 680px;
	
}

div#rightboxhome
{
float:right;
display:inline;
width: 198px;
margin-left: 20px;
margin-top: 22px;
}

/* HOME */

#content-pages #mapbox {
	margin: 0;
}

#content #homebox,
#content #content-pages
{
clear:both;
float:left;
display:inline;
margin: 15px 0px 0px 0px;
}

#content #newfriends, 
#content #newprojects
{
float:left;
display:inline;
	width:334px;
}


#content #newfriends
{

background: url(img/homenavi_newfriends.gif) no-repeat top left;
margin-right:16px;
}

#content #newprojects
{
background: url(img/homenavi_newprojects.gif) no-repeat top left;
}

#content #newfriends h1, #content #newprojects h1
{
float:left;
display:inline;
margin: 3px 0px 0px 10px;
width:200px;
height:37px;
font-size:14px;
}

#content #newfriends h1
{
color:#EAE4E3;
}

#content #newprojects h1
{
color:#E7EBED;
}

#newfriends div.friendbox, 
#newprojects div.projectbox
{
clear:both;
float:left;
display:inline;
width:334px;
margin: 10px 0px 5px 0px;
}

#newprojects div.projectbox a, #newprojects div.projectbox a:link, #newprojects div.projectbox a:visited
{
color:#AFBCC2 !important;
}

#newprojects div.projectbox a:hover, #newprojects div.projectbox a:active, #newprojects div.projectbox a:focus
{
color:#9F715D !important;
}

.friendbox div.pic, .friendbox div.pic a, .friendbox div.pic img, 
.projectbox div.pic, .projectbox div.pic a, .projectbox div.pic img
{
float:left;
display:inline;
width:74px;
height:74px;
}

.friendbox div.pic, .projectbox div.pic
{
margin: 0px 10px 0px 0px;
}

.friendbox div.teaser, .projectbox div.teaser,
.friendbox div.teaser h2, .projectbox div.teaser h2,
.friendbox div.teaser h2 a, .projectbox div.teaser h2 a,
.friendbox div.teaser p, .projectbox div.teaser p
{
float:left;
display:inline;
width:250px;
}

#newfriends a img
{
border:1px solid #E9E4E3;
}

#newprojects a img
{
border:1px solid #E7EBED;
}



#homelinks
{
clear:left;
float:left;
display:inline;
width:700px;
margin-top:5px;
}

#homelinks .linktofriends, #homelinks .linktoprojects
{
float:left;
display:inline;
width:335px;
height:24px;
margin-top:5px;
}

#homelinks .linktofriends
{
background: url(img/home_gotofriends.gif) no-repeat left top;
margin-right:16px;
}

#homelinks .linktoprojects
{
background: url(img/home_gotoprojects.gif) no-repeat left top;
}

#homelinks .linktofriends a, #homelinks .linktoprojects a
{
float:left;
display:inline;
width:200px;
height:20px;
padding: 5px 10px 0px 10px;

font-weight:bold;
}

#homelinks .linktofriends a, #homelinks .linktofriends a:link, #homelinks .linktofriends a:visited
{
color:#E1DBD9 !important;
}

#homelinks .linktofriends a:hover, #homelinks .linktofriends a:active
{
color:#DEE1E3 !important;
}

#homelinks .linktoprojects a, #homelinks .linktoprojects a:link, #homelinks .linktoprojects a:visited
{
color:#DEE1E3 !important;
}

#homelinks .linktoprojects a:hover, #homelinks .linktoprojects a:active
{
color:#E1DBD9 !important;
}

/* REITER, TAGLISTE, THUMBS, SUCHE */

#content #mainnavi 
{
clear:both;
float:left;
display:inline;
}

#content #mainnavi a
{
float:left;
display:inline;
width:205px;
height:20px;
font-size:12px;
font-weight:bold;
text-align:center;
border:0px solid #cc00aa;
padding-top:3px;
}

#content #mainnavi a.newfriendsactive, #content #mainnavi a.newfriendsactive:link, #content #mainnavi a.newfriendsactive:visited
{
background: url(img/navi_newfriends_active.gif) no-repeat left top;
color:#EAE4E3;
}

#content #mainnavi a.newfriends, #content #mainnavi a.newfriends:link, #content #mainnavi a.newfriends:visited
{
background: url(img/navi_newfriends_inactive.gif) no-repeat left top;
color:#F6F4F4;
}

#content #mainnavi a.newfriends:hover, #content #mainnavi a.newfriends:active
{
background: url(img/navi_newfriends_active.gif) no-repeat left top;
color:#EAE4E3;
}

#content #mainnavi a.newprojectsactive, #content #mainnavi a.newprojectsactive:link, #content #mainnavi a.newprojectsactive:visited
{
margin-left:1px;
background: url(img/navi_newprojects_active.gif) no-repeat left top;
color:#E7EBED;
}

#content #mainnavi a.newprojects, #content #mainnavi a.newprojects:link, #content #mainnavi a.newprojects:visited
{
margin-left:1px;
background: url(img/navi_newprojects_inactive.gif) no-repeat left top;
color:#EEF0F1;
}

#content #mainnavi a.newprojects:hover, #content #mainnavi a.newprojects:active
{
background: url(img/navi_newprojects_active.gif) no-repeat left top;
color:#E7EBED;
}

#friendsthumbs, #projectsthumbs
{
clear:both;
float:left;
display:inline;
width:952px;
}

#friendsthumbs #imgbox, #projectsthumbs #imgbox
{
float:left;
display:inline;
width:870px;
height:73px;
overflow:hidden;
}

#friendsthumbs .leftarrow, #projectsthumbs .leftarrow
{
float:left;
display:inline;
width:41px;
height:73px;
}

#friendsthumbs a .leftarrow
{
background: url(img/selector_left_friends.gif) no-repeat left top;
}

#projectsthumbs a .leftarrow
{
background: url(img/selector_left_projects.gif) no-repeat left top;
}

#friendsthumbs .leftarrow
{
background: url(img/selector_left_friends_inactive.gif) no-repeat left top;
}

#projectsthumbs .leftarrow
{
background: url(img/selector_left_projects_inactive.gif) no-repeat left top;
}

#friendsthumbs .rightarrow, #projectsthumbs .rightarrow
{
float:left;
display:inline;
width:41px;
height:73px;
}

#friendsthumbs a .rightarrow
{
background: url(img/selector_right_friends.gif) no-repeat left top;
}

#projectsthumbs a .rightarrow 
{
background: url(img/selector_right_projects.gif) no-repeat left top;
}

#friendsthumbs .rightarrow
{
background: url(img/selector_right_friends_inactive.gif) no-repeat left top;
}

#projectsthumbs .rightarrow
{
background: url(img/selector_right_projects_inactive.gif) no-repeat left top;
}

#friendsthumbs a.pic, #projectsthumbs a.pic
{
float:left;
display:inline;
width:78px;
height:73px;
border:0px;
margin-left:10px;
}

#friendsthumbs a.pic img, #projectsthumbs a.pic img
{
float:left;
display:inline;
width:78px;
height:73px;
border:0px;
}

#friendsthumbs a.first, #projectsthumbs a.first
{
margin-left:0px;
}

#searchlinefriends, #searchlineprojects
{
clear:both;
float:left;
display:inline;

width:952px;
height:44px;
background: url(img/searchline_friends.gif) no-repeat left top;
}

#searchlineprojects
{
background: url(img/searchline_projects.gif) no-repeat left top;
}

/* @group search Form */

#searchlinefriends form, #searchlineprojects form
{
position: relative;
top: 20px;
left: 765px;

width:185px;
height:20px;
background-color:transparent;
border:0px solid #000000;
}

#searchlinefriends form input.search, #searchlineprojects form input.search
{
clear:both;
float:left;
display:inline;
padding: 2px 5px 2px 5px;
margin: 0px 0px 9px 0px;
}

#searchlinefriends form input.search
{
width:133px;
height:13px;
background-color: #F5F2F2;
border: 1px solid #C6C4C4;
}

#searchlineprojects form input.search
{
width:133px;
height:13px;
background-color: #F4F6F6;
border: 1px solid #C4C7C9;
}

#searchlinefriends form button, #searchlineprojects form button
{
position: relative;
top: 0px;
left: 0px;
width:40px;
height:19px;
border:0px solid #000000;
cursor:pointer;
float: left;
}

#searchlinefriends form button
{
background: url(img/subbutton_friends.gif) no-repeat;
}

#searchlineprojects form button
{
background: url(img/subbutton_projects.gif) no-repeat;
}

/* @end */

/* INHALT */

#viewbox
{
clear:both;
float:left;
display:inline;
width:952px;

margin-top:19px;
border:0px solid #00AAAA;
}

#profilebox, #projectbox
{
float:left;
display:inline;

width:744px;
height:431px;
margin-right:10px;
}

/* NACHRICHTEN */

#rightbox
{
float:right;
display:inline;

width:198px;
}

#messagebox
{
float:left;
display:inline;

width:198px;
height:280px;
background: url(img/user_sendmessage.gif) no-repeat left top;
margin-top:12px;
border:0px solid #00AA00;
}

#rightbox #messagebox
{
background: url(img/project_sendmessage.gif) no-repeat left top;
}

#sendmessage
{
clear:both;
float:left;
display:inline;
width:198px;
}

#sendmessage p
{
clear:both;
float:left;
display:inline;
margin: 39px 0px 0px 5px;
width:190px;
}

#sendmessage .msubject, #sendmessage .message
{
clear:both;
float:left;
display:inline;
margin: 5px 0px 0px 5px;
width:180px;
}

#sendmessage label
{
float:left;
display:inline;
width:50px;
margin: 0px;
vertical-align:bottom;
}

#sendmessage .msubject input
{
float:left;
display:inline;
width:133px;
height:14px;
border:1px solid #D0D1D1;
padding: 2px 0px 2px 0px;
}

#sendmessage .message textarea
{
clear:both;
float:left;
display:inline;
width:153px;
height:107px;
border:1px solid #D0D1D1;
}

#sendmessage .submit button
{
position: relative;
float: left;
top: 23px;
left: 0px;
width:198px;
height:26px;
border:0px solid #000000;
cursor:pointer;
background: url(img/user_sendmessage_btn.gif) no-repeat;
}

#sendmessage .submit button
{
background: url(img/user_sendmessage_btn.gif) no-repeat;
}

#content form div.submit button.submit,
#rightbox #sendmessage .submit button
{
	
	background: transparent url(img/project_sendmessage_btn.gif) no-repeat;
	border:0px solid #000000;
	width: 198px;
	height: 26px;
}

/*
html* #sendmessage .submit input
{
top: 5px;
}
*/

/* @group Google Map */

#mapbox
{
clear:both;
float:left;
margin-top:35px;
display:inline;
width:198px;
height:228px;

background: url(img/project_map.gif) no-repeat left top;
}

#rightboxhome #mapbox {
	margin-top: 0px;
}

#mapbox a
{
float:left;
display:inline;
width: 198px;
height:228px;
border:0px;
}

/* @end */


/* PROFILANSICHT / PROJEKTANSICHT */

#profilebox, #projectbox, .newline, #projectbox h1
{
width:744px;
}

#profilebox #profile, #projectbox #project
{
clear:both;
float:left;
display:inline;
width:744px;
padding-bottom:20px;
}

#profile div.pic, #project div.pic
{
float:left;
display:inline;
width:200px;
min-height:200px;
margin-right:17px;
}

#profile div.pic img, #project div.pic img
{
float:left;
display:inline;
width:200px;
}

#profile div.teaser, #project div.teaser
{
float:left;
display:inline;
width:527px;
}

#profile div.teaser h1, #project div.teaser h1
{
clear:both;
float:left;
display:inline;
font-size:12px;
font-weight:bold;
margin:0px 0px 22px 0px;
width:527px;
}

#profile div.teaser h1
{
color:#9F705C;
}

#profile div.teaser p, #project div.teaser p
{
clear:both;
float:left;
display:inline;
margin:0px 0px 22px 0px;
width:527px;
}

/* MYPROJECTS, MYFRIENDSHIPS, PROJECTPRESENTER, PROJECTFRIENDSHIPS, TAGS */

#myprojects, #myfriendships, #projectpresenter, #projectfriendships, #projecttags, .uploadbox
{
clear:both;
float:left;
display:inline;
width:744px;
padding: 17px 0px 20px 0px;
}

#myprojects, #myfriendships, #projectpresenter, #projectfriendships, #projecttags, .uploadbox
{
border-top:1px solid #E7EBED;
}

#myprojects h2, #myfriends h2, #myfriendships h2, #projectpresenter h2, #projectfriendships h2, #projecttags h2
{
clear:both;
float:left;
display:inline;
width:505px;
margin: 0px 0px 22px 0px;
padding-left:217px;
font-size:12px;
color:#9F715D;
}

#projectpresenter h2, #projectfriendships h2, #projecttags h2
{
color:#BFC9CE;
}

#myprojects div.pic, #myfriends div.pic,
#myfriendships div.pic, #projectpresenter div.pic, #projectfriendships div.pic
{
clear:both;
float:left;
display:inline;
width:200px;
margin-right:17px;
}

#myprojects div.newline div.pic a, #myfriends div.pic a,
#myfriendships div.pic a, #projectpresenter div.pic a, #projectfriendships div.pic a
{
float:right;
display:inline;
width:86px;
height:86px;
}

#myprojects img, #myfriends img,
#myfriendships img, #projectpresenter img, #projectfriendships img
{
float:right;
display:inline;
width:86px;
height:86px;
}

#myprojects img, #myfriendships img
{
border:1px solid #E9E4E3;
}

#myfriendships img, #projectfriendships img
{
border:1px solid #E7EBED;
}

#myprojects div.teaser, #myfriends div.teaser,
#myfriendships div.teaser, #projectpresenter div.teaser, #projectfriendships div.teaser
{
float:left;
display:inline;
width:510px;
}

#myprojects div.teaser h3, #myfriends div.teaser h3,
#myfriendships div.teaser h3, #projectpresenter div.teaser h3, #projectfriendships div.teaser h3
{
clear:both;
float:left;
display:inline;
font-size:12px;
font-weight:bold;
margin:0px 0px 22px 0px;
}

#myprojects div.teaser h3 a, #myprojects div.teaser h3 a:link, #myprojects div.teaser h3 a:visited,
#myfriends div.teaser h3 a, #myfriends div.teaser h3 a:link, #myfriends div.teaser h3 a:visited,
#myfriendships div.teaser h3 a, #myfriendships div.teaser h3 a:link, #myfriendships div.teaser h3 a:visited,
#projectpresenter div.teaser h3 a, #projectpresenter div.teaser h3 a:link, #projectpresenter div.teaser h3 a:visited,
#projectfriendships div.teaser h3 a, #projectfriendships div.teaser h3 a:link, #projectfriendships div.teaser h3 a:visited
{
color:#808080;
}

#myprojects div.teaser h3 a:hover, #myprojects div.teaser h3 a:active,
#myfriends div.teaser h3 a:hover, #myfriends div.teaser h3 a:active,
#myfriendships div.teaser h3 a:hover, #myfriendships div.teaser h3 a:active,
#projectpresenter div.teaser h3 a:hover, #projectpresenter div.teaser h3 a:active,
#projectfriendships div.teaser h3 a:hover, #projectfriendships div.teaser h3 a:active
{
color:#9F715D;
}

#projectpresenter div.teaser h3 a:hover, #projectpresenter div.teaser h3 a:active,
#projectfriendships div.teaser h3 a:hover, #projectfriendships div.teaser h3 a:active
{
color:#BFC9CE;
}

#myprojects div.teaser p, #myfriends div.teaser p,
#myfriendships div.teaser p,
#projectpresenter div.teaser p, #projectfriendships div.teaser p
{
clear:both;
float:left;
display:inline;
margin:0px 0px 22px 0px;
width:510px;
}

#projecttags
{

}

#projecttags .tags
{
clear:both;
float:left;
display:inline;
width:505px;
margin-left:217px;
}


#projecttags a, #projecttags a:link, #projecttags a:visited
{
float:left;
display:inline;
padding: 3px 0px 3px 0px;
margin-right:15px;
color:#808080;
font-weight:bold;
}

#projecttags a:hover, #projecttags a:active
{
color:#BFC9CE;
}


/* SUBNAVI REITER */

#mynavigation
{
clear:both;
float:left;
display:inline;
margin-bottom:20px;
border-bottom:1px solid #E7E2E1;
width:744px;
}

#mymessages
{
clear:both;
float:left;
display:inline;

width:303px;
border-bottom:1px solid #E7E2E1;
margin: 0px 0px 10px 0px;
}

#editmyprojects
{
clear:both;
float:left;
display:inline;

width:303px;
border-bottom:1px solid #E7E2E1;
margin: 0px 0px 10px 0px;
}

#mynavigation a, #mynavigation a:link, #mynavigation a:visited,
#mymessages a, #mymessages a:link, #mymessages a:visited,
#editmyprojects a, #editmyprojects a:link, #editmyprojects a:visited
{
float:left;
display:inline;

width:90px;
height:16px;
padding: 2px 0px 0px 10px;
margin-right:1px;
color:#F6F4F4 !important;
}

.mynavfriends a, .mynavfriends a:link, .mynavfriends a:visited,
#mymessages a, #mymessages a:link, #mymessages a:visited
{
background: url(img/reiter_friends_inactive.gif) no-repeat left top;
}

.mynavfriends a.active, .mynavfriends a:hover, .mynavfriends a:active,
#mymessages a.active, #mymessages a:hover, #mymessages a:active
{
color:#EAE4E3;
background: url(img/reiter_friends_active.gif) no-repeat left top;
}

.mynavprojects a, .mynavprojects a:link, .mynavprojects a:visited,
#editmyprojects a, #editmyprojects a:link, #editmyprojects a:visited
{
background: url(img/reiter_projects_inactive.gif) no-repeat left top;
}

.mynavprojects a.active, .mynavprojects a:hover, .mynavprojects a:active,
#editmyprojects a.active, #editmyprojects a:hover, #editmyprojects a:active
{
color:#EAE4E3;
background: url(img/reiter_projects_active.gif) no-repeat left top;
}
#project .pic .thumbs img{
	width: 100px;
}

/* @end */