body{
background:url('/images/background.jpg') repeat-x;
background-color:#92501e;
font-family:Georgia;
font-size:11px;
line-height:15px;
color:#000;
margin:0px;
}

/* -Skeleton Structure------------------------------------
het container element word centraal uitgelijnd */
#container{
width:1000px;
margin-left:auto;
margin-right:auto;

background:url('/images/container.png') repeat-y;
}

#profile, #register, #theme{
width:980px;
padding-top:160px;
background:url('/images/inner.jpg') no-repeat;
background-position:10px 10px;
background-color:#f8f2f5;
}

#navigation{
float:left;
width:140px;
background:white;
margin-top:100px;
margin-right:10px;
border:1px solid #ddd;
display:none;
}
#header{
display:none;
}
#header.printheader{
display:none;
}
#content{
float:left;
width:815px;
}

#left{
float:left;
width:815px;
}

#right{
float:left;
width:300px;
display:none;
}

#top{
height:20px;
background:url('/images/contentTop.png') no-repeat;
display:none;
}

#middle{
background:url('/images/contentMiddle.png') repeat-y;
padding-left:20px;
padding-top:10px;
margin:0px;
}

#bottom{
height:20px;
background:url('/images/contentBottom.png') no-repeat;
display:none;
}

/* -Navigation-------------------------------
de top navigatie bestaande uit thema links */
#topNavigation{
display:block;
margin-left:10px;
display:none;
}

/* de utility links zoals 'sign out' en 'help' */
#utilityNavigation{

}

/* heading */
#middle h1{
font-size:24px;
margin:0px;
line-height:24px;
}

#middle #left h2{
font-size:20px;
margin-top:17px;
line-height:20px;
margin-bottom:10px;
clear:both;
}

#middle #right h2{
font-size:20px;
padding-top:10px;
line-height:20px;
margin:0px;
color:#770047;
clear:both;
}

#middle h3{
font-size:16px;
margin-top:0px;
color:#770047;
margin:0px;
clear:both;
}

#form h2{
border-top:1px solid #ddd;
padding-top:10px;
width:432x;
margin-bottom:10px;
margin-top:10px;
}

/* anchors */
a{
color:#770047;
text-decoration:none;
}
a:hover{
color:#ba7ea4;
text-decoration:none;
}
#sections ul li a{
color:black;
text-decoration:none;
}
#sections ul li a:hover{
color:#ba7ea4;
}
.subSidebar ul li a,
.groupText a{
display:block;
color:black;
text-decoration:none;
margin: 0px;
}
.subSidebar ul li a:hover,
.groupText a:hover{
display:block;
color:#ba7ea4;
margin: 0px;
}
.subSidebar ul li p a{
display:inline;
color:#770047;
text-decoration:none;
margin: 0px;
}
.subSidebar ul li p a:hover{
display:inline;
color:#ba7ea4;
text-decoration:none;
margin: 0px;
}
.mainArticleActions a{
float:left;
display:block;
margin-right:10px;
color:#6a6a6a;
}
.mainArticleActions a:hover{
float:left;
display:block;
margin-right:10px;
color:#ba7ea4;
}
.checkTerms a{
color:#6a6a6a;
text-decoration:underline;
}
.checkTerms a:hover{
color:#770047;
text-decoration:underline;
}

/* -Structure------------------------------------
overlay */
#mask {
background:black;
}

#manage{
width:100px;
background:white;
padding:10px;
}

#sections{
height:300px;
float:right;
}

#close{
display:none;
float:right;;
}

#item{
display:none;
width:627px;
border-right:1px solid #ddd;
}

/* -Profile Markup & Structure ---------------
belonging to the personal section navigation*/
#personal{
width:100px;
margin-top:0px;
margin-left:0px;
}

#personal img, #personal p{
float:left;
}

#personal img{
width:50px;
border:1px solid #ddd;
}

#personal p{
margin-top:0px;
padding-left:10px;
width:20px;
color:#ba7ea4;
}

#personal li{
clear:both;
}

#personal div p{
clear:both;
padding:0px;
width:80px;
color:black;
margin-top:10px;
}

#generalPhoto img{
float:left;
width:115px;
margin-right:10px;
margin-bottom:10px;
}

#generalBusiness{
float:left;
width:200px;
}

#generalBusiness input{
width:160px;
float:right;
margin-right:-33px;
}

.quote{
height:50px;
width:300px;
}

/* extra */
#generalBusiness label{
width:40px;
}

