@charset "UTF-8";
/* CSS Document */

#container {

	font-family: Andale Mono, Lucida Console;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	float: left;

}

#containerotherside {
	font-family: Andale Mono, Lucida Console;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	float: right;
	
}

#containerdart {
	background-color:f4f4f4;
	font-family: Andale Mono, Lucida Console;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	float: left;

}


#head {
color:#DDD;
background-color:#FAFAFA;

}






#headother {
color: #333333;
background-color: #F3F3F3;

}

#footother {
color: #999999	;
background-color: #F3F3F3;

}

#bananas {
text-align:right;
position:absolute;
left: 27px;
top:28px;
width:165;
z-index:1;
}

#bananasother {
text-align:left;
position:absolute;
right: 90px;
top:28px;
width:165;
z-index:1;
}

#bananasother a {
  border-bottom:none;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}

#bananasother a:visited {color: #333333;background-color:#fffff;}
#bananasother a:hover {color: #000000;background-color:#fffff;}
#bananasother a:active {color:#000000;background-color:#fffff;}



#navi {
text-align:right;
position:absolute;
left: 22px;
top:28px;
width:165px;
	
}

#naviother {
text-align:left;
position:absolute;
right: 132px;
top:28px;
width:165;
}


#bananas a {
  border-bottom:none;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}

#bananas a:visited {color: #333333;background-color:#fffff;}
#bananas a:hover {color: #000000;background-color:#fffff;}
#bananas a:active {color:#000000;background-color:#fffff;}

#navi a {
  border-bottom:dotted;
  border-width:1px;
  border-bottom-color: #A7A7A7;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}

#navi a:visited {color: #333333;background-color:#fffff;}
#navi a:hover {color: #ffffff;background-color:#cccc99;}
#navi a:active {color:#fffff;background-color:#cccc99;}


#naviother a {
  border-bottom:dotted;
  border-width:1px;
  border-bottom-color: #A7A7A7;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
}
  
#naviother a:visited {color: #999999;background-color:#ffffff;}
#naviother a:hover {color: #ffffff;background-color:#cccc99;}
#naviother a:active {color:#fffff;background-color:#cccc99;}

#worknavi a {
  border-bottom:dotted;
  border-width:1px;
  border-bottom-color: #A7A7A7;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#ffffff;
}

#worknavi a:visited {color: #333333;background-color:#ffffff ;}
#worknavi a:hover {color: #ffffff;background-color:#cccc99;}
#worknavi a:active {color:#fffff;background-color:#cccc99;}

#footer {
color: #333333;
background-color: #f8f6f7;

}
#footer2 {
color: #CC3300	;
background-color: #f8f6f7;
}

#footer a {
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}
#footer a:visited {color: #333333;background-color:#fffff;}
#footer a:hover {color: #ffffff;background-color:#cccc99;}
#footer a:active {color:#fffff;background-color:#cccc99;}


#footer2 a {
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #cc9999;
  background-color:#fffff;
}
#footer2 a:visited {color: #cc9999;background-color:#fffff;}
#footer2 a:hover {color: #ffffff;background-color:#cccc99;}
#footer2 a:active {color:#fffff;background-color:#cccc99;}

#footer3 {
color: #C03	;
background-color: #f8f6f7;
}

#footer3 a {
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #C03;
  background-color:#fffff;
}
#footer2 a:visited {color: #C03;background-color:#fffff;}
#footer2 a:hover {color: #ffffff;background-color:#cccc99;}
#footer2 a:active {color:#fffff;background-color:#cccc99;}


#work {
white-space:nowrap;
float: left;
position:absolute;
left: 200px;
top: 28px;
line-height: 15px;
width:inherit;
}

#work2 {
white-space:nowrap;
float: left;
position:absolute;
left: 210px;
top: 28px;
line-height: 15px;
width:inherit;
}

#workother {
white-space:nowrap;
float: right;
position:absolute;
right: 135px;
top:28px;
line-height: 15px;
text-align:right;
}

#worktitle {
color:#ffffff;
background-color: #333333;

}

