/* reset styles */
/*--------------*/

* { margin:0; padding: 0 }

/* Fix: margin/padding reset causes too small select boxes */
option { padding-left: 0.4em }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }

/* Forcing vertical scrollbars in Netscape, Safari */
/*ATTENTION: might cause problems with permanent horizontal scroll-bar; in this case set brder to 0px*/
html { height: 100%;  margin-bottom: 0px;}
  
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	font-family: inherit;
}

/* no borders for <fieldset> and <img> */
fieldset, img { border: 0 solid; }

/* reset lists, blockquote and cite */
ul, ol, dl { margin: 0; padding:0; }
li { margin: 0; padding:0; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0; }

blockquote { margin: .5em 0 .8em 1.5em; }

a {
	outline: none; /*Firefox mousecklick-outline ausschalten*/
}

/*------------------------------------------------------------------------------------------------------*/





/* basic:  page-margins, fonts*/
/*--------------------------------------*/

html {
	background-color: #e8e2de;
}

body {
	text-align: center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.375em; /* 22px bei 1em (16px)*/
	color: #76655c;
	font-size: 100%; /* at standard browser font-size equals 16px serving as evaluation basis*/
}


#wrappage {
	width: 866px;
	margin: 0px auto;
	text-align: left;
}

#page {
	position: relative;
}



/* structure */
/*-----------*/
h1#title {
	height: 106px;
	margin:0;
	padding:0;
	background: url(../img/title.png) bottom left no-repeat;
	text-indent: -999em;/* Phark IR*/
}

.wrapheader {
	position: relative;
	margin:3px -10px 0px 0px;
	border-bottom: 4px solid #fc0;
}

#moin {
	background: url(../img/headerpic_moin.jpg) top left no-repeat;
}

#kurse {
	background: url(../img/headerpic_kurse.jpg) top left no-repeat;
}

#anmeldung {
	background: url(../img/headerpic_anmeldung.jpg) top left no-repeat;
}

#kontakt {
	background: url(../img/headerpic_kontakt.jpg) top left no-repeat;
}

#termine {
	background: url(../img/headerpic_termine.jpg) top left no-repeat;
}

#schule {
	background: url(../img/headerpic_schule.jpg) top left no-repeat;
}

#header {
	height: 175px;
	background: url(../img/header.png) top left no-repeat;
}

#header h1 {
	position: absolute;
	width: 127px; height: 20px;
	top: 5px; left: 460px;
	margin:0; padding:0;
	background: url(../img/jutta_bondiek.gif) top left no-repeat;
	text-indent: -999em;/* Phark IR*/
}

#header h2.lymphdrainage {
	position: absolute;
	width: 258px; height: 25px;
	top: 40px; left: 450px;
	margin:0; padding:0;
	background: url(../img/lypmhdrainagekurse.gif) top left no-repeat;
	text-indent: -999em;/* Phark IR*/
}

#header h2 {
	position: absolute;
	bottom: 2px; left: 269px;/*310px;*/
	margin:0; padding:0;
	font-size: 125%; line-height:1em; /* 20px */
	font-weight: normal;
}


/* Navigation */
/*------------*/

ul#headernav {
	position:absolute;
	z-index: 2;
	right: 20px; top:261px;
	text-align:right;
	margin:0; padding:0;
	list-style:none;
}

ul#headernav li {
	float: left;
	height: 12px;
	margin-right: 10px;
	padding-right:10px;
	border-right: 1px solid #990101;
	font-size: 75%;
}

ul#headernav li.last {	border-right: none;}

ul#headernav li a {
	text-decoration:none;
}


ul#mainnav {
	position:absolute;
	z-index:10;
	width:200px;
	left: -10px; top:315px;
	text-align:right;
	margin:0; padding:0;
	list-style:none;
}

ul#mainnav li {
	height: 24px;
	font-size:82.5%; line-height:24px;
	margin: 0; padding:0;
}

ul#mainnav li a {
	display:block;
	height: 24px;
	padding-right: 5px;
}

ul#mainnav li a:hover {
	background: url(../img/hg_li.gif) 0% 0% no-repeat;
	/*padding-right: 8px;*/
}

ul#mainnav li.act a {
	background: url(../img/hg_li.gif) 0% -24px no-repeat;
}


/* content */
/*------------*/

#content {
	position: relative;
	z-index: 1;
	padding:10px 0 0 268px;
	margin: 0;
	min-height:500px;
	background: #faf8f7;
}

h2 {
	font-size: 112.5%; /*18px*/
	font-weight: bold;
	margin: 0;
	padding: 33px 0 27px 0px;
}

h3 {
	font-size: 100%; /*16px*/
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px 0;
}

h4 {
	font-size: 87.5%; /*14px*/
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px 0;
}


