/* YUI reset.css */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}



body {
	background-color: #ffffff;
	color:#585858;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.16667em;
	margin-top:0;
}
a {
	color:inherit;
	font-family: inherit;
	text-decoration: underline;
}
img {
	border:0;
}
dl {
	margin:0;
	margin-top:0.3em;
}
dl dt {
	margin-top:0.8em;
	font-weight: bold;
}
dl dd {
	margin-top:0.1em;
}
ol li,
ul li {
	margin-left: 25px;
}
ol li {
	list-style-type: decimal-leading-zero;
	line-height: 2em;
}
ul li {
	list-style-type:disc;
}

h2, h3, h4 {
	font-weight: bold;
}
h2, h3, h4, p, ol, ul, a.btn, #contactform form button, #contactform form table div.buttonframe {
	margin-top:1.2em;
}
div.area-pn1 h2 {
	margin-top:0;
}
h1 + h2,
h3 + h4 {
	font-weight: bold;
}

/* Global */
#firstlevelnavigation, #copy ul.ll {
	list-style-type: none;
	padding-left:0;
	margin-left: 0;
}
/* IE6 - IE8.js general */
* html #container {
	position: absolute;
	left:-9999px;
}
* html body.ie7_body #container {
	position: static;
}
#firstlevelnavigation li {
	background-repeat: no-repeat;
}
#firstlevelnavigation li,
#footer ul li {
	margin-left:0px;
	list-style:none;
}

/* image replacement */
#firstlevelnavigation li span, h1 img + span, h2 img + span, h3 img + span, #footer h1 span, #footer h3 span {
	position: absolute;
	left:-9999px;
}

/* container */
#container {
	width: 980px;
	margin:auto;
	position:relative;
	padding-top: 379px;
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-x;
	background-position: left 384px;
}

/* header */
#header, #header #visual, #logo, #firstlevelnavigation li {
	position: absolute;
}
#header {
	top:0px;
	left:0px;
	background-image: url(../images/bg-header.gif);
	background-repeat: no-repeat;
	width:980px;
	height:379px;
	overflow: hidden;
}
#logo {
	top:35px;
	left:35px;
}
#header #visual {
	top:0;
}

/* 1st Level Navigation */
#firstlevelnavigation {
	left:13px;
	top:130px;
	position: relative;
}
#firstlevelnavigation li {
	background-position: left top;
	top:0;
}
#firstlevelnavigation li,
#firstlevelnavigation li a {
	display:-moz-inline-box;
	display:inline-block;
	height:58px;
	width:121px;
}
#firstlevelnavigation li a {
	outline: none;
}
#firstlevelnavigation li.praxis {
	background-image: url(../images/nav-praxis.gif);
	left:0;
}
#firstlevelnavigation li.methoden {
	background-image: url(../images/nav-methoden.gif);
	left:113px;
}
#firstlevelnavigation li.kurse {
	background-image: url(../images/nav-kurse.gif);
	left:225px;
}
#firstlevelnavigation li.aktuelles {
	background-image: url(../images/nav-aktuelles.gif);
	left:338px;
}
#firstlevelnavigation li.kontakt {
	background-image: url(../images/nav-kontakt.gif);
	left:451px;
}

#firstlevelnavigation li {
	background-position: left top;
}
#firstlevelnavigation li.active,
#firstlevelnavigation li:hover {
	background-position: left -58px;
}

/* grids */
div[class|="area"] {
	overflow: hidden;
	margin-top:26px;
	margin-bottom:33px;
	padding-right:41px;
	padding-left:37px;
	background-repeat: repeat-y;
	background-position: left top;
}

div[class*="area-pf"],
div.area-ptl,
div.area-ptr {
	clear:both;
}
div.area-ptl + div.area-ptr {
	clear:none;
}

div[class|="area"] > div,
dl[class*="pn2"] {
	float:left;
}
div[class|="area"] > div {
	padding-left:36px;
	padding-right:25px;
}
div[class|="area"] > div:first-child {
	padding-left:17px;
}
div.pf3a,
div.pn2a,
dl.pn2a {
	width:236px;
}
div.pf3b,
div.pn2b,
dl.pn2b {
	width:245px;
}
div.area-ptr {
	width:281px;
}
div.pf3c {
	padding-right:0 !important;
	width:281px;
}

div.area-ptl {
	float:left;
}
div.area-ptr {
	float:right;
}

