body {
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 12px;
	line-height: 17px;
	background: #FF8400;
}

input,
textarea,
select {
	font-family: verdana, helvetica, arial, sans serif;
	border: 1px solid #BAAB07;
}

body, div, p, img, form, h1, h2, h3, label, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Inhalte */

h1 {
	font-size: 24px;
}

h2 {
	height: 27px;
	margin: 28px 0 10px 0;
	font-size: 19px;
}

h3 {
	margin: 12px 0 -8px 0;
	font-size: 13px;
}

h3.first_headline {
	margin-top: 32px;
}

h3.date {
	width: 130px !important;
	padding: 1px 10px 2px 10px;
	margin: 24px 0 0 0;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(../img/date-tab.gif) no-repeat left top;
	color: #fff !important;
}

h3.section {
	display: block;
	width: 160px !important;
	padding: 9px 0 0 530px;
	margin: 3px 0 -15px 0;
	border-top: 2px solid #eeea52;
	float: left;
	color: #BAAB07 !important;
	color: #5CA50D !important;
}

h4 {
	margin: -12px 0 6px 0;
	font-size: 10px;
	line-height: 14px;
	width: 520px;
	color: #5CA50D;
}

h3 em {
	font-size: 13px!important;
	color: #5CA50D;
	color: #BAAB07;
}

p {
	margin: 15px 0;
}

p.important {
	font-weight: bold;
	color: #5CA50D!important;
	color: #BAAB07!important;
}

p.contact {
	margin-bottom: 0px;
}

	#content p.contact a {
		padding-left: 22px;
		background: transparent url(../img/envelope.gif) no-repeat left center;
		color: #5CA50D;
	}
	
	p.contact a:link, p.contact a:visited {
		color: #5CA50D;
	}

strong {
	font-weight: bold;
}

#navigation ul {
	list-style-type: none;
}

a {
	outline: none;
}

#content a {
	font-weight: bold;
	text-decoration: none;
	color: #FF7800;
	outline: none;
}

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

#content ul {
	margin: 10px 0px 15px 1px;
	list-style-type: square;
	width: 504px;
	padding-left: 15px;
}

#content li {
	padding: 2px 0;
}
	
#content p,
#content h3 {
	color: #000;
	width: 340px;
		width: 520px;
}

#content em {
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}

#content .downloads {
	width: 330px;
	margin-right: 180px;
}

#content .downloads a {
	display: block;
	float: right;
	height: 14px;
	line-height: 14px;
	width: 32px;
	text-decoration: none;
	text-indent: -3000px;
	background: url(../img/download.gif);
}

	#content .downloads a.fussnote {
		display: inline;
		float: none;
		text-indent: 0;
		background: none;
	}

#content .downloads .jpg {
	background-position: left 0;
}
	
#content .downloads .mp3 {
	background-position: left -42px;
}

#content .downloads .pdf {
	background-position: left -28px;
}

#content .downloads .doc {
	background-position: left -14px;
}

#content .downloads a:hover {
	background-position: left bottom!important;
}

#content .vcard {
}

/* Helfer */

.clear {
	clear: both;
}

/* Layout */

#header {
	width: 100%;
	padding: 50px 0 137px 0;
	background: url(../img/header-hintergrund.gif) no-repeat #FEFA75;
}
	
	#header h1 {
		margin: 0 0 0 173px;
	}
	
	#header a {
		display: block;
		background: url(../img/bunte-sprachkiste.gif) no-repeat;
		width: 260px;
		height: 53px;
		text-indent: -5000px;
		text-decoration: none;
	}
	
	#header a:hover {
		background-position: 0 -53px;
	}

