* {margin:0;
	padding: 0;
}

html {font-size: 75%;
background: #fff url(img_3127.jpg) top left repeat;
}

body {font-size: 110%; background-color:#fff; color:#000; margin: 3% 10%}

#wrapper {
	background: #81f7f3;
	width: 100%;
	margin: 0 auto;
}

#hauptinhalt {
float: right;
width: 70%;
background-color: #fff;
}

#inhalt {
float: left;
width: 75%;
background-color: #fff;
}


#rechterrand {float: right;
width: 23%;
background-color: #fff;
}

#notizen {
float: left;
width: 27%;
background-color: #fff;
font-size: 200%;
padding: 20px 10px;
}

#meta-information {
padding: 20px 0;
background-color: #0000ff;
background: #fff url(btt_A_Z5.jpg) top left repeat;
font-size: 200%;
font-style:italic;
text-align: center; 
color:#fff;
}

#meta-information.umland {
padding: 20px 0;
background-color: #0000ff;
background: #fff url(btt_A_Z3.jpg) top left repeat;
font-size: 200%;
font-style:italic;
text-align: center; 
color:#fff;
}

#navi {text-align: right; color: black; padding: 15px 20px 5px 20px; margin: 0 auto 0 auto;}
#navi ul {list-style-type: none; margin-bottom: 0;}
#navi li {display: inline; margin: 0; border-left: 1px solid #d90000; border-bottom: 1px solid #d90000;}

#navi a { color: black; background-color: #ffeda0; padding: 4px 8px 4px 8px; border: 1px solid #8c8c8c; text-decoration: none; outline: none; font-weight: 800; font-variant: small-caps; letter-spacing: 2px;}
#navi a:link {color: black;}
#navi a:visited {text-decoration: none; color: #cc6666; }
#navi a:hover, #navi a:focus {background-color: #fff; color: red; border-bottom-color: white;}
#navi a:active {color: white; background-color: #d90000;}

#rand-information {
clear: both;
padding: 20px 0;
background-color: #fff;
text-align: center;

}

#box {
	background: #fff;
	color: #111;
	width: 250px;
	height: 250px;
	top: 100px;
	left: 100px;
}





.teaser {
	padding: 20px;
	border: 5px solid #007eff;
	margin: 10px;
	width: 200px;
	background: #970086;
	color: #fff;
	float: left;
}

#ausstellung {font-family: "Comic sans MS" color: red; margin: 2%;}


#ausstellung p {font-family: verdana, arial, helvetica, sans-serif; font-size:140%; line-height: 160%; color: #fff; margin: 6px 0; }
#notizen p {font-family: georgia, "times new roman", times, serif; font-size:110%; line-height: 150%; color:#000;}
#rechterrand p {font-family: verdana, arial, helvetica, sans-serif; font-size:110%; line-height: 130%; color:#000; padding: 5px;}

#ausstellung img {height: 110px;
margin: 10px 0;}

#notizrn img {width:1em;;
}

#notizen dl {padding: 0px;}
#notizen dt {}
#notizen dd {font-family: Verdana, arial, helvetica, sans-serif; font-variant: small-caps; line-height: 100%;font-size: 60%; margin-bottom:20px;}

#rechterrand dd, dt {padding: 10px 0 5px 2px;}
h1 {font-family: "comic sans MS", "Trebuchet MS", sans-serif; font-size: 160%; letter-spacing: 1px; text-align: right; color: #fff;}

h2 {font-family: "Trebuchet MS", "comic sans MS"; font-size: 200%;color: darkblue; }

#ausstellung h2 {font-family: "Trebuchet MS", "comic sans MS"; letter-spacing: 1px; font-size: 200%; color: #f00;; }

h3 {font-family: "Trebuchet MS", "comic sans MS"; color: darkblue; }

h4 {font-family: "Trebuchet MS", "comic sans MS"; color: darkblue; }

h5 {font-family: "Trebuchet MS", "comic sans MS"; color: darkblue; }

h6 {font-family: "Trebuchet MS", "comic sans MS"; color: darkblue; }

form {background-color: #red; width: 370px; padding: 20px; border: 0px solid #fff;}
label {display: block; cursor: pointer; font-variant: normal; font-weight: 600;}
input#absender,
textarea {width: 350px;
          border: 1px solid #8c8c8c;
          margin-bottom: 1em;}
textarea {height: 8em;}
input#absender:focus, textarea:focus {background-color: #d9d9d9;}
div#kontakt {position:absolute;top:5px;left:60px;}