@media screen{

 .page{
		background-color: #fbfbfb;
 }

h30{
		margin-left: 5px;
		position: absolute;
		top: 88px;
		left: 1px;
		width: 120px;
		z-index: 6;
}

.dertig{
		margin-left: 5px;
		position: absolute;
		top: 88px;
		left: 1px;
		width: 120px;
		z-index: 6;
}



#logo{
		margin-left: 0px;
		position: absolute;
		
		top: 5px;
		left: 15px;
		z-index: 5;
		width: 218px;
		
		background-color: white;
		
		background-image: url("../img/rightshadow.gif");
		background-position: top right;
		background-repeat: repeat-y;

		border-left: 1px solid lightgray;
		border-top: 1px solid lightgray;
		border-bottom: 1px solid lightgray;
		border-right: 0px none;
}


.insplash{
	top: -20px;
	margin: 2px;
	padding: 2px;
	float: right;
	border-right: 3px ridge lightgray;
	border-bottom: 3px ridge lightgray;
	border-top: 3px ridge white;
	border-left: 3px ridge white;

	background-color: #fefefe;
	font-family: "Comic Sans MS", Roman;
	font-size: 9px;	
	
}


img.insplash{
	border: 0px none;
}


 a.menu{
		text-decoration:none;
		font-family: Arial, Sans-Serif;
		
		color: black;
		font-size: 12px;
		width: 210;
		border-bottom: 1px solid gray;
		
 }

 a.menu:hover{
	font-weight: bold;
	color: red;
}

.apics{
		margin: 2px;
		margin-left: 60px;
		
		font-family: "Comic Sans MS", Roman;

		font-size: 14px;
		font-weight: bold;

		text-align: center; 
		text-decoration: none;

		color: black;
		background-color: ivory;		
		cursor: pointer;

		height: 20px;
		width: 260px;
            padding: 4px;  
		border-top: 1px solid beige;
		border-left: 1px solid beige;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		
 }


 .menuimg{
	border: 0px none;
	margin-left: 6px;
}

 .history{
		font-family: "Comic Sans MS", Roman;
 }

 h1.history{
		font-size:72.0pt;
		text-align: center; 
 }

 h2.history{
		font-size:36.0pt;
		text-align: center; 
 }
 h3.history{
		font-size: 24.0pt;
		font-style: italic;
		text-align: center;
		text-decoration: underline;
 }

 p.history{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 12.0pt;
 }

ul.history{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 12.0pt;
 }

 #content{
		margin-right:10%;
		margin-left:10%;
		margin-top: 50px;
		padding-bottom:170px;
		background-color: white;
		background-image: url("../img/anit.jpg");
		border:0px none gray;
		text-align:left;
		font-family: Arial, Sans-Serif;
		color: #030303;
		font-size: 12px;
		min-width:500px;
		}
.duh{
background-image: url("../img/tofstrip.jpg");
} 
 .picture{
		margin-right: 5px;
		margin-top: -150px;
		float: right;
		z-index: 5;
		border: 1px solid gray;
 }

.toppicture{
		margin: 1px;
		margin-top: 1px;
		padding: 0px;
		float: right;
		z-index: 5;
		border: 1px solid purple;
		cursor: pointer;
 }

 .words{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 12px;
 }


.mwords{
		margin-right: 3%;
		margin-left: 4cm;
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
}

h3.mwords{
		margin-right: 3%;
		margin-left: 4cm;
		padding: 3px;
		margin-bottom: 2px;
		margin-top: 6px;
		font-size: 16px;
}

.programwords{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 12px;
		color: blue;
		background-color: white;
 }

.iframewords{
		margin-right: 3%;
		padding-top: 2%;
		font-size: 12px;
		color: blue;
		background-color: white;
 }

.gigframe{
		margin-left: 4cm;
		width: 700px;	
		height: 700px;		
		border: 0px none;		
}