#main {
	background: #FEFA75;
	padding: 10px 0 50px 0;
}

	/* Navigation */
	
	#main #navigation {
		position: absolute;
		left: 0;
		width: 204px;
		margin-right: 30px;
		padding-top: 30px;
		background: url(../img/navi_top.gif) no-repeat;
	}
	
		#main #navigation ul {
			padding: 4px 0 20px 0;
			background: url(../img/navi_bottom.gif) left bottom no-repeat #FEFA75;
		}
		
		#main #navigation li {
			display: block;
			line-height: 18px;
		}
		
		#main #navigation li a {
			display: block;
			width: 100%;
			margin: 1px 0;
			padding: 1px 0px;
			font-size: 13px;
			font-weight: bold;
			line-height: 19px;
			text-decoration: none;
			text-indent: 30px;
			color: #5CA50D;
		}
		
		#main #navigation li.active a {
			background: url(../img/navigation-highlighting.gif) 0 0;
			color: #fff;
		}
		
		#main #navigation li a:hover {
			background: #96BD10;
			background: url(../img/navigation-highlighting.gif) 0 -30px!important;
			color: #fff;
		}
		
		#main #navigation #infobox {
			padding-top: 25px;
			background: url(../img/infobox_top.gif) no-repeat #FEFA75;
		}
		
			#main #navigation #infobox p {
				padding: 0 10px 40px 30px;
				margin: 0;
				background: url(../img/infobox_bottom.gif) left bottom no-repeat;
				font-size: 10px;
				font-weight: bold;
				color: #fff;
			}
			
			#main #navigation #infobox strong {
				display: block;
				font-size: 12px;
				margin-bottom: 0.4em;
			}
			
			#main #navigation #infobox a {
				text-decoration: none;
				margin: 0!important;
				color: #fff;
			}
			
			#main #navigation #infobox a:hover {
				text-decoration: underline;
			}
			
			#main #navigation #infobox .cphone {
				display: block;
				font-size: 14px;
				font-weight: bold;
				margin: 10px 0 0 0;
			}
			
			#main #navigation #infobox .cemail {
				display: block;
				font-weight: bold;
				margin: 10px 0 0 0;
			}

	/* Inhalte */

	#main #content {
		height: 500px;
		width: 690px;
		margin-left: 234px;
		padding-right: 10px;
		margin-top: -31px;
		padding-bottom: 40px;
	}
	
	html > body #main #content {
		height: auto;
		min-height: 500px;
	}
	
	#main #content .newsection {
		margin-top: 48px;
	}
	
	#main #content .newsegment {
		margin-top: 24px;
	}
	
	#main #content .newsubsegment {
		margin-top: 12px;
	}
	
	/* Highlights */
	
	#main #content #highlight {
		width: 520px;
		height: 255px;
	}
	
	#main #content #highlight h2 {
		margin-left: 10px;
		margin-top: 10px;
	}
	
	#main #content #highlight p {
		margin: 0px 265px 0 20px;
		padding-top: 50px;
	}
	
	#main #content #highlight.globus {
		background: url(../img/highlight_globus.png);
	}
	
	/* Teaser (Kurse) */
	
	#main #content .teaser {
		position: relative;
		display: block;
		width: 255px;
		height: 170px;
		float: left;
		margin: 0 10px 10px 0;
	}
	
		#main #content .teaser a {
			text-decoration: none;
		}
		
		#main #content .teaser h3,
		#main #content .teaser h4 {
			width: auto;
		}
	
	#main #content .comedy {
		background: url(../img/teaser-hintergrund_comedy.gif) no-repeat;
	}
	
	#main #content .zocker {
		background: url(../img/teaser-hintergrund_zocker.gif) no-repeat;
	}
	
	#main #content .spanischkurs {
		background: url(../img/teaser-hintergrund_spanischkurs.gif) no-repeat;
	}
	
	#main #content .singendenglisch {
		background: url(../img/teaser-hintergrund_singendenglisch.gif) no-repeat;
	}
	
	#main #content .urlaubsspanisch {
		background: url(../img/teaser-hintergrund_urlaubsspanisch.gif) no-repeat;
	}
	
	#main #content .urlaubsspanisch2 {
		background: url(../img/teaser-hintergrund_urlaubsspanisch2.gif) no-repeat;
	}
	
	#main #content .kochendspanisch {
		background: url(../img/teaser_hintergrund_kochend-spanisch.gif) no-repeat;
	}
	
	#main #content .klickenglisch {
		background: url(../img/teaser-hintergrund_klickenglisch.gif) no-repeat;
	}
	
	#main #content .franzchansons {
		background: url(../img/teaser-hintergrund_franzchansons.gif) no-repeat;
	}
	
	#main #content .franzchansons2 {
		background: url(../img/teaser-hintergrund_franzchansons2.gif) no-repeat;
	}
	
	#main #content .franzhector {
		background: url(../img/teaser-hintergrund_franzhector.gif) no-repeat;
	}
	
	#main #content .basiskurs {
		background: url(../img/teaser-hintergrund_basiskurs.gif) no-repeat;
	}
	
	#main #content .basiskurs_neu {
		background: url(../img/teaser-hintergrund_basiskurs-neu.gif) no-repeat;
	}
	
	#main #content .aufbaukurs {
		background: url(../img/teaser-hintergrund_aufbaukurs.gif) no-repeat;
	}
	
	#main #content .meisterkurs {
		background: url(../img/teaser-hintergrund_meisterkurs.gif) no-repeat;
	}
	
	#main #content .minikurs {
		background: url(../img/teaser-hintergrund_minikurs.gif) no-repeat;
	}
	
	#main #content .minikurs_neu {
		background: url(../img/teaser-hintergrund_minikurs-neu.gif) no-repeat;
	}
	
	#main #content .spanischminis {
		background: url(../img/teaser-hintergrund_spanischminis.gif) no-repeat;
	}
	
	#main #content .beginners {
		background: url(../img/teaser-hintergrund_beginners.gif) no-repeat;
	}
	
	#main #content .ladys {
		background: url(../img/teaser-hintergrund_ladys.gif) no-repeat;
	}
	
	#main #content .business {
		background: url(../img/teaser-hintergrund_business.gif) no-repeat;
	}
	
	#main #content .ghosty {
		background: url(../img/teaser-hintergrund_ghosty.gif) no-repeat;
	}
	
	#main #content .schulkinder {
		background: url(../img/teaser_schulkinder.gif) no-repeat;
	}
	
	#main #content .minikurs_deutsch {
		background: url(../img/teaser_minikurs-deutsch.gif) no-repeat;
	}
	
	#main #content .basiskurs_deutsch {
		background: url(../img/teaser_hintergrund_basiskurse-deutsch.gif) no-repeat;
	}
	
	#main #content .maerchenhaftesschwedisch {
		background: url(../img/teaser-hintergrund_schwedisch.gif) no-repeat;
	}
	
	#main #content .leer {
		background: url(../img/teaser-hintergrund_leer.png) no-repeat;
	}
	
		#main #content .teaser * {
			margin: 0 13px;
		}
	
		#main #content .teaser h3 {
			padding-top: 10px;
			padding-right: 10px;
		}
		
		#main #content .teaser em {
			position: absolute;
			display: block;
			width: 42px;
			height: 42px;
			margin: 0;
			right: 90px;
			top: 60px;
			text-indent: -999em;
			background: url(../img/badge-new.png) no-repeat;
		}
		
		#main #content .teaser em.alt {
			right: 120px;
		}
		
		#main #content .teaser a {
			display: block;
			position: absolute;
			width: 255px;
			height: 170px;
			margin: 0;
			top: 0;
			left: 0;
			z-index: 100;
		}
		
		#main #content .teaser a span {
			position: absolute;
			width: 80px;
			height: 14px;
			margin: 0;
			right: 8px;
			bottom: 8px;
			line-height: 14px;
			text-indent: -3000px;
		}
		
		#main #content .teaser a:hover span {
			background-position: 0 14px;
		}
		
		#main #content .gruen a span {
			background: url(../img/mehr-infos_aufgruen.gif);
		}
		
		#main #content .orange a span {
			background: url(../img/mehr-infos_auforange.gif);
		}
		
		#main #content .leer a span {
			background: url(../img/mehr-infos_aufgelb.gif);
		}
		
		#main #content .leer {
			text-align: center;
		}
		
		#main #content .leer h3 {
			width: auto;
			margin-top: 30px;
			color: #BAAB07;
		}
		
		#main #content .leer h4 {
			clear: none;
			width: 235px;
			height: 69px;
			margin: 5px 10px;
			color: #BAAB07;
		}
		
		#main #content .leer a span {
			bottom: 20px;
			right: 20px;
		}
	
		#main #content .teaser .fee {
			position: absolute;
			top: 137px;
			height: 30px;
			font-size: 24px;
			font-weight: bold;
			color: #6FBF19;
		}
		
		#main #content .orange .fee {
			color: #fff;
		}
			
			#main #content .teaser .fee .euro {
				font-size: 17px;
				margin: 0 0 0 -6px;
			}
		
			#main #content .teaser .fee span {
				font-size: 10px;
				line-height: 1.5;
				margin: 0;
			}
			
		/* Mitarbeiter */
		
		.staff {
			margin-bottom: 40px;
		}
		
		.staff img.klinke {
			margin-top: 17px!important;
		}
			
		/* Blog */
		
		#content div.artikel,
		#content div.kommentar {
			margin: 30px 0;
		}
		
		#content .kommentar_prolog {
			margin: 0 0 10px 0;
		}
		
		#content div.kommentar {
			width: 360px;
			margin: 1px 0 0 0;
			padding: 10px 0 20px 0;
			background: #B3EE4D;
		}
		
		#content div.autor {
			background: #9EE036;
		}
		
			#content div.artikel p,
			#content div.artikel ul {
				margin: 10px 0;
			}
		
			#content div.artikel h4,
			#content div.kommentar h4 {
				margin: 10px 0 0 0;
			}
			
			#content div.artikel h2 {
				margin-bottom: 10px;
			}
			
			#content div.artikel h3 {
				margin-bottom: 10px;
			}
			
			#content div.kommentar p {
				margin: 10px 7px 5px 7px;
			}
			
			#content .datum {
				padding-right: 6px;
				color: #BAAB07;
			}
			
			#content div.kommentar .datum {
				color: #5CA50D;
			}
			
			#content div.kommentar h4 {
				margin: 0 7px -5px 7px;
				color: #000;
			}
			
			#content div.artikel img {
			}
			
			#content div.artikel .klinke {
				margin-top: 2px!important;
			}
			
			
		#content .kommentarform {
			clear: both;
			width: 360px;
		}
			
			#content .kommentarform label {
				width: 360px;
			}
			
			#content .kommentarform label input {
				width: 240px;
				float: right!important;
			}
			
			#content .kommentarform textarea {
				width: 360px;
				float: right!important;
			}
			
			#content .kommentarform #submitbutton {
				margin-left: 0!important;
			}
			
		#vorzurueck {
			width: 520px;
		}
			
		#pfeilZur {
			float: right;
			width: 80px;
			height: 21px;
			background: url(../img/zurueck.gif) 0 0 no-repeat;
			text-decoration: none;
		}
		
			#pfeilZur:hover,
			#pfeilVor:hover {
				background-position: 0 -21px;
				text-decoration: none!important;
			}
			
		#pfeilVor {
			float: left;
			width: 80px;
			height: 21px;
			background: url(../img/vor.gif) 0 0 no-repeat;
			text-decoration: none;
		}
			
		/* Tabellen */
		
		#content table {
			width: 520px;
			background: #9EE036;
