/*--
Eleni Katifori (adapted from template bryantsmith.com)
Released under Creative Commons Attribution 2.5 Generic. 
Name       : Biological Organization
Description: 
Version    : 0.0
Created   : 20120425
*/


body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #061C37;
	background: #014D5D url(background.png);
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#page
{
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 670px;
}

.topNaviagationLink
{
text-align:center;
position:relative;
margin-top:30px;
font-size:16px;
margin-left:-10px;
width:121px;
height: 35px;
line-height: 35px;
float:left;
color:#CEEAEE;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}


.topNaviagationLink a
{
text-decoration:none;
color:#CDE2FC;
}

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
color:#0C61C9;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(tab.png);

}

#mainPicture
{
width:670px;
height:403px;
background-color:#FFFFFF;
}

#mainPicture .picture
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(biologicalOrganization.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .people
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(people.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .publications
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(publications.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .jobs
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(jobs.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .contact
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(contact.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .research
{
position:relative;
width:650px;
height:383px;
top:10px;
background-image:url(research.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#mainPicture .logo
{
position:relative;
width:160px;
height:130px;
top:200px;
background-image:url(max_planck_logo.png);
background-repeat:no-repeat;
margin-left:490px;
}

#mainPicture .blacklogo
{
position:relative;
width:160px;
height:130px;
top:200px;
background-image:url(max_planck_logo_black.png);
background-repeat:no-repeat;
margin-left:490px;
}

#mainPicture .whitelogo
{
position:relative;
width:160px;
height:130px;
top:200px;
background-image:url(max_planck_logo_white.png);
background-repeat:no-repeat;
margin-left:490px;
}

#headerTitle
{
position:relative;
top:30px;
left:40px;
font-size:25px;
color:#FFFFFF;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#headerTitleBlack
{
position:relative;
top:30px;
left:40px;
font-size:25px;
color:#000000;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#headerSubtext
{
position:relative;
top:30px;
left:50px;
font-size:14px;
color:#A9C8FA;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#headerSubtextBlack
{
position:relative;
top:30px;
left:50px;
font-size:14px;
color:#333333;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}


#headerSubtextWhite
{
position:relative;
top:30px;
left:50px;
font-size:14px;
color:#FFFFFF;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}


.contentBox
{
width:670px;
height:auto;
background-color:#FFFFFF;
margin-top:10px;
}

.contentBox .innerBox
{
position:relative;
width:650px;
height:auto;
top:10px;
margin-left:10px;
background-image:url(content_back.png);
background-repeat:repeat-x;
padding-bottom:35px;
}

.contentTitle
{
font-size:19px;
margin-bottom:0px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
}

.contentText
{
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentTextBold
{
font-weight:bold;
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentHead
{
font-weight:bold;
font-size:16px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentSubHead
{
font-size:16px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentTextSmall
{
font-style:italic;
font-size:10px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentlogo
{
position:relative;
width:160px;
height:130px;
top:00px;
background-image:url(max_planck_logo.png);
background-repeat:no-repeat;
margin-left:490px;
}



#footer {

width: 670px;
height:16px;
background: url(footer.png) no-repeat;
text-align:right;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#386172;
padding-top:5px;
}


#footertext {
padding-right: 20px;
text-align: right;
}

#footer a
{
text-decoration:none;
font-size:9px;
color:#386172;
}




.mask{
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
    background-color: #FFFFFF
}
.header{
    float: left;
    width: 100%;
    background-color: #f4f4f4
}
.colleft{
    position: relative;
    width: 100%;
    right: 50%;
    background-color: #FFFFFF
}
.col1{
    position: relative;
    overflow: hidden;
    float: left;
    width: 48%;
    left: 101%;
    background-color: #e6e6e6
}
.col2{
    position: relative;
    overflow: hidden;
    float: left;
    width: 48%;
    left: 3%;
    background-color: #e6e6e6
}
.footer{
    float: left;
    width: 100%;
    background-color: #b4caf7
}
body {
    padding: 0px;
    margin: 0px;
    font-size: 90%;
    background-color: #e7e7de






html, body {
text-align: center;
}
p {text-align: left;}