@charset "utf-8";
@import "nav.css";


html {
	margin: 0px;
	padding: 0px;
	}
	
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.6em;
	line-height:8pt;
	background:black;
	
	color:grey;
	background-repeat:repeat;
	
			}
div p a {color:#FF6;}

.header{height:20%;}
			
			
.input{border:1px black;
}

#submit{color:yellow;}

hr{
			border: 0px solid white;
			height:50px;
			width: 100%;
		
			background-image:url(../img/querup_grey_right.gif);
			z-index: 99;
			-moz-opacity:0.75;
			}

h1 {	background-image:url(../img/querup_grey.jpg);
	width:100%;
	height:90px;
	}
	
h1 span{
	
	background:black;
	color:white;
	font-style:italic;
	margin:0px 0px 15px 0px;
	padding-left:15px;
	padding-right:15px;
	width:75%;
	height:75%;
	float:bottom;
	
	}


a:link{color:#FF6;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}




info{}



/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:transparent;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:transparent;		/* center column background colour */
	}
	.threecol .colleft {
		
		right:50%;			/* width of the middle column */
		background:transparent;	/* left column background colour */
	
	}
	.threecol .col1 {
		width:86%;			/* width of center column content (column width minus padding on either side) */
		left:85%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:27%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
	
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
	
	





			

 

				
 /*////////////////// footer  //////////////////*/	
 		

.footer a:link {
	
	text-decoration:none;

}

.footer a:hover {
text-decoration:none;
}

#ft {
	
	background-image:url(../img/2x2_black.png);
	
	clear: left;
	margin-top: 0.5em;
	margin-bottom:0.2em;
	-moz-opacity:0.95;
	text-align: left;
	padding: 10px;
	z-index: 100;
   min-width:775px;
	width:expression(document.body.clientWidth < 800? "775px": "99%" ); /* min-width IE style*/
  }

	
	#ft ul {
		width:100%;
	}


	#ft ul li {
		background:black;
		color: white;
		font-size: 12pt;
		float:left;
		width:15%;
	}
	#ft ul li li {
		background:black;
		color: white;
		font-size: 12pt;
		float:left;
		width:100%;
	}

	#ft ul li  a:link {
		color:white;
		text-decoration:none;
	}

	#ft ul li a:hover {
		color:white;
		text-decoration:none;
			background-image:url(../img/querup_grey_right.gif);
	}

#ft ul li li a:link {
	color:white;
	text-decoration:none;
}

#ft ul li li a:hover {
	color:white;
	text-decoration:none;
		background-image:url(../img/querup_grey_right.gif);
}

html>body #ft { 
  bottom:0;
  left:0;
    right:0;
	 position:fixed;
	}	

 /* IE */
* html #ft {
	color: white;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
#hd, #ft {
  padding-bottom:0;
  padding-top:0;
}

/*//////blinky////////*/

#blinkwrap{height:25%;}			
#log			
#pixel{position:absolute;
left:75%;
z-index:1;}			
#pinkup {
				position:absolute;
				background-image:url(../img/bg2pink.gif);
				height:10%;
				width:25%;
				top:35%;
				left:19%;
				z-index:2;
				
				
			}
			
#cyanquer {
				position:absolute;
				color: black;
				font-size:100px;
				background-color:transparent;
				height:12%;
				width:35%;
				padding: 00px ;
				position:right;
				top:25%;
				left:20%;
				background-image:url(../img/querpixelloopcyan.gif);
				z-index:4;
			}
			
			
#gelbquer {
	position:absolute;
	background-color:  #191919;
	color: #ff9f07;
	height:5%;
	width:33%;
	top:68%;
	left:25%;
	background-image:url(../img/bquergelb.gif);
	z-index:7;
			}
	



#sterne {
			position:absolute;
			background-image:url(../img/sterne.gif);
			background-repeat:y-repeat;
			background-attachment:scroll;
			top:0px;
			left:0px;
			height: 100%;
			width: 100%;
			
			}