.hidefirst{
		position: absolute;
		left: 100px;
		top: 50px;
		border:1px solid gray;
		text-align:left;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		background-color: white;
		font-size: 10px;
		z-index: 10;
		display: none;
 }

.hidefilm{
		margin-top: 50px;
		margin-left: 4cm;
		border: 1px solid gray;
		border-right: 6px solid gray;
		border-bottom: 6px solid gray;
		text-align:left;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		background-color: white;
		font-size: 10px;
		z-index: 12;
		display: none;
  
 }

}

@media print{

 .page{
		background-color: white;
 }

 #logo{
		margin-left: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -10;
		width: 211px;
		background-color: white;
		border: 0px none;
		display: none;
		}
 #d30{
		z-index: 5;
		display: none;
 }

 a.menu{
		text-decoration:none;
		font-family: Verdana, Arial, Sans-Serif;
		
		color: black;
		font-size: 0px;
		width: 100%;
		border-bottom: 1px solid black;
		display: none;
		
 }
 a.menu:hover{
	font-size: 0px;
	font-weight: bold;
	color: red;
	display: none;
}


 #content{
		margin-right:10%;
		margin-left: 0px;
		margin-top: 10px;
		z-index: 5;
		text-align:left;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		font-size: 12px;
		min-width:500px;
		background-image: none;
		background-color: white;
		}

 .picture{
		margin-right: 5px;
		float: right;
		z-index: -5;
		border: 1px solid brown;
 }
 .toppicture{
		margin: 0px;
		margin-top: 2px;
		padding: 0px;
		float: right;
		z-index: 5;
		border: 1px solid darkblue;
		cursor: pointer;
 }


.insplash{
	margin: 2px;
	padding: 2px;
	float: right;
	border-right: 3px ridge salmon;
	border-bottom: 3px ridge salmon;
	border-top: 3px ridge salmon;
	border-left: 3px ridge salmon;

	background-color: linen;
	font-family: "Comic Sans MS", Roman;
	font-size: 9px;	
}


img.insplash{
	border: 0px none;
}


 .history{
		font-family: "Comic Sans MS", Roman;
 }

 h1.history{
		font-size:72.0pt;
		text-align: center; 
 }

 h2.history{
		font-size:36.0pt;
		text-align: center; 
 }

 h3.history{
		font-size:24.0pt;
		font-style: italic;
		text-align: center;
		text-decoration: underline;
 }


 .leftpic{
	margin-left: 5px;
	float: left;
 }

 .midpic{
	margin-left: 35%;
	float: left;
 }

 .rightpic{
	margin-right: 10px;
	float:right;
 }	





 p.history{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 14px;
 }

ul.history{
		margin-right: 3%;
		margin-left: 4cm;
		padding-top: 2%;
		font-size: 14px;
 }

 .words{
		margin-right: 3%;
		margin-left: 0cm;
		padding-top: 2%;
		font-size: 12px;
 }


 .programwords{
		margin-right: 3%;
		margin-left: 0cm;
		padding-top: 2%;
		font-size: 12px;
		font-weight: bold;
		color: black;		
		background-color: white;
 }


 .hidefirst{
		position: absolute;
		left: 100px;
		top: 50px;
		border:1px solid brown;
		text-align:left;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		background-color: white;
		font-size: 10px;
		z-index: 10;
		display: none;
 }

.hidefilm{
		margin-left: 4cm;
		border: 1px solid gray;
		border-right: 6px solid gray;
		border-bottom: 6px solid gray;
		text-align:left;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		background-color: white;
		font-size: 10px;
		z-index: 11;
		display: none;
 }

.mwords{
		margin-right: 3%;
		padding: 0px;
		margin-left: 0cm;
		margin-bottom: 0px;
		margin-top: 0px;
}

h3.mwords{
		margin-right: 3%;
		margin-left: 0cm;
		padding: 3px;
		margin-bottom: 2px;
		margin-top: 6px;
		font-size: 16px;
}




}