/*-------------------------------Allgemein-CSS--------------------------------*/
 html { 
       font-size: 100.01%; 
      }

 body {
       background-color: white;
       font-family: arial, sans-serif;
       text-align: center;
       margin: 0px;
      }

 * {
    /*border: 1px solid lime;*/
   }

 a {
    color:black;
   }

 p {
    text-align: justify;
    padding: 5px;	
   }

/*-------------------------------Ende-ALLGEMEIN-CSS--------------------------------*/

 #centercontent {
		 
		 width: 700px;
		 height: 600px;
		 margin-left: auto;
		 margin-top: 0px;
		 margin-right: auto;
		 margin-bottom: 0px;
		 text-align: left;
		}

 * {
    /*border: 1px solid lime;*/
   }

 a {
    color:black;
   }

 p {
    text-align: justify;
    padding: 5px;	
   }

 lable {

	width: 120px;
	padding: 3px;
       }

 #roterrahmen {
	       position: relative;
	       top: 0px;
	       background-color: white;
	       width: 675px;
	       height: 400px;
	       border: 0px solid rgb(200,0,0);
	      } 

/*-------------------------------MENUE-CSS--------------------------------*/
 #menue {
	 position: relative;
	 top: -60px;
	 left: 0px;	 
     	 margin: 0px;
     	 padding: 2px;
	 width: 142px;
     	 background-color: rgb(240,240,240);
	 border: 1px solid rgb(200,200,200);
	 font-family: arial, sans-serif;
    	}

 #menue a {
	   display: block;
	   
	  }

 .menuepunkt {
	      /*font-family: Verdana, Arial, Sans-serif;*/
    	      width: 125px;
	      border-top: 2px solid rgb(250,250,250);
	      border-left: 2px solid rgb(250,250,250);
	      border-right: 2px solid rgb(210,210,210);
	      border-bottom: 2px solid rgb(210,210,210);
	      margin: 4px;
	      background-color: rgb(245,245,245);
	      padding: 2px;
	      padding-left: 4px;
	      height: 19px;
	      text-decoration: none;
	     }



 .menuepunkt:active {
		     border-top: 2px solid #d2d2d2;
		     border-left: 2px solid #d2d2d2;
		     border-right: 2px solid #fafafa;
		     border-bottom: 2px solid #fafafa;
		     padding-top: 3px;
		     padding-left: 3px;
		     padding-bottom: 1px;
		     padding-right: 1px;
		    }


 .menuepunkt:hover {
		    font-weight: bold;
		   }
 
 #lock {
	color: rgb(250,250,250);
        border-top-color: rgb(255,140,110);
        border-left-color: rgb(255,140,110);
        border-right-color: rgb(180,80,80);
        border-bottom-color: rgb(180,80,80);
        background-color: rgb(230,0,0);
        font-weight: bold;
       }

 #lock:active {
	       color: rgb(235,235,235);
	       border-top-color: rgb(180,80,80);
	       border-left-color: rgb(180,80,80);
	       border-right-color: rgb(255,140,110);
	       border-bottom-color: rgb(255,140,110);
	      }


/*----------------------------ENDE-MENUE-CSS--------------------------------*/

 #main {
	border: 1px solid rgb(200,200,200);
	position: absolute;
	top: -60px;
	left: 160px;
	width: 512px;
	height: 388px;
	text-align: center;
	background-color: rgb(240,240,240);
	font-size: small;
	padding: 5px;
	
       }

 table {
	text-align: left;
	/*border: 1px solid black;*/
       }

 #s1 {
     	 width: 120px;
     	 /*border: 1px solid grey;*/
	 padding-bottom: 15px;
    	}

 #s2 {
	 width: 390px;
	 /*border: 1px solid black;*/
	 padding-bottom: 15px;
	}

 #main h1 {
	   font-size: large;
	   font-family: arial, sans-serif;
	  }

 #main ul {
	   text-align: left;
	  }

 #main li {
	   margin: 8px;
	  }

 #menuebottom {
	       position: absolute;
	       top: 350px;
	       left: 0px;
	       background-color: #F0F0F0;
	       border: 1px solid rgb(200,200,200);
	       font-size: small;
	       padding: 1px;
	       color: rgb(200,200,200);
	       margin: 0px;
	       width: 680px;
	       text-align: center;
	      }

 #menuebottom a {
		 color: rgb(75,75,75);
		 text-decoration: none;
		}

/*----------------------Titel-style-----------------------*/

 #title {
	 /*border: 1px solid green;*/
         position: relative;
         left: 170px;
	 top: -60px;
	 text-align: center;
	 margin: 0px;
	 font-family: verdana;
	 color: rgb(230,0,0);
	 width: 500px;
    	}

 #subtitle {
	    /*border: 1px solid black;*/
	    position: relative;
	    left: 210px;
	    top: -60px;
	    color: rgb(230,0,0);
	    margin: 8px;
	    width: 430px;
	   }

 #logo {
	display: inline; 
	left: 20px; 
	/*border: solid black 1px;*/
	position: relative;
	top: 10px;
       }

 #header {
	  /*border: solid 1px black; */
	  text-align: left;
	  width: 682px;
	  height: 140px;
	  padding: 0px; 
	 }
/*----------------------ENDE-Titel-style-----------------------*/

/*----------------------Bilder_seite-style-----------------------*/

 #thumbnails {
	      border-bottom: 1px solid rgb(200,200,200);
	      position: absolute;
	      top: 0px;
	      left: 0px;
	      padding: 2px;
	      width: 516px;
	     }

 .thnav {
	 display: inline;
	 position: relative;
	 top: -25px;
	 padding: 10px;
	 padding-top: 22px;
	 padding-bottom: 21px;
      	 background-color: silver;
	 font-weight: bold;
	}
	
 a img{
       border-style: none;
       margin: 4px;
       margin-left: 8px;
      } 
	
 .mainpic {
	   display: block;
	   position: absolute;
	   top: 80px;
	   left: 50px;
	  }
 .thpic:hover {
	       /*border: 2px solid black; */
	      }

/*-----------------------End-Bilder_seite-Style------------------*/

/*-----------------------passfoto-div----------------------------*/

 #passfoto {
	    position: absolute;
	    top: 175px;
	    width: 146px;
	    height: 162px;
	    text-align: center;
	    background-color: rgb(240,240,240);
	    border: solid 1px rgb(200,200,200);
	    font-size: 0.9em;
	   }
 
/*-----------------------Ende-passfoto-div-----------------------*/