html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}

#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: auto;
}

a {
	color: #F3BD00;
	text-decoration: none;
	text-underline: none;
}


a:hover {
  color:#4C4C4C;
}
///////////////////////////////// 
Drop-Down Menü
////////////////////////////////

#menu {
  font-size:14px;
  position:absolute;  
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
  float:left;
}

.topmenu a {
  float:left;
  width:110px;
  text-align:center;
}

.topmenu ul{
  display:none;
}

.topmenu a, .submenu a{
  padding:1px 5px;
  border:1px solid #FFFFFF;
  border-collapse:collapse;
  color:#F3BD00;
  font-weight:bold;
  text-decoration:none;
  background-color:#000000;
  margin:0;  
}

.submenu a{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}

.topmenu:hover ul {
  display:block;  
  z-index:400;
}


#portfolio {
	width: 110px;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	color:#F3BD00;
	font-size:18px;
}

.portfolio {
	width: 110px;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	color:#F3BD00;
	font-size:18px;
}

.portfolio a{
	width: 100%;
	display: block;
}

.portfolio:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}

#unterpunkt {
	width: 110px;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	color:#F3BD00;
	font-size:16px;
	display: block;
}

.unterpunkt {
	width: 110px;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	color:#F3BD00;
	font-size:16px;
	display: block;
}

.unterpunkt a{
	width: 100%;
	display: block;
}

.unterpunkt:hover,  .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}


.visible,
.start,
.hidden {
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.start {
  visibility: visible;
  opacity: 0.1;
  transition: opacity 1s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.visible > div,
.start > div,
.hidden > div {
  /* Put any padding, border, min-height, etc. here. */
}

}

.hidden > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}

////////////////////////////////////////
/// Slideshow
///////////////////////////////////////
#slideHolder{ width: 400px;
              padding: 10px 0;
              border: 1px solid #ccc;
              background: #efefe0;}

img.slideImg{ border: 1px solid #ccc;
              padding: 3px 3px;
              margin: 0 0;
              background: #fff;}
a.slideLink{ border: 0px solid #f00;
             padding: 0 3px;}

///////////////////////////////////////////////////////////
////// Tabelle

#content_container {
    height:5%;
    overflow:auto;
}

#footer {
    height:60%;  
    text-align:left;
    padding-top:5%; 
}

#footerrechts {
    height:70%;
    text-align:right;
    padding-top:1%;
}


//////////////// Intern

#kopf {
  height:100px;
  margin:10px;
  background-color:#0080FF;
  border: 1px solid #E6E6E6;
}
#inhalt {
  position: absolute;
  top: 118px;
  width:80%;
  padding: 5px;
  margin: 0px 0px 0px 180px;
  background-color:#EFFBFB;
  border: 1px solid #E6E6E6;
}
#links {
  position:absolute;
  top:118px;
  left:10px;
  width:160px;
  height:300px;
  text-align:center;
  background-color:#CCCCCC;
  border: 1px solid #E6E6E6;
}
#rechts {
  position:absolute;
  top:122px;
  right:10px;
  width:160px;
  height:300px;
  text-align:center;
  background-color:#CFF3FF;
  border: 1px solid #E6E6E6;
}


///////////////////////////////////////////////////////////////////////
////// Soft-Menu
///////////////////////////////////////////////////////////////////////