@CHARSET "ISO-8859-1";

/* default CSS for everytinhg */
*{
margin:0pt;
padding:0pt;
}

html, body {
height:100%;
color:#444444;
font-family:Trebuchet MS,"Helvetica Neue",Helvetica,Verdana,Arial;
font-size:12px;
background:transparent url(../_images/layout/bg.png) repeat-x scroll 0pt 0pt;
}

a{
color:#333399;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

	a img {
	border:medium none;
	}


h4 {
color:#000000;
font-size:1em;
font-weight:normal;
}


li, dd {
margin-left:5%;
}


/* ######################### PAGE WRAPPER ###################### */
#wrap {
margin:0pt auto;
width:900px;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}

#content{
padding-bottom:30px;
}

/* #########################    HEADER    ###################### */
#header {
padding:10px 0pt;
position:relative;
}

/* header main navigation system */
ul#nav {
height:25px;
list-style-type:none;
margin:0pt;
}
	ul#nav li {
	display:inline;
	margin:0pt;
	font-weight:bold;
	font-size:14px;
	}
		ul#nav li a{
		color:#000000;
		}
		ul#nav li a:hover{
		color:#333399;
		}
		
ul#nav {
position:absolute;
right:0pt;
top:50px;
}
	
/* header secondary navigation system */
ul#gnav {
height:15px;
list-style-type:none;
margin:0pt;
}
	ul#gnav li {
	display:inline;
	margin:0pt;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	}
		ul#gnav li a{
		color:#999999;
		}
		ul#gnav li a:hover{
		color:#000000;
		}
	
ul#gnav {
position:absolute;
right:0pt;
top:35px;
}

/* header language switch */
ul#lang {
height:25px;
list-style-type:none;
margin:0pt;	
position:absolute;
right:0pt;
top:75px;
}
	ul#lang li {
	display:inline;
	margin:0pt;
	}
		li.active img{
		filter:alpha(opacity=30);
		-moz-opacity:.3;
		opacity:.3;
		}


/* ######################### START CONTENT ###################### */
/* header picture */
#pic_head {
overflow:hidden;
padding:0pt;
position:relative;
}
#myGallery
{
width: 900px !important;
height: 173px !important;
}

#myGallery .imageElement span{
background: url(../_images/gradient-glossy.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height:85px;
}

/* center title (LIP) */
#title{
padding-top:15px;
font-size:19px;
font-weight:bold;
color:#000000;
float:left;
}
/* top page title*/
#page_title{
padding-top:0px;
margin:-8px 0pt 0pt;
font-size:19px;
font-weight:bold;
color:#000000;
float:left;
}
/* top search_title*/
.search_title{
padding-top:0px;
float:right;
margin:-5px 0pt;
}


#logo{
clear:both;
margin-top:20px;
}

/* defaults for the main and right containers */
.main p, .sidebar p {
margin:16px 0pt;
}

/* ########### MAIN CONTENT ########### */
.main{
font-size:12px;
line-height:16px;
}
.main {
clear:both;
float:left;
position:relative;
width:585px;
margin-bottom:60px;
}

#map {
width:550px;
height:325px;
margin:20px 0pt;
border:1px solid #CCCCCC;
}

/* main container navigation system */
#topicnav {
font-size:14px;
list-style-type:none;
margin:36px 0pt 18px;
}

#topicnav li {
background:transparent none repeat scroll 0%;
display:inline;
margin:0pt;
padding-left:0pt;
padding-right:7px;
}
	#topicnav li a {
	border:medium none;
	color:#CCCCCC;
	}
	
	#topicnav li a:hover {
	color:#666666;
	}
	
	#topicnav li a.active {
	color:#000000;
	}


/* main container content per item 

	.abt_top h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:12px 0pt 0pt;
	}
	.abt_top h3 a{
	color:#000000;
	}*/
	
	.abt_text div.aboutLinks{
	margin:-5px 5px 0pt;
	}
	
	.abt_text div.aboutLinks p{
	margin:0pt;
	}
	
	.topic .end {
	border-top:1px solid #E6E6E6;
	color:#000000;
	font-size:9px;
	height:12px;
	padding:4px 0pt;
	position:relative;
	}
	
	.topic .end p {
	margin:0pt;
	position:absolute;
	top:4px;
	}
		.end .date {
		left:0pt;
		}
		
		.end .goto {
		right:0pt;
		text-transform:uppercase;
		}

