/*Allgemeine Formatierungen und Schriften*/

/*Formatierung Fließtext innerhalb der Seite und Tabellen*/
body, td, th, p{
font-family: Arial, Verdana, Helvetica, sans-serif, Garamond;
color: #323843;
line-height:1.28;	
}
		
body{
font-size: 12px;
background-color: #CFD7E2;
}

/*Abstände zum Text innerhalb eines Absatzes*/
p{
font-size: 12px;
margin: 6px 0 8px 0;
}
		
body, td, th{
margin: 0px;
}	

/*Seitenüberschrift Blau*/
h1{
font-weight: normal;
font-size: 28px; 
color: #0000FF;
}

/*Seitenüberschrift2 - grün*/
h1.logo2{
font-size: 18px; 
color: #66878A;
}

/*Überschrift im Text - weiter Abstand*/
h2{
font-weight: bold;
font-size: 16px; 
color: #323843;
line-height: 1;
margin: 12px 0 12px 0;
}

/*Überschrift im Text - engerer Abstand zum Text davor und danach*/
h2.enger{
margin: 10px 0 4px 0;
}

/*Überschrift im Text - weiter Abstand*/
h3{
font-weight: bold;
font-size: 14px; 
color: #323843;
line-height: 1;
margin: 12px 0 12px 0;
}

/*Überschrift im Text - engerer Abstand zum Text davor und danach*/
h3.enger{
margin: 10px 0 4px 0;
}

/*Überschrift im Text - weiter Abstand*/
h4{
font-weight: bold;
font-size: 13px; 
color: #323843;
line-height: 1;
margin: 12px 0 12px 0;
}

/*Überschrift im Text - engerer Abstand zum Text davor und danach*/
h4.enger{
margin: 10px 0 4px 0;
}

/*für fette Textstellen*/
.bold{
font-weight: bold;
}

/*Bilder werden ohne umgebenden Rahmen dargestellt*/
img{
border: 0px;
}


/*Äußerer Rahmen*/
#containerTorezurFreiheit{
position: absolute;
width: 848px;
height: auto;
top: 20px;
margin-left: 12%;
z-index: 0;
border: 1px solid #323843;
padding: 0;
background:   url("../../casel_bilder/casel_torezurfreiheit.jpg") left top no-repeat;
background-color: #F3F4F6;
}



/*Äußerer Rahmen*/
#containerTorezurFreiheitXL{
position: absolute;
width: 1024px;
height: auto;
top: 20px;
margin-left: 6%;
z-index: 0;
border: 1px solid #323843;
padding: 0;
background:   url("../../casel_bilder/casel_torezurfreiheit.jpg") left top no-repeat;
background-color: #F3F4F6;
}



/*Äußerer Rahmen mit anderen Hintergrundbild für Lebensenergiekonzepte*/
#containerLebensenergiekonzept{
position: relative;
width: 848px;
height: auto;
top: 20px;
margin-left: 12%;
z-index: 0;
border: 1px solid #323843;
padding: 0;

background-color: #Ffffff;
}



/*Äußerer Rahmen mit anderen Hintergrundbild für Lebensenergiekonzepte*/
#containerLebensenergiekonzeptXL{
position: relative;
width: 1024px;
height: auto;
top: 20px;
margin-left: 6%;
z-index: 0;
border: 1px solid #323843;
padding: 0;

background-color: #Ffffff;
}



/*Positionierung Navigation*/
#CaselNavi{
position: absolute;
top: 9px;
right: 12px;
width: auto;
height: 120px;
z-index: 10;
float: right;
text-align: right;
}

/*Positionierung Schließer-Grafik in der Navigation*/
div.schliessen{
margin-top:2px; 
margin-right: 0px; 
float:left;
 }

/*Positionierung 1. Überschrift links*/
#caselLogo{
position: absolute;
top: 68px;
left: 15px;
width: 700px;
height: 55px;
overflow: visible;
z-index:1;
margin: 0px;
padding:0px;
}

/*Positionierung 2. Zeile Überschrift*/
#caselLogoZweiteZeile{
position: absolute;
top: 107px;
left: 19px;
width: 700px;
height: 30px;
z-index:1;
margin: 0;
}

/*Formatierungen dynamisches Menü*/
#head1, #head2, #head3, #head4, #head5, #head6, #head7, #head8, #head9, #head10, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10{
text-align:left; 
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10{
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
}

/*Content linke Spalte auf 2-spaltigen Seiten*/
#contentLinks{
position: relative; 
width: 360px; 
height: auto; 
margin-top: 160px; 
margin-left: 50px; 
z-index:4;
float: left;
}

/*Tabelle zur Positionierung des linken Contents*/
table.content{
width: 100%;
padding: 2px 5px;
border: 0px;
margin: 0;
}

/*Content rechte Spalte auf 2-spaltigen Seiten*/
#contentRechts{
position: relative; 
width: 300px; 
height: auto; 
margin-top: 169px; 
margin-left: 20px;
z-index:5;
float: left;
}

/*Content auf 1-spaltigen Seiten*/
#contentMitte{
position: relative;
width: 580px;
height: auto;
padding-top: 150px;
margin-left: 155px;
z-index:5;
}

/*Content auf 1-spaltigen Seiten*/
#contentMitte2{
position: relative;
width: 730px;
height: auto;
padding-top: 150px;
margin-left: 50px;
z-index:5;
}

/*Content auf 1-spaltigen Seiten*/
#contentMitteG{
position: relative;
width: 680px;
height: auto;
padding-top: 190px;
margin-left: 80px;
z-index:5;
}

/*Content auf 1-spaltigen Seiten*/
#contentMitteXL{
position: relative;
width: 980px;
height: auto;
padding-top: 190px;
margin-left: 8px;
z-index:5;
}

/*Positionierung Foto auf Lebensenergiekonzepte*/
#contentFoto{
position: absolute;
width: 105px;
height: 135px;
top: 213px;
left: 626px;
z-index:6;
}

/*Positionierung blauer Balken auf Lebensenergiekonzepte*/
#contentBlauerBalken{
background-color: #CFD7E2; 
height:80px; 
width: 762px; 
position: absolute; 
bottom: 26px; 
left: 18px; 
z-index:4;
}

/*Darstellung Links im Fließtext*/
a:link, a:visited, a:hover, a:active{
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height:1.1;
}

a:link, a:visited {
color: #323843;}

a:hover, a:active{
color: #C84F25;}


/*Darstellung Links in der Navigationsleiste*/
a.navi:link, a.navi:visited, a.navi:hover, a.navi:active{
font-size: 13px;
font-weight: normal;
text-decoration: none;
}

a.navi:link, a.navi:visited {
color: #3B4350;}

a.navi:hover, a.navi:active{
color: #C84F25;}

/*Formatierung Kontaktformular*/
.ueberblick{
font-size: 12px;
color: #323843;
line-height: 1.28;
font-weight: bold;
padding-top: 10px;
vertical-align: top;
}