h3.line {
	font-size: 100%; /*16px*/
	font-weight: bold;
	margin: 0 0 10px -5px;
	padding: 15px 0 0px 5px;
	border-bottom: 4px solid #fc0;
}

h3.nobottommargin {
	margin-bottom: 0;
}

div.padleft {
	padding-left: 78px;
}

p {
	font-size: 75%; /*12px*/
	margin: 0;
	padding: 4px 25px 4px 0;
}

p.tel, p.fax, p.mail {
	margin-left: -26px;
	padding-left: 26px;
}
p.tel { background: url(../img/ic_tel.gif) 0% 50% no-repeat; }
p.fax { background: url(../img/ic_fax.gif) 0% 50% no-repeat; }
p.mail { background: url(../img/ic_mail.gif) 0% 50% no-repeat; }

p.kursorte {
	margin: 0px 30px 40px -78px;
	padding: 8px 0px 8px 78px;
	border-top: 1px solid #acb4a2;
	border-bottom: 1px solid #acb4a2;
}

p.hrind {
	border-top: 1px solid #d1b2b2;
	border-bottom: 1px solid #d1b2b2;
	padding: 5px 30px 5px 10px;
	margin: 7px 0px 30px 0px;
	/*background-color:#e8e2de;*/
}

div.sideinfo {
	position:absolute;
	width: 230px;
	top: 3px; left:-245px;
	z-index:20;
}

div.sideinfo p {
	font-size:62.5%;
	line-height: 1.7em;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

.spaceinterpunktion {padding-left: 3px;}

.bigger {
	font-size: 125%;
	padding-left: 30px;
}

ul.liste, ol.numliste {
	margin: 0px 50px 10px 18px;
	padding:0;
	font-size: 75%; /*12px*/
}

ul.liste li, ol.numliste li{
	margin: 0px;
	padding:2px 0;
}

ul.liste li span {
	font-style:italic;
}

ol.numliste {
	list-style:decimal;
}

.wrapnotiz {
	margin: 120px 0 0 0;
	background: url(../img/hg_notiz_u.gif) bottom right no-repeat;
}
.notiz {
	padding-top:30px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	line-height: 1.2857em; /*18px bei 14px*/
	background: url(../img/hg_notiz_o.gif) top right no-repeat;
}


ul {
	padding:10px 40px 80px 43px;
}

li {
	padding: 5px 0;
}
/* links */

a:link, a:visited {
	color:#900;
	text-decoration:none;
}

a:hover {color: #500;}


a.extlink b {
	padding:0 0 0 18px;
	background: url(../img/extlink_ic.gif) 6px 50% no-repeat;
}

a.intlink {
	/*padding-right:20px;
	background: url(../img/intlink_ic.gif) 100% 50% no-repeat;*/
	color: #066;
	text-decoration: underline;
}

a.intlink:hover {
	text-decoration: none;
}


p.impressumlink {
	margin-top:20px;
	font-size:62.5%;
}

p.impressumlink a {
	font-weight:normal;
}


/* subcolumns */
.subcols {
	width: 100%;
	overflow:hidden;
}

.paddbott30 {
	padding-bottom: 30px;
}

.margtop20 {
	margin-top:20px;
}


.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.8em; }
.subcl { padding: 0 0.8em; }
.subcr { padding: 0 0 0 0.8em; }



/* z.B. gebraucht in 'SCHULE' */
.picfloatright {
	float: right;
	/* Achtung für IE6 in Cond Comm zusätzlich margin-right: -3px; setzen*/
}


/* Impressum */
.impressum {
	line-height:1.2em;
	margin:10px 50px 0px 0px;
	padding-bottom:40px;
}
.marginal {
	font-size: 10px;
}

p.adresse {
	padding: 0 0 0 5px;
	margin-left:3px;
	border-left: 4px solid #d1b2b2;
}

/* Anmeldung */
form {
	margin: 5px 0 0px -5px;
	padding: 10px 0 50px 30px;
	background: #b1c4b6;
}

form div.row {
	padding: 5px 0px;
	clear:both; float: none;
}

form div.fieldset {
}

div.message {
}

input, textarea {
	display:block;
	background-color: #e8e2de;
	margin:0;
	padding: 0;
	border-bottom: 1px solid #76655c;
	border-top: 1px solid #76655c;
	border-right: 1px solid #76655c;
	border-left:1px solid #76655c;
	font-family:Verdana, Geneva, sans-serif;
	color:#033;
	font-size: 12px;
	line-height:1em;
}

/* IE auslagern */
* html input, * html textarea {padding: 0 5px;}
* html div { margin: 0;}

.w20 {width:20px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w200 {width:200px;}
.w300 {width:300px;}

div.w200, div.w100, div.w120, div.w50, div.w20 {margin-right: 10px;}

.floatleft {float:left;}
div.row div.floatleft {padding: 2px 0};
.clearfloat {clear:both; float: none;}
.noblock {display: inline;}

textarea {
	height: 150px;
	border: 1px solid #c2dad4;
}

input.senden {
	width: auto;
	padding: 2px 10px;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	background-color: #990101;
}

input.senden:hover {
	cursor:pointer;
	background-color: #a24;
}

label {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	padding:2px 0px 0 2px;
	margin:0;
	font-size:62.5%;
	line-height:1em;
}

form span.formlabel {
	font-size:75%;
	line-height:1em;
}


label span {
	font-size:0.8em;
}

p.formularmsg {
	padding-right:10px;
}


/* Schule */
table.vita {
	margin: 0px 0px 15px 0px;
	line-height:1.2em;
}

table.vita td {
	font-size:75%;
	line-height:1.3em;
	padding:7px;
	vertical-align:top;
}

/* Kursorte */
.nogaptoheader {
	margin-top: -10px;
}

p.colkartentext {
	padding-top: 25px;
}

ul#karte-de {
	position:relative;
	padding: 0;
	margin: 0px 0 0 7px;
	width: 398px;
	height: 349px;
	float: right;
	background: url(../img/karte_de.gif) top left no-repeat;
}

li.beschriftung {
	position: absolute;
	font-size: 62.5%;
	list-style:none; padding:0 margin:0;
}

#wilhelmshaven {
	top: 111px; left: 85px;
}