/* list */
#sections ul{
list-style-type:none;
}

#sections ul li{
border-bottom:1px solid #ddd;
}
ul{
margin-bottom:5px;
margin-left:2px;
list-style-position:outside;
}

/* form */
#form{
padding:20px;
display:none;
}

label{
float:left;
width:200px;
}

#composeRecipients label{
width:100px;
}

input, select{
border:1px solid black;
margin-bottom:-5px;
display:none;
}

select{
width:220px;
display:none;
}

.textfield{
width:220px;
padding-left:2px;
display:none;
}

textarea{
border:1px solid black;
display:none;
}

.error{
color:red;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
display:none;
}

.multiTwo{
width:105px;
}

/* edit profile ------------------------
 experience, education and additional */
.addItem, .removeItem, .addEducation{
float:right;
margin-right:10px;
}

#itemNav{
margin:0px;
}

#itemNav a{
margin-right:5px;
}

.editProfileItems{
margin-bottom:0px;
}

.returningProfileItems{
display:none;
}

/* account */
#form #businessCard, #form #publicProfile{
border:1px solid black;
margin-top:10px;
margin-bottom:10px;
}

#businessCard img.photo, #publicProfile img.photo{
float:left;
width:100px;
height:100px;
margin:10px;
}

#businessCardList{
float:left;
width:200px;
}

.matchingPrivacy{
width:225px;
}

/* General Markup ----------------
these classes return on different pages and on different/multiple positions*/
#mainArticle{
width:438px;
border-bottom:1px solid #ddd;
}
#mainArticle p{
margin-bottom:10px;
}
.subArticle{
float:left;
width:438px;
border-bottom:1px solid #ddd;
}
.mainContentImage{
float:left;
width:438px;
margin-top:10px;
margin-bottom:10px;
}
.greyText{
float:left;
color:#6a6a6a;
margin:0px;
padding:0px;
}
.purpleText{
float:left;
color:#770047;
margin:0px;
padding:0px;
}
.blackText{
float:left;
margin-bottom:0px;
}
.mediumImage{
margin-right:5px;
float:left;
width:130px;
}
.bookmarkIcon{
margin:0px;
padding:0px;
margin-top:-5px;
}
.iconImage{
width:12px;
margin: 4px 0px 0px 5px;
padding:0px;
border:0px;
}
.floatRight{
margin-top:5px;
float:right;
margin-right:5px;
}
.imageURL{
border:0px;
padding-bottom:0px;
}
.subSidebar .groupText{
width:135px;
margin-right:10px;
float:left;
clear:right;
font-size:16px;
font-weight:bold;
height:65px;
display:none;
}
.groupMembers{
float:left;
font-size:11px;
color:#6a6a6a;
display:none;
}

/* Comment markup
these classes belong to the comments div*/
.commentContainer{
width:438px;
margin:0px;
}
.subComment{
border-bottom:1px solid #ddd;
}
.subComment h2{
color:#770047;
}
.subComment2{
background-color:#f8f2f5;
border-bottom:1px solid #ddd;
}
.subComment p, .subComment2 p{
margin:0px;
}
.subComment .commentAvatar, .subComment2 .commentAvatar{
clear:left;
float:left;
padding:10px;
width:50px;
}
.subComment .commentText, .subComment2 .commentText{
float:left;
width:370px;
clear:right;
padding-top:10px;
margin-bottom: 10px;
}
.commentName{
color:#770047;
margin-bottom:5px;
}
.commentDate{
color:#6a6a6a;
margin-bottom:5px;
}
.subComment form {
width:438px;
margin-top:10px;
margin-bottom:10px;
display:none;
}
.subComment textarea {
width:438px;
height:100px;
display:none;
}
.submitRight{
float:right;
width:62px;
height:24px;
border:0px;
margin-right:-2px;
margin-top:5px;
margin-bottom:15px;
background:url("/images/design/submit_button.png");
display:none;
}

/* Sidebar Markup ----------------
these classes return on different pages within the sidebar*/
.sidebar{
width:290px;
display:none;
}
.subSidebar ul{
margin-top:5px;
padding-left:15px;
list-style-image: url("/images/design/arrow.png");
display:none;
}
.subSidebar{
float:left;
width:290px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
display:none;
}
.subSidebar p{
margin:0px;
float:left;
display:block;
display:none;
}
.subSidebar_half{
float:left;
width:143px;
margin-top:10px;
margin-bottom:0px;
border:1px solid #f00;
display:none;
}
.subSidebar .smallImage{
margin-right:5px;
margin-bottom:10px;
float:left;
width:50px;
display:none;
}
.morePages{
display:block;
float:right;
margin-top:3px;
margin-right:10px;
margin-bottom:5px;
color:#770047;
display:none;
}

