html {min-height: 100%;}
* {
  margin: 0;
  padding: 0;
  outline: none;
  font-family:arial;
}
body {
  background: rgb(235,235,235); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(150,150,150,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(150,150,150,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(150,150,150,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(150,150,150,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(255,255,255,1) 40%,rgba(150,150,150,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
}
#sidebar {
  position:absolute;
  left:0px;
  top:220px;
  width:160px;
  height:450px;
}
.nav li {
  list-style-type:none;
  line-height:30px;
  width:145px;
  font-weight:bold;
  font-family:Arial;
}
.nav a {
  padding-left:15px;
  text-decoration:none;
}
.nav li > ul a{
  padding-left:30px;
  margin-right:20px;
  text-decoration:none;
}
a.nav-selected {
  display:block;
  height:30px;
  width:100%;
  background-color:#e00;
  text-decoration:none;
}
.nav ul > li:nth-child(-n+5) {
  width:130px;
  padding-left: 10px;
}
#container {
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  left:0;
  right:0;
  width:1150px;
  height:100%;
}
#logo {
  position:absolute;
  top:10px;
  left:0px;
  width:190px;
  height:190px;
  background-image:url(images/GiovanniLogo.png);
  background-size:190px;
  background-repeat:no-repeat;
}
#logo-name {
  position:absolute;
  top:00px;
  left:200px;
  width:300px;
  height:300px;
  background-image:url(images/ueberschrift.jpg);
  background-size:300px;
  background-repeat:no-repeat;
}

#header {
  position:absolute;
  top:220px;
  left:970px;
  width:180px;
  height:450px;
  background-image:url(images/Slogan.png);
}
#main_content_container {
  position:absolute;
  top:220px;
  left:180px;
  width:780px;
  height:450px;
  border:1px dotted #999;
  overflow:auto;
  background: rgb(235,235,235); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(245,245,245,1) 40%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(233,233,233,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(233,233,233,1) 40%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(233,233,233,1) 40%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(233,233,233,1) 40%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(233,233,233,1) 40%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#main_content {
  position:relative;
  height:auto;
}
#loader {
  position:absolute;
  left:558px;
  top:433px;
  width:24px;
  height:24px;
  background-image:url(images/ajax-loader.gif);
  background-repeat:no-repeat;
}
#scroller_div {
  position:absolute;
  right:-15px;
  height:450px;
  width:5px;
  top:221px;
}
a {
  color:black;
  text-decoration:underline;
}