/* CSS copyright by websteil. 05.2008*/

html {
	padding: 0;
	margin: 0;
	scrollbar-3dlight-color:#99CC00;
	scrollbar-arrow-color:#99CC00;
	scrollbar-base-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	overflow: auto;
}
body{
	margin: 0;
	padding: 20px 0 20px 0;	
	color: #FFF;
	font: 500 11px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	text-align:center;
	background: #000;
}
img { border: 0px;}
p {	margin: 0px; font: 500 11px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 135%;}

a {	color: #96BE0D;
	font: 600 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:visited {color: #96BE0D;	text-decoration: none;}
a:hover {color: #C5C6C7;}
a:active {color: #96BE0D;}

h1, h2, h3{
	color: #333;
    font: 600 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
/* HR */ 
#block02 div.hr { height:1px; background:url(../images/hr.gif) repeat-x scroll left; margin:5px 4px 5px 4px; }
#block02 div.hr hr { display:none; }

.blick_green { color: #99CC00;}
.blick_grey { color: #404040;}

/* -- DIVS --*/

#container {
	background-color: #000;
	text-align: center;
	margin-top: -280px;
	margin-left: -450px;
	padding: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 540px;
	visibility: visible;
	border: 0px solid #000;
	z-index: 2;
}
html>body #container { 	height: 540px;}  /* FF wenn logo margin*/

/* --- CSS Umzug ---------------------*/

#umzug {
z-index: 95;
	position: absolute;
	left: 6px;
	bottom: 30px;
	height: 140px;
	width: 777px;
	background: transparent;
	background:url(../images/bg_transp_green.png) repeat scroll 0 0;
	text-align: center;	
}
* html #umzug{
   background: #99cc00 url(none);
}
#umzug p {
	color: #FFF;
	margin: 24px auto;
	/*
	font: bold 14px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font: bold 15px  Geneva, Arial, Verdana, Helvetica, sans-serif;
	text-shadow: #333 3px 3px 5px;
}
/* --- CSS Logo---------------------*/
#logo {
z-index: 90;
	position: absolute;
	left: 6px;
	top: 6px;
	height: 80px;
	width: 160px;
	background: transparent;
	text-align: center;
}

#logo img {border: 0px;}

/* CSS Hack nur fuer IE 6 PNG transparenz - ben�tigt blank.gif */
#logo img, div {
   behavior: url(../style/iepngfix.htc);
}



/* ----------- CSS diverse BLOECKE --------------------------*/

/* --- BLOCK 00--01-02------------------*/

/* --- BLOCK 00 | Gross Imageflow ---------------------*/
#block00 { 
	position: absolute;
	left: 5px;
	top: 5px; 
	width: 780px; 
	height: 526px;
	border: 1px solid #FFF; 
	background: #000 url(../images/bg_block00_nylon.jpg) repeat-x scroll left top;
	filter:     Alpha(opacity=99);	/* IE */
    opacity:    0.99;		/* Opera, Safari */
    -moz-opacity:    0.99;	/* Mozilla, Firefox (Gecko) */
	text-align: left;
}
/* IMAGE FLOW */
#imageflow{
	text-align:center;
	background: transparent;
	margin: 80px 0px 0px 0px;
}

#block00 img{ 
	position:absolute; 
	top:0px;
	border:none;
}
#images{
	visibility:hidden;
}
#loading_bar{
	margin-top:164px;
	margin-bottom:200px;
	text-align:center;
	width:100%;
	color: #CCC;
}
#loading_bar img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	color: #FFF;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative;
	margin: 0 auto; 
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
	text-align: left;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(../images/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}

/* --- BLOCK 01 | DIALOGBILD ---------------------*/
#block01 { 
	position: absolute;
	left: 5px;
	top: 5px; 
	width: 433px; 
	height: 527px;
	overflow: hidden;
	border: 1px solid #FFF; 
	background: transparent;
			filter:     Alpha(opacity=99);	/* IE */
    opacity:    0.99;		/* Opera, Safari */
    -moz-opacity:    0.99;	/* Mozilla, Firefox (Gecko) */
	text-align: left;
}

/* --- BLOCK 02------TEXTBEREICH---------------*/
#block02 { 
	position: absolute;
	left: 454px;
	top: 5px; 
	width: 328px; 
	height: 527px;
	overflow: auto;
	border: 1px solid #FFF; 
	background: transparent;
	text-align: left;
}
/* Styles specific to this particular page */
.scroll-pane
{
	width: 100%;
	height: 527px;
	overflow: auto;
}


#block02 h2{
	color: #FFF;
	margin: 4px;
	font: normal 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#block02 p{
	color: #FFF;
	margin: 4px;
	font: normal 11px  Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#block02 ul{
 margin: 2px auto;
}
#block02 li{
	list-style-type:square;
	color: #FFF;
	margin: 4px 4px 4px -8px;
	font: normal 11px  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#block02 strong, #block02 b {letter-spacing: 1px;}
#block02 img {
	padding: 1px;
	margin:6px;
	border: 1px solid #FFF;
}

/* --- BLOCK 03----Menu-----------------*/
#block03 { 
	position: absolute;
	right: 5px;
	top: 5px; 
	width: 100px; 
	height: 530px; 
	background: #000;
	text-align: left;
}


#block03 ul {	margin:0; padding: 0; }
#block03 li {	list-style-type: none;	padding: 0px;
	margin:  0px 0px 7px 0px; 
	text-align: left;
}

#block03 a ,#block03 a:visited  {
	width: 92px;
	height: 96px;
	display: block;
	margin: 0px 4px;
	padding:2px 0px 0px 4px;	
	color:#FFF;
	font: bold 12px courier new, Courier, monospace;
	font: normal 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;	
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px solid #FFF;
	background: #000;
  }
#block03 a:hover{
	color:#99CC00;
	border: 1px solid #99CC00;
}

#block03 li.current a, #block03 li.current a:visited , #block03 li.current a:hover { 
	width: 90px;
	height: 94px; 
	color:#FFF;
	border: 2px solid #99CC00;
	background: #99CC00;
}
/* CSS Content ------------------------------------*/
#footer {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 262px;
	margin-left: -440px;
	width: 890px;
	height: 20px; 
	background: transparent;
	text-align: center;

}
#footer p{ margin: 0 20px 0 0; color: #99CC00;}


/* --- CSS Text Description---------------------*/
#textDescription {
	/*display: none;*/
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 890px;
	margin-top: -280px;
	margin-left: -445px;
	text-align: left;
	border: 1px solid #FFF;
}
#textDescription h2, #textDescription h3, #textDescription p{
	color: #666;
	font-size: 10px;
	line-height: 10px;
}