#eckernfoerde {
	top: 25px; left: 140px;
}

#hamburg {
	top: 84px; left: 165px;
}

#schwerin {
	top: 80px; left: 223px;
}

#waren {
	top: 108px; left: 270px;
}

#leipzig {
	top: 225px; left: 250px;
}

#duesseldorf {
	top: 257px; left: 40px;
}

#kassel {
	top: 250px; left: 150px;
}

#quakenbrueck {
	top: 139px; left: 115px;
}

#dresden {
	top: 240px; left: 315px;
}

table.kursorte {
	width: 100%;
	line-height: 1em;
	padding: 20px 0 50px 0;
}

table.kursorte tr {
	vertical-align:top;
}

table.kursorte td {
	width: 33%;
	padding: 10px 7px 5px 7px;
	font-size:62.5%;
	border-left: 1px solid #d1b2b2;
	border-top: 1px solid #e9dddd;
}

.noborderleft {
	border-left: none;
}

table.kursorte tr.footline td {
	padding-top:40px;
	border-top: none;
}

table.kursorte tr.firstline td {
	padding-top:30px;
	border-top: none;
}

table.kursorte tr td.adresse {
	background: url(../img/hg_adresse.gif) bottom left no-repeat;
}

table.kursorte tr td.tel {
	background: url(../img/hg_tel.gif) bottom left no-repeat;
}

table.kursorte tr td.mail {
	background: url(../img/hg_mail.gif) bottom left no-repeat;
}

/* Kontakt */
div.mail, div.tel, div.adr {
	height: 8em;
	border-left: 1px solid #d1b2b2;
}

div.mail p, div.tel p, div.adr p {
	padding: 4px 4px 4px 0;
}

div.mail {
	background: url(../img/hg_mail.gif) bottom left no-repeat;
}

div.tel {
	background: url(../img/hg_tel.gif) bottom left no-repeat;
}

div.adr {
	background: url(../img/hg_adresse.gif) bottom left no-repeat;
}

div.wrapleftcol {
	float:left;
	width:180px;
}

/* Termine */
table.termine {
	position:relative;
	width: 100%;
	line-height: 1em;
	padding: 20px 0 50px 0;
}

table.termine caption {
	width: 181px; height:64px;
	position: absolute;
	left: -230px; top: 70px;
	text-indent:-999em;
	background: top right no-repeat;
}

table.termine tr {
	vertical-align:top;
}

table.termine td {
	padding: 10px 7px 5px 7px;
	font-size:75%;
	border-left: 1px solid #d1b2b2;
	border-top: 1px solid #e9dddd;
}

table.termine th {
	padding: 10px 7px 5px 7px;
	font-size:75%;
	font-weight:bold;
	border-left: 1px solid #d1b2b2;
	border-bottom: 2px solid #d1b2b2;
}

table.termine .td0 {
	width: 130px;
	border-left: none;
}

table.termine .td1 {
	width: 130px;
}

table.termine .td2 {
}


/*  Moin Moin */
.notizzettel {
	position:absolute;
	top:220px; left:5px;
	width:252px; height:193px;
	background: url(../img/notizzettel.gif) top left no-repeat;
}

.notizzettel h3 {
	text-indent:-999em;
}

.notizzettel a {
	display:block;
	height: 100px;
	text-indent:-999em;
}

.notizzettel span  {
	display:none;
}