div.area-pf3 {
	background-image: url(../images/bg-area_pf3.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
div.area-pn1 {
	background-image: url(../images/bg-pn1-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:25px;
	width:543px;
}

/* headlines with icons */
h3[class|="icon"] {
	padding-left:77px;
	margin-left:-3px;
	background-repeat: no-repeat;
	background-position: left top;
}
h3.icon-ballons {
	background-image: url(../images/icons-hl-ballons.gif);
	min-height:55px;
}
h3.icon-kaffee {
	background-image: url(../images/icons-hl-kaffee.gif);
	min-height:48px;
}
h3.icon-teddy {
	background-image: url(../images/icons-hl-teddy.gif);
	min-height:52px;
}
h3.icon-rose {
	background-image: url(../images/icons-hl-rose.gif);
	min-height: 58px;
}
h3.icon-geschenk {
	background-image: url(../images/icons-hl-geschenk.gif);
	min-height: 49px;
}
h3.icon-lupe {
	background-image: url(../images/icons-hl-lupe.gif);
	min-height: 47px;
}
h3.icon-pralinen {
	background-image: url(../images/icons-hl-pralinen.gif);
	min-height: 39px;
}
h3.icon-herz {
	background-image: url(../images/icons-hl-herz.gif);
	min-height: 36px;
}
h3.icon-kuchen {
	background-image: url(../images/icons-hl-kuchen.gif);
	min-height: 47px;
}
h3.icon-bogen {
	background-image: url(../images/icons-hl-bogen.gif);
	min-height: 63px;
}
h3.icon-brief {
	background-image: url(../images/icons-hl-brief.gif);
	min-height: 53px;
}
h3.icon-kontakt {
	background-image: url(../images/icons-hl-kontakt.gif);
	min-height: 46px;
}
h3.icon-herzen {
	background-image: url(../images/icons-hl-herzen.gif);
	min-height: 64px;
	padding-top:30px;
	padding-left:65px;
}
h3.icon-paket {
	background-image: url(../images/icons-hl-paket.gif);
	min-height: 44px;
	padding-top:18px;
	padding-left:90px;
}
h3.icon-tee {
	background-image: url(../images/icons-hl-tee.gif);
	min-height: 42px;
	padding-top:30px;
	padding-left:65px;
}

/* buttons */
a.btn,
a.btn span,
#contactform form button,
#contactform form table div.buttonframe,
#contactform form button span,
#contactform form table div.buttonframe input {
	background-repeat: no-repeat;
}
a.btn,
#contactform form button,
#contactform form table div.buttonframe {
	display:block
}
a.btn span,
#contactform form button span,
#contactform form table div.buttonframe input {
	display:-moz-inline-box;
	display:inline-block;
}
a.btn,
#contactform form button,
#contactform form table div.buttonframe {
	text-decoration: none;
	background-position: left top;
	color:#ffffff;
	height: 19px;
	overflow-y: hidden;
	padding-left:15px;
	background-image: url(../images/btn-grey-left.gif);
	background-position: left top;
}
a.btn span,
#contactform form button span,
#contactform form table div.buttonframe input {
	line-height: 19px;
	height: 19px;
	padding-right:6px;
	background-image: url(../images/btn-grey-right.gif);
	background-position: right top;
	background-color: #747474;
	padding-left:3px;
}
/* green buttons within first grids column */
div.area-pf1 a.btn,
div.pf2a a.btn,
div.pf3a a.btn,
div.pn2a a.btn,
#contactform form button,
#contactform form table div.buttonframe {
	background-image: url(../images/btn-green-left.gif);	
}
div.area-pf2 a.btn span,
div.pf2a a.btn span,
div.pf3a a.btn span,
div.pn2a a.btn span,
#contactform form button span,
#contactform form table div.buttonframe input {
	background-color: #56bc49;
	background-image: url(../images/btn-green-right.gif);	
}
/* red buttons within second grids column */
div.pf2b a.btn,
div.pf3b a.btn,
div.pn2b a.btn {
	background-image: url(../images/btn-red-left.gif);	
}
div.pf2b a.btn span,
div.pf3b a.btn span,
div.pn2b a.btn span {
	background-color: #d92c73;
	background-image: url(../images/btn-red-right.gif);	
}
/* still grey buttons in first column in teaserarea */
div.teaserarea div.pf3a a.btn {
	background-image: url(../images/btn-grey-left.gif);
}
div.teaserarea div.pf3a a.btn span {
	background-color: #747474;
	background-image: url(../images/btn-grey-right.gif);
}
/* light blue buttons in third column in teaserarea */
div.teaserarea div.pf3c a.btn {
	background-image: url(../images/btn-lightblue-left.gif);
}
div.teaserarea div.pf3c a.btn span {
	background-color: #848e9c;
	background-image: url(../images/btn-lightblue-right.gif);
}


