/* Styles for screen media */

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

morphay.de Style Sheet

Author:   morphay

Version:  2007.02



www.proziel.de



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



html, body, div, p, h3, h6 {
	font: 11px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	cursor: default;
}

body {
	margin: 0; 
	padding: 0; 
	background: #87c9c3;
}



/* 
LINKS --------------------------------------------------------------------------------------------------------------------------------------------- */



a:link, a:active, a:visited {
	color: #e46622; 
	text-decoration: none; 
}
a:hover {
	color: #e46622; 
	text-decoration: underline;
}

a img {
	border-width: 0; 
	border-style: none; 
	background: none;
}

a.morph:link, a.morph:active, a.morph:visited { 
	text-transform: lowercase; 
	font-size: 11px; 
	font-weight: normal; 
	color: #f90; 
	text-decoration: none;
}
a.morph:hover {
	color: #fff; 
	background: #f90; 
	text-decoration: none;
}



/* 
COMMON -------------------------------------------------------------------------------------------------------------------------------------------- */



h1 {
	font: 30px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	padding: 0; 
	margin: 0; 
	cursor: default;
}

h2 {
	font: 24px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #87c9c3; 
	font-weight: bold; 
	padding: 10px 0 10px 109px; 
	margin: 0; 
}

h5 {
	font: 11px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	padding: 0; 
	margin: 20px 0 0 0; 
	text-transform: uppercase; 
}

.between {
	padding: 10px 0 0 0; 
}

p {
	margin: 0; 
	padding: 1.2em 0 0 0; 
	line-height: 150%;
}

hr {
	display: none;
}

form {
	margin: 0;
}

textarea, select {
	background: #fff; 
	padding: 0; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
}

input {
	font: 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
}

.small {
	font: 10px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.noscreen {
	display: none;
	}

.noprint {
	}

img {
	border: none;
}

.line { 
	height: 1px; 
	width: 100%; 
	margin: 25px 0 25px 0; 
	padding: 0; 
	background: transparent url(../images/greenline.gif) repeat-x; 
	border-bottom: transparent; 
	overflow: hidden; 
	clear: both; 
}

.line2 { 
	height: 1px; 
	width: 100%; 
	margin: 25px 0 25px 0; 
	padding: 0; 
	background: #ccc; 
	border-bottom: 1px solid #fff; 
	overflow: hidden; 
}

.gre { 
	color: #008c7f; 
}

.ri { 
	text-align: right; 
}

.space { 
	padding-left: 28px; 
}

fieldset { 
	border: 1px solid #000000; 
	padding: 10px 10px 10px 0; 
	margin: 20px 0 0 0; 
}

legend { 
	text-align: right; 
	font: 11px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase; 
}




/*
NO SCREEN ----------------------------------------------------------------------------------------------------------------------------------------- */



#theme {
	display: none; 
}

	#theme h1 {
		display: none; 
		padding: 0; 
		margin: 0;
	}
	
	#theme p {
		display: none;
	}
	



/*
SUBNAVIGATION ------------------------------------------------------------------------------------------------------------------------------------- */



#sidebar {
	float: left; 
	width: 186px; 
	list-style: none; 
	background: transparent url(../images/sidebar_bg.gif) top left no-repeat; 
}

	#sidebar h3 {
		font: 16px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		text-transform: uppercase; 
		padding: 0; 
		margin: 27px 0 5px 0;
	}
	
	#sidebar p {
		text-align: right; 
		color: #008c7f; 
		line-height: 110%; 
	}

	#sidebar p strong {
		text-transform: uppercase;
	}
	
	#sidebar ul {
		margin-bottom: 20px;
	}

#subnav {
	padding: 0 20px 15px 5px; 
	margin: 270px 0 15px 0; 
}

	#subnav h2 {
		display: block; 
		width: 100%; 
		font: 13px Verdana, Arial, Helvetica, Geneva, sans-serif; 
		color: #fff; 
		text-transform: uppercase; 
		text-align: center; 
		line-height: 25px; 
		letter-spacing: 1px; 
		font-weight: bold; 
		padding: 2px; 
		background: #e46622;
	}

	#subnav p span { 
		font-size: 9px; 
		padding: 0; 
		line-height: 100%; 
	}
	
	#subnav ul#sub1, #subnav ul#sub2, #subnav ul#sub { 
		margin: 15px 0 0 0; 
		padding: 0; 
		list-style: none; 
	}
	
	#subnav ul#sub1 li, #subnav ul#sub2 li, #subnav ul#sub li { 
	text-align: right; 
	padding: 10px 0 0 0; 
	text-transform: uppercase; 
	}

	#subnav ul#sub3 { 
		margin: 0; 
		padding: 0; 
		list-style: none; 
	}
	
	#subnav ul#sub3 li { 
	text-align: right; 
	padding: 10px 0 0 0; 
	text-transform: uppercase; 
	}
	


/*
NAV AND MAINCONTENT ------------------------------------------------------------------------------------------------------------------------------- */



#content { 
	float: right; 
	background: #fff; 
	width: 582px;
}

#head { 
	display: block; 
	width: 582px; 
	height: 161px; 
	background: #d5d5d5 url(../images/head_bg.gif) top left no-repeat; 
}

