@charset "utf-8";
/* CSS Document */

body {
	background: #FFFFFF url(../img/top_bg.jpg) no-repeat left top;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #525252;
	}
	
a {
	text-decoration: none;
	color: #BA4400;
	}
	
img {
	border: none;
	}
	
ul {
	font-size: 14px;
	padding: 0 15px;
	margin: 12px 0;
	}
	
li {
	margin: 3px 0;
	}
	
p {
	font-size: 14px;
	margin: 9px 0;
	}

hr {
	height: 1px;
	line-height: 0;
	border-width: 0;
	background-color: #c09274;
	margin: 15px 0;
	clear: both;
}

h1 {
 	margin: 20px 0 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style: oblique;
	font-weight: normal;
	color: #4D7F11;
	}
	
h2 {
	font-size: 16px;
	margin: 12px 0;
	}
    
h3 {
	font-size: 14px;
	margin: 5px 0px;
}
	
#container {
	margin: 117px 0 20px 118px;
	width: 735px;
	height: auto;
	}


ul#topnav {
	margin: 0 0 0 14px;
	padding: 0;
	width: 1000px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	list-style-type: none;
	height: 25px;
	}
	
#topnav li {
	float: left;
	margin: 0;
	}
	
#topnav a {
	color: #512A14;
	border: none;
	}
	
#topnav a,
#topnav .navhi {
	display: block;
	}

#topnav .navhi {
	border: none;
	background: none;
	margin: 0;
	padding: 5px 7px 4px 7px;
	}

#topnav li {
  position: relative;
}
	
#topnav li .sub_navigation {
  display: none;
  padding: 2px 0 1;
  background-color: #c3b4af;
  border: 1px solid #a6928b;
  border-top-width: 0;
  position: absolute;
}

.sub_navigation {
  background: url(../img/nav_bg.jpg) repeat left top;
}

#topnav li:hover .sub_navigation {
  display: block;
}

#topnav a:hover, #home #ho a,#akademie #aka a, #anmeld #am a, #kontakt #ko a, #grundstu #gs a, #kosmfort #kfort a,#kosmaus #kaus a,#ayurvedaaus #ayaus a,#ayurvedafort #ayfort a, #visagistik #vi a, #tipps #ti a {
	background: url(../img/nav_hi.jpg) repeat left top;
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #FFFFFF;
	display: block;
	}
	
#topnav a:hover .navhi, #home #ho .navhi,#akademie #aka .navhi, #anmeld #am .navhi, #kontakt #ko .navhi, #grundstu #gs .navhi, #kosmfort #kfort .navhi,#kosmaus #kaus .navhi, #ayurvedafort #ayfort .navhi,#ayurvedaaus #ayaus .navhi, #visagistik #vi .navhi, #tipps #ti .navhi {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #B0B0B0;
	padding: 5px 5px 4px 5px;
	}
	
#content {
	width: 748px;
	min-height: 200px;
	margin: 0;
	padding-top: 20px;
	}
	
.c {
	clear: both;
	height: 1px;
	display: block;
	}
	
.left {
	float: left;
	margin: 0 10px 0 0;
	}
	
#home #content {
	height: 383px;
	padding-top: 80px;
	background: url(../img/c_home_bg.jpg) no-repeat top right;
	}

#home #content p, #home #content cite {
	width: 344px;
	font-size: 14px;
	}
	
 #home #content cite {
 	display: block;
	text-align: right;
	}
	
 #home #content h6 {
 	margin: 0;
	padding: 0;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:51px;
	font-style: oblique;
	font-weight: normal;
	height: 40px;
	width: 45px;
	}
	
#home #content h1 {
 	margin: 120px 0 0 0;
	}
	
#home #content #claim {
	margin: 25px 0 15px;
	*margin: 105px 0 15px 0;
	font-size: 17px;
	}
	
#idee #content, #ausbild #content, #unterricht #content {
	background: url(../img/c_idee_bg.jpg) no-repeat top right;
	}
	
