* {
	margin:0;
	padding:0;
}

body {
	background: #F2F1ED;
	text-align:center;
}

#wrap-all{
	background: url(images/background.gif) no-repeat top left;
	width: 920px;
	height:100%;
	text-align:left;
	margin:auto;
}

.clearfix {
	clear:both;
	height:1px;
	width:1px;
	line-height:1px;
	font-size:1px;
}

.leer20 {visibility:hidden;height:20px;}
.leer50 {visibility:hidden;height:50px;}
.leer100 {visibility:hidden;height:100px;}

.border {
	
}

/*################################################################
-- Fonts
################################################################*/

*, p, li, ul, span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4d4d;
}

td p, #content li, p.small {
	font-size:12px;
}

#footer, #footer a {
	color:#939393;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:10px;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/*################################################################
-- Naviagtion
################################################################*/

#nav{
	background: url(images/nav-background.jpg) repeat-y 0px 50px;
	float:left;
	position:relative;
	top:80px;
	left:35px;
	height: 720px;
	width:330px;
	z-index:10;
}

#nav-top {
	position:relative;
	background: url(images/nav-background-top.gif) no-repeat top left;
	height: 100%;
	z-index:20;
}

#nav-bottom {
	position:relative;
	background: url(images/nav-background-bottom.gif) no-repeat bottom left;
	height: 100%;
	z-index:30;
}

#nav-efeu {
	background: url(images/nav-efeu.gif) no-repeat;
	height:215px;
	position:relative;
	top: 79px;
	left:10px;
}

#nav ul{
	text-align:center;
	position:relative;
	top:55px;
	left:-25px;
}

#nav li{
	position:relative;
	list-style:none;
	margin: 0 0 3px 0;
}
#nav li span {
	line-height:30px;
	font-size:24px;
	visibility:hidden;
}

#start 		{background: url(images/link-startseite.gif) no-repeat center;}
#ueber 		{background: url(images/link-ueberuns.gif) no-repeat center;}
#idee 		{background: url(images/link-idee.gif) no-repeat center;}
#termine	{background: url(images/link-termine.gif) no-repeat center;}
#adventon	{background: url(images/link-adventon.gif) no-repeat center;}
#filz		{background: url(images/link-filz.gif) no-repeat center;}
#link		{background: url(images/link-empfehlungen.gif) no-repeat center;}
#kontakt	{background: url(images/link-kontakt.gif) no-repeat center;}
#kursangebot{background: url(images/link-kursangebot.gif) no-repeat center;}

/*################################################################
-- Header
################################################################*/

#header span {
	visibility:hidden;
}

#header h1 {
	background: url(images/headline.gif) no-repeat top left;
	position:relative;
	height:65px;
	width:320px;
	top:60px;
	left:110px;
	*left:-220px;
	z-index:40;
}

/*################################################################
-- Content
################################################################*/

#content {
	position:relative;
	height:100%;
	margin:40px 0 0 330px;
	*margin:40px 0 0 0;
	padding:10px 10px 10px 60px;
	z-index:45;
}

#content h3,
#content h4,
#content h5 {
	position:relative;
}

#content h3 {
	height:18px;
}

#content h3 span,
#content h4 span,
#content h5 span,
#content ul span,
#content a.anmelden span,
#content a.kursinfo span,
#content a.mehr-info span,
#content p.bestellen span,
#content a.webseite span{
	visibility:hidden;
}

#content h5 {
	height: 26px; 
	margin: 0px 0 0 5px;
}

#content .box 	{padding: 20px 0 20px 10px;}
#content .sub-box {padding: 10px 0 20px 0px;}

#content .box,
#content .sub-box{
	background: url(images/box-border-bottom.gif) repeat-x bottom left;
}



#content .willkommen {background: url(images/headline-willkommen.gif) no-repeat top left;}
#content .markttermine {background: url(images/headline-markttermine.gif) no-repeat top left;}
#content .spezial {background: url(images/headline-spezial.gif) no-repeat top left;}
#content .familie-lauerer {background: url(images/headline-familie-lauerer.gif) no-repeat top left;}
#content .idee-konzept {background: url(images/headline-idee.gif) no-repeat top left;}
#content .angebot {background: url(images/headline-angebot.gif) no-repeat top left;}
#content .termine {background: url(images/headline-termine.gif) no-repeat top left;}
#content .adventon {background: url(images/headline-adventon.gif) no-repeat top left;}
#content .koehlerhuette {background: url(images/headline-koehlerhuette.gif) no-repeat top left;}
#content .filzen-adventonis {background: url(images/headline-filzen-adventonis.gif) no-repeat top left;}
#content .kurs-kinder {background: url(images/headline-kurse.gif) no-repeat top left;}
#content .kursangebot {background: url(images/headline-kursangebot.gif) no-repeat top left;}
#content .grundinfo {background: url(images/headline-grundinformationen.gif) no-repeat top left;}
#content .filzmenschen {background: url(images/headline-filzmenschen.gif) no-repeat top left;}
#content .portrait {background: url(images/headline-portrait.gif) no-repeat top left;}
#content .empfehlungen {background: url(images/headline-empfehlungen.gif) no-repeat top left;}
#content .kontakt {background: url(images/headline-kontakt.gif) no-repeat top left;}
#content .bestellung {background: url(images/headline-bestellung.gif) no-repeat top left;}
#content .impressum {background: url(images/headline-impressum.gif) no-repeat top left;}


