/* Aussehen des Bodys */
body {
    
	/* horizontale Beschränkung */
	max-width: 1100px;
    min-width: 550px;
    
	margin: auto;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	
}

html {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	background-color: #369;
}


/* Aussehen der Naviagtionsliste (im Tag <nav>) */
#nav ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    text-align: center;
    border-bottom-color: #036;
    border-bottom-style: solid;
    padding: 0.2em 0em;
    margin-bottom: 0em;
	font-variant: small-caps;
	font-size: 1.5em;
    font-family: Calibri, sans-serif;
    font-weight: bold;
}
    
    /* Aussehen der Listenelemente */
    #nav ul li{
        display: inline;
    }
    
    /* Aussehen der Links in der Liste */
    #nav ul li a{
        text-decoration: none;
    	padding: 0.2em 1em;
        color: white;
    }
    
    /* Aussehen der Links wenn Maus drüber */
    #nav ul li a:hover{
        background-color: #036;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    /* Aussehen des aktiven Links (gekennzeichnet mit dem Attribut id="active"), Definition der Tabs (bestehen aus border) */
    #nav ul li a#active{
        background-color: #369;
        border-top-color: #036;
        border-top-style: solid;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-left-color: #036;
        border-left-style: solid;
        border-right-color: #036;
        border-right-style: solid;
        border-bottom-color: #369;
        border-bottom-style: solid;
    }
    

/* Aussehen der seitenspezifischen Navigationsleite (im Tag <div id="subnav">) */
#subnav ul {
    padding-left: 0;
    margin-left: 0;
    background-color: #369;
    color: White;
    float: left;
    width: 100%;
    font-family: Calibri, sans-serif;
    text-align: center;
    list-style-type: none;
    border-bottom-color: #036;
    border-bottom-style: solid;
    padding: 0.5em 0em 0.2em 0em;
    margin-top: 0em;
}

    #subnav ul li { 
        display: inline; 
    }
    
    #subnav ul li a {
        padding: .2em 1em;
        color: White;
        text-decoration: none;
        font-size: 1.3em;
        font-variant: small-caps;
        font-weight: bold;
    }
    
    #subnav ul li a:hover {
        color: #036;
    }
    
    #subnav ul li #active {
        color: #036;
    }
    

/* Aussehen der Seitenüberschrift mit Navigation (im <header>-Tag) */
#header {
    font-family: Calibri, sans-serif;
    font-size: 2em;
    font-weight: bold;
    font-variant: small-caps;
    color: white;
    margin-left: 1em;
    margin-top: 0.3em;
}

    #header a {
        text-decoration: none;
        color: white;
    }
    
    #header a:hover {
        text-decoration: underline;
    }

	