/* SIDEBAR->HOME.phtml sidebar Role models markup -------------------
SIDEBAR->HOME.phtml sidebar Join LEAP markup */
.rolemodels{
width: 280px;
margin-left:10px;
display:none;
}
.subRolemodelsPics{
width: 260px;
margin-top:10px;
border: 1px solid #ddd;
padding:10px;
}
.subRolemodelsText{
width: 260px;
margin-top:0px;
margin-bottom:10px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
padding-bottom:0px;
}
.subRolemodelsQuote{
color:#966c38;
text-align:right;
width:250px;
float:right;
clear:left;
font-size:14px;
font-weight:500;
padding-bottom:0px;
margin-bottom:10px;
}
.joinLeap{
width: 290px;
height: 30px;
float:left;
background-color:#770047;
margin-top: 10px;
margin-bottom: 0px;
display:none;
}
.joinLeap p{
font-size:18px;
float:left;
color:#fff;
margin:7px;
font-weigth:500;
}
.regForm{
margin-bottom:10px;
}
.regForm p{
float:left;
width:85px;
margin-top:15px;
}
.regForm input{
width:200px;
margin-top:15px;
clear:right;
height:14px;
}
.noBorder{
float:left;
border:0px;
}
.checkTerms{
float:left;
color:#6a6a6a;
margin:0px;
padding-left:6px;
padding-top:3px;
}
.submitReg{
float:right;
width:76px;
height:24px;
border:0px;
margin-right:-2px;
margin-top:15px;
margin-bottom:0px;
background:url("/images/design/joinnow_btn.gif");
}
.purpleBig{
font-size:18px;
color:#770047;
margin-bottom:0px;
width:235px;
}

/* -[Register] Markup -------------
belonging to the [Register] page
	register.phtml				 */
.birth{
width:68px;
}

.reference{
width:103px;
}

.referenceFields{
display:none;
}

/* -Home/myLeap Markup -------------
belonging to the Home page (((myLeap)))*/
.mainHomeImage{
float:left;
width:200px;
margin-right:10px;
margin-bottom:10px;
}
#mainArticle .homeContent p{
width: 230px;
float:left;
margin-top: 0px;
padding-top: 0px;
}
#mainArticle .homeImage, #mainArticle .homeText{
display:block;
float:left;
width:185px;
margin-right:10px;
margin-top:10px;
}
.subArticle{
padding-bottom:10px;
}
.subArticle #calender{
margin-top:20px;
width: 438px;
height: 30px;
float:left;
background-color:#770047;
margin-bottom: 10px;
}
.subArticle #calender p{
font-size:16px;
float:left;
color:#fff;
margin:7px;
}
.groupText{/* this groupText is used on the [HOME] page; below [Calender]-div and below [Role models]-div */
width:auto;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
float:left;
clear:right;
font-size:16px;
font-weight:500;
}
.subArticle .calenderContent{
width:300px;
margin-top:0px;
margin-bottom:10px;
float:left;
font-size:11px;
}

/* Stand-Alone iconImage class for the subArticleSmallLeft.
// Otherwise the images will get a width of 210px ----------- */
.subArticleContainer .subArticleSmallLeft .iconImage, 
.subArticleContainer .subArticleSmallRight .iconImage{
width:12px;
margin: 4px 0px 0px 5px;
padding:0px;
border:0px;
}

/* -[Theme] Markup -------------
belonging to the [theme] page */
#mainArticle .authorDetails{
font-size:11px;
margin-top: -1px;
margin-bottom: 0px;
}
.subArticleContainer .smallTitle{
display:block;
float:left;
width:130px;
font-weight: bold;
margin-top:10px;
margin-bottom:5px;
padding-bottom: 0px;
}

/* -[THEME] Markup WITH all other pages where subarticles are shown ----------
   	\/subarticles = 2 small articles horizontal on left-content-side/\
		belonging to the theme page [and on some other pages] */
