/* style.css für www.nightviews.de 
 created by Frank Zierhut 2008 */

/* *************************  */ 
/* Here the styles for the HTML  */
/* ************************* */

/*  ******* colors to use *******/
/* #ccffoo                                    
    #99cc00 
    #ffcc00


*/
html{
height: 100%;
}

body{
background: #333333 ;
color: #ccff00;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*font-family: "Tahoma";*/
height: 100%;
margin: 0 auto;
}

img{
margin: 5px 5px 5px 5px;
}


/* **************************** */
/* Here the styles for the layout       */
/* **************************** */
#error{
font-size: 4em;
color: #ccff00;
}

.en{
color: #bbbbbb;
font-style: italic;
}
#content{

width: 980px;
text-align: left;
margin: 0 auto;
height: 100%;

min-width: 780px;
}
#headerlink a, a:link, a:hover, a:visited{
  
color: #ccff00;
text-decoration:none;
}

#header{
position: relative;
height: 120px;
}

#header img{ 
  position: absolute;
  text-align: left;
 
}
#header h1{
  position: absolute;
  top: 10px;
  left:130px;
}

#header h6{
position: absolute;
  top: 45px;
  left: 140px;
  color: #99cc00;
}
/**********************************/
/* Menu on the top                                    */
/**********************************/
#topmenu{
margin: 0;
padding: 0;
height: 28px;
background: url(css/tab_bg.png) repeat-x bottom;
}

#topmenu li{
float: left;
display: inline;
list-style: none;
border-left: #ffcc00 1px solid;
border-top: #ffcc00 1px solid;
border-right: #ffcc00 1px solid;
background: #222222;
margin: 0 4px;
padding: 0 0;

}

#topmenu li,a{
padding: 2px 10px 2px 10px;
font-weight: bold;
}

#topmenu  li:hover, #topmenu a:hover{
background: #333333 ;
color: #ffcc00;

}
#topmenu li#here{
background: #333333 ;
color: #ffcc00;
border-bottom: #333333 1px solid;
}
/*******************************************/
/* Menu on the left side                                             */
/*******************************************/
#leftmenu{

float: left;
padding: 0px 0px;
width:20%;
height: 100%;
background: #333333;
}
#leftmenu h2{
padding-top: 10px;
text-align: center;
}
#leftmenu ul{
list-style-type: circle;
}

.sub{
list-style-image: url(css/sublist.gif);
}

#leftmenu a:hover{
color:#ffcc00;
}
/*************************************************/
/* The page itself                                                                   */
/*************************************************/
#thepage{
float:left;
font-size: 0.8em;
margin: 5px 15px 5px 15px;
background: #333333 ;
color: #dddddd;
width:75%;

}
#thepage img{border: #222222 4px solid;
margin: 5px 15px 5px 5px;
float: left;
}

#thepage li{
display: inline;
float:left;
list-style: none;
width: 23%;
}


#thepage ol li{
width: 100%;
}

#thepage li a {
color: #bbbbbb;
}

#thepage h2{
color: #dddddd;
padding-left: 12px;
border-bottom: #ffcc00 1px solid;
}
#thepage h3,h4,h5,h6{
padding-left: 15px;
}

#thepage a img{
color: #222222 ;
border: #222222 1px solid;
/*-moz-opacity:0.8;*/
/*filter: alpha(opacity=80);
opacity: 0.8; */
}
#thepage a:hover img{
color: #ffcc00;/*#444444 ;*/
border: #ffcc00 1px solid;
/*-moz-opacity:1;*/
/*filter: alpha(opacity=100);
opacity: 1.0;*/
}

#thepage a:hover{
color: #ffcc00;
}
#thepage img:hover a{
border: #444444 4px solid;
/*-moz-opacity:1;*/
/*filter: alpha(opacity=100);
opacity: 1.0;*/
}




#gradient{
background: #333333 url(css/gradient.jpg) repeat-x;
}
.newcolumn{
clear: left;
}
.date{
float: right;
text-align:right;
color: #aaaaaa;
font-size:0.5em;
}
.const{
color: #888888;
font-size: 0.6em;
text-align: right;
}
table.catalog td{
text-align:center;
font-weight:bold;
border: #ffcc00 1px solid;
/*border-collapse:collapse;*/
empty-cells:show;
}

table.catalog td:hover{
background: #444444;
}
span img{
clear: both;
float: right;
}
#endline{
border-bottom: #ffcc00 1px solid;
}
.line{
border-bottom: #ffcc00 1px solid;
}
/**************************************************/
/* SHADOW                                                                             */
/**************************************************/



/**************************************************/
/* The footer for the copyright                                              */
/**************************************************/
#footer{

text-align: right;
font-size: 0.8em;
color: #ffcc00;
margin: 0 auto;
float:left;
/*width: 980px;*/
width: 75%;
}
#footer a:hover{
color: #ffcc00;
}