/* Aussehen des eigentlichen Inhalts (im Tag <div id="main"> */
#main {
    background-color: White;
    margin-top: 0.1em;
    padding: 1em;
    min-height: 400px;
}
    /* Aussehen der normalen Absätze (im <p>-Tag) */
    #main p {
        padding-top: 0em;
        margin-top: 0em;
        font-family: Calibri, sans-serif;
        font-size: 0.9em;
    }
    
        /* Aussehen der Zeitangaben <time> im <p>-Tag */
        #main p time {
            color: #000;
        }
        
    /* Aussehen der Autoangaben im div id="author" */
    #main #author {
        font-style: italic;
        color: #999;
        font-size: 0.8em;
        font-family: Calibri, sans-serif;
    }
    
    /* Aussehen der h1-Überschriften */
    #main h1 {
        text-decoration: none;
        font-weight: bold;
        font-family: Calibri, sans-serif;
        font-size: 1.4em;
        font-variant: small-caps;
        color: #036;
        margin-bottom: 0em;
        padding-bottom: 0em;
    }
    
    /* Aussehen der h2-Überschriften */
    #main h2 {
        text-decoration: none;
        font-weight: bold;
        font-family: Calibri, sans-serif;
        font-size: 1.2em;
        font-variant: small-caps;
        color: #036;
        margin-bottom: 0em;
        padding-bottom: 0em;
    }
    
    /* Aussehen der h3-Überschriften */
    #main h3 {
        text-decoration: none;
        font-weight: bold;
        font-family: Calibri, sans-serif;
        font-size: 1.1em;
        font-variant: small-caps;
        color: #036;
        margin-bottom: 0em;
        padding-bottom: 0em;
    }
    
    /* Aussehen der h4-Überschriften */
    #main h4 {
        text-decoration: none;
        font-weight: bold;
        font-family: Calibri, sans-serif;
        font-size: 1.0em;
        font-variant: small-caps;
        color: #036;
        margin-bottom: 0em;
        padding-bottom: 0em;
    }
    
    /* Aussehen der Zeitangaben im main-Teil */
    #main time {
        padding-top: 0em;
        margin-top: 0em;
        font-family: Calibri, sans-serif;
        color: #999;
    }
    
    /* Aussehend der Tabellenzellen */
    #main table {
        font-family: Calibri, sans-serif;
        margin: 1em auto;
        border-collapse: collapse;
        padding: .5em 1em;
    }
    
        #main table th {
            background-color: gray;
            font-variant: small-caps;
            color: white;
            font-size: 1em;
            padding: 0.3em 1em;
        }
        
        #main table td {
            font-size: 0.9em;
            padding: 0.5em 1em;
        }
        
        #main table tr:hover {
            background-color: lightblue;
        }
        
        #main table tfoot {
            text-align: center;
            font-size: 0.7em;
        }
        
    /* Aussehen der events-Listen im Hauptbereich */
    #main ul#events {
        list-style-image: url(/next.png);
        font-family: Calibri, sans-serif;
        /*padding-left: 0em;*/
    }
    
        #main ul#events li {
            padding: 0.2em 0em;
            font-size: 1em;
        }
        
        #main ul#events li a{
            text-decoration: none;
            color: black;
        }
        
        #main ul#events li a time {
            color: #888;
			font-variant: small-caps;
        }
        
    /* Aussehen der Listen */
    #main ul {
        list-style-type: square;
        font-family: Calibri, sans-serif;
        font-size: 0.9em;
    }
    
        /* Aussehen der Listen auf zweiter Ebene */
        #main ul ul {
            font-size: 1.0em;
            list-style-type: disc;
        }
		
	/* Aussehen der Neuigkeite auf der Startseite */
	#main #news {
	}
		
		#main #news h2 {
			clear: both;
			/*margin-top: 1.5em;*/
		}
        
		#main #news time {
			margin-top: 0;
			clear: both;
			font-size: 0.9em;
		}
		
		#main #news img {
			float: left;
			padding: 0em 0.5em 0.5em 0;
			/*margin-bottom: 1.5em;*/
		}
		
		#main #news hr {
			clear: both;
			margin: 0em 0.5em 1em 0em;
		}
		
		#main #news h3 {
			clear: both;
			margin: 0;
			padding: 0;
			font-size: 0.1em;
		}
		
img {
	border: 0;
}
		
/* Aussehen des Facebook-Like-Button-Abschnittes */
#fblike {
    height: 24px;
    background-image: url('/gradient.png');
    background-repeat: repeat-x;
    text-align: center;
}

/* Aussehen des Facebook-Kommentar-Abschnittes */
#fbcomment {
    background-color: #fff;
    background-image: url('gradient.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 1em 1em;
}

#fbfan {
	text-align: center;
}

#fb-root {
	float: right;
}

/* Aussehen der Fußzeilen (im <footer>-Tag) */
#footer {
    font-size: 0.7em;
    font-family: Calibri, sans-serif;
    color: lightgrey;
    text-align: center;
    padding-top: 0.5em;
}

	/* Aussehen der Links in der Fußzeile (im <footer>-Tag) */
	#footer a {
		font-family: Calibri, sans-serif;
		color: lightgrey;
		text-align: center;
		text-decoration: underline;
	}

#marquee a {
	font-family: Calibri, sans-serif;
	font-size: 1.3em;
	color: #036;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}