/* CSS Document */

h1
{
font:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
text-align:center;
padding:4px;
font-weight:bold;
color:#fff;
background-color:#8BA2C3;
}

h2{
font-size:11px;
color:#000000;
margin-left:20px;
margin-bottom:0px;
padding:0px;
font-size:11px;
/*width:280px;*/
}

h3
{
font-size:10px;
text-align:left;
margin:0px;
padding:0px;
color:#FFFFFF;
}

h4
{
margin:0px 10px 0px 20px;
font-size:12px;
padding:0px;
color:#000;
}

p
{
margin:0px 10px 0px 20px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*width: 250px;*/
}

body {
font-family: Arial, Helvetica, sans-serif; 
   	}
	
body a:link, body a:visited
{
font-weight:bold;
text-decoration:none;
}

/*
body a:link:after, body a:visited:after
{
content:"(" attr(href)")";
font-weight:normal;
font-size:80%;
}
*/

	
#logo
 {
 position:absolute;
 left:0px; top:0px;
 background-image:url('../navi/dd_black1.gif');
 background-repeat:no-repeat;
 /*width:490px;
 height:40px*/
 }   
 
 #startlogo
{
border:1px solid black;
}
 
 
#content 
{
 padding: 0px;
}
   
#box
{
position:absolute;
top:0px;
left:0px;
overflow:visible;
 height:150px;
 width:150px;
 margin:0px;
 padding:0px;
 border:1px solid black;
}
	
   
 #leftbox
 {display:none;
 position:absolute;
 top:160px;
 left:4px;
 float:left;
 width:150px;
 height:auto;
 padding:0px;
 border:1px solid #000;
  font-size:11px;
 }

#leftbox ul
{
 margin:  20px 10px 10px 20px ;
 padding: 0px 0px 0px 0px;
} 

#leftbox li
{
 margin: 0px 0px 3px 0px ;
 padding: 0px 0px 0px 0px ;
 list-style-type:none;
 font-size:11px;
 color:#000;
} 

#leftbox a
{
 font-size:11px;
 color: #8BA2C3;
 text-decoration:none;
}

#leftbox a:hover
{
 color: #000;
}

#bottombox
{display:none;
 color:#000000;
 height:50px;
 width:150px;
 margin:4px;
 border:1px solid #000;
 float:left;
}


 #rightbox
 {
 position:absolute;
 left:0px;
 top:180px;
 height:100%;
 width:100%;
 margin:0px;
 padding:0px;
 list-style-type:none;
 font-size:11px;
 line-height:150%;
 color:#000;
 background-color:#FFF;
}
 
#rightbox a
 {
  color:#8BA2C3;
}
 
#rightbox ul
{
 margin: 10px 0px 10px 30px;
 padding: 0px;
 color: #000;
}
	
#rightbox li
{	
 margin:7px;
 padding:0px;
}

#rightbox a:hover
{
 color: #000;
}

#bigbox
{
	float:left;
	padding: 0px;
 	width:470px;
 	height:472px;
 	margin-left:4px;
	border:1px solid #000;
	overflow:auto;
}

#fotobox
{
	float:left;
	padding: 0px;
 	width:470px;
 	height:472px;
 	margin-left:4px;
	border:1px solid #000;
	overflow:hidden;
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
 }
  
.white
{
font-size:10px;
text-align:left;
color:#000;
}
 
.header
{
 margin:0px
 }


.back
{
float:left;
align:bottom;
margin:5px;
}

#switcher
{display:none;
height: 478px;
width: 10px;
float:right;
}
 
#red
{display:none;
background:inherit;
overflow:hidden;
	font-size:10px;
	margin-top:408px;
	height:8px;
 	width:8px;
 	border:0px solid black;
 }
 
#white
{	display:none;
	background:inherit;
	overflow:hidden;
	font-size:6px;
	margin-top:5px;
	height:8px;
 	width:8px;
 	border:1px solid black;
}
 
#yellow
{display:none;
	overflow:hidden;
  	font-size:6px;
	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid black;
}
 
 #blue
{	display:none;
overflow:hidden;
  	font-size:6px;
	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid black;
}
 
 #black
{display:none;
overflow:hidden;
 	font-size:6px;	
 	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid black;
}
	
#footer
 {
 position:absolute;
 top:0px;
 left:180px;
 width:470px; height:150px;
 text-align:left;
color:#000;
	padding:0px;
 }

#footer a:link, footer a:visited
{
font-weight:bold;
text-decoration:none;
}

#footer a:link:after, #footer a:visited:after
{
content:"("attr(href)")";
font-weight:normal;
font-size:50%;
}

.center, .center p
{
text-align:center;
}

.off
{
color:#CCD6E1!important;
/*background-color:#000;*/
}

.on
{
color:#8BA2C3!important;
}