.subArticleContainer{
float:left;
width:438px;
border-bottom:1px solid #ddd;
}
.subArticleContainer .subArticleSmallLeft{
float:left;
width:210px;
margin-right:18px;
margin-bottom:10px;
}
.subArticleContainer .subArticleSmallRight{
float:right;
width:210px;
margin-bottom:10px;
}
.subArticleContainer .subArticleSmallLeft img, 
.subArticleContainer .subArticleSmallRight img{
float:left;
width:210px;
padding-bottom:10px;
}
.subArticleContainer p{
float:left;
width:438px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
}
.subArticleContainer .subArticleSmallLeft p, 
.subArticleContainer .subArticleSmallRight p{
float:left;
width:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

/* -Presentation Markup  ------------- [LEFT-CONTENT-SIDE]
belonging to the presentation page */
.topHeading{
font-size:20px;
font-weight:bold;
color:#770047;
margin-top:0px;
line-height:20px;
margin-bottom:10px;
clear:both;
}
#timeline {
width: 438px;
height: 30px;
float:left;
background-color:#770047;
margin-bottom: 10px;
}
#timeline p{
font-size:16px;
float:left;
color:#fff;
margin:7px;
}
.subProfile{
width:438px;
margin-bottom:10px;
}
.subProfile p{
margin-bottom:0px;
margin-top:0px;
}


/* - [Presentation] Markup ------------------- [SIDEBAR-SIDE]
belonging to the presentation page */
.recomQuote{
float:left;
font-style: italic;
color:#CC6633;
margin:0px;
}
.subSidebar ul li p{
float:left;
text-decoration:none;
margin: 0px;
}
.subSidebarQuote{
float:left;
width:290px;
margin-top:10px;
}

/* - [Presentation] and [Partner] Markup -------------
belonging to the presentation and partner page */
.subConnect{
float:left;
width:135px;
padding-right:10px;
}
.linkConnect{
float:right;
}

/* --- from .mainProfile to .profileButtons on [Presentation] page is used on the left-top-side ---

	--- from .mainProfile to .profileButtons on [Partner] page is used in the Spotlight section
		there also is a [Partner] section that devines classes for the Spotlight section ---				
[START]																								*/	
.mainProfile{
width:438px;
margin-bottom:10px;
}
.mainProfile p{
width:438px;
margin-top:0px;
}
.profileDetails{
width:313px;
height:100px;
float:left;
margin: 0px;
padding: 0px;
}
.profileDetails p{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}
.mainProfileImage{
display:block;
float: left;
width:120px;
margin-right:10px;
margin-bottom:10px;
}
.profileName{
color:#770047;
font-weight:bold;
font-size:14px;
margin:0px;
padding:0px;
}
.profileButtons{
float:left;
margin:0px;
padding:0px;
}
.profileButtons img{
margin-bottom:0px;
margin-right:10px;
border:0px;
}
/* [END] */

/* -[ITEM] Markup -------------
belonging to the [item] page */
.mainItemImage{
float:left;
width:438px;
margin-bottom:10px;
}
#mainArticle .rightImage{
float:right;
width: 100px;
margin-left: 10px;
margin-bottom: 0px;
}
#mainArticle .leftImage{
float:left;
width: 100px;
margin-right: 10px;
margin-bottom: 0px;
}

/* -[ITEM] and [COLUMN] Markup -------------
belonging to the [item] and [column] page */
#mainArticle .italicText{
font-style:italic;
margin-top:0px;
margin-bottom:0px;
}

/* -[ITEM] and [HOME] Markup -------------
belonging to the [item] and [home] page */
.mainArticleActions{
float:left;
width:438px;
border-bottom:1px solid #ddd;
padding-top:10px;
padding-bottom:10px;
}
.mainArticleActions img{
border:0px;
margin-right:5px;
}
/* -[EVENT] Markup -------------
belonging to the [event] page */
.eventInfo{
float:left;
width: 100px;
}
.eventData{
float:left;
width: 300px;
clear: right;
}
.eventInfo p{
font-weight:bold;
}
.subSidebar #attendees .subAttendees img{
vertical-align: top;
float:right;
width:50px;
display: none;
}
.subSidebar #attendees .subAttendees{
margin-top:10px;
float:left;
height:50px;
display: none;
}
/* -[BLOG] Markup -------------
belonging to the [blog] page */
.timeDate{
float:left;
font-style:italic;
font-size:11px;
margin-top: -1px;
padding-top: 2px;
margin-bottom:0px;
}

#images img{
width:100px;
border:1px solid #eee;
}