#content .besuchen {background: url(images/headline-besuchen.gif) no-repeat top left;height:30px;}
#content .filz {background: url(images/headline-filz.gif) no-repeat 2px 0px;}
#content .weitere {background: url(images/butt-weitere-info.gif) no-repeat 2px 0px;height:30px;}
#content .vier-kinder {background: url(images/headline-vier-kinder.gif) no-repeat 2px 0px;}
#content .ueberblick {background: url(images/headline-ueberblick.gif) no-repeat 2px 0px;}
#content .markt-kurse {background: url(images/headline-markt-kurse.gif) no-repeat 2px 0px;}
#content .grossklein {background: url(images/headline-grossklein.gif) no-repeat 2px 0px;}
#content .bedingungen {background: url(images/headline-bedingungen.gif) no-repeat 2px 0px;}
#content .holzdandler {background: url(images/headline-holzdandler.gif) no-repeat 2px 0px;}

#content .holger {background: url(images/sub-holger.gif) no-repeat 0px 10px;}
#content .beate {background: url(images/sub-beate.gif) no-repeat 0px 10px;}
#content .jakob {background: url(images/sub-jakob.gif) no-repeat 0px 10px;}
#content .hanna {background: url(images/sub-hanna.gif) no-repeat 0px 10px;}
#content .sophie{background: url(images/sub-sophie.gif) no-repeat 0px 10px;}
#content .maria {background: url(images/sub-maria.gif) no-repeat 0px 10px;}
#content .authentizitaet {background: url(images/sub-authentizitaet.gif) no-repeat;}
#content .lager {background: url(images/sub-lager.gif) no-repeat 0px;height:30px;}
#content .gewerke {background: url(images/sub-gewerke.gif) no-repeat 0px;height:40px;}
#content .projekte {background: url(images/sub-projekte.gif) no-repeat 0px;height:40px;}
#content .kinderbeschaeftigung {background: url(images/sub-kinderbeschaeftigung.gif) no-repeat 0px;height:40px;width:190px;}
#content .mittel-kurzweil {background: url(images/sub-mittel-kurzweil.gif) no-repeat 0px;height:60px;}
#content .koehlerkinder {background: url(images/sub-koehlernkinder.gif) no-repeat 0px 10px;height:40px;}
#content .spinnen {background: url(images/sub-spinnen-maerchen.gif) no-repeat 0px 10px;height:40px;}
#content .filztasche {background: url(images/sub-filztasche.gif) no-repeat 0px 10px;height:40px;}
#content .schnuere {background: url(images/sub-schnuere-schlangen.gif) no-repeat 0px 10px;height:40px;}
#content .steineisen {background: url(images/sub-stein-eisen-zunder.gif) no-repeat 0px 10px;height:40px;}
#content .experfilze {background: url(images/sub-experimentelles-filzen.gif) no-repeat 0px 10px;height:40px;}
#content .filzteppich {background: url(images/sub-filzteppich.gif) no-repeat 0px 10px;height:40px;}
#content .markt {background: url(images/sub-markt.gif) no-repeat 0px 10px;height:30px;}
#content .weiteres {background: url(images/sub-weiteres.gif) no-repeat 0px 10px;height:30px;}
#content .weiteres2 {background: url(images/sub-weiteres2.gif) no-repeat 0px 0px;height:30px;}
#content .personen {background: url(images/sub-personen.gif) no-repeat 0px 10px;height:30px;}
#content .freude {background: url(images/sub-freude.gif) no-repeat 0px 10px;height:30px;}
#content .anmeldung {background: url(images/sub-anmeldung.gif) no-repeat 0px 10px;height:40px;}
#content .mappe {background: url(images/sub-mappe.gif) no-repeat 0px 10px;height:40px;}
#content .filzen {background: url(images/sub-filzkurs.gif) no-repeat 0px 10px;height:40px;}

#content .service {
	background: url(images/logo-63k.gif) no-repeat 0px 10px;
	height:85px;
	width: 200px;
	
}

p {
	padding:10px 0 0 10px;
}

p.center {
	text-align:center;
}

#content p img.left {
	float:left;
	margin: -5px 10px 0 0;
}

