/* Start of CMSMS style sheet 'S2 - impulsMOMENTE - 2009' */
* {
margin:auto;
padding:0;
}

body {
	background-color: #ffffff;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; 
        background: url(uploads/homepage/start.jpg) top left no-repeat; 
}



/********************
MAIN - fuer den gesamten Hintergrund!
*********************/
.main {
position:absolute;
visibility:visible;
width:970px;
height: 650px;
/* width:100%; */
 /* height:100%; */
 /* min-width: 970px; */ 
 /* min-height: 650px; */
overflow: hidden;
z-index: 1;
margin: 0px;
background: url(uploads/homepage/start.jpg) top left no-repeat;
background-repeat: no-repeat;
}



/********************
TITELH - Div fuer die Seitenueberschriften, werden als jpg eingefuegt.
*********************/
.titelh {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	/* top:34px; */
top:19px;
        left:368px;
	width:600px;
        height:58px;
	z-index:2;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
}


/********************
NAVI3 - Div fuer die UnterUnterNavi!
*********************/
.navi3 {
      position: absolute; 
      visibility:visible;
      overflow: hidden;
      width: 550px;
      height: 50px;
      top:129px;
      left:376px;
      z-index: 3;
      padding: 0.5em 0 0.5em 0
}


/********************
TITELH2 - Div fuer h2!
*********************/
div#titelh2 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
        left:376px;
	top:200px;
        width:553px;
	height:14px;
	z-index:4;
}

/********************
TEXTH - Div fuer den Content-Bereich!
*********************/
.texth {
	position:absolute;
	visibility:visible;
	overflow: auto;
        left:376px;
	top:222px;
        width:575px;
	height:340px;
	z-index:5;
   /*  background-color: #3487bc; */

scrollbar-arrow-color: #D4EAEC;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #D4EAEC;
scrollbar-3dlight-color: #D4EAEC;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #D4EAEC;
}


/********************
CONTENT START - Breite und Hoehe und IE Farben
*********************/
div#content {
        width: 575px;
        height: 340px;
        padding: 0;
        overflow: auto;
        padding: 0 1em 0.5em 0.5em 

scrollbar-arrow-color: #D4EAEC;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #D4EAEC;
scrollbar-3dlight-color: #D4EAEC;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #D4EAEC;
}

/********************
PRINT - Div fuer den Printbutton.
*********************/
div.print {
  float: left;
  padding: 0em 0.5em 0 0;
  text-align: left;
	z-index:5;
}


div.left49 {
  padding: 0 0 0 0.2em;
  float: left;
  width: 70%; 
  z-index:6;
}

div.top {
  padding: 0 0.2em;
  float: right;
  width: 30%;
  text-align: right;
  z-index:7;
}

div.kontakt {
	position:absolute;
	visibility:visible;
	overflow: hidden;
        left:376px;
	top:580px;
        width:575px;
	height:50px;
	z-index:4;
background-color: #3487bc;
}

/********************
CONTENT - Ende
*********************/

/********************
NAVI wunder
*********************/
.navi_01 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	/* top: 95px; */
        top: 105px;
	left: 240px;
        width: 120px;
	height:25px;
	z-index:6;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}

/********************
NAVI liebe
*********************/
.navi_02 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 139px;
	left: 217px;
        width: 132px;
	height:25px;
	z-index:7;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}

/********************
NAVI freude
*********************/
.navi_03 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 174px;
	left: 186px;
        width: 165px;
	height:25px;
	z-index:8;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}


/********************
NAVI frei.sein
*********************/
.navi_04 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 208px;
	left: 165px;
        width: 186px;
	height:25px;
	z-index:9;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}


/********************
NAVI bewusst.sein
*********************/
.navi_05 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 242px;
	left: 153px;
        width: 200px;
	height:25px;
	z-index:10;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}


/********************
NAVI essenz.leben
*********************/
.navi_06 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 276px;
	left: 140px;
        width: 220px;
	height:25px;
	z-index:11;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}



/********************


NAVI leben.gestalten
*********************/
.navi_07 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	top: 311px;
	left: 135px;
        width: 220px;
	height:25px;
	z-index:12;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 22px;
}

/********************
UNAVI   
*********************/

.unavi_01 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	left:182px;
	top:390px;
	width:180px;
	height:20px;
	z-index:13;
        text-align:right;
        padding-bottom:1em;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


.unavi_02 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
        left:188px;
        top: 415px;
        width: 250px;
	height:20px;
	z-index:14;  
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


.unavi_03 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	left:192px;
	top:440px;
	width:150px;
	height:20px;
	z-index:15;   
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


.unavi_04 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	left:205px;
	top:466px;
	width:150px;
	height:20px;
	z-index:16;
        text-align:right;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


.unavi_05 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	left:218px;
	top:491px;
	width:110px;
	height:20px;
	z-index:17;
        text-align:right;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


.unavi_06 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
	left:237px;
	top:516px;
	width:82px;
	height:20px;
	z-index:18;
        text-align:right;
        padding-bottom:1em;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
}


/********************
BACK - fuer den Link zur Startseite!
*********************/
.back{
	position:absolute;
	visibility:visible;
	width:64px;
	height:650px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 18;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	visibility: visible;
	background-color: #42e822;
}


/********************
TITELUEBERSCHRIFTEN - Hier werden die Titelueberschriften für jede Seite festgelegt. Wird der Linkname geaendert, muss auch hier der div-Name angepasst werden.
*********************/

div#wunder-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/wunder.jpg) no-repeat;
}

div#liebe-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/liebe.jpg) no-repeat;
}

div#freude-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/freude.jpg) no-repeat;
}

div#frei-sein-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/frei.jpg) no-repeat;
}


div#bewusst-sein-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/bewusst.jpg) no-repeat;
}


div#potential-leben-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/potentialleben.jpg) no-repeat;
}


div#leben-gestalten-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/leben.jpg) no-repeat;
}



div#meine-angebote-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/angebote.jpg) no-repeat;
}


div#ueber-mich-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/profil.jpg) no-repeat;
}


div#kontakt-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/kontakt.jpg) no-repeat;
}



div#netz-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/netz.jpg) no-repeat;
}

div#home-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/home.jpg) no-repeat;
}


div#termine-trenner{
margin:0;
        padding: 0;
        text-align:center;
        width: 600px;
        height: 58px;
        background: url(uploads/homepage/termine.jpg) no-repeat;
}


/********************
TITELUEBERSCHRIFTEN - Ende
*********************/


/********************
maria.aktuell - weiter zu
*********************/
.maria {
	position:absolute;
	visibility:visible;
	left: 208px;
	top: 25px;
        width:60px;
	height:60px;
	z-index:17;
      /*  background: url(uploads/homepage/intro_start.gif) top left no-repeat; */
}


/********************
impulsraum - weiter zu
*********************/
.impuls {
	position:absolute;
	visibility:visible;
	left: 176px;
	top: 590px;
        width:60px;
	height:60px;
	z-index:18;
       /* background: url(uploads/homepage/intro_start.gif) top left no-repeat; */
}


/********************
CONTENT STYLING
*********************/
/*
wenn ein Bild als Link "a" verwendet wird, erscheint kein Rand
*/
img {
   border: 0;
}
/* End of 'S2 - impulsMOMENTE - 2009' */

