body {
font-family : helvetica, arial, sans-serif;
font-size: small;
text-align:center;
background-color: #999;
color:#000099;
}

/* Grobe Seitenstruktur */

#inhalt{
	background-color: #FFF;
	background-image: none;
	text-align:left;
	width:760px;
	margin:20px auto;
	padding: 0px;
	border-style: solid;
	border-width: 5px;
	border-color: #EEEEEE;
}


#navi{
	background-color: #ffffff;
	width: 165px;
	height: 1124px;
	float:left;
	margin: 0px;
	padding: 0px;
	
	background-image: url(images/navi/navi_bg.jpg);
	background-repeat: no-repeat;
	
}


#main{
	background-color: #fff;
	background-image: url(images/navi/oben.gif);
	background-repeat: no-repeat;
	/*width: 575px;*/
	width: 525px;
	min-height: 1000px;
	float:right;
	padding:40px 35px;
	padding-bottom: 0px;
	margin: 0px;
	border-style: none;
	
	text-align:center;
}


#footer{
	background-color: #fff;
	margin: 0px;
	text-align:center;
	height: 80px;
	font-size: 85%;
	color: #999;
	padding: 0px;
}

/* Navi */

#links{
	position:relative;
	font-size: 120%;
}

#home{
	position:absolute;
	left:12px; top:0px; 
}

#sortiment{
	position:absolute;
	left:12px; top:40px; 

}

#atelier{
	position:absolute;
	left:12px; top:207px; 

}

#kunst{
	position:absolute;
	left:12px; top:282px; 

}

#kontakt{
	position:absolute;
	left:25px; top:399px; 

}

a.menu {
	 display:block;
	 padding:3px;
	 text-align:left;
	 color:#737994;
	 text-decoration:none;
	 
	 background-color: none;
 }
 
a.menu:link, a.menu:visited
{
	 color:#737994;
	 text-decoration:none; font-weight:bold;
}

#home a.menu:link,#home a.menu:visited,#home a.menu {
	background-image: url(images/navi/navi_03.jpg);
	background-repeat: no-repeat;
	width: 122px; 
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

#sortiment a.menu:link,#sortiment a.menu:visited,#sortiment a.menu{
	background-image:  url(images/navi/navi_05.jpg);
	background-repeat: no-repeat;
	width: 107px; 
	height: 67px;
	padding-top: 90px;
	padding-left: 12px;
	text-align:center;
}

#atelier a.menu:link,#atelier a.menu:visited,#atelier a.menu{
	background-image:  url(images/navi/navi_07.jpg);
	background-repeat: no-repeat;
	width: 105px; 
	height: 40px;
	padding-top: 30px;
	padding-left: 12px;
}

#kunst a.menu:link,#kunst a.menu:visited,#kunst a.menu{
	background-image:  url(images/navi/navi_09.jpg);
	background-repeat: no-repeat;
	width: 104px; 
	height: 50px;
	padding-top: 60px;
	text-align:right;
}

#kontakt a.menu:link,#kontakt a.menu:visited,#kontakt a.menu{
	background-image:  url(images/navi/navi_12.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 86px; 
	height: 75px;
	padding-top: 10px;
}

a.menu:active, a.menu:hover
{
	color:#000066; font-weight:bold;
}

#home a.menu:active,#home a.menu:hover {
	background-image: url(images/navi/navi_03_over.jpg);

}

#sortiment a.menu:active,#sortiment a.menu:hover{
	background-image:  url(images/navi/navi_05_over.jpg);

}

#atelier a.menu:active,#atelier a.menu:hover{
	background-image:  url(images/navi/navi_07_over.jpg);

}

#kunst a.menu:active,#kunst a.menu:hover{
	background-image:  url(images/navi/navi_09_over.jpg);

}

#kontakt a.menu:active,#kontakt a.menu:hover{
	background-image:  url(images/navi/navi_12_over.jpg);

}


/* Inhalt */

.textbox{
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 10px;
	text-align:right;
}

.veranstaltung{
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 10px;
	text-align:left;
}
.veranstaltung_info{
	float:right;
	width:180px;
	height: 600px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}

#nav_sort{
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image:  url(images/sortunten.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width:525px;
	height:30px;
	position:relative;
	top:-30px; 
	
}


h1{
	font-size: 130%;
}

h2{
	font-size: 110%;
}

em {
	font-weight: bold;
	font-style: normal;
}

a:link { color:#666666; text-decoration:none; }
a:aktive { color:#666666; text-decoration:none; }
a:visited { color:#666666; text-decoration: none }
a:hover { color:#000099; text-decoration:underline; }


/* corona warning */
#warning {
	margin:20px auto;
	width: 725px;
	background: white;
	border: 1px solid blue;

	padding: 8px 32px;
}

#warning .bold {
	font-weight: 600;
}

#warning + #inhalt {
	margin-top: 0;
}