@charset "utf-8";
* {margin: 0; padding: 0;}

body{
	margin:0;
	padding:0;
	font-family: Arial,sans-serif;
	font-size:11px;
    color:#6a6a6a;
}
a{
	text-decoration:none;
	color:#7f7f7f;
}

h1{
    font-size:14px;
    font-weight:bold;    
}

h2{
    font-size:14px;
    font-weight:bold;    
}

img, div, input { 
	behavior: url("js/iepngfix.htc");
}
img{
	border:none;	
}

#container {
	overflow:hidden;
	position:relative;
	width:1000px;
	margin:0 auto;
	margin-top:20px;
	
}

#head {
	width:1000px;
	overflow:hidden;
	height:145px;
	background-image: url(../images/logo_r.jpg);
	background-repeat:no-repeat;
}

#menu{
	position:relative;
	margin-left:75px;
	width:215px;
	float:left;
	overflow:hidden;
	text-transform:uppercase;
}

#menu .level1{
	font-size:10px;
	font-weight:bold;		margin-left:15px;	
	color:#7f7f7f;
	margin-bottom:5px;	
}

#menu .level1 a{
	color:#7f7f7f;
}

#menu .level2{
	font-size:10px;
	color:#707070;
	margin-bottom:4px;
	margin-left:20px;
}

#menu .level2 a{
	color:#707070;
}

#menu .level3{
	font-size:10px;
	color:#828282;
	margin-bottom:4px;
	margin-left:27px;
}

#menu .level3 a{
	color:#828282;
}

#menu .level4{
	font-size:10px;
	color:#0099cc;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:40px;
}

#menu .level4 a{
	color:#0099cc;
}

#content{
	position:relative;
	margin-left:20px;
	width:690px;
	float:left;
	overflow:hidden;
}
#subpage{
	text-align:justify;
	color:#6a6a6a;
	line-height:150%;
}
#work{
	text-align:justify;
	color:#6a6a6a;
	line-height:150%;
	width:535px;
	overflow:hidden;
}
#team{
	text-align:justify;
	color:#595959;
	line-height:150%;
	width:600px;
	overflow:hidden;
	font-size:12px;
}
.pictureselector{
	color:595959;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:17px;
}
.pictureselector .element{
	float:left;
	margin-right:2px;
	width:7px;
	height:15px;
	padding: 0px 4px 0px 4px;
}

.pictureselector .element a{
	color:595959;
}

.pictureselector .active{
	background-color:#5a5a5a;
	color:white;
}

.pictureselector .active a{
	color:white;
}

/* Team */

#team .element{
	overflow:hidden;
	margin-bottom:20px;
}

#team .element .picture{
	width:180px;
	float:left;
	height:160px;

}

#team .element .info{
	width:420px;
	float:left;
 	overflow:hidden;

}

#team .element .info .title{
	font-size:14px;
	margin-bottom:20px;
}

/* Publication */

#publication .element{
	overflow:hidden;
	margin-bottom:20px;
}

#publication h1{
    font-size:11px;
    font-weight:bold;
    margin-bottom:20px;
    color:#656565;
    
}

#publication .element .picture{
	width:180px;
	float:left;
	height:120px;

}

#publication .element .info{
	width:500px;
	float:left;
 	overflow:hidden;
    text-align:justify;

}

#publication .element .title{
	font-size:12px;
	margin-bottom:5px;
}


/* ??? */
#menucontainer .element{
	float:left;
	border: 1px solid #000000;
	text-align:center;
	color:white;
	width:130px;
	height:18px;
	padding-top:1px;
	padding-bottom:1px;
}
#menucontainer a.element:hover{
	background-color:red;
}
#menucontainer a.element{
	display:block;
	float:left;
	text-align:center;
	color:white;
	width:130px;
	height:18px;
	padding-top:1px;
	padding-bottom:1px;
	color:white;
}
#menucontainer .element a{
	color:white;
}
#menucontainer .active{
	background-image:url(../images/highlight.png);
	background-repeat:repeat-x;
}
#menucontainer .bullet{
	float:left;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position: 0px 15px;
	height:25px;
}
	
#leftside{
	width:180px;
	float:left;
	overflow:hidden;
	background-color:#aaaaaa;
	height:400px;
}

.loginbox{
	border:1px solid black;
	overflow:hidden;
	margin-top:30px;
	
}

#startcontainer{
	width:600px;
	float:left;
	overflow:hidden;
	padding:10px;
}

#startcontainer .title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
}


#contentcontainer{
	width:780px;
	overflow:hidden;
	float:left;
	padding:10px;
}

.subpagetitle{
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
}

.category{
	margin-bottom:5px;
	
}

#foot{
	height:50px;
	background-color:#888888;
	text-align:center;
	position:relative;
}

.tooltip-target{
	width:203px;
	overflow:hidden;
	float:left;
	margin-right:5px;
	margin-bottom:5px;	
}

.tooltip-content {
	display: none;        /* required */
	position: absolute;   /* required */
	padding: 10px;
	border: 1px solid black;
	background-color: white;
}
img.workThumb{
	margin-right: 5px;
	margin-bottom: 5px;	
}