/* CSS-Inhalt 
    1. Kalibrierung
    2. Allgemeine Styles
    3. Site, Header, Navigation, Content, Right, Footer
    4. Einzelne Seiten  
*/

/* Kalibrierung */

* { padding: 0; margin: 0; }

p {
  margin: 1em 0;
}

table {
  margin: 5px;
}

td { 
  padding: 1px;
}
 
/* Allgemeine Styles */

html, body {
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    background-color: #CCCCCC;
}

a:link {color:black; }
a:visited {color:black; }
a:active {color:black; }
a:hover {color:black; text-decoration:none}

/* Site, Header, Navigation, Content, Right, Footer */

#site {
    width: 950px; 
    margin: 10px auto 10px auto;
    border: 1px solid #000000;
    background-color: #F3F8FD;

}
#header {
    width: 100%;
    height: 100px;
    background-image: url("../images/gradient.png");
    border-bottom: 1px solid #000000;
}

	#header h1 {
	    position: relative;
	    left: 40px;
	    top: 20px;
	    padding: 0px;
	    margin: 0px;
	    border: 0px;
	    width: 500px;
	    font-family: Verdana;
	    font-size: 25px;
	    font-variant:small-caps;
	    letter-spacing:2px;
	    color: #FFFFFF;
	}
	
	#header h2 {
	    position: relative;
	    left: 120px;
	    top: 32px;
	    padding: 0px;
	    margin: 0px;
	    border: 0px;
	    width: 800px;
	    font-family: Verdana;
	    font-size: 14px;
	    font-variant:small-caps;
	    letter-spacing:2px;
	    color: #FFFFFF;
	}
	
	#arrow {
       position: relative;
       left: 50px;
       top: 10px;
       width: 54px;
       height: 28px;
    }
    
    #arrow img {
       border: 0px;
    }
    
#nav {
    margin-top: 15px;
}
#nav ul {
    list-style: none;
    }
#nav li {
    padding: 3px 0;
    font-weight: bold;
    }
	#nav li a {
	    text-decoration: none;
	    }
		#nav li a:hover {
		    color: white;
		}
			    
#content {
    float: right;
    width: 780px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    border-left: 1px solid #000000;
}

#left {
	float: left;
    width: 120px;
    padding-left: 20px;
    padding-bottom: 20px;
}

#footer {
    width: 100%;
    clear: both;
    border-top: 1px solid #000000;
    text-align: center;
    height: 30px;
}