/*-------------------GLOBAL-------------------*/
html, body {
	height: 100%;
	font-size: 15px;
}
body {
	/*background-color: #de4a00;*/
	/*background-color: #E56717;*/
	font-family:"Lucida Grande", sans-serif;
	line-height: 1.5em;
	color:#333333;
	
}
ul ul {
	padding-left: 20px;
}
h1 {
	font-size: 1.8em;
	font-style: italic;
	/*margin: 15px 0;*/
}
#content h2 {
	font-size: 18px;
	font-weight:normal;
	margin: 0 0 10px 0;
	
}
#navigation h2 {
    font-size: 16px;
    font-weight:normal;
    margin: 0 0 10px 0;
    background-image:url(../img/header_bg.png);
	background-position:-280px -0px;
    padding-left:5px;
    color:white;    
}
h3 {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h4 {
	font-size:1.3em;
	font-weight:normal;
	margin:10px 0px 0px 0px;
}
.start_box {
    margin-bottom:30px;
	margin-right:20px;
	width:250px;
	height:100px;
	float:left;
	
}
.start_box h4 {
	border-bottom:1px solid #333333;	
	font-weight:lighter;
	font-size:13px;
}
.start_box p {
	padding-top:10px;
	padding-left:5px;
	font-size:11px;
}
.start_box a{
    color:black;
    cursor:pointer;
}
.start_box h4 a{
	color:white;
}
/*--------------------LINKS--------------------*/
a, a:link, a:visited, a:hover, a:active {
	color:#333333;
	font-weight: normal;
	text-decoration: none;
}
a.sublink {
	font-size:12px;
}
a.sublink, a.sublink:link, a.sublink:visited, a.sublink:hover, a.sublink:active {
	
	font-weight: normal;
}
/*-------------------NAVIGATION------------------*/
#language-select {
	float: right;
    position:absolute;
	margin:0px 0px 0px 670px;
	text-align:right;
}
#language-select li {
	float: left;
	margin: 0 5px;
}

#language-select li a {
	font-size:10px; 
    color:#333333;
}
/*-------------------TEMPLATE-------------------*/
#page-title {
	/*background-color: #de4a00;*/
	/*background-color: #E56717;*/
	color: #fff;
	display: block;
	padding-top: 15px;
}
#page-title a {
	color: #fff;
}
#outer-wrapper {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 830px;
	z-index: 2;
}
#inner-wrapper {
	
	/*min-height: 100%;*/
	
}
#information-row {
	height: 20px;
	margin: 5px 0;
	width: 100%;
}
#information-row ul {
	float: right;
}
#information-row li {
	float: left;
	font-size:11px;
	margin: 0 15px;
}

#header-picture {
	margin-top:50px;
	height:230px;
}


#header-picture img{
	position:absolute;
	margin-left:-122px;
}

#information-row li a{ 
	color:#000;
}

#information-row li.last {
	margin-right: 0;
}
#sub-wrapper {
	clear: both;
	background-color:#FFFFFF;
}
#navigation {
	padding: 10px;
	padding-top:22px;
	float: left;
	width: 205px;
}
#navigation ul {
	border-right:1px solid black;
}

#navigation ul li ul, #navigation ul li ul li ul{
    border-right:none;
}

#navigation li {
	margin: 0px 0;
	
	padding-left:5px;
}

#navigation li a {
	font-size:12px;
}
#navigation li a.sublink {
    font-size:10px;	
}
#navigation li:hover {
 
}
.subnavigation li {
	margin: 5px 0;
}
#content {
	padding: 10px;
	padding-top:20px;
	padding-bottom:20px;
    background-color:#FFFFFF;
	margin-left: 230px;
	font-size:11px;
	width:68%;
	text-align:justify;
	line-height:1.6;
	
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.image-in-text {
	float: right;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.gallery_overview_item {
	width:200px;
	float:left;
}

.overview_preview {
	width:150px;
	height:100px;
	margin-bottom:10px;
	overflow:hidden;
}

.overview_preview img {
	margin:-10px 0px 0px -10px;
	border:none;
}

#link_home, #link_unifr, #link_unibe, #link_limat, #link_laserfest {
    cursor:pointer;
	position:absolute;
	display:block;
	z-index:2;
	width:80px;
    height:80px;
    margin-top:150px;
} 
#link_home {
	width:230px;
	height:230px;
	margin-top:0px;
}

#link_unifr  { margin-left:500px;}
#link_unibe  { margin-left:600px;}
#link_limat  { margin-left:700px;}
#link_laserfest {margin-left:800px; width:30px; height:100px; margin-top:130px;}
/*-------------------GALLERY--------------------*/
.gallery {
}
.gallery li {
	float: left;
	height: 165px;
	margin: 15px;
  width:100px;
  height:100px;
  overflow:hidden;
}

.gallery li a img {
  margin:-5px 0px 0px -5px;
}




#gal_left, #gal_status, #gal_right {
	//margin: 0 15px;
	//float: left;
}

#gallery_nav {
	height:30px;
}

small {
	
	line-height:1.5;
}

#gal_img {text-align:Center;}
#gal_left {position:absolute; margin-left:0;z-index:2; visibility:hidden;}
#gal_right {position:absolute; margin-left:540px; z-index:2;visibility:hidden;}
#gal_status { position:absolute; width:5400px; text-align:center; }
#gal_back {display:block; margin-top:5px}
#gal_left, #gal_right {
	cursor: pointer;
}
/*
#fugu {
	position:absolute;
	margin-top:230px;
}
*/

#fugu {
    width:200px;
	height:30px;
	margin-top:10px;
	margin-left:8px;
	background-color:white;
}