/* Start of CMSMS style sheet 'bsii_082007 : bsii_082007_main' */
/* **************************
	bewusst sein im inntal
	-------------------------
	redesign: 08.2007
	by: Jean-Christoph von Oertzen
	at: info@butterflyx.com
        version: 1.1
*************************** */


/* START centering CSS */
body {
  text-align:center; /* Required for pesky IE */
  margin-top:0px;
  margin-bottom:0px;
  padding: 0px;
  background: #E3F7D8 url("uploads/images/floral_pattern.gif") repeat; 
  color: #3A3A3A; 
  font-family: Verdana, Helvetica, sans-serif;
}

.mceContentBody {
  text-align:left; /* WYSIWYG-Editor content */
}

div {
  margin: 0;
  padding: 0;
}

#wrapper {
  margin-left:auto;
  margin-right:auto;
  margin-top: 5px;
  margin-bottom:0px;
  width:945px;/* Change value to suit*/
  text-align:left; /* Overrides the previously set center alignment that older IE versions reqd */
}
/* END centering size CSS */

/* START font size CSS */
body {font-size:72.5%} /* for IE/Win */
html>body {font-size:11x} /* for everything else */
/* Set other elements using ems (where 1em = 10px, 2em = 20px */
/* END font size CSS */

#header {
  height: 100px;
}

#lefthead{
  width: 25px;
  height: 100px;
  float: left;
  background: url("uploads/images/header/bsii_headergradient_left.gif") no-repeat;
border: 0px solid red;
}

#righthead{
  width: 25px;
  height: 100px;
  float: left;
  background: url("uploads/images/header/bsii_headergradient_right.gif") no-repeat;
border: 0px solid fuchsia;
}

#head{
  width: 895px;
  height: 100px;
  float: left;
  background: url("uploads/images/header/bsii_headergradient_bg.gif") repeat-x;
border: 0px solid lime;
}

/* IE hack for transparant png's */
div#logo h1 a {
  width: 195px;
  height: 90px;             /* adjust according your image size */
  margin-top: 12px;
  margin-bottom: 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/bewusstsein_logo_195x85.png'); 
  display: block;
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* FF and good browsers know this */
html>body div#logo h1 a {
	top: 0px;
	left: 0px;
	background: url("uploads/images/bewusstsein_logo_195x85.png") no-repeat top left 
}

#logo {
  width: 120px;
  float: left;	
  margin-top: -5px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 0px;
}
#rightelem {
  width: 520px;
  float: right;
}
#claim {
  width: 520px;
  float: right;
  margin-top: 20px;
  text-align: right;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  LETTER-SPACING: 0.2em; 
}

#subclaim {
  font-size: 7pt;
  font-weight: normal;
  text-transform: none;
  LETTER-SPACING: 0px;
}

#search {
  width: 420px;
  float: right;
  margin-top: 15px;
  text-align: right;
}

a img {
  border: 0px solid black;
}


#main {
  min-height: 400px;
  padding: 0px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* ----------------------------------------
Navigation 
------------------------------------------- */

#navigation {
  width: 185px;
  float: left;
  margin-top: 0px;
  background: #f6dfb9; /* ffcc99; */
  border: 1px solid #97add5;
  font-size: 0.85em;
}

#navigation li a, #navigation a:active, #navigation a:visited {
  color: #3A3A3A; 
  text-decoration: none;
  /* color: #6666FF; */
}

#navigation a:hover {
  text-decoration: underline;
  color: #6666FF;
} 

#navigation ul {
  list-style: none;
  margin: 5px;
  padding: 0px;
}

#navigation ul.level2 {
  padding-left: 15px;
}

#navigation ul.level2 li a, #navigation ul.level2 a:active, #navigation ul.level2 a:visited {
  text-decoration: none;
  color: #6666FF;
}

#navigation ul.level2 a:hover {
  text-decoration: underline;
  color: #3A3A3A;
}

#navigation ul.level3 {
  padding-left: 25px;
}

#navigation ul.level4 {
  padding-left: 35px;
}

#navigation li {
  background:none;
  margin-bottom: 1.2em;
  margin-top: .5em;
}

#navigation li a.currentpage{
  color: #3A3A3A;
  font-weight: bold;
  text-decoration: none;
}