#content p img.right {
	float:right;
	margin: -5px 0 0 10px;
}


/*################################################################
-- Liste
################################################################*/

#content ul {
	width:80%;
	margin: 15px 0px 0px 40px;
	padding:0;
}

#content li {
	list-style: none;
	background: url(images/sub-star.gif) no-repeat 0px 3px;
	padding-left: 10px;
}


#content ul img {
	margin: 0 30px 0 0;
}

#content ul.termine-s {
	margin: 10px 0px 0px 20px;
	padding: 15px 0 0 0;
}

#content ul.termine-s li,
#content ul.kursangebot li,
#content ul.leistungen li,
#content ul.termine li {
	padding: 0 0 0 12px;
	margin: 0 0 0 5px;	
}

#content ul.kursangebot {
	background: url(images/sub-kursangebote.gif) no-repeat;
	margin: 10px 0 0 10px;
	padding: 10px 0 0 0;
}

#content ul.leistungen {
	background: url(images/butt-leistungen.gif) no-repeat;
	margin: 10px 0 0 10px;
	padding: 0;
}

#content ul.termine {
	background: url(images/butt-termine.gif) no-repeat;
	margin: 10px 0 0 10px;
	padding: 0;
}

#content ul.empfehlungen {
	background: none;
}

#content ul.empfehlungen li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

#content p.impressum {
	background:none;
	margin: 10px 0 0 0;
}



/*################################################################
-- Links
################################################################*/

#content p.bestellen {
	background: url(images/butt-bestellen.gif) no-repeat top right;
	margin: 10px 0 0 0 ;
	padding:0;
	position:relative;	
	text-align:right;
}

#content p.bestellen span {
	visibility:hidden;	
	}
	
#content a.anmelden {
	background: url(images/butt-anmelden.gif) no-repeat 5px 2px;
	padding:0 10px 0 10px;
}
	
#content a.kursinfo {
	background: url(images/butt-kursinfo.gif) no-repeat 5px 2px;
	padding:0 10px 0 10px;
}

#content a.mehr-info {
	background:url(images/butt-mehr-info.gif) no-repeat 0px 2px;
	padding:0 10px 0 10px;
}

#content a.webseite {
	background: url(images/butt-webseite.gif) no-repeat 0px 2px;
	padding:0 10px 0 10px;
}

div.table-termine {
	padding:5px 5px 5px 10px;
}
  

/*################################################################
-- Tabelle
################################################################*/

th {
	width:50%;
	height: 30px;
	padding: 20px 0 0 0;
	text-align:left;
}

th span {
	visibility:hidden;
}

th.jan, #jan {position:relative;background: url(images/termin-jan.gif) no-repeat;}
th.feb, #feb {position:relative;background: url(images/termin-feb.gif) no-repeat;}
th.mrz, #mrz {position:relative;background: url(images/termin-mrz.gif) no-repeat;}
th.apr, #apr {position:relative;background: url(images/termin-apr.gif) no-repeat;}
th.mai, #mai {position:relative;background: url(images/termin-mai.gif) no-repeat;}
th.jun, #jun {position:relative;background: url(images/termin-jun.gif) no-repeat;}
th.jul, #jul {position:relative;background: url(images/termin-jul.gif) no-repeat;}
th.aug, #aug {position:relative;background: url(images/termin-aug.gif) no-repeat;}
th.sep, #sep {position:relative;background: url(images/termin-sep.gif) no-repeat;}
th.okt, #okt {position:relative;background: url(images/termin-okt.gif) no-repeat;}
th.nov, #nov {position:relative;background: url(images/termin-nov.gif) no-repeat;}
th.dez, #dez {position:relative;background: url(images/termin-dez.gif) no-repeat;}

td p {
	background: url(images/sub-star.gif) no-repeat 0px 4px;
	padding:0 5px 5px 10px;
}

td p.none {
	background:none;
}

td p.small {
	background:none;
	padding:0 10px 5px 10px;
	width:75%;
}

td.abstand p {
	margin: 0 0 0 20px;
}

td.abstand img{
	margin: 0 0 15px 0;
}

/*################################################################
-- Formular
################################################################*/

form {
	padding:10px;
}
input {padding:2px;margin:2px;}

input.drittel1 {width:50px;}
input.drittel2 {width:145px;}
input.button {width:100px;}
input{width:200px;}
input.radio { margin: 0 5px 0 0;width:20px;}

textarea{ width:300px;height:140px;padding:2px;}
form label{
	margin:2px;
}

blockquote{
	margin: 10px 0 0 20px;
}

form p {
	margin:5px 0 10px -10px;
}

/*################################################################
-- Footer
################################################################*/

#footer {
	position:relative;
	top:250px;
	text-align:right;
	width:200px;
}

.end {
	position:relative;
	top:10px;
}