/* CSS Document www.mein-atem.ch */

/*Farbcodes:
hellgrün:				#1DC838
dunkelblau				#3C8AD2
hellblau				#6AC9F7
Schriftfarbe:			#285C8C
*/

*{margin:0;padding:0}

body {
width:750px;
margin:0px auto;
background-color:#FFFFFF;
font: normal 1em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(../_grafics/wave.gif) -1000px top repeat-x;
letter-spacing:0.04em;}

#bubble{
position:absolute;
left:0px;
top:0px;
width: 100px;
height: 590px;}

#container{
width:750px;}

#logo{
width:730px;
text-align: right;
padding: 0 20px 12px 0;
margin:0 0 4em 0;}

#content{
float:left;
color:#21405D;
width:470px;
line-height: 2.2em;
padding: 0 0px 10px 30px;
margin:0;}

#nav{
float:right;
font: normal 1em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 70px 0 0 0;
background: url(../_grafics/navlines.gif) no-repeat 0em 1em ;
width: 230px;
height: 300px;
color:#339999;}

ul#hnav {
list-style-type:none;
padding: 25px 0 0 10px;}

ul#hnav li{
padding: 0;
width: 230px;}

ul#hnav li a:link, ul#hnav li a:visited{
padding: 0em 2em 0 1.8em;
display:block;
font-weight: normal;
color:#37C705;
font-size: 0.95em;
text-decoration:none;
height: 31px;}

ul#hnav li a:hover, ul#hnav li a:active, ul#hnav li a.aktiv{
display:block;
padding: 0em 2em 0 1.8em;
background: url(../_grafics/navpop.png) 0 0 no-repeat;
color:#328F12;
font-weight:bold;}

a:link, a:visited{
font-weight: normal;
color:#37C705;
font-size: 0.95em;
text-decoration:none;}

a:hover, a:active, a.aktiv{
color:#328F12;
font-weight:bold;}

ul#unav {
list-style-type:none;
padding: 0 0 0.7em 0;}

ul#unav li{
padding: 0;
width: 220px;}

ul#unav li a:link, ul#unav li a:visited{
padding: 0em 2em 0 3em;
display:block;
font-weight: normal;
color:#37C705;
font-size: 0.75em;
height: 20px;
text-decoration:none;}

ul#unav li a:hover, ul#unav li a:active, ul#unav li a.aktiv{
display:block;
padding: 0em 2em 0 3em;
background: none;
color:#328F12;
font-weight:bold;}

#content ul{
list-style-type:none;
margin:0 0 0 3em;}

#content ul li{
background:url(../_grafics/list.gif) no-repeat left;
padding:0 0 0 2em;}

#footer{
clear:both;
margin: 0;
padding: 2.3em 2em 0 10em;
background:url(../_grafics/bg_footer.gif) repeat-x top;
width:610px;
height:73px;
font-size: 0.7em;
color:#1DC838;}

#footer a{
position:relative;
left:490px;
top:-20px;
width:75px;
height:25px;
display:block;
padding: 7px 0 0 0;
background:url(../_grafics/up_ia.gif) no-repeat right center;}

#footer a:link, #footer a:visited, #footer a:active{
color:#B5B5B5;
letter-spacing:0.02em;
text-decoration:none;}

#footer a:hover{
font-weight: normal;
color:#3C8AD2;
letter-spacing:0.02em;
background:url(../_grafics/up.gif) no-repeat right center;}

 

/* Layoutvorgaben im Inhaltsbereich */

h1{
font: normal 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(../_grafics/h1.gif) top left no-repeat;
color:#3C8AD2;
letter-spacing:0.05em;
line-height:3em;
height: 2em;
padding: 0 0 0 1.5em;
margin: 0 0 1em 0;}

#content img.left{
float:left;
border:#B82228 solid 3px;
margin: 0 30px 2px 0;}

blockquote{
color:#3C8AD2;
font-style:normal;
font-weight: bold;}

address{font-size:0.8em;}

.link{
border-bottom:#B82228 dotted 1px;
padding: 1em 1em;}

#content a.extlink:link, #content a.extlink:visited{
color:#B82228;
text-decoration:none;
padding-left: 1.5em;
background:url(../_grafics/extern.gif) no-repeat left;}

#content a.extlink:hover, #content a.extlink:active{
color:#C0C0C0;
text-decoration:underline;
padding-left: 1.5em;
background:url(../_grafics/extern.gif) no-repeat left;}

/* ---------- Clearfix für float-clearing -------------- */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#casita{
text-align:center;
height: 20px;
font-size: 11px;}

#casita a:link, #casita a:visited, #casita a:visited{
color:#C0C0C0;
letter-spacing:0.02em;
text-decoration:none;}

#casita a:hover{
color:#3C8AD2;
letter-spacing:0.02em;
text-decoration:underline;}