#nav { 
	display: block; 
	width: 582px; 
	height: 47px; 
	background: #e46622 url(../images/nav_bg.gif) top left no-repeat; 
}

	#nav ul {
		margin: 0 0 0 100px; 
		padding: 10px 0 0 0; 
		list-style: none;
	}

	#nav li {
		float: left; 
		font: 13px Verdana, Arial, Helvetica, Geneva, sans-serif; 
		color: #fff; 
		text-transform: uppercase; 
		line-height: 25px; 
		letter-spacing: 1px; 
		font-weight: bold; 
		padding: 2px 10px 2px 10px; 
		background: transparent url(../images/trenner.gif) center right no-repeat;
	}

	#nav li a {
		font: 13px Verdana, Arial, Helvetica, Geneva, sans-serif; 
		color: #fff; 
		font-weight: bold; 
		text-decoration: none; 		
	}

	#nav li a:hover {
		text-decoration: underline; 
	}

	#nav li#hm {
		background: none; 
	}

	#kontakt #nav li#hm {
		background: none; 
		text-decoration: underline; 
	}

	#nav li#in {
		text-decoration: underline; 
	}

#banner {
	display: block; 
	width: 582px; 
	height: auto; 
	background: #008c7f url("../images/banner_bg2.gif") top left no-repeat; 
}

	#banner p { 
		color: #fff; 
		padding: 0 0 10px 109px; 
	}

#maincontent {
	padding: 15px 15px 10px 15px; 
	border-left: 1px solid #999; 
}

#wendepunkte #maincontent { 
	background: url("../images/wendepunkte.gif") top right no-repeat; 
}

#ziele #maincontent { 
	background: url("../images/ziele.gif") top right no-repeat; 
}

#balance #maincontent { 
	background: url("../images/balance.gif") top right no-repeat; 
}

#mediation #maincontent { 
	background: url("../images/mediation.gif") top right no-repeat; 
}

#burnout #maincontent { 
	background: url("../images/burnout.gif") top right no-repeat; 
}

#entspannung #maincontent { 
	background: url("../images/entspannung.gif") top right no-repeat; 
}

#autogen #maincontent { 
	background: url("../images/autogenes.jpg") top right no-repeat; 
}

#meditation #maincontent { 
	background: url("../images/meditation.jpg") top right no-repeat; 
}

#psycho #maincontent { 
	background: url("../images/psycho.gif") top right no-repeat; 
}

#coaching #maincontent { 
	background: url("../images/coaching.gif") top right no-repeat; 
}

#unternehmen #maincontent { 
	background: url("../images/unternehmen.gif") top right no-repeat; 
}

		#maincontent h3 {
			font-size: 16px; 
			font-weight: bold; 
			margin: 0; 
			padding-top: 13px; 
			color: #008c7f; 
		}

		#maincontent h4 {
			font-size: 14px; 
			text-transform: uppercase; 
			margin: 0 0 5px 0; 
			color: #008c7f; 
			background: transparent url(../images/greenline.gif) bottom left repeat-x;
		}
		
		#maincontent p strong {
			text-transform: uppercase; 
		}
		
		#maincontent ul {
			margin-top: 1em; 
			margin-bottom: 0; 
			list-style-type: disc; 
		}

		#maincontent ul li {
			margin-top: .5em; 
			line-height: 140%;
		}

		#maincontent ol {
			margin-top: 1em; 
			margin-bottom: 0; 
		}

		#maincontent  ol li {
			margin-top: .5em; 
			line-height: 140%; 
			font-weight: bold; 
		}

		#maincontent  ol li a {
			font-weight: normal; 
		}

#maincontent img {
	float: left; 
	margin-right: 5px;
}

#kontakt #maincontent img {
	float: left; 
	margin-right: 15px;
}

#mediation #maincontent img {
	text-align: center; 
	margin: 10px 0 10px 0;
}

#psycho #maincontent img {
	float: right; 
	margin: 0 0 0 15px; 
	border: 2px solid #008c7f; 
}

#heier { 
	position: absolute; 
	width: 768px; 
	height: 177px;  
	top: 11px; 
	background: url("../images/gaby03.gif") top left no-repeat; 
}

#home #heier { 
	background: url("../images/gaby01.gif") top left no-repeat; 
}

#proziel #heier { 
	background: url("../images/gaby02.gif") top left no-repeat; 
}

#termine #heier { 
	background: url("../images/gaby04.gif") top left no-repeat; 
}

#kontakt #heier { 
	background: url("../images/gaby05.gif") top left no-repeat; 
}

#hp { 
	position: absolute; 
	top: 85px; 
	margin-left: 84px; 
}

		
		

/*
FOOTER -------------------------------------------------------------------------------------------------------------------------------------------- */



#footline { 
	background: #008c7f url("../images/footline.gif") bottom left no-repeat; 
}

	#footline p {
		font-size: 10px; 
		line-height: 100%; 
		padding: 20px 0 20px 15px; 
		color: #fff; 
	}

	#footline a {
		font-size: 10px; 
		line-height: 100%; 
		color: #fff; 
		text-transform: uppercase; 
	}

#footer {
	clear: both; 
	padding: 5px 0 5px 0; 
	margin: 0; 
	background: transparent; 
}

	#footer p {
		font: 10px Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 
		line-height: 100%; 
		padding: 10px 0 5px 201px; 
		color: #666; 
	}




/*
MISC ---------------------------------------------------------------------------------------------------------------------------------------------- */

#container {
	width: 768px; 
	padding: 0; 
	background: #d5d5d5 url(../images/bg00.gif) top left repeat; 
	border: 1px solid #fff; 
	margin-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
}

#skip {
	display: none; 
	border-bottom: 1px dotted #000; 
}

#top {
	display: none; 
	border-top: 1px dotted #000; 
}