*	{
	padding: 0;
	margin: 0;
	}
div {display:block;}

body {
	font: normal 11pt/14pt verdana, ariel, helvetica, sans-serif;
	/* font: normal 12pt/14pt "Times New Roman", Times, serif; /* printer */
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;
}
/* div container & field start */
#container {
	width: 980px; /* printer: no */
	display:: block;
	text-align: center;
	position: relativ;
	margin: auto;
}
#header {
	width: 980px;
	height: 157px;
	display:: block;
	background: url("../images/theatertherapie_header.jpg") no-repeat top left;
}
#field {
	width: 980px;
	display:: block;
	padding: 10px 0 0 0;
	float: right;
	text-align: left;
	background: url("../images/background.jpg") repeat-y top left;
}
#footer {
	width: 980px;
	height: 73px;
	display:: block;
	background: url("../images/theatertherapie_footer.jpg") no-repeat top left;
}
#navdiv {
	width: 180px;
	display: block;
	float: left;
	margin-left: 15px;
	text-align: left;
}
#infield {
	width: 710px;
	min-height: 400px;
	display: block;
	float: right;
	margin-right: 60px;
}

/* div container & field end */

/* general formats start */
h1 {
	font: bold 1.6em/1.5em serif;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
h2 {
	font: bold 1.1em/1.4em verdana, sans-serif;
	text-align: left;
	margin: 5px 0 10px 0;
}
h3 {
	font: bold 1em/1.2em verdana, sans-serif;
	text-align: left;
	margin: 5px 0 10px 0;
}
p {
	margin: 5px 0 15px 0;
}
.smalltext {font: normal 10pt/13pt verdana, ariel, helvetica, sans-serif;}
.divsmall p {font: normal 10pt/13pt verdana, ariel, helvetica, sans-serif;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.taleft {text-align: left;}
.flleft {float: left;}
.flright {float: right;}

ul, ol {margin-left: 20px;}
li {list-style-type: disc;}
.ulnorm {padding-left: 20px;}
.ulnorm li {margin-bottom: 15px;}
hr {
	color: blue;
	margin: 4px 0 4px 0;
}
img {
	border: 0;
	font: normal 0.85em/0.95em sans-serif;
}
img.imgborder {border: 1px solid black;}
.imgflr {float: right; margin: 0 0 15px 20px;}
.imgfll {float: left; margin: 0 20px 15px 0;}
.boxshad {box-shadow: 2px 2px 7px #888;}

acronym {
	border-bottom: black dotted 1px;
}
a:link, a:active, a:visited {
	color: #0000b0;
}
a:hover {text-decoration: underline; color: blue;}
a.extern_link {
	padding-left: 15px;
	background: transparent url(../images/externlink.gif) left bottom no-repeat;
}
a:hover.extern_link {
	padding-left: 15px;
	background: transparent url(../images/externlink-hv.gif) left bottom no-repeat;
}
.spbold {
	font-weight: bold;
}
.spred {color: #BF0000;}
.sporange {color: #ff1a00;}
.spunder {text-decoration: underline;}
.divblock {
	width: 550px;
	margin-left: 80px;
	display: block;
}
em.emgds {
	font-weight: bold;
	font-style: normal;
}
.inset {margin-left: 50px;}
.inset2 {margin-left: 140px;}
.dbl {color: #000db3;}
.dgr {color: #00b312;}

table td {vertical-align: top; padding-right: 5px;}
/* general formats end */

/* div header start*/
#header img#imgh1 {
	float: left;
	margin: 17px 0 0 17px;
}
#header img#imgh2 {
	float: left;
	margin: 45px 0 15px 42px;
}
#header img {
	margin: 0;
	padding: 0;
}
#divheadtitle {
	margin: 0px 0 0 30px;
	text-align: left;
	display: block;
}
#header h1 {
	color: #404040;
	text-align: left;
	margin-left: 200px;
	font: bold 2.4em/2.4em serif;
}
#header h2 {
	color: #404040;
	font: normal 1.2em/1em verdana, sans-serif;
	text-align: center;
}
#pnavpage {
	font: normal 0.85em/2.6em sans-serif;
	text-align: left;
	margin: 3px 0 0 10px;
	color: #5F5F5F;
}
/* div header end*/