.termin {
	width: 220px;
	margin-right: 20px;
	float: left; 
	}
	
#idee #content p {
	width: 600px;
	}
	
#team #content {
	background: url(../img/c_team_bg.jpg) no-repeat top right;
	}
	
#anmeld #content {
	background: url(../img/c_anmeld_bg.jpg) no-repeat bottom right;
	}
	
#kontakt #content, #impress #content {
	background: url(../img/c_contact_bg.jpg) no-repeat top right;
	}
    
#fortbild h2 {
    margin-top: 0;
}

#grundstu h2 {
    margin-top: 25px;
}

.div_left {
	width: 345px;
	float: left;
	}
	
.div_right {
	width: 345px;
	float: left;
	margin-left: 40px;
	}
	
.div_fortb {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 523px;
	display: none;
}
.div_akad {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	width: 750px;
	display: none;
}

.sinfo {
	display: inline;
}

.l, .m, .r {
	display: block;
	float: left;
}

.l {
	width: 145px;
	display: block;
	float: left;
}

.m {
	width: 185px;	
}

.r {
	width: 63px;
}

.leftlist {
	float: left;
	margin: 0;
	padding: 0;
}

.leftlist li {
	padding: 0 0 5px 0;
	margin: 0;
	list-style-type: none;
}

/*seitennavigation fuer fortbildungen*/
#sidenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	background: url(../img/sidenav_bottom_bg.gif) no-repeat left bottom;
}

#sidenav a {
	color: #512A14;
	padding: 6px 6px 7px;
	border-top: #FFFFFF solid 1px;
	border-bottom: #CECECE solid 1px;
	display: block;
}

#sidenav ul li a:hover {
	background: url(../img/sidenav_hi_bg.gif) top left repeat-x;
}

#sidenav ul {
	margin: 0;
	padding: 4px 0 14px 0;
	background: url(../img/sidenav_top_bg.gif) no-repeat top left;
	width: 195px;
	font-size: 11px;
	line-height: 11px;
}

#sidenav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* ENDE Seitennavigation*/

#bottom {
	margin: 0;
	background: url(../img/bottom_bg.gif) no-repeat left top;
	width: 1047px;
	height: 56px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #512A14;
	}
	
#bottom a, #bottom p {
	font-size: 11px;
	margin: 24px 0 0 0;
	float: left;
	}
	
#bottom a {
	margin-left: 22px;
	}
	
#bottom p {
	margin-left: 90px;
	}
	
/*kontaktformular*/

.err {
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
	}
	
fieldset {
	background-color: #f1eae7;
	*background-color: #ffffff;
	border: 1px solid #AB6D45;
	margin-bottom: 20px;
	padding: 10px;
	}
	
legend {
	font-size: 14px;
	font-weight: bold;
	color: #4D7F11;
	}
	
label {
	font-size: 14px;
	display: block;
	}
	
input {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	width: 200px;
	}
	
textarea {
	width: 690px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	} 
	
form .small {
	margin: 10px 0;
	width: 240px;
	float: left;
	}

	
/*Subnav*/

#subnav {
	position: absolute;
	top: 141px;
	left: 246px;
	font-size: 11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 2px 0;
	background-color: #d3c4bd;
	border: 1px solid #ab6d45;
	}

#subnav a {
	color: #512A14;
	padding: 2px 9px;
	margin: 0;
	}
	
#subnav span, #subnav a:hover {
	background-color: #a99b93;
	color: #512A14;
	padding: 2px 9px;
	margin: 0;
	}

/* * * * * * * * * * */

#tipps h2 {
	margin-bottom: 3px;
}
#tipps .date {
	font-size: 10px;
	margin-top: 0;
}
#tipps .illustration {
	float: right;
	margin: 0 0 5px 10px;
}

/* * * * * * * * * * */

.side_image {
   float: right;
   margin: 0 0 10px 10px;
   max-width: 200px;
}

.side_image img {
   max-width: 200px;
}