html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	height: 100%;
}

a {
	color: #006DB5;
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

#container {
	min-height: 100%;
	width: 100%;
	min-width: 1020px;
	margin: 0;
	color: #333;
	line-height: 130%;
	position: relative;
}

#top {
	position: relative;
	border-bottom: 1px solid #d0d0d0;
	font-size: .95em;
}

#top span {
 margin-left: 10px;
}

#top h1 {
	padding: 0;
	margin: 0;
}

#logo {
	background: #fff url(/themes/ff/images/logo_goethe_universitaet.gif) no-repeat top right;
	width: 270px;
	height: 123px;
	border: 0;
}

#logo_bar {
	background-color: rgb(0, 30, 87);
	height: 25px;
	color: white;
	padding-top: 5px;
}

#logo_bar a {
    color: rgb(153, 204, 51);
}

#home {
 margin-left: 250px !important;
}

#login {
 margin-right: 15px;
 float: right;
}

/* start of navigation */

#leftnav {
float: left;
width: 240px;
margin: 0;
padding: 0;
}

#leftnav ul {
list-style-type: none;
}

#leftnav ul li {
 display: block;
 margin: 0;
 width: 240px;
 border-top: 1px solid rgb(127, 182, 218);
}

#leftnav ul li.primary
{
 font-size: 1em;
 font-weight: bold;
 text-transform: uppercase;
 margin-top: 10px;
 padding-left: 10px;
 width: 230px;
}

#leftnav ul li.secondary {
 font-size: .9em;
}

#leftnav a {
 width: 220px;
 display: block;
 color: #333;
 padding-left: 20px;
}

#leftnav li a:hover {
 background-color:  rgb(153, 204, 51);
 text-decoration: none;
 background-image: url(/themes/ff/images/pfeil_nav.gif);
 background-repeat: no-repeat;
}

/* end of navigation */

.two_column {
}

#content
{
	position:relative;
	margin: 10px;
	border-radius:3px;
	background:#f0f0f0 url(/themes/ff/images/box_background.gif) top repeat-x;
	border: 1px solid #d0d0d0;
	padding: 20px;
}

#content.two_column {
	margin: 10px 10px 10px 250px !important;
}

#content.single_column {
	width: 980px;
	margin: 10px auto;
}

#content.external {
	margin: 10px auto;
  width: 720px;
}

#content.embedded {
}

#content h1, h2,  {
 color: #d0d0d0;
}

#content h3  {
 color: #000000;
 font-size: 1em;
}

#content .button { /* Input Felder */
  background: #d1d1d1 url(/images/input_submit_background.gif) top repeat-x;
}

#content .field_with_errors input {
  border:1px solid #9B2B2F;
}

#content input,textarea,select {
  background:#fefefe url(/images/input_background.gif) top repeat-x;
  border-radius:3px;
  border:1px solid #d0d0d0;
  width:300px;
  margin:10px 0 0 5px;
  padding:3px;
}

#search_box {
  height: 18px;
  border: 0px solid #d0d0d0;
	position: absolute;
	top: 50px;
	left: 300px;
}

#search_box form a {
	display: none;
}

#search_box #s {
	float: left;
  padding: 0;
  width: 147px;
	_width: 120px;
  height: 16px;
	border:1px solid #d0d0d0;
	color: #006DB5;
}

#search_box #button {
	background: #ffffff url('/themes/ff/images/but_go2.gif') no-repeat top right;
	width: 18px;
	height: 18px;
	border: 0;
	cursor: pointer;
	cursor: hand;
}

#head {
 border: 0px solid #d0d0d0;
 position: relative;
 _height: 60px;
 margin-bottom: 5px;
}

#head #rss_feed {
 position: absolute;
 top: 0px;
 right: 0px;
}

#head h1 {
 color: #333;
 font-size: 1.8em;
 font-weight: normal;
 margin-bottom: 10px;
 max-width: 500px;
 line-height: 1.2em;
}

#head h2 {
 color: #999;
 font-size: 1.1em;
 font-weight: normal;
}

#footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
clear: both;
padding: .5em;
color: #fff;
background-color: rgb(0, 30, 87);
border-top: 0px solid #d0d0d0;
}

.clip_listing h2 {
  color:#333;
  font-size:1.5em;
  font-weight:400;
  margin-bottom:5px;
  max-width:600px;
  line-height:1.2em;
}

.clip_box h2 {
  color:#333;
  font-size:1.5em;
  font-weight:400;
  margin-bottom:25px;
}

.clip_box.rejected {
  border-top:3px solid #9e0508;
}

.toolbox li, .toolbox a:hover {
  background-image:url(/images/tools.svg);
}

.rss_formats a:hover,.player_formats a:hover, .rss_formats li, .player_formats li {
  background-image:url(/images/formats.svg);
}

#sortable_clips.with-facets {
	width: 75%;
}