body { font-family: "Helvetica", "Arial", helvetica, arial, sans-serif; margin: 0px 0px 0px 0px; }

a { color: black; text-decoration: none; }
img { border: none; }

div#home {
	background: url(http://web.fhnw.ch/hgk/projekte/interaktion/content/index/bg1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	}


div#container { min-width: 1170px; width: 100%; min-height: 768px; height: 100%; position: absolute;}

ul#menu { list-style: none; padding: 0px; margin-top: 30px; }
ul#menu li { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding: 0px; }
ul#menu li a { background-color: #fff; color: #000; text-decoration: none;  }
ul#menu li:hover a { color: #fff; background-color: #000; }

div#current { position: absolute; bottom: 30px; right: 270px; }
div#current h2 { background-color: #fff; padding: 5px 20px 1px 30px; font-size: 20px; font-weight: normal; display: inline-block; margin-bottom: 5px;  }
div#current div {
	background-color: #fff;
	padding: 7px 20px 4px 30px; margin-top:2px;
	font-size: 13px; font-weight: normal; width: 400px;
	line-height: 1.3; }

div#sidebar { position: fixed; top: 115px; left: 30px; width: 200px;}
div#sidebar h1 { position: relative; left: -2px; font-size: 40px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; padding: 0px;  }
div#sidebar h2 { font-size: 11px; font-weight: bold; margin-top: 0px; }

div#footer { position: fixed; bottom: 30px; left: 30px; width: 200px;}
div#footer a { display: block; margin-bottom: 5px; font-size: 12px; font-weight: bold;}

div#content { width: 720px; position: absolute; top: 120px; left: 280px;
	font-size: 14px; font-weight: normal; line-height: 1.3em;
	display: inline-block; min-width: 650px; margin-right: 280px;}

div#content p {margin-right:20px;  max-width: 620px;}
div#content > p > a {text-decoration:underline;}
div#content img { display: block; clear: both; max-width:640px;}
div#content .image {margin: 20px 0 33px 0; max-width: 640px;}
.img_description {margin-top:7px;}
div#content h2 { font-size: 18px; font-weight: bold; margin: 0px 0px 10px 0px;
				 line-height: 1.1em;}
div#content h3 { font-size: 14px; font-weight: bold; margin: 5px 0px 0px 0px; display: block; clear: both; }

div#newsfeed { position: absolute; right: 0px; height: 100%; width: 240px; background-color: #fff; }
div#newsfeed a { color: #000; text-decoration: none; }

div#hgklogo{
	position: fixed;
	left: 30px;
	top: 30px;
}

div#about{
	margin-top: 30px;
	font-size: 10px;
	font-weight: normal; 
	line-height: 1.3em
}

div#twitterfeed  { position: fixed; top: 140px; margin: 0px; text-align: left; width: 240px; }
div#twitterfeed h2 { font-size: 16px; font-weight: bold; }



div.overview { }
div.box { float: left; margin: 0px 10px 20px 0px; }
div.box p a { text-decoration: underline; color: #000;}
div.box p a:hover {color: #666}
div.box img {height:200px;}


a.current{background:black;}
.divider { clear:both; height:20px;}

.previousnext { margin-right:20px; margin-bottom: 15px; float:left;}

.people { padding-right: 20px;  padding-bottom: 20px; width: 250px; height: 140px; }


/* TWITTERFEED */
.jta-tweet-body{
	line-height: 1.4em;

}
.jta-tweet-list{
    padding: 0;
    list-style: none;
    margin-right:15px;
    margin-top:0px }
.jta-tweet-timestamp {
	display: block;}
.jta-tweet-user-name {
	font-weight: bold;
	margin-left: 0px; margin-top: 0px;
	display: block;	}
.jta-tweet-text { color: #000; margin-left: 40px; }
.jta-tweet-timestamp {margin:5px 0 0 0px;}

div#loadedTweets {
	margin-left: 20px;
	font-size: 12px;
	position: relative;
	top: -15px;}
div#loadedTweets .jta-tweet-a{  color: #000; text-decoration: underline; }
div#loadedTweets .jta-tweet-a:hover {color: #666}
.jta-clear{display: none}

p.footer{
	margin-top: 4px;
	margin-bottom: 4px;
}