/* div navigation bar start */
#navdiv a:link, #navdiv a:visited {
	text-decoration: none;
	color: #404040;/* #996600; */
}
#navdiv a:hover, #navdiv a:active {
	text-decoration: underline;
	color: #000000;/* #996600; */
}
#navdiv a.nava2 {margin: 0 0 0 15px; padding: 0; display: block;}
#navdiv a.act{color: #BF8B00;}
div.navlist {
	text-align: left;
	margin: 15px 0 0 0;
}
#navdiv li {
	font: bold 0.95em/1.6em sans-serif;
	margin: 0 2px 0 4px;
	list-style-type: none;
}
/* div navigation bar end */

/* div footer end*/
#footer {
	font: normal 10pt/12pt verdana, ariel, helvetica, sans-serif;
	color: #5F5F5F;
}
#footer span {
	margin: 5px 15px 5px 10px;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #5F5F5F;
}
#emA {
	font-style: normal;
	color: #DF0000;
}
/* div footer end*/

/* agb page start */
#olagb {
	font: normal 0.95em/1.1em verdana, ariel, helvetica, sans-serif;
}
#olagb li {
	list-style: decimal outside none;
	margin-bottom: 10px;
}
#olagb p {
	font-weight: normal;
	line-height: 1.2em;
}
/* agb page end */

/* form start */
#form-box {
	font: 1em/1.3em verdana, ariel, helvetica, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#form br {		/* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left;	/* das floating der labels und inputs aufheben */
}
.divcontactl {
	float: left;
	margin-left: 80px;
	margin-right: 70px;
	display: block;
}
.divcontactr {
	display: block;
}
p.pcontact {
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}
#form a:link {
	font-weight: normal;
	text-decoration: underline;
	color: blue;
	/* color: black; /* printer */
}
input.inpr {
	margin-left: 10px;
	margin-bottom: 5px;
}
#form select#formof {
	display: inline;
	float: left;
	width: 100px;
}
#form label.labnorm {
	vertical-align: text-top;
	text-align: right;
	width: 150px;
	padding-right: 10px;
	margin-bottom: 12px;
	display: block;
	float: left;
}
#form label.labback {
	vertical-align: text-top;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 8px;
}
#form label#name {
	vertical-align: text-top;
	text-align: right;
	width: 110px;
	padding-right: 10px;
	display: block;
	float: left;
}
#divinput input {
	width: 300px;
	display: block;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 8px;
}
#form select {
	margin-bottom: 8px;
	border-bottom: thin;
}
#form input#cntname {
	width: 200px;	/* width */
}
input#zipcode {
	width: 80px;
}
input#city {
	width: 200px;
	margin-left: 16px;
}
#form textarea {
	width: 300px;
	display: block;
	float: left;
	margin-bottom: 8px;
	border-bottom: thin;
}
#divinput input, #form textarea, #form select {
	border-top: 1px solid #4F4F4F;
	border-left: 1px solid #4F4F4F;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
#divinput select#cpupils {
	margin-bottom: 24px;
}
#formbuttons {
	padding: 20px 0px 0px 220px;
}
#form input#submit {	/* for submit-button */
	float: left;
	width: auto;
	margin-left: 20px;
}
#form input#reset {	/* for reset-button */
	float: left;
	width: auto;
}

.formerr {
	color: #9C7043;
	padding-left: 80px;
	margin-bottom: 20px;
}
#pstern {
	display: block;
	width: 630px;
	font-size: 0.9em;
}
.formerr {
	font-weight: bold;
	color: #d20000;
}
#tblinscribe td {
	border: none;
}
.lfinput {
	position: relative;
	margin-left: 180px;
}

.formmini br {		/* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left;	/* das floating der labels und inputs aufheben */
}

