﻿body
{
	font-size: 0.64em;
	background-image: url('bildwerk/rotar8.jpeg');
	font-family: Arial, Helvetica, Sans-Serif;
}
h1
{
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #660033;
	text-align: left;
}
h1.einruck
{
	text-indent: 1.0em;
}
h2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 2.2em;
	font-weight: bold;
	text-align: left;
	color: #666699;
	line-height: 175%;
}
h2.einruck
{
	text-indent: 1em;
}
p
{
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.1em;
	text-align: left;
	line-height: 200%;
	color: #666666;
}
.p2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.6em;
	text-align: right;
	line-height: 175%;
	color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	font-weight: bold;
}
.p2a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	text-align: right;
	line-height: 175%;
	color: #990033;
	font-weight: normal;
}
.p3
{
	font-family: 'Courier New' , Courier, Monospace;
	font-size: 1.3em;
	text-align: left;
	line-height: 175%;
	color: #800000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	border-top-style: dotted;
	border-top-color: #C0C0C0;
	border-top-width: 1px;
	font-weight: bold;
}
li
{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	text-align: left;
	list-style-type: disc;
	list-style-position: inside;
	color: #666666;
}
.toxahead
{
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #669900;
	text-align: left;
}
.toxahead2
{
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	font-style: italic;
	text-align: left;
}
.toxa
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	color: #996633;
	text-align: left;
	list-style-type: disc;
	line-height: 180%;
	list-style-position: outside;
	text-align: left;
}
.toxa2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	color: #666666;
	text-align: left;
}
.toxa3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color: #996666;
	text-align: left;
	list-style-position: inside;
	margin-left: -20px;
}
.orange
{
	font-weight: bold;
	color: #FF9900;
	font-family: Arial, Helvetica, Sans-Serif;
}
a:link
{
	border: 1px solid #990033;
	color: #000000;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
}
a:visited
{
	border: 2px solid #C0C0C0;
	color: #660033;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
}
a:hover
{
	font-weight: bold;
	background-color: #FF9900;
	padding: 1px 3px 1px 3px;
	color: #FFFFFF;
	text-decoration: none;
}
a:active
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFCC00;
	padding: 1px 3px 1px 3px;
	color: #FFFFFF;
	text-decoration: none;
}

a.pagethumb:link
{
	border: 5px solid #C0C0C0;
	position: relative;
	top: 50px;
	float: right;
	width: 256px;
	margin-bottom: 60px;
	margin-left: 25px;
	text-decoration: none;
}
a.pagethumb:visited
{
	border: 5px solid #C0C0C0;
	position: relative;
	top: 50px;
	float: right;
	width: 256px;
	margin-bottom: 60px;
	margin-left: 25px;
	text-decoration: none;
}
a.pagethumb:hover
{
	border: 5px solid #660033;
	position: relative;
	top: 50px;
	float: right;
	width: 256px;
	margin-bottom: 60px;
	margin-left: 25px;
	text-decoration: none;
	background-color: #FFFFFF;
}
a.pagethumb:active
{
	border: 5px solid #C0C0C0;
	position: relative;
	top: 50px;
	float: right;
	width: 256px;
	margin-bottom: 60px;
	margin-left: 25px;
	text-decoration: none;
}
.navigation
{
	position: relative;
	left: 345px;
	width: 450px;
	padding: 5px;
	margin-top: 150px;
	font-size: 1.4em;
}
.topnavigation
{
	position: relative;
	left: 345px;
	width: 450px;
	padding: 5px;
	margin-top: 20px;
	font-size: 1.4em;
}
.bottomnavigation
{
	position: relative;
	left: 345px;
	width: 450px;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 1.4em;
}
hr
{
	border: 1px dotted #009999;
}
em
{
	color: #0066CC;
	font-variant: small-caps;
}
cite
{
	font-style: italic;
	color: #990033;
	font-size: 0.9em;
}
#headnavi
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	text-align: center;
	position: relative;
	bottom: 25px;
	left: 0px;
	color: #CC0099;
	word-spacing: 10px;
	padding: 5px;
	background-color: #CCCCCC;
}
#bottomnavi
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	text-align: center;
	position: relative;
	bottom: 25px;
	left: 0px;
	color: #CC0099;
	word-spacing: 10px;
	margin-top: 80px;
	padding-bottom: 20px;
}
.back
{
	margin-right: 175px;
}
#pageboxklar
{
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
}

