body {
	      
	font-family: Verdana, Tahoma, Arial, Book Antiqua, Times New Roman, serif;
		}
      
      h2 {
        text-align: center;
        letter-spacing: 0.1ex;
        color: #0a245a;
        text-size: 1.0em;
        font-style: none;
      }
       h3 {
        text-align: center;
        color: #0a245a;
        font-size: 0.90em;
        font-style: normal;
      }
      p {
        text-align: justify;
        text-justify: newspaper;
        font-size: 0.80em;
      }
      p.tbl {
        text-align: left;
        }
      p.right {
        text-align: right;
        }
	  p.cen {
        text-align: center;
        }
      ul {
        text-align: justify;
        text-justify: newspaper;
        font-size: 0.80em;
      }
      ol {
        text-align: justify;
        text-justify: newspaper;
        font-size: 0.80em;
      }
     span.red {
        color: #cc0033;
      }

     .title {
	  text-align: center;	  
	  font-family:Arial, Helvetica, sans-serif;
	  color:#191919;
	  font-size:20px;
	  font-style:italic;
	  font-weight:bolder;
	  font-style:filter:dropshadow(color=silver,offx=3,offy=3,positive=0);
	  }
#page {
margin:15px;
/*background-image: url(fon.jpg);*/
} 
/* These hieghts and widths should be edited to your images */	
ul#pikame{
    text-align: center !important;
	padding-left:0;
	width:550px;
	margin:0 auto;}
.pika_main{
	width:550px;
	
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #ccc;
	position:relative;
	overflow:hidden;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #ccc;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;color:white;font-style:italic;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size:12px;color:#003333;font-weight:bold;text-decoration:none;cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* menu */

.menu p {
		font-size:14px;
		text-align:center;
		/*padding:2px 2px;*/
		
		
}

.menu div {
		background-color:#12436c;
	/*	border:5px solid white;*/
		width:225px;
		padding:1px;
}
.menu a {
		   color:#ffcb05 !important;
		   font-weight:bold;
		   text-decoration:none;
		   /*padding-left:30px;
		   line-height:55px;*/
		   
		}	
.menu a:hover {
	color:#ffcb05  !important;
}		
.menu a:visited {
	color:#ffcb05  !important;
}				
/************/

/*Abitur*/

.abitur p {
		font-size:30px;
		text-align:center;
		
		/*padding:2px 2px;*/
		
		
}

.abitur div {
		border-radius: 25px;
		border:5px solid #12436c;
		width:400px;
		height:120px;
		padding:3px;
		vertical-align:middle;
}
.abitur a {
		   color:#12436c; !important;
		   font-weight:bold;
		   text-decoration:none;
		   /*padding-left:30px;
		   line-height:55px;*/
		   
		}	
.abitur a:hover {
	color:#12436c;  !important;
}		
.abitur a:visited {
	color:#12436c;  !important;
}				

/***/

/************/

/*Pract*/

.pract p {
		font-size:30px;
		text-align:center;
		
		/*padding:2px 2px;*/
		
		
}

.pract div {
		border-radius: 25px;
		border:5px solid #12436c;
		width:400px;
		height:180px;
		padding:3px;
		vertical-align:middle;
}
.pract a {
		   color:#12436c; !important;
		   font-weight:bold;
		   text-decoration:none;
		   /*padding-left:30px;
		   line-height:55px;*/
		   
		}	
.pract a:hover {
	color:#12436c;  !important;
}		
.pract a:visited {
	color:#12436c;  !important;
}				

/***/

 /* button */
 .button {
	 background-color:#12436c;
 }
 .button a {
		   color:#f4b21d !important;
		   font-weight:bold;
		   text-decoration:none;
		   /*padding-left:30px;
		   line-height:55px;*/
		   
		}	
.button a:hover {
	color:#f4b21d  !important;
}		
.button a:visited {
	color:#f4b21d  !important;
}