/* 			table-layout: fixed; */
		}
		
		#content tr * {
			font-size: 11px;
			font-weight: bold;
		}
		
		#content td,
		#content th {
			padding: 4px 10px 5px 10px;
			line-height: 15px;
			vertical-align: top;
			text-align: left;
		}
		
		#content th {
			width: 130px;
		}
		
		#content td {
			font-weight: normal;
		}
		
		#content tr.alt * {
			background: #B3EE4D;
		}
		
		#content tr.hinweis * {
			background: #FF8400;
			background: #eeea52;
			font-weight: normal;
		}
		
		#content tr.hinweis td, #content tr.hinweis th {
		  padding: 10px 10px 11px;
		}
		
		#content tr.hinweis strong {
			font-weight: bold;
		}
		
		#content tr.trenner * {
			background: #FF8400;
     color: #fff;
		}
		
		#content table p {
			width: 500px;
			margin: 3px 0 6px 0;
		}


		/* Rechte Marginalien */
	
		#main #content .klinke,
		#main #content .box,
		#main #content #rss,
		#main #content .bio {
			clear: right;
			float: right;
			width: 160px;
			height: 110px;
			margin: 7px 0 3px 10px;
		}
		
		#main #content #rss,
		#main #content .bio {
			display: block;
			height: auto;
			font-size: 10px;
		}
		
			#main #content #rss a {
				display: block;
				line-height: 30px;
				padding-left: 20px;
				background: url(../img/feed-icon-16x16.gif) 0 50% no-repeat;
			}
		
			#main #content .bio a {
				display: block;
				line-height: 30px;
				padding-left: 22px;
				background: url(../img/bio-icon.gif) -160px 50% no-repeat;
			}
			
			#main #content .bio a:hover {
				background-position: 0 50%;
			}
		
		#main #content div.klinke {
			background: url(../img/klinke_hintergrund.gif) no-repeat #fefa75;
		}
		
		#main #content div.klinke img {
			margin: 5px;
		}
		
		#main #content .box {
			padding-bottom: 10px;
			font-size: 10px;
			font-weight: bold;
			background: url(../img/download-box.gif) left bottom no-repeat;
		}
		
		#main #content .box h4 {
			color: #000;
			margin: 0;
			padding: 8px 5px;
			width: auto;
			text-align: center;
			background: url(../img/download-box.gif) no-repeat #fefa75;
		}
		
		#main #content .box a {
			display: block;
			padding-top: 60px;
			margin: 0px;
			font-size: 10px;
			line-height: 12px;
			text-align: center;
			background: url(../img/download-dokument.gif) 0 0 no-repeat;
		}
		
		#main #content .box a:hover {
			background-position: -160px 0;
		}
	
		/* Formulare */
		
		#main form {
			margin-top: 20px;
		}
		
		#main label {
			clear: both;
			display: block;
			float: left;
			width: 160px;
			margin-right: 10px;
			font-size: 13px;
			font-weight: bold;
			line-height: 26px;
			color: #5CA50D;
		}
		
			#main label.error {
				background: url(../img/fehler-pfeil.gif) right 3px no-repeat;
			}
			
			#main p.error {
				width: auto;
				height: 30px;
				padding: 0 0 15px 170px;
				color: #D90000;
				font-weight: bold;
				background: url(../img/fehler.gif) 130px 3px no-repeat;
			}
		
		#main #content select,
		#main #content input,
		#main #content textarea {
			float: left;
		}
		
		#main #content input,
		#main #content textarea {
			font-size: 13px;
			font-weight: bold;
			margin: 2px 0;
		}
		
		#main #content .formfeld {
			width: 340px;
		}
		
		#main #content #submitbutton {
			clear: both;
			display: block;
			margin: 0 0 0 170px;
			width: 110px;
			height: 21px;
			background: url(../img/abschicken.gif);
			text-indent: -3000px;
		}
		
		#main #content #anfrage,
		#main #content #kontakt,
		#main #content #back {
			clear: both;
			display: block;
			margin: 30px 0 0 0px;
			height: 21px;
			text-indent: -3000px;
		}
		
		#main #content #anfrage {
			width: 197px;
			background: url(../img/anfrage.gif);
		}
		
		#main #content #back {
			width: 197px;
			background: url(../img/zur-uebersicht.gif);
		}
		
		#main #content #kontakt {
			width: 189px;
			background: url(../img/zum-kontaktformular.gif);
		}
		
		#main #content #submitbutton:hover,
		#main #content #anfrage:hover,
		#main #content #kontakt:hover,
		#main #content #back:hover {
			background-position: 0 -21px;
		}
	

#footer {
	clear: both;
	padding: 15px 0 70px 234px;
	font-size: 10px;
	font-weight: bold;
}
	
	#footer, #footer * {
		color: #fff;
	}