#topImageFader{
display:block;
}
/* -[Partner] Markup -------------
belonging to the [partner] page */
.spotlight{
width:438px;
}
.spotlight .profileName, .spotlight .p{
display: block;
float: left;
}
.spotlight img{
margin-right:10px;
}
.subSidebarLast{
float:left;
width:290px;
margin-bottom:10px;
}

/* - [Inbox] MENU Markup -------------
belonging to the [inbox] MENU page */
#mailMenu{
margin-left:20px;
}
#mailMenuContent{
margin-top:-5px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
width:534px;
border:1px solid red;
margin-left:20px;
border:1px solid #ddd;
}
#lightBoxNavigation{
height:20px;
padding: 3px 0;
margin-left: 0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
#lightBoxNavigation li{
display: inline;
margin: 0;
}
#lightBoxNavigation li a{
width:125px;
float:left;
text-decoration: none;
padding: 3px 7px;
margin-top:1px;
margin-right: 4px;
border: 1px solid #ddd;
background-color: #f8f2f5;
}
#lightBoxNavigation li a:visited{
color: #2d2b2b;
}
#lightBoxNavigation li a:hover{
background-color: #FFF;
color: #ba7ea4;
}
#lightBoxNavigation li a:active{
color: #ba7ea4;
}
#lightBoxNavigation li.selected a{ /*selected tab effect*/
position: relative;
padding-top: 4px;
background-color: #FFF;
border-bottom: none;
}

/* - [Inbox] PAGE Markup -------------
belonging to the [inbox] page */
#composeMessage{
float:left;
width:438px;
}
#composeRecipients{
float:left;
width:180px;
}
#compose h2, #inbox h2, #message h2{
font-size:20px;
color:#770047;
}

/* - [Inbox] Markup -------------
belonging to the [inbox] div */
#inboxContainer{
float:left;
width:525px;
}
#inboxContainer .selectBox{
float:left;
width:35px;
}
#inboxContainer #organize{
float:left;
width:525px;
margin-bottom:5px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
#inboxContainer #organize a{
color:#6a6a6a;
}
#inboxContainer #organize #from{
margin-left:35px;
float:left;
width:120px;
}
#inboxContainer #organize #subject{
float:left;
width:180px;
}
#inboxContainer #organize #status{
float:left;
width:120px;
}
#inboxContainer #organize #date{
float:left;
width:60px;
}
.mailContainer a, .mailContainer2 a{
margin-top:0px;
text-decoration:none;
color:#000;
}
.mailContainer a:hover, .mailContainer2 a:hover{
text-decoration:none;
color:#770047;
}
.mailContainer{
height:15px;
width:525px;
}
.mailContainer2{
height:15px;
background-color: #f4f4f4;
width:525px;
}
.mailSelect{
float:left;
width:35px;
}
.mailSelect input{
margin-top:1px;
}
.mailFrom{
float:left;
width:120px;
}
.mailSubject{
float:left;
width:180px;
}
.mailStatus{
float:left;
width:120px;
}
.mailDate{
float:left;
width:60px;
}
#mailOptions{
font-size: 12px;
padding-top:10px;
margin-top:10px;
border-top:1px solid #ddd;
width:525px;
}
#mailOptions p{
float:left;
margin-top:0px;
margin-right:15px;
}
#mailOptions .spacer{
float:left;
color:#ddd;
margin:0px;
margin-right:15px;
padding:0px;
}
#mailOptions a{
float:left;
margin-right:15px;
}
.inboxPages{
float:right;
margin: 0px;
padding: 0px;
}

/* - [Inbox] Markup ------[MESSAGE]-------
belonging to the [message] div */
.mailMessageHead{
margin:0px;
padding:0px;
}
.mailMessageHead p{
float:left;
margin:0px;
padding:0px;
}
.mailMessageHead .mailMessageDetails{
width:35px;
text-align:right;
margin-right:15px;
}
.mailMessageContent{
margin-top:20px;
margin-bottom:10px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.mailMessageReply{
float: right;
}
.mailMessageReply img{
border:0px;
margin-left: 10px;
margin-bottom: 10px;
}

/* - Searchform */
#searchform form{

}
#searchform label{
	width:100px;
}
#searchform #filtercheck{
	padding:0px;
	margin:0px;
	background-color:#c0c0c0;
}
#searchform .filterdiv{
	padding:0px;
	margin:0px;
}
#searchform .textfield,#searchform .select{
	width:150px;
}
#searchform .dateselect{
	width:50px;
}

#founding_partners, #footerlinks{display:none;}