#worktitledark {
color:#ffffff;
background-color: #333333;

}

#workspace {
color:#000000;
vertical-align:top;


}

#bigbananas {
color: #cccc99;
margin-top:55px;
vertical-align:top;
}

#impressum {
color: #666666;
margin-top:122px;
vertical-align:top;
}

#workspace a {
  text-decoration:none;
  font-style:italic;
  color: #333333;
  background-color:#fffff;
  
}
#workspace a:visited {color:#000000;}
#workspace a:hover {color: #ffffff;background-color:#cccc99;}
#workspace a:active {color:#fffff;background-color:#cccc99;}

#workspaceforward {
color:#000000;
vertical-align:top;


}
#workspaceforward a {
  text-decoration:none;
  font-style:normal;
  color: #F06;
  background-color:#fff;
   font-size:11.5px;
  
}
#workspaceforward a:visited {color:#000000;}
#workspaceforward a:hover {color: #fff;background-color:#F06; font-style:normal;}
#workspaceforward a:active {color:#fff;background-color:#F06; font-style:normal;}


#tabs a {
  text-decoration:none;
  font-style:normal;
  color: #000000;
  background-color: #FFFFFF;
  
}
#tabs a:visited {color:#000000;}
#tabs a:hover {color: #ffffff;background-color:#cccc99;}
#tabs a:active {color:#fffff;background-color:#cccc99;}

#tabsslide a {
  text-decoration:none;
  font-style:normal;
  color: #CCCCCC;
  background-color: #FFFFFF;
  
}
#tabsslide a:visited {color:#000000;}
#tabsslide a:hover {color: #ffffff;background-color:#cccc99;}
#tabsslide a:active {color:#fffff;background-color:#cccc99;}



#pic3 {
padding-right:6px;
}

#hideShowcontainer {
visibility:hidden;
display:none;
	position:absolute;

	left:0px;
	top:0px;
	
	z-index:1;
	
}

#hideShowcontainer2 {
visibility:hidden;
	position:absolute;

	left:0px;
	top:0px;
	
	z-index:1;
	
}


#hideShowbackground {
white-space:nowrap;
float: left;
position:absolute;
   background-color: #ffffff;       /* the background              */
   filter:alpha(opacity=90);
   -moz-opacity:0.90;
   opacity: 0.90;
height:650px;
	width:1000px;
   
}
#hideShow {
white-space:nowrap;
	position:absolute;
	top:140px;
	left:210px;
   filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */

	z-index:2;
	text-align:left;
}


#hideShow a {
  border-bottom:dotted;
  border-width:1px;
  border-bottom-color:#CCCCCC;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}
#hideShow a:visited {color: #333333;background-color:#fffff;}
#hideShow a:hover {color: #ffffff;background-color:#cccc99;}
#hideShow a:active {color:#fffff;background-color:#cccc99;}

#dayheader {
padding-left:10px;
padding-bottom:5px;
padding-top:50px;
}

#daybox {
padding-left:30px;
}

#daybox a {
  text-decoration:none;
  font-style:normal;
  color: #000000;
  background-color: #F4F4F4;
  
}
#daybox a:visited {color:#000000;}
#daybox a:hover {color: #ffffff;background-color:#cccc99;}
#daybox a:active {color:#fffff;background-color:#cccc99;}


#hideShowWideo {
white-space:nowrap;
	position:absolute;
	top:90px;
	left:210px;
   filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */

	z-index:2;
	text-align:left;
}


#hideShowWideo a {
  border-bottom:dotted;
  border-width:1px;
  border-bottom-color:#CCCCCC;
  font-size:11px;
  font-style:normal;
  text-decoration:none;
  color: #333333;
  background-color:#fffff;
}
#hideShowWideo a:visited {color: #333333;background-color:#fffff;}
#hideShowWideo a:hover {color: #ffffff;background-color:#cccc99;}
#hideShowWideo a:active {color:#fffff;background-color:#cccc99;}


#rotator {
  background: url(../ansichtig/rotator.php) no-repeat center top ; background-size: 100%;
  
	    display:block;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;


}