.minibox
{
	border-style: solid;
	border-width: 0px 5px 3px 0px;
	border-color: #D9D8D5;
	position: relative;
	width: 150px;
	left: 100px;
	padding: 5px 30px 5px 50px;
	margin: 30px 0px 15px 0px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.6em;
	color: #808080;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.pagethumb
{
	width: 256px;
}
/*titel*/
#pageboxTitel
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/geometrien.jpg') #FFFFFF no-repeat;
}
#textboxTitel
{
	padding: 0px;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 300px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 14px;
	color: #938E88;
}
#newsboxTitel
{
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 420px;
	left: 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
}

/*wortwerk1*/
#pagebox1
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/wortwerkpusteblume.jpg') #FFFFFF no-repeat;
}
#textbox1
{
	padding: 0px;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 300px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	color: #938E88;
}
#newsbox1
{
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 490px;
	left: 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
}

/*wortwerk1-2*/
.back
{
	margin-right: 175px;
}
.textbox1a
{
	border-left: 5px solid #D9D8D5;
	border-right: 30px solid #D9D8D5;
	border-top: 5px solid #D9D8D5;
	border-bottom: 5px solid #D9D8D5;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 30px 0px 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	background: url('bildwerk/kletrop1.jpg') #FFFFFF no-repeat;
	top: -15px;
}

/*bildwerk2*/
#pagebox2
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/bildwerktreppenhaus.jpg') #FFFFFF no-repeat;
}
#textbox2
{
	padding: 0px;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 300px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	color: #938E88;
}
#newsbox2
{
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 520px;
	left: 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
}
/*bildwerk2-2*/
.textbox2a
{
	border-left: 5px solid #D9D8D5;
	border-right: 30px solid #D9D8D5;
	border-top: 5px solid #D9D8D5;
	border-bottom: 5px solid #D9D8D5;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 30px 0px 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	background: url('bildwerk/kletrop2.jpg') #FFFFFF no-repeat;
	top: -15px;
}
/*klangwerk3*/
#pagebox3
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/klangwerkstockrose.jpg') #FFFFFF no-repeat;
}
#textbox3
{
	padding: 0px;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 300px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	color: #938E88;
}
#newsbox3
{
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 490px;
	left: 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
}
/*netzwerk4*/
#pagebox4
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/netzwerkspinne.jpg') #FFFFFF no-repeat;
}
#textbox4
{
	padding: 0px;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 300px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	color: #938E88;
}
#newsbox4
{
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 460px;
	left: 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
}
/*netzwerk4-2*/
.textbox4a
{
	border-left: 5px solid #D9D8D5;
	border-right: 30px solid #D9D8D5;
	border-top: 5px solid #D9D8D5;
	border-bottom: 5px solid #D9D8D5;
	margin: 30px 0px 40px 0px;
	position: relative;
	padding: 0px 30px 0px 50px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	background: url('bildwerk/kletrop4.jpg') #FFFFFF no-repeat;
	top: -15px;
}
/*impressum*/
#pagebox5
{
	border-style: solid;
	border-width: 30px 30px 5px 5px;
	border-color: #D9D8D5;
	margin: 15px auto 15px auto;
	position: relative;
	width: 700px;
	background: url('bildwerk/impressumathene.jpg') #FFFFFF no-repeat;
}
#textbox5
{
	padding: 0px;
	margin: 60px 0px 40px 0px;
	position: relative;
	padding: 0px 0px 0px 50px;
	width: 300px;
	left: 320px;
	font-family: 'Times New Roman' , Times, Serif;
	font-size: 1.4em;
	color: #938E88;
}



#space
{
	height: 600px;
	width: 700px;
}
.lilspace
{
	margin-left: 2px;
}
#adres
{
	border-width: 1px;
	border-color: #CCCCCC;
	position: relative;
	bottom: 10px;
	width: 600px;
	right: -50px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	text-align: right;
	color: #999999;
	border-top-style: solid;
	padding-top: 5px;
	line-height: 200%;
	padding-right: 50px;
}
.pujope
{
	position: relative;
	bottom: -40px;
	left: 16px;
}
.pujomi
{
	position: relative;
	bottom: -40px;
	left: 28px;
}
.pujomi2
{
	position: relative;
	bottom: -40px;
	left: 28px;
}
.pujomi3
{
	position: relative;
	bottom: 0px;
	left: 68px;
}

