/*#########################  mybody-wellness für philcms #################*/

* {
	border: 0 solid transparent;
	margin: 0;
	padding: 0;
		/*entfernt die Vorformatierung*/

}


a {
	text-decoration: none;
	color: inherit;
		transition-duration: 200ms;
}


a:hover {
	color: #009999;
}



li {
		list-style-type: none;
}


html, body {
background: transparent url('../images/BG.png') repeat;
color: #171E59;   /*dunkelblau*/

	font-family: 'Verdana', sans;
	font-size: 0.95em;
}


/*######################### page  (= wrap)  #################*/

#page {
background-color: #D6E1E1;
width: 965px;
margin: 20px auto;
padding: 25px 25px 20px 25px;
border-radius: 20px;
-moz-box-shadow: 1px 1px 7px #B8B9B9;
-webkit-box-shadow: 1px 1px 7px #B8B9B9;
box-shadow: 1px 1px 7px #B8B9B9;
}



/*######################### header #################*/
#header {
background: transparent url('../images/header.png') no-repeat;
height:146px;
}

#header-s {
position: relative; top:-5px; left:125px;
z-index: 5;
}

#logo {
position: relative; top:86px; left:72px;
/*position: absolute; left:312px; top:148px; */
z-index: 10;
}


#header h1 {
	display: none;
}
#header h2 {
	display: none;
}



/*######################### main #################*/
#main {
overflow:hidden;
margin-top:20px;
background: transparent url('../images/menu-line.png') repeat-y;
}


/*######################### leftmenu #################*/
#leftmenu {
background: transparent url('../images/menu-top.png') no-repeat;
float: left;
line-height:1.8em;
text-align:center;
min-height: 180px;
padding-left: 0px;
padding-top: 120px;
padding-right:40px;
width: 160px;
}


#leftmenu ul {
background: transparent url('../images/menu-line.png') repeat-y;
padding-left: 0px;
text-align:center;
list-style-type: none;
}


#leftmenu a{
text-decoration: none;
color:#D4DFDF;
text-shadow: 1px 1px 1px #000;
display:inline-block;
padding: 0 5px;
}


#leftmenu a:hover {
border-radius: 7px 7px 7px 7px;
box-shadow: 1px 1px 2px 1px #2F3D3D inset;
}


a.current:link {
border-radius: 7px 7px 7px 7px;
box-shadow: 1px 1px 2px 1px #2F3D3D inset;	
}


#page #main #leftmenu ul.leftmenu {
font-weight:bold;
background-color:#1A7E7C;
border-radius: 7px 7px 7px 7px;
box-shadow: 1px 1px 2px 1px #093D3C inset;
margin: 0 px;
}



/*######################### content #################*/

#content {
margin-left: 14em;
/*width: 45em;*/
min-height:25em;
	/*border: solid black 1px;
	border-radius:20px;*/
padding: 30px;
}

#content h1 {
	color: #171e59;    /*dunkelblau*/
	font-size: 1.5em;
	margin: 30px 0 10px 0;
}


#content h3 {
	color: #171e59;    /*dunkelblau*/
	font-size: 1.3em;
	margin: 30px 0 10px 0;
}

#content h4 {
	color: #146260;    /*türkis*/
	font-size: 1.2em;
	margin: 20px 0 10px 0;
}


#content h5 {
	color: #171e59;  /*dunkelblau*/
	font-size: 1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}


#content p {
	margin-bottom: 10px;
}


#content li {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 2px;
}



/*#########################   startseite    ######################*/
#rose {
background: transparent url('../images/rose-big70-3.png') no-repeat;
background-position:right bottom;
overflow:hidden;
min-height:520px;
	/*border: solid green 1px;
	border-radius:20px;*/
}


#left-col {
float: left;
width:69.99%;
}


#right-col {
float: right;
width:30%;
}


.box {
margin: 0px;
width:310px;
/*border:1px solid green;*/
}


#feldlassen {     /* innerhalb leftcol */
position: relative; top: 30px; left:25px;
}


#feldgesund {    	/* innerhalb leftcol */
position: relative; top:110px; left:25px;
}


#feldwunsch {		/* innerhalb rightcol */
position: relative; top: 45px; right:70px;
}


#feldursula {		/* innerhalb rightcol */
position:relative; top: 200px; right: 80px;

}


#feldlassen li {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 2px;
}

#feldgesund li {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 2px;
}



/*#########################   images    ######################*/

#image-oele {
    position: relative; top: -120px; right: -220px;
}

#image-wirbel {
    position: relative; top: -60px; right: -360px;
}



/*######################### footer #################*/
footer {
background: transparent url('../images/footer.png') no-repeat;
height:40px;
padding-left: 200px;   /*für schrift*/
padding-top: 75px;
font-size: 0.7em;
color: #171E59;
}


/* ------------------------------ form --------------*/

form > div {
	margin-bottom: 1em;	
}

input {
	margin-right: 1em;
}


label {
}


.input { 
    outline: none; 
    padding: 2px 2px; 
    width:200px;
    margin-left: 20px;
}