/*styles für scottish fold infopage */

html {
         font-size:100%;
      }

body {
   font-family:Verdana,Helvetica,Arial,sans-serif;
   font-size:1em;
   color: #333;
   background-color: #ffffff;
    
   min-width: 980px;
   }

a {color:#ae0000; text-decoration: none; }

a.untereLinks {color:white;
              }

a:hover {text-decoration:underline;}
nav {border-style:solid;
    border-width:1px;
	border-color: #333;
	width: 18%;
    float:left;	
	}

h1 {font-weight:bold;
    font-size:1.8em;
    background-color:#aa0000;
    color:#ffffff;
    padding: 0.25em;
    }	
h2 {font-weight:bold;
    font-size:1.1em;
	color:black;
	}
	
a.navlinks {display:block;
           border-style: solid;
          border-color: white;
		  border-width: 1px;
		  background-color:grey;
		  margin-bottom:3px;
		  }
		  
main{border-style:none;
    border-width:1px;
	border-color: #333;
	margin-left: 20%;
	background-color:white;
	position:relative; /*neu */
	min-height:100%;  /*neu*/
	}

nav, main {display: block;}

nav a {
    background-image: url(../images/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 0 3px 15px;
	margin-bottom: 12px;
	color: white;
	background-color: grey;
	 }
	 
nav a:hover {text-decoration: none;
	background-image: url(../images/square_over.gif);
	}


img {width:9em;
      height:auto;
	  }
	  
img.gross {width:12em;
          height:auto;}
		  

/* footer */		  
#footer {background-color: #aa0000;
	color: white;
	width:100%;
	height: 2em;
	padding-top:10px;
	margin-top:50px;
}

img.klein {height:1.2em;
          width:auto; 
		   }

/*für smartphones */

@media only screen and (max-width: 480px) {

    nav  {display:inline;
        width:50%;
	    padding: 0 0 0 0;
        border: none;
		text-align:left; 
   	   }
	   
	h1 {text-align:left;
	   width:50%;
	   margin-right:50%;
	   }

	 #footer {text-align:left;
	          width:50%;
	          margin-right:50%;
	      }
	
	   
	nav a {padding:3px 0 5px 15px;
	     }

	 a.navlinks {display:inline;
          margin-bottom:3px;
	      margin-right:2px;
          border: none;
		        }
				
	main { width:440px;
	      margin-left:0%;
	      min-height:50%;
	      margin-top:10%; 
	    }
		
	  
	

	
}
 