/* news item in main container  */
.news_topic, .events_topic{
background-image:url(../_images/layout/box_bg.gif);
background-repeat:repeat-y;	
margin:0pt 0pt 6px;
overflow:hidden;
}
.news_topic:hover, .events_topic:hover{
background-position:-585px 0pt;
cursor:pointer;
}
.news_topic:hover div.box_top, .events_topic:hover div.box_top{
background-position:-585px 0pt;
cursor:pointer;
}
.news_topic:hover div.box_bottom, .events_topic:hover div.box_bottom{
background-position:-585px 0pt;
cursor:pointer;
}

	.news_topic div.box_top, .events_topic div.box_top{
	background-image:url(../_images/layout/box_bg_top.gif);
	background-repeat:no-repeat;
	height:7px;
	left:0pt;
	top:0pt;
	width:585px;
	z-index:100;
	}
	
	.news_topic div.box_bottom, .events_topic div.box_bottom{
	background-image:url(../_images/layout/box_bg_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:585px;
	z-index:100;
	}	
	
	.news_topic div.box_content, .events_topic div.box_content{
	padding:0pt 10px;
	}	
	
	.news_topic h3, .events_topic h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:10px 0pt -15px;
	}
	.news_topic p, .events_topic p{
	font-size:11px;
	margin:8px 0pt;
	}
	
	.news_topic .date, .events_topic .date{
	font-size:10px;
	margin:9px 0pt;
	color:#999999;
	}
	
	.event_sticker{
	background-color:#FFFFFF;
	float:left;
	border:1px solid #CCCCCC;
	margin-top:2px;
	margin-right:7px;
	margin-left:0px;
	width:60px;
	height:79px;
	text-align:center;
	}
	
		.event_sticker .month{
		background:#333399 none repeat scroll 0%;
		color:#FFFFFF;
		font-size:20px;
		display:block;
		width:60px;
		line-height:1em;
		font-weight:bold;
		text-transform:uppercase;	
		padding:0.3em 0pt 0.3em;
		}
		
		.event_sticker .day{
		line-height:1em;
		font-weight:bold;
		display:block;
		font-size:43px;
		}
	
.news_content {
margin:0pt 0pt 6px;
overflow:hidden;
}
	.news_content h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:10px 0pt -15px;
	}
	.news_content p {
	font-size:11px;
	margin:8px 0pt;
	}
	
	.news_content .date{
	font-size:10px;
	margin:9px 0pt;
	color:#999999;
	}
	.news_content .news_text{
	clear:both;
	}
	
	
.abt_text {
background-image:url(../_images/layout/box_bg.gif);
background-repeat:repeat-y;	
margin:0pt 0pt 6px;
overflow:hidden;
}

	.abt_text div.abt_top{
	background-image:url(../_images/layout/box_title.gif);
	background-repeat:no-repeat;
	height:30px;
	left:0pt;
	top:0pt;
	width:585px;
	z-index:100;
	padding:10px;
	}
	
	.abt_text div.abt_btm{
	background-image:url(../_images/layout/box_bg_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:585px;
	z-index:100;
	}	
	
	.abt_text div.abt_content{
	padding:0pt 10px;
	margin-top:5px;
	margin-bottom:15px;
	}
	
	.abt_text h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:0pt 0pt -5px;
	}
	.abt_text p {
	font-size:11px;
	margin:-15px 0pt 0pt;
	}	
