/* print css zu homepage von www.oasederkraft.ch,  © design von bearhunter 2011 */

body
{
margin: 0;
padding: 0;
font: 87% arial, helvetica, sans-serif;
text-align: left;
color: #333;


a:link 
{ color: #33B833; }
a:visited 
{ color: #600; }

a:hover, a:active
{
color: #000;
background-color: #BEFA34;
}

h1
{
font-size: 0.7em;
text-align: right;
font-style: italic;
letter-spacing: 5px;
}

h2
{
font-size: 1.5em;
text-decoration: underline;
}

h3
{
color: #5B5E0E;
font: 106% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 0 7px;
}

#container
{
margin: 3.7em auto;
width: 1000px;
text-align: left;
}

#header
{
height: 250px;
width: 100%;
position: relative;
}

#contents h1
{
font-size: 0.7em;
text-align: right;
}

#contents
{ 
background-color: #F7F2D5;
margin: 0;
padding: 10px 10px 10px 15px; 
}

#contents p { line-height: 155%; }
	
.mapbox {
	float:right;
	margin: 0 10px;
	}

.bild {
	float:right;
	margin-right: 10px;
}

p.footer
{
font-size: 0.9em;
text-align: center;
font-weight: bold;
}

/* Tabelle */
.table1 {
color: white;
background: #97C02F;
margin: 0.5em 0 0.5em 1em;
border-collapse: separate;
border-spacing: 5px 2px;
table-layout: fixed;
width: 400px;
}

.table1 td {
margin: 0.5em 0;
text-align: center;
border: 1px white solid;
}

.red {
color: red;
}


/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
   position:relative;
   float: right;
   padding:15px;
   margin:1em 0.7em 0 0.5em;
   text-align: block;
   color:#000;
   background:#97C02F;

   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:-moz-linear-gradient(top, #F7F2a4, #F7F200);
   background:linear-gradient(top, #F7F2a4, #F7F200);
   behavior: url(PIE.htc);
}

/* creates triangle */
.triangle-isosceles:after {
   content:"\00a0";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   right:50px;
   width:0;
   height:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#F7F2a4 transparent;
}

p.triangle-isosceles {
	font-size: 1.2em;
	font-weight: bold;
}

.triangle-isosceles a{
	color: #000;
}

/* Bubbles with folded Corner
------------------------------------------ */
.note {
   position:relative;
   float: right;
   width:30%;
   padding:1em;
   margin:1em;
   color:#fff;
   background:#97C02F;
   overflow:hidden;
}

.note:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#F7F2D5 #F7F2D5 #658E15 #658E15;
   background:#658E15;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   behavior: url(PIE.htc);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.notel {
   position:relative;
   float: left;
   width:30%;
   padding:1em;
   margin:1em;
   color:#fff;
   background:#97C02F;
   overflow:hidden;
}

.notel:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#F7F2D5 #F7F2D5 #658E15 #658E15;
   background:#658E15;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   behavior: url(PIE.htc);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note2 {
   position:relative;
   float: left;
   width:35%;
   padding:1em;
   margin:1em;
   color:#fff;
   background:#97C02F;
   overflow:hidden;
}

.note2:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#F7F2D5 #F7F2D5 #658E15 #658E15;
   background:#658E15;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   behavior: url(PIE.htc);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note3 {
   position:relative;
   float: left;
   width:36%;
   padding:1em;
   margin:1em;
   color:#fff;
   background:#97C02F;
   overflow:hidden;
}

.note3:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#F7F2D5 #F7F2D5 #658E15 #658E15;
   background:#658E15;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   behavior: url(PIE.htc);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note4 {
   position:relative;
   float: right;
   width:40%;
   padding:1em;
   margin:1em;
   color:#fff;
   background:#97C02F;
   overflow:hidden;
}

.note4:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#F7F2D5 #F7F2D5 #658E15 #658E15;
   background:#658E15;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   behavior: url(PIE.htc);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   behavior: url(PIE.htc);
}

.note.rounded:before {
   border-width:8px;
   border-color:#fff #fff transparent transparent;
   -webkit-border-bottom-left-radius:5px;
   -moz-border-radius:0 0 0 5px;
   border-radius:0 0 0 5px;
   behavior: url(PIE.htc);
}