/* Stylesheet für mbnGestaltungskurse */
*html { height: 101%; } /* erzwingt Scrollbar im Firefox */

body {
	color: black; /*schriftfarbe */
	background-color: white; /* hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /*Schriftgröße */
	}

#wrapper {
	color: black;
	background-color: white;
	width: 85%; /* Breite des Inhaltsbereichs */
	margin-top: 30px;
	margin-right: auto; /* Abstand automatisch */
	margin-bottom: 80px;
	margin-left: auto;
	border: 8px solid #d9d9d9;
	}
#kopfbereich {
	color: black;
	background-color: #85C6CA; /* verschachtelter Selektor: nur die Grafik im Kopfbereich */
	background-image: url(grafiken/selbst.jpg);
	background-repeat: repeat-y; /* vertikal (untereinander) */
	padding-top: 70px;
	padding-right: 20px; 
	padding-bottom: 30px; 
	padding-left: 20px; 
	border-bottom: 8px solid #d9d9d9;
	}
#kopfbereich img {
	background-color: white;
	padding: 5px;
	border: 5px solid #d9d9d9;
	}
#kopfbereich p {
	padding: 5px 0 5px 0;
	margin-bottom: 0; /* war 1em */
	}
#navibereich { 
	text-align: left; /* linksbündig */
	color: black;
	background-color: #ADD9DC;
	padding: 30px 20px 4px 20px;
	border-bottom: 8px solid #d9d9d9;
	} 
	#navibereich ul {
	    margin-bottom: 0; /* keinen unteren Rand */ 
		}
    #navibereich li {
		display: inline; 
		list-style-type: none;
		margin: 0; 
		}
	#navibereich a { 
		color: black; 
		background-color: white;
		padding: 4px 8px 5px 8px;
		border: 1px solid #8c8c8c;
		border-bottom: 0;
		}
	#navibereich a:hover,
		#index #navi01 a,
		#konzeption #navi02 a,
		#gestaltungskurse #navi03 a,
		#grundkurse #navi04 a,
		#museumspaedagogik #navi05 a,
		#bildverzeichnis #navi06 a ,
		#uebersicht #navi07 a {
	    text-decoration: none; /* Unterstreichung aus */ 
	    color: black; 
	    background-color: #CFE9EB; /*hellblau*/
	    padding-bottom: 5px; /* ein Pixel mehr als oben */ 
	    border-bottom: none; /* Untere Rahmenlinie aus */ 
	}
	#navibereich a:active { 
		background-color: #60B5BB; /*dunkelblau*/
		}
	
#textbereich { 
  padding-top: 0px ;
  padding-right: 10px; 
  padding-bottom: 20px;
  padding-left: 20px; 
	}
	
	#aufzaehlung li{
		padding-bottom: 15px;
		}
		
.box_links {		
		width:370px;
		background-color: withe;
		padding: 0px 10px 0px 30px;
		margin-left: 0px;
		margin-bottom: 10px;
		}
.box_rechts {
		float:right;
		width: 300px;
		border-left: 1px solid #d9d9d9;
		background-color: white;
		padding: 0px 10px 0px 10px;
		margin-left: 20px;
		margin-bottom: 10px;
		}
.box_produkt {		
		width:420px;
		border: 8px solid #d9d9d9;
		background-color: withe;
		padding: 10px 10px 0px 10px;
		margin-left: 0px;
		margin-bottom: 5px;
		}
.box {
		float:right;
		border-left: 1px solid #d9d9d9;
		width:250px;
		background-color: withe;
		padding: 0px 10px 10px 10px;
		margin-left: 20px;
		margin-bottom: 10px;
		}
				
.box_breit {
		float:right;
		width:370px;
		border-left: 2px solid #d9d9d9;
		background-color: withe;
		padding: 0px 10px 10px 10px;
		margin-left: 20px;
		margin-bottom: 10px;
		}
		
.box_normal {		
		width:65%;
		background-color: withe;
		padding: 0px 10px 0px 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		}		
		
#fussbereich {
	padding: 20px;
	padding-top: 10px; /* Innenabstand oben, unterhalb Linie */
	border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
	margin-top: 0px; /* Außenabstand oben, oberhalb Linie */
	}

h1 { 
	font-size: 200%;
	}
h2 { 
	font-size: 130%;
	margin-bottom: 1em;
	}
h3 { 
	font-size: 110%;
	margin-bottom: 1em;
	}
h4 { 
	margin-bottom: 1em;
	}
	
	
address {
	text-align: center; /*zentrieren */
	font-size: 80%; /* etwas kleiner */
	font-style: normal; /* normale Schrift - nicht kursiv */
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	line-height: 1.5em; /* Zeilenabstand */
	}
	
a {
	text-decoration: none; outline: none; } /* Unterstreichung entfernen */
a:link {
	color: #55AAAA;}
a:visited {
	color: #3F816F;}
a:hover, a:focus { 
	text-decoration: underline;}
a:active { 
	color: 	#B22222; background-color: white;}
.skiplink  { 
	display: none; }
	
p, ul , ol, hr{
	padding: 0;
	margin-top: 0 ;
	margin-right: 0 ;
	margin-bottom: 1em ; /* Abstand nach unten */
	margin-left: 0; }
ul ul {
	margin: 0;
	}
li {
	margin-left: 3em; /* Abstand von links */
	}
	
img {border: 0;
	}