/* CSS Document
*
* @file: styles.ccs
* @author: Sascha Voß
* @date: 03.05-12.05.2009
*
* */

html,body{
  margin:0;
  padding:0;
  background-color:#FFF5D9;
}

body{
  font: 12px  Arial, Verdana, Helvetica
	line-height: 1.4em;
}

/* layout <------------------------------------------------------------------ */

div#start-container{
  width:360px;
  margin:0 auto;
  padding:0;
  margin-top:60px;
  background-color:#FFF5D9;
}

div#container{
  width:900px;
  margin:0 auto;
  padding:0;
  margin-top:30px;
  background-color:#FFF5D9;
}

div#header{

  height:163px;
  width:900px;

  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;

  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;

	background-image: url(../images/Heilpraxis.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

div#content{
  float:right;
  width:600px;
}

#contentBox1 {
  border-right: 20px solid #FFF5D9;
}

#contentBox2 {
  border-bottom: 14px solid #C7DF9C;
}

div#navigation{
  float:left;
  width:280px;
  border-top: 14px solid #E6E0D2;/**/
  border-bottom: 14px solid #E6E0D2;/**/
}

div#footer{

  clear:both;
  height:30px;
  width:900px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  visibility:hidden;
}

/* layout <------------------------------------------------------------------ */

/* navigations-elemente <---------------------------------------------------- */

div#navigation ul{
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 5px;
  padding: 0px;
  background-color:#FFF5D9;
}

div#navigation ul li{
  list-style-type: none;
/* border-top: 0px solid #FFF5D9;
	border-bottom: 5px solid #FFF5D9; */
	margin-top:5px;
	margin-bottom:0px;
	background-color: #FFE9B0;
	color: #7A7770;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

div#navigation ul li a{
  display: block;
  padding: 3px 0px 3px 0px;
  /*width: 100*/
  width:276px;
  text-decoration: none;
  text-indent: 7px;
  color: #7A7770;
  border-left: 4px solid #71BF48;
}

div#navigation .activ{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#FFF;
  background-color: #F4AD43;
  width:276px;
}

div#navigation ul li a:hover{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#FFF;
  background-color: #F4AD43;
  width:276px;
}

/* subnavi <----------------------------------- */
div#navigation ul ul{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom:0px;
  padding: 0px;
  background-color:#FFF5D9;
  border-top: 5px solid #FFF5D9;
}

div#navigation ul ul li{
  list-style-type: none;
/* border-top: 5px solid #FFF5D9;
	border-bottom: 0px solid #FFF5D9; */
 	margin-top:0px;
	margin-bottom:5px;
	background-color: #C7DF9C;
	color: #7A7770;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

div#navigation ul ul li a{
  display: block;
  padding: 3px 0px 3px 0px;
  /*width: 100%;*/
  width:280px;
  text-decoration: none;
  text-indent: 20px;
  color: #7A7770;
	border-left: 0px;
}

div#navigation ul ul li a:hover{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#FFF;
  background-color: #8ECA61;
  width:280px;
}

div#navigation .subactiv{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#FFF;
  background-color: #8ECA61;
  width:280px;
}

/* navi oben rechts <---------------------------------- */

div#header ul {
	list-style-type: none;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}

div#header ul li{
	float: right;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding-top: 39px;
	padding-left: 20px;
	padding-right: 0px;
}

div#header ul li a{
	display: block;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica;
}

div#header .bild-oben-links{
  float:left;
  margin-left:12px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  height:129px;
	color: #CC0000;
	font-size: 12px;
	font-weight: normal;
	border-top: 2px solid #8ECA61;
	border-bottom: 2px solid #8ECA61;
}

/* navigations-elemente <---------------------------------------------------- */

/* inhaltselemente <--------------------------------------------------------- */

h1 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size:17px;
  font-weight:bold;
  color: #A09F9D;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;

}

.ueboben {
  margin-top: 0px;
  line-height: 1.0em;
}

h2 {
  margin-top:6px;
  margin-bottom:6px;
  font-size:15px;
  font-weight:bold;
  color: #A09F9D;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
}

h3 {
  margin-top:4px;
  margin-bottom:4px;
  font-size:13px;
  font-weight:bold;
  color: #F4AD43;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
}

ul {
  color: #7A7770;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 3px;
}

ul li{
  color: #7A7770;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;

}

ul li a {
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: bold; 
  font-size: 12px; 
	color:#F4AD43; 
  text-decoration: underline;
}

ol {
  color: #7A7770;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 3px;
}

ol li{
  color: #7A7770;
  line-height: 1.4em;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;

}

ol li a {
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: bold; 
  font-size: 12px; 
	color:#F4AD43; 
  text-decoration: underline;
}


table{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #7A7770;
}

a {
  font-weight: bold; 
  font-size: 12px;
	color:#F4AD43; 
  text-decoration: underline;
}

p.abstand0Pixel {
  font-family: arial, verdana, helvetica, sans-serif;
  color: #7A7770;
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: normal;
}

p.linksbuendig {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #7A7770;
  line-height: 1.4em;
  text-align:left;
}

p.zentriert {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #7A7770;
  line-height: 1.4em;
  text-align: center;
}

p.rechtsbuendig {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #7A7770;
  line-height: 1.4em;
  text-align: right;
}

p.blocksatz {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #7A7770;
  line-height: 1.4em;
  text-align: justify;
}

p {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #7A7770;
  line-height: 1.4em;
}

p a {
  font-weight: bold; 
  font-size: 12px;
	color:#F4AD43;
  text-decoration: underline;
}

span.orangenerText {
  color: #F4AD43;
  font-weight: bold; 
}

span.gruenerText{
  color: #71BF48;
  font-weight: bold; 
}

/* inhaltselemente <--------------------------------------------------------- */


/* für den neuen RTE */

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }


/* bilder abstand 

  /* Abstand vom Bildtext zum Bild 
  .csc-textpic-caption { margin: 0; padding-top: 2px; }*/

	/* Add margin from image-block to text (in case of "Text w/ images") 
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 13px !important; margin-bottom: 3px;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 13px !important; margin-bottom: 3px;
	}*/
	
/*	csc-textpic-border{
  	border-right:0px;
  }*/
  
	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 3px solid #71BF48;
		padding: 0px 0px;
		border-left: 0px;
		border-right: 0px;
	}

.csc-textpic-caption{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #7A7770;
  line-height: 1.4em;
}