/* ----------------------------------------
Content Area 
------------------------------------------- */

#content {
  width: 515px;
  float: left;	
  padding-left: 10px;
  padding-right: 10px;
  background: #E3F7D8; 
  font-size: 1em;
}

#bigcontent {
  width: 680px;
  float: left;	
  padding-left: 10px;
  padding-right: 10px;
  background: #E3F7D8; 
}

h1 {
  font-size: 1.7em;
}

h2 {
  font-size: 1.4em;
  font-weight: lighter;
  letter-spacing: -0.009em;
}

h3, .headline {
  display:block;
  font-size: 1.35em;
  margin-bottom: 0.15em;
  color: #94a68a;
  letter-spacing: 0,20em;
  font-variant: small-caps;
}

h4, .sub-headline {
  display:block;
  font-size: 1.25em;
  padding-top: 0.8em;
  margin-bottom: 0.15em;
  /* text-decoration: underline; */
  letter-spacing: 0,20em;
  color: #999999;
  /* color: #94a68a; */
}

h5, .sub-sub-headline {
  display:block;
  font-size: 1em;
  font-weight: bold;
  color: #97add5;
}

a, a:visited {
  color: #4444FF;
  text-decoration: underline
}

a:active, a:hover {
  color: #FFAE00;
  text-decoration: underline
}

a.download {
  background: url("uploads/images/disk.png") no-repeat;
  background-position: 0px 0px;
  display:block;
  padding-left: 21px;
  line-height: 1.2em;
  height: 20px;
}

#breadcrumb {
  height: 15px;
  font-size: 0.75em;
  color: #888888;
  padding-top: 0px;
  padding-bottom: 10px;
}

#sitefunc {
  border-top: 1px solid #CCCCCC;
  padding-top: 15px;
  text-align: right;
}

#KontaktForm{
  width: 450px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;
  margin-bottom:0px;
}

#myframe{ /*iframe für gmaps*/
  height: 350px;
  width: 425px;
  display: block;
}

li.bigmargin {
  margin-bottom: 2em;
}

/* ----------------------------------------
Marginal - Spalte
------------------------------------------- */

#marginal {
  font-size: 0.85em;
  color: #888888;
  width: 195px !important;
  _width: 150px !important; /* IE6 hack */
  float: right;	
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: #E3F7D8; 
}

.marginalelem {
  margin-bottom: 30px;
}

.marginalelem.news{
}

.marginalelem.calendar{
  padding-top: 25px;
  /* background-color: #f6dfb9; */
}

.marginalelem.calendar .calendar-date-from{
  font-weight: normal;
  font-size: 0.9em;
}

.single-calendar-event{
  margin-bottom: 10px;
  margin-top:20px;
}

.calendar-event-detail{
  margin-bottom: 25px;
}

.calender-event-title{
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 0em;
  margin-bottom: 1em;
  margin-top: 0.8em;
}

.calender-navigation{
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.calender-navigation.calendar-prev{
  text-align: left;
}

.calender-navigation.calendar-next{
  text-align: right;
}

#bigcontent .calendar-date-from{
  font-weight: normal;
  font-size: 1.4em;
}

#bigcontent .single-calendar-event{
  margin-top: 35px;
}

.calendar-summary{
  font-style: italic;
}

.calender-event-element{
  margin-left: 2em;
  border-left: 1px solid #cccccc;
  padding-left: 1em;
}

.marginalelem.newsletter{
  padding-top: 25px;
  /* background-color: #f6dfb9; */
}


/* ----------------------------------------
Footer
------------------------------------------- */

#footer {
  font-size: 0.85em;
  color: #888888;
  height:50px;
  text-align: center;
}
#leftfoot{
  width: 25px;
  height: 50px;
  float: left;
  background: url("uploads/images/footer/bsii_footergradient_left.gif") no-repeat;
}
#rightfoot{
  width: 25px;
  height: 50px;
  float: left;
  background: url("uploads/images/footer/bsii_footergradient_right.gif") no-repeat;
}
#foot{
  width: 875px;
  height: 50px;
  float: left;
  padding: 10px;
  background: url("uploads/images/footer/bsii_footergradient_bg.gif") repeat-x;
}
/* End of 'bsii_082007 : bsii_082007_main' */