body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
}

#imglogo{
position: absolute;
left: 10px;
top: 10px;
}
#imgmassband{
position: absolute;
left: 450px;
top: 0px;
background-image: url(images/massband.jpg);
width: 200px;
height: 100px;
}
#imgfaden{
position: absolute;
left: 222px;
top: 69px;
background-image: url(images/faden.jpg);
width: 550;
height: 375;
}
#imgkreide0{
position: absolute;
left: 0px;
top: 180px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide1{
position: absolute;
left: 0px;
top: 215px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide2{
position: absolute;
left: 0px;
top: 250px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide3{
position: absolute;
left: 0px;
top: 285px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide4{
position: absolute;
left: 0px;
top: 320px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide5{
position: absolute;
left: 0px;
top: 355px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}
#imgkreide6{
position: absolute;
left: 0px;
top: 390px;
background-image: url(images/kreide.jpg);
width: 100px;
height: 170px;
}

#imgstecknadeln{
position: absolute;
left: 123px;
/*bottom: 0px;*/
top: 700px;
background-image: url(images/stecknadeln.jpg);
width: 220px;
height: 180px;
}
#copy{
	position: absolute;
	left:0px;
	bottom: 0px;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#imgschere{
position: absolute;
left: 710px;
top: 0px;
background-image: url(images/schere.jpg);
width: 299px;
height: 190px;
}
#news1{
position: absolute;
left: 750px;
top: 200px;
background-image: url(images/news1.jpg);
width: 200px;
height: 200px;
}

#news2{
position: absolute;
left: 750px;
top: 400px;
background-image: url(images/newslong.jpg);
width: 200px;
height: 300px;
}

#counter{
	position: absolute;
	bottom: 0px;
	left: 750px;
}
.aktuell{
margin-left: 25px;
margin-top: 15px;
width: 150px;
height: 145px;
font-size: 10pt;
color: #000;
}
.aktuell h2{
font-size: 11pt;
font-weight: bold;
margin-bottom: -5px;
}
.aktuell a:link, .aktuell a:active, .aktuell a:visited, .aktuell a:hover{
font-weight: bold;
color: #000;
text-decoration: underline;
}
#content{
position: absolute;
left: 314px;
top: 183px;
/*width: 358px; */
width: 400px;
font-size: 12pt;
color: #fff;
}
#content h1{
color: #fff;
font-size: 14pt;
font-weight: bold;
}
#content h2{
color: #fff;
font-size: 12pt;
font-weight: bold;
}
#content h3{
color: #fff;
font-size: 12pt;
font-weight: bold;

}
#content h4{
font-size: 12pt;
font-weight: bold;

}

#content a:link, a:active, a:visited{
	font-weight: bold;
	text-decoration: none;
	font-size: 11pt;
	color: #fff;
}

#content a:visited{
	font-weight: bold;
	text-decoration: none;
	font-size: 11pt;
	color: #fff;
}
#content a:hover{
	color: red;
}
#navi{
	position: absolute;
	top: 270px;
	left: 86px;
}
#navi ul{
	list-style-type: none;
}
#navi a:link, a:active, a:visited{
	color: #c1b26f;
	font-weight: bold;
	text-decoration: none;
	font-size: 11pt;
}
#navi a:hover{
	color: #fff;
}
.alink a:link, .alink a:active, .alink a:visited, .alink a:hover{
	color: #fff;
}
.np{
	margin-left: 20px;
}
.npa, .npa a:link, .npa a:active, .npa a:visited, .npa a:hover{
	margin-left: 10px;
	color: #fff;
}
.memberleft{
	width: 210px;
	float: left;
}
.memberright{
	width: 190px;
	float: left;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
.bu{
	font-size: 10pt;
	font-style: italic;
	
}
.eventdatum{
	width: 100px;
	float: left;
}
.eventtext{
	width: 300px;
	float: left;
}
.backandforth{
	width: 350px;
	background-color: #ccc;
	color: #333;
	float:left;
	font-size: 10pt;
	margin: 10px 0px;
	padding: 0px 0px 0px 5px;
}

#content .backandforth a:link, #content .backandforth a:visited{
	color: #333;
	font-weight:bold;
	font-size: 13pt;
}
#content .backandforth a:hover{
	color: #fff;
	font-size: 13pt;
}
.bildergalerie{
	height: 450px;
}
form{
width: 380px;
border: 1px solid #c1b26f;
font-size: 10pt;
padding: 10px;
}
.field{
	width: 200px;
}
.ortfield{
	width: 140px;
}
.plzfield{
	width: 50px;
}
label{
	width: 100px;
}
.submit{
	background-color: #c1b26f;
	width: 80px;
	font-size: 10pt;
}
.service{
	color: #990000;
	width: 100%;
	background-color: #fff;
	padding: 10px;
}
.einzelfall{
	width: 250px;
}
#content ul{
	/*list-style-type: none;*/
	/*margin-left: 0px;*/
}
#content ul li{
	list-style-type: disc;
}
.ran{
	width: 92px;
	height: 92px;
	margin: 3px;
	background-color: #333;
	float: left;
}
.memberpatch{
	width: 92px;
	height: 92px;
	margin: 3px;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color: #fff;
	float: left;
}
#patch{
	position: absolute;
	left: 314px;
	top: 220px;
	width: 400px;
	font-size: 12pt;
	color: #fff;
}
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 0px;
left: -100px;
width: 200px;
z-index: 300;
color: #000000;
border: 0px solid #333;
padding: 0px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}