/* CSS Style http://www.ruppiner-reiki-zentrum.de/ - www.wolke23.de*/


html {

	padding:0px;

	margin:0px;
}


body {

	background-color: #4d83c5;

	font-size: 12px;

	color:#000000;

	text-align:center;

	margin:0px;

	padding:0px;

         font-family: Verdana, Arial, Helvetica, sans-serif;
}


#box {

	width:799px;

         height:100%;

	margin: 0px auto;

	padding:0px;

	text-align:left;

	background-image: url(/bilder/hintergr.jpg);

	background-repeat:repeat-y;

         background-color:transparent;

         overflow: auto;
}


#links {

	width:170px;

         margin-top:25px;

	padding:0px;

	float:left;
}


#content {

	width:494px;

         height:100%;

	padding-left:20px;

         margin-top:10px;

	float:left;

	overflow: auto;

	}


#header {

background-color:transparent;
}


h2 {

	font-size: 18px;

         font-weight:bold;

	color: #000000;
}

h1.head {

	font-size: 32px;

	color: #000000;

         font-variant:small-caps;

         margin-left:70px;
}

.text {

  font-family:  Verdana, Arial, Helvetica;

  font-size: 10pt;

  color: #000033;

  font-weight: ;

  }

.textg {

  font-family:  Arial;

  font-size: 14pt;

  color: #333333;

  font-weight: bold;

  }

  a.navi:link, a.navi:visited, a.navi:active {

  text-decoration: none;

  color: #000033;

  font-family: Verdana, Arial, Helvetica;

  font-size: 12px;

  font-weight: bold;


}a.navi:hover {

  text-decoration: none;

  color: #FFFFCC;

  font-family: Verdana, Arial, Helvetica;

  font-size: 11px;

  font-weight: bold;
}


#links .left ul li  a {

	display:block;

	border-bottom: 1px solid #fffccc;

	color: #000000;

	text-decoration: none;

	padding: 5px 15px 5px 25px;

	margin: 0px 0px 0px 0px;

	}

#links .left ul li a:visited {

	color:#000000;

	}

#links .left ul li a:hover {

	color: #ffffff;

         background-color: #4d83c5;

         }


#links .left ul li a:active {

	color:#ffffff;

         background-color: #4d83c5;

         }


#links .left ul li a.selected {

	color:#4d83c5;

	background-color: #ffffff;
}

#links ul {

list-style-type: none;

margin: 0px 25px 0px 25px;

padding: 0px;
}

#links li {

margin-bottom: 10px;
}


#links .left ul {

list-style-type: none;

padding: 0px;
margin: 0px;
}

#links .left li{

display:inline;

margin: 0px;

padding: 0px;
}

#links .left ul ul li a {

padding: 2px 15px 2px 50px;

margin: 0px;
background-color: #ffffff;
}


.flore {

	float:right;

	margin-left:20px;

	margin-bottom:10px;

         margin-top:15px;
}


/* Clearfix-Methode */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;
}


/* Für Safari/Mac */

.clearfix {display: block;}