/* content */
div[class|="area"] > div > h2, #footer > div > h2 {
	font-size: 1em;
}
div[class|="area"] p.btn-nba {
	color:#126e22;
	font-weight: bold;
}
div[class|="area"] p.btn-nba a {
	border-bottom: 1px dotted #585858;
}

div[class|="area"] ul.ll {
	color:#e68caa;
	list-style-type: none;
	padding-left: 0;
}
div[class|="area"] ul.ll a {
	text-decoration: underline;
}
div[class|="area"] ul.ll li {
	background-image: url(../images/bg-ll_items.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
	line-height: 1.66667em;
}

/* teaserarea */
div.teaserarea,
div.teaserarea_custom {
	background-color: #fbfbfb;
	padding-top:14px;
	padding-bottom:16px;
}
div.teaserarea {
	clear: both;
}
div.teaserarea:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.teaserarea div[class|="area"] {
	margin-bottom:0;
}

div.teaserarea ol,
div.teaserarea ol a {
	color:#8699b3;
}
div.teaserarea > div > ul > li {
	float:left;
	list-style-type: none;
}
div.teaserarea > div > ul + ul {
	margin-left:39px;
}

/* reseting existing structures or defining new ones ... never mind ... */
div.teaserarea_custom,
div.without_bottom_border {
	background-image: none;
}
div.rightborder_custom {
	background-image: url(../images/bg-pn1_rightborder.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
dl.pn2a {
	margin-right:40px;
	border-right:1px solid #f1f1f1;
}

/* home */
#home #header #visual {
	left:578px;
}
img.worldmap {
	margin-top:18px;
	margin-left: 27px;
}

/* praxis */
#praxis #header #visual {
	left:578px;
}

/* methoden */
#methoden #header #visual {
	left:578px;
}

/* kurse */
#kurse #header #visual {
	left:578px;
}

/* aktuelles */
#aktuelles #header #visual {
	left:578px;
}
#aktuelles div.kurstermine dl dt {
	font-weight: bold;
}
#aktuelles div.kurstermine > h3 {
	margin-bottom: 10px;
}

/* kontakt */
#kontakt #header #visual {
	left:578px;
}
#kontakt address {
	font-style: normal;
}
#contactform form input[type="text"],
#contactform textarea {
	border:1px solid #bfbfbf;
	width:243px;
	padding:3px;
}
#contactform form label {
	display:block;
	padding-top:1.3em;
	padding-bottom:0.1em;
}
#contactform form li:first-child {
	float:right;
}
#contactform form button {
	display:block;
	background-color: none;
	border:0;
	margin-left:275px;
}
#contactform form table td {
	padding:5px;
}
#contactform form table div.buttonframe {

}

/* popup */
#popup #header {
	height:184px;
	background-image: url(../images/bg-header-popup.gif);
	background-repeat: repeat-x;
}
#popup #container,
#popup #header {
	width:662px;
}
#popup #container {
	padding-top:147px;
}
#popup #container > div.area-pf1 {
	position: relative;
	padding-top:30px;
}
#popup #container > div.area-pf1 > h1 {
	position: absolute;
	top:0;
	z-index:20;
}

/* rechtliches */
#rechtliches #header #visual {
	left:578px;
}

/* footer */
#footer {
	position: relative;
	overflow: hidden;
	padding-top: 20px;
}

#footer div[class|="area"] {
	padding-left:0;
}
#footer div[class|="area"]:first-child {
	border-top:1px solid #e8e8e8;
	padding-top:26px;
	margin-top:0;
}

#footer li {
	float:left;
	padding:0 8px;
	border-left:1px solid #565656;
}
#footer li:first-child {
	padding-left:0;
	border-left:0;
}
#footer li a {
	color:#b3b3b3;
}

#footer #kontakt fieldset {
	border:0;
}
#footer #kontakt fieldset > ul {
	list-style-type: none;
	padding-left: 0px;
	margin:0;
	overflow: hidden;
}
#footer #kontakt fieldset > ul > li {
	float:left;
	padding-right: 14px;
	padding-bottom: 16px;
}
#footer #kontakt fieldset > ul > li label {
	display:block;
	padding-left:2px;
}
#footer input[type="text"], #footer textarea {
	background-color: #908f8f;
	border:1px solid #b9b8b8;
}
#footer #kontakt fieldset textarea {
	width:314px;
}

#contactform {
	padding-bottom:10px;
}
#contactform table textarea {
	height:100px;
	width:250px;
}

#footer h3 img {
	border-bottom: 1px dotted #ffffff;
}
#hinweise h3 {
	margin-top: 2.5em;
}