/* people item in main container  */	
.people {
background-image:url(../_images/layout/box_bg.gif);
background-repeat:repeat-y;	
margin:0pt 0pt 6px;
overflow:hidden;
}
.people:hover {
background-position:-585px 0pt;
cursor:pointer;
}
.people:hover div.plp_top{
background-position:-585px 0pt;
cursor:pointer;
}
.people:hover div.plp_btm{
background-position:-585px 0pt;
cursor:pointer;
}

	.people div.plp_top{
	background-image:url(../_images/layout/box_bg_top.gif);
	background-repeat:no-repeat;
	height:7px;
	left:0pt;
	top:0pt;
	width:585px;
	z-index:100;
	}
	
	.people div.plp_btm{
	background-image:url(../_images/layout/box_bg_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:585px;
	z-index:100;
	}	
	
	.plp_content {
	padding:10px 0pt;
	}
	
	.plp_content img {
	float:left;
	padding:5px;
	width:30px;
	height:40px;
	margin-top:-10px;
	}
	
	
	.plp_content h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:0pt 0pt -15px;
	}
	
	.plp_content p {
	font-size:11px;
	margin:8px 0pt 0pt;
	}
	
	div.pro_topic{
	background-image:url(../_images/layout/pro_box_bg.gif);
	background-repeat:repeat-y;	
	overflow:hidden;
	margin:20px 0pt 37px;
	}

	.pro_topic div.pro_box_top{
	background-image:url(../_images/layout/pro_box_top.gif);
	background-repeat:no-repeat;
	height:50px;
	left:0pt;
	top:0pt;
	width:585px;
	z-index:100;
	}
	
	.pro_topic div.pro_box_bottom{
	background-image:url(../_images/layout/pro_box_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:585px;
	z-index:100;
	}	
	
	.pro_topic div.pro_box_content{
	padding:0pt;
	}
	
	.pro_topic .pro_box_top img{
	padding:10px 20px;
	float:left;
	}
	
	.pro_topic .pro_box_top div{
	float:left;
	}
	
	.pro_topic h4 {
	font-size:15px;
	font-weight:bold;
	padding:10px 0pt 0pt;
	text-transform:uppercase;
	}
	
	.pro_topic h4 a{
	color:#000000;
	}
		
	.pro_topic p {
	font-size:11px;
	padding:0pt;
	margin:0pt;
	}
	
	.pro_topic p a{
	color:#999999;
	}

/* project item in main container  */
ul.project_list {
}
	/* project item on the right */
	ul.project_list li {
	font-size:11px;
	list-style-type:none;
	margin:0pt;
	margin-top:10px;
	padding:0pt;
	overflow:hidden;
	border-left:1px solid #bdc3c3;
	border-right:1px solid #bdc3c3;
	}
	
	ul.project_list li:hover{
	background-color:#f2f2f2;
	border-left:1px solid #bdc3c3;
	border-right:1px solid #bdc3c3;
	}
	
	ul.project_list h3{
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:0pt 0pt -3px 0pt;
	padding-top:20px;
	line-height:1em;
	}
	
	ul.project_list p {
	margin-bottom:0pt;
	}

	ul.project_list .photo {
	float:left;
	padding:10px;
	}

	ul.project_list .description{
	float:left;
	width:160px;
	}


/* ??? item in main container  */
.othertopics {
margin:0pt 0pt 32px;
overflow:hidden;
}

	.othertopics h3 {
	text-transform:uppercase;
	color:#000000;
	font-size:12px;
	margin:18px 0pt -15px;
	}
	.othertopics h3 a{
	color:#000000;
	}
	
	.othertopics a {

	}
/* item details  */
.detail{
margin:0pt 0pt 32px;
overflow:hidden;
}
	.detail .photo{
	float:left;
	margin-right:10px;
	border:1px solid #CCCCCC;
	}

	.detail .pro_detail{
	margin-right:7px;
	float:right;
	width:465px;
	}
	
.project_dtl, .people_dtl{
background-image:url(../_images/layout/detail_bg.gif);
background-repeat:repeat-y;	
margin:0pt 0pt 6px;
overflow:hidden;
}
	.project_dtl div.box_title{
	background-image:url(../_images/layout/detail_title.gif);
	background-repeat:no-repeat;
	height:70px;
	}
	
	.people_dtl div.box_title{
	background-image:url(../_images/layout/detail_title3.gif);
	background-repeat:no-repeat;
	height:40px;
	}

	.project_dtl div.box_top, .people_dtl div.box_top{
	background-image:url(../_images/layout/detail_title2.gif);
	background-repeat:no-repeat;
	height:30px;
	}
	
	.project_dtl div.box_top, .project_dtl div.box_title, .people_dtl div.box_top, .people_dtl div.box_title{
	left:0pt;
	top:0pt;
	width:465px;
	z-index:100;
	}
	
	.project_dtl div.box_bottom, .people_dtl div.box_bottom {
	background-image:url(../_images/layout/detail_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:465px;
	z-index:100;
	}		
	
	.project_dtl, .people_dtl{
	float:right;
	width:465px;
	}
	
	.project_dtl .box_top, .project_dtl .box_title, .people_dtl .box_top, .people_dtl .box_title{
	padding:5px 10px;
	}
	
	.project_dtl .box_content, .people_dtl .box_content {
	padding:0pt 10px;
	}
	
	.project_dtl h3, .people_dtl h3{
	text-transform:uppercase;	
	padding:5px 0pt 3px 0pt;
	color:#000000;
	width:465px;
	font-size:12px;
	}
	
	.project_dtl .box_title .pro_nick, .people_dtl .box_title .plp_name{
	font-size:20px;
	margin:0pt 0pt;
	}

	.project_dtl .box_title .pro_name, .people_dtl .box_title .plp_profile{
	font-size:11px;
	font-weight:normal;
	margin-top:-10px;
	}
	
	.box_content .pro_info, .box_content .plp_info{
	width:465px;
	font-size:10px;
	line-height:1.1em;
	}
	
	.box_content .pro_info li, .box_content .plp_info li {
	color:#666666;
	text-transform:uppercase;
	}
	
	.box_content_plp{
	margin:-5px 10px 0pt;
	}
	
	.box_content_plp p{
	margin:0pt;
	}
	
	
	.branch_info {
	width:585px;
	margin-top:-15px;
	margin-right:5px;
	font-size:11px;
	line-height:1.2em;
	color:#666666;
	}	
/* ########### RIGHT CONTENT ########### */
.sidebar {
font-size:11px;
line-height:16px;
}
.sidebar {
float:right;
padding-top:0pt;
margin-top:40px;
margin-bottom:60px;
width:300px;
}

	.sidebar div.side_text{
	background-image:url(../_images/layout/box_side.gif);
	background-repeat:repeat-y;	
	}
	
	.sidebar div.side_btm{
	background-image:url(../_images/layout/box_side_btm.gif);
	background-repeat:no-repeat;
	bottom:0pt;
	height:7px;
	left:0pt;
	width:300px;
	z-index:100;	
	}
	.sidebar div.side_top{
	background-image:url(../_images/layout/box_side_top.gif);
	background-repeat:no-repeat;
	height:30px;
	left:0pt;
	width:300px;
	z-index:100;
	margin:30px 0pt 0px;
	padding:5px 10px;
	}	
	
	.sidebar div.side_content{
	padding:0pt 10px;
	}

	.sidebar h2 {
	border:medium none;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	}
	
	.sidebar .section {
	margin-bottom:-6px;
	}

ul.choose_gps {
list-style-type:none;
text-transform:uppercase;
font-size:13px;
text-align:center;
}

.choose_gps{
height:25px;
}

.choose_gps:hover{
background-color:#e8e8e8;
}

	.choose_gps .gps_name {
	float:left;
	margin:3px 0px 10px;
	}


/* allways visible links */
ul.grid {
list-style-type:none;
margin:20px 0pt 37px;
}

	ul.grid li {
	height:62px;
	margin:10px 0pt;
	}
	ul.grid li:hover {
	background-color:#e8e8e8;
	}
		ul.grid li a{
		border:medium none;
		}
		
		ul.grid li img {
		border:1px solid #CCCCCC;
		float:left;
		margin:5px;
		}
		
	ul.grid h4 {
	font-weight:bold;
	margin:0pt;
	padding:12px 10px 0pt 0pt;
	}
	
		ul.grid h4 a {
		color:#000000;
		}
	
	ul.grid p {
	font-size:10px;
	margin:0pt;
	line-height:1em;
	}
	
		ul.grid p a {
		color:#999999;
		}

/* allways visible search  */
.search {
}

	.search .searchfield {
	}
	
	.textfield, dl.form input {
	background:#FFFFFF url(../_images/search.gif) no-repeat scroll left center;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	height:15px;
	padding:1px 0pt 0pt 15px;
	}
	
	.search_title input.searchButton{
	background:#f3f2f2 no-repeat scroll left center;	
	border:none;
	cursor:pointer;
	padding:0pt;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	}

/* event timemap */ 
.timemap {
font-size:11px;
}

	.timemap h4 {
	background-color:#e9e9e9;
	font-weight:normal;
	margin:12px 0pt 0pt;
	font-size:1em;
	color:#000000;
	}

		.timemap h4 a {
		border-bottom:medium none;
		color:#000000;
		}
		
		.timemap h4 a:hover {
		text-decoration:underline;
		}
		
	.timemap ul li {
	display:inline;
	list-style-type:none;
	margin:0pt;
	padding:0pt 3px 0pt 0pt;
	}
	
		.timemap ul li a{
		color:#000000;
		}
		
		.timemap ul li a:hover{
		text-decoration:underline;
		}

/* ######################### FOOTER CONTENT ###################### */
#content:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

#footer {
clear:both;
position:absolute !important;
bottom: 0 !important;
bottom: -1px;
background-image:url(../_images/layout/bg_btm_side.png);
background-repeat:repeat-y;	
color:#999999;
font-size:10px;
height:30px;
padding:0px 0pt 25px;
text-transform:lowercase;
}

	#footer div.top_bg{
	background-image:url(../_images/layout/bg_btm_top.png);
	background-repeat:no-repeat;	
	top:0pt;
	height:15px;
	left:0pt;
	width:900px;
	z-index:100;	
	}
	
	#footer p, #footer ul, #footer ul li, #footer a {
	height:16px;
	line-height:16px;
	margin:0pt;
	color:#999999;
	}	
	
	#footer div.copy{
	float:left;
	padding:0pt 20px;
	}
	
	#footer div.webmail{
	background:url(../_images/layout/mail_icon.gif);
	background-repeat:no-repeat;
	float:right;
	padding:0pt 20px 0pt 30px;
	}
	
	#footer div.webmail:hover{
	background:url(../_images/layout/mail_icon_over.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	}