/* form end */

/* pages start */
a.aindex {text-decoration: none; color: #354B8F; padding-right: 30px; background: transparent url("../images/arrow.jpg") no-repeat right center;}
.ulservices {
	margin-bottom: 15px;
}
.ulpublication {
	font: normal 10pt/13pt verdana, ariel, helvetica, sans-serif;
	margin-bottom: 30px;
}
.ullitturk li {list-style-image: url("../images/logos/ball-tuerkis.gif");}
.ullitblue li {list-style-image: url("../images/logos/ball-blue.gif");}
.ullityellow li {list-style-image: url("../images/logos/ball-yellow.gif");}
.ullitdblue li {list-style-image: url("../images/logos/ball-dblue.gif");}
span.spyear {margin-right: 20px;}
.liindent {
	padding-left: 100px;
	text-indent: -100px;
}
#tbldates {
	width: 650px;
	font: normal 10pt/13pt verdana, ariel, helvetica, sans-serif;
	margin: 0 0 20px 0;
	border-spacing: 0;
}
#tbldates td, #tbldates th {
	padding: 6px 7px 7px 0;
	margin: 0;
	border-bottom: 1px solid black;
}
td.tddate, td.tdloc {width: 30%;}
td.tdtitel {width: 40%;}
.tbltime {margin: 15px 0;}
.tbltime td {
	vertical-align: top;
	padding: 3px 15px 3px 0px;
}

.imgface {
	float: right;
	margin: 0 15px 20px 20px;
}
#face0 {background: url("../images/face6.gif") no-repeat top left;}
#face0:hover {background: url("../images/face3.gif") no-repeat top left;}
#face1 {background: url("../images/face1.gif") no-repeat top left;}
#face1:hover {background: url("../images/face2.gif") no-repeat top left;}
#face2 {background: url("../images/face3.gif") no-repeat top left;}
#face2:hover {background: url("../images/face7.gif") no-repeat top left;}
#face3 {background: url("../images/face8.gif") no-repeat top left;}
#face3:hover {background: url("../images/face3.gif") no-repeat top left;}

#tblgallery {
	width: 570px;
	margin-left: 50px;
}
#tblgallery td {
	width: 33%;
	padding: 15px 0 15px 0;
}
#tblgallery img {
	border: 8px solid grey;
}
.imgright {
	float: right;
	margin: 0 0 20px 20px;
}
.imgleft {
	float: left;
	margin: 0 20px 20px 0;
}
.imggalbg {	border: 0px solid #C0C0C0;}
#divback {
background: url(../images/fotos/costa_rica_djungle_meditation.jpg) no-repeat right bottom;
}
#divimgbg {
	text-align: center;
	margin: 20px auto 20px auto;
}
#divimgbg img {border: 28px solid grey;}
.divback {text-align: right;}

.imgbd {border: 1px solid #000000;}
a.agreenbtn {background: transparent url("../images/reservation_btn.png") no-repeat top left; padding: 5px 20px 7px 10px; font-weight: bold; text-decoration: none; color: #fff;}
a.agreenbtn:hover {background: transparent url("../images/reservation_btn-hv.png") no-repeat top left;}

/* pages end */

/* tell-a-friend start */
#form label.labtell {
	vertical-align: text-top;
	text-align: right;
	width: 215px;
	padding-right: 10px;
	margin-bottom: 12px;
	display: block;
	float: left;
}
input.tellemail {
	width: 250px;
}
#form textarea.tellarea {
	width: 250px;
	height: 70px;
}
label.labhttp {
	font-size: 10pt;
}
input.radio {
	border: none;
}
/* tell-a-friend end */

/* error page start */
.h2err {
	margin-top: 15px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	color: #222222;
	text-align: left;
}
#error p {
	font-size: 0.9em;
}
#error a {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
}
#error a:hover {
	color: blue;
}
/* error page end */

/* display */
.nodis {
	display: none;
}
.noprint {
	display: none;
}
img {
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}