/* -----------zuerst some stuff :) ----------------------------*/

.snail { background: url(images/hr-snail.gif) no-repeat; width: 570px ;  height: 65px;}
.gruen-sonne { background: url(images/hr_gruen_sonne.gif) no-repeat; width: auto ;  height: 97px;}
.barcode { background: url(images/hr_barcode.png) no-repeat; width: 500px ;  height: 57px;}
.torro { background: url(images/hr_torro.png) no-repeat; width: 400px ;  height: 70px;}




/*------ohne Schatten-----------------------------------------*/
.imgfloat-mitte {
border: 2px solid #36712E ;
float: left;
margin: 1em 1em  1em 8.5em;
}

.imgfloat-mitte img { background: #fff;}

.imgfloat_mitte_index {
float: left;
background-color: #fff;
margin: 1em 1em  1em 8.5em;
padding: 4px 4px 3px 4.5px;
border: 2px solid #36712E ;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 14px 10px 9px #042618;
-webkit-box-shadow: 14px 16px 9px #042618;
box-shadow: 14px 16px 9px #042618;
}
.imgfloat_mitte_index img { background: #fff;}

.imgfloat_index {
float: left;
background-color: #fff;
border: 2px solid #36712E ; 
margin: 1em 1em  1.5em 2.5em ;
padding: 3.5px 4px 3px 4.5px;
border: 2px solid #36712E ;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 14px 16px 9px #042618;
-webkit-box-shadow: 14px 16px 9px #042618;
box-shadow: 14px 16px 9px #042618;
}
.imgfloat_index img {
background-color: #fff;
border-style:none;
text-decoration: none ;
background-image: none;
}

.imgfloat {
float: left;
border: 2px solid #36712E ; 
margin: 1em 1em  1.5em 2.5em ;
line-height: 0 ;
background-image: none ;
}

.imgfloat img {
background: #fff ;
border-style:none;
text-decoration: none ;
background-image: none;
}

.imgfloatr {
border: 2px solid #36712E ;
float: right ;
margin: 1em 1em  1em 4em;
line-height: 0;
}
.imgfloatr img {
background: #fff;
border-style:none;
}
/*_____Schatten bei Bild____________________________________*/

.img-float-mitte {
float: left;
margin: 1em 1em  1em 6em;
background: url(shadow.gif) no-repeat bottom right ;
line-height: 0;
z-index: 2;
}

.img-float {
float: left;
margin: 1em 1em  1em 2.5em;
background: url(shadow.gif) no-repeat bottom right ;
line-height: 0;
z-index: 2;
}

.img-float img {
float: none;
margin: 0;
background: #fff;
padding: 3px;
border: 1px solid #C5BDBD;
position: relative;
z-index: 2;
left: -5px;
top: -5px;
}
.popinfo {position: relative;}
.popinfo span { display: none;}
.popinfo:hover span {
display: block;
position: absolute;
bottom: 2.5em ;
left: 2em;
padding: 0.2em  0.6em ;
border: 1px solid  #696969; 
background-color: #F1F1F1;
color: #36B237;
font: normal 0.9em/95% "luxi sans", Tahoma, "Bitstream Vera sans", sans-serif;
}

/* ++++++++++++++++++++++ Inhalte, Spalten, ... ++++++++++++++++++++++ */

body {
background-image:  url(images/edelweiss.gif);
background-repeat: no-repeat;
background-color:  #36712E ; 
background-position:  center;
/* opacity: 0.8 ; */
}

p { font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif ;}

.small {
/* ::::::erst in css 3.0 :::::::::::::::: */
/* font-size-adjust: 0.45 ; */
 font-size: 58%;
 text-indent: -1em;
 letter-spacing: 0.1em; 
 text-align: right ;
}

h1 {
margin: 0pt 0pt 0pt 0pt;
padding: 0em;
text-align: center;
font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 160%;
color: #fff;
background-color: transparent; 
}

h2 {
line-height: 27px;
height: 26px;
color: #fff;
font-size: 130%;
padding-left: 35px;
}

q { color: #D3E3F5 ; font-style: italic;  }

/* ______ mehrer Spalten im Inhalt ______ */
/* ::::::erst in css 3.0 :::::::::::::::: */

.spalten2 {
	margin-left: 0.5em;	
	width: auto;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-gap: 0.3em;
	-webkit-column-gap: 0.3em;
	column-count: 2;	/* ::::: Spaltenanzahl :::: */
	column-gap: 2em;  /* ::::: Spaltenabstand :::: */
}

.inhalt {
margin: 3.5em 5.5em 2.8em 5.5em;
padding:0.4em ;
font-size: 98%;
line-height: 1.6 ;
font-family:"luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
color: #fff;
background-color: transparent; /* #4F8450; */
background-image: url(images/gr_tr.png) ; 
border: 2px ridge #F0EEB0;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
-moz-box-shadow: 18px 16px 9px #042618;
-webkit-box-shadow: 18px 16px 9px #042618;
box-shadow: 18px 16px 9px #042618;
}

.inhalt p{
padding:0em 0.5em 0.5em 2em;
font-size: 101%;
line-height: 1.8 ;
font-family:"luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
}

.fehler {
position: absolute;
margin-left: 11em; 
left: 200px;
font-weight: bold; 
color: #760000;
padding-left: 18px; 
background: url(images/error.png) no-repeat left top;
}
.clear {font-size:1px; height:1px; clear: both; }

div #Info {
border: none;
text-align: center;
color: #CAFFBB ;
margin: 0.4pt 0.5pt 1.1em;
font-family: Arial,Helvetica,sans-serif;
padding: 0pt;
font-size: 0.95em;
float: right;
background-color: #4F8450;
width: 13em;
}

div #Info p {
margin: 0.5em;
font-size: 1em;
}

/* +verkauft gif als hintergrund+ */
.verkauftgif {
background: url(images/verkauft.gif) repeat ;
position: absolute;
z-index: 100;
}


/* ++++++++++++++++++++ Listen und Navigation ++++++++++++++++++++++++++++++ */   
dl {
/*margin: 0.1em 0.2em 0.5em 0.5em;*/
text-align: left;
padding-left: 14px; 
/*float: left;*/
/*margin-right: 1em;*/
width: auto;
}

dt { 
font-weight: bold;
font-family: Verdana, Helvetica, "Bitstream Vera Mono sans", sans-serif;
}

dd {
font-family: Verdana, Helvetica, "Bitstream Vera Mono sans", sans-serif;
font-size: 0.85em;
background: url(images/arrow_y.gif) no-repeat center left;
padding-left: 8px; 
} 

.blockliste {
margin: 0.5em 2em 0.5em 6.5em;
font-family: Verdana, Helvetica, "Bitstream Vera Mono Sans", sans-serif;
font-size: 0.87em;
} 

.blockliste li {
display: inline;
padding: 1px 15px 1px 3px;
background:  url(images/arrow_y.gif) no-repeat center left;
}

.kleineliste {
margin: 0.1em 1em 0.5em 6em;
padding: 1em;
font-family: Verdana, Helvetica, "Bitstream Vera Mono Sans", sans-serif;
font-size: 0.87em;
list-style-image: url(images/arrow_y.gif)  ; 
} 
.kleineliste2 {
margin: 0em 0.5em 0.5em 1em;
padding: 1ex;
font-family: Verdana, Helvetica, "Bitstream Vera Mono sans",sans-serif;
font-size: 0.87em;
list-style-image: url(images/arrow_y.gif);
}


ul {
font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 1.1em;
}
ul li {
margin: 0pt;
padding: 0.15em;
list-style-type: none;
text-align: left ;
}

ul#num {
font-family:"luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 0.8em;
}
ul#num li {
margin: 0pt;
padding: 0.5em;
list-style-type: decimal;
text-align: center;
}
ul#Navigation { 
text-align: center;
font-family:  "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 0.9em ; 
}
ul#Navigation li {
margin: 10pt;
padding-left: 21px ;
list-style-type: none;
background: url(images/edelw.gif) no-repeat top left; 
display: inline;
}
ul#Navigation a {
padding: 0.1em;
font-weight: bold;
font-family:  "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
}
ul#Navigation a:link { color: #CBF5C5; }  
ul#Navigation a:visited { color: #A6A6A6; }
ul#Navigation a:hover { color: #E44077; }
ul#Navigation a:active { color: #E2580C; }

ul#klein {
font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 0.75em;
}
ul#klein li {
margin: 0pt;
padding: 0.5em;
list-style-image: url(images/arrow.gif);
list-style-type: none; 
}

ul#mittel {
font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif; 
font-size: 0.80em ;
line-height: 110%;
color: #fff;
background-color: #14A94C;  
}
ul#mittel li {
margin: 0pt;
padding: 0.8em;
list-style-image: url(images/bluearrow.png);
list-style-type: none;
}

ul#ohne {
font-family:  "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 1.1em;
}
ul#ohne li {
margin: 0pt;
padding: 0.5em;
list-style-type: none;
text-align: center ;
}
 
/* +++++++++++++++++ ---Links---++++++++++++++++++++++++++ */

/* ---link abhaken---
a:visited:before {
 content: "\2713" ;
}
*/

a {
text-decoration: none;
font-weight: bold;
font-family: "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
font-size: 0.9em;
} 

a:link { color: #CBF5C5; }  
a:visited { color: #A6A6A6; }
a:hover { color: #E44077; }
a:active { color: #E2580C; }
/* zum Zentrieren von Text, etc */
.mitte {text-align: center; } 

a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.olivenbaum.es"], a[href^="http://olivenbaum.es"] {
  background-image: none;
  padding-right: 0;
}
a[href^="http://de.wikipedia.org"], a[href^="http://wikipedia.org"] {
  background: url(images/wiki.gif) no-repeat bottom left;
  padding-left: 16px;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
}

a[href^="aim:"] {
  background: url(images/im.png) no-repeat right top;
  padding-right: 15px;
}


/*outline nicht IE*/
input:focus, select:focus, textarea:focus { outline: medium dashed red ;}

/* +++++++++++++++++++++++++++ Formulare  +++++++++++++++++++++++++++++++ */

.inhalt-form {
margin: 3.5em 5.5em 3.5em 6.5em;
padding:0.4em;
font-size: 98%;
line-height: 1.6;
font-family:"luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
/*background-color:  #36712E ;*/
background-image: url(images/gr_tr.png);
color: #fff;
border: 2px ridge #F0EEB0;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
-moz-box-shadow: 15px -16px 9px #042618;
-webkit-box-shadow: 15px -16px 9px #042618;
box-shadow: 15px -16px 9px #042618;
}

form p {position: relative; }

.form p {
font-family: "Segoe UI",Verdana, Geneva, sans-serif;
font-size: 0.8em ;
line-height: 1.1;
color: #38ED42;
background-color: transparent; /*#467C4C;*/
}

fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
font-weight: normal;
background-image: url(images/gr2_tr.png);
color: #FFF;
}
legend {font-weight: bold; }
label {float: left; width: 10em; }
input.textfeld {width: 55em; }
input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #ccc; 
/* border-right: 1px solid #ccc; */
}

input.submit, input.checkbox, input.radio {width: auto; }
.pflicht {font-size: 0.6em; color: #A8DBBE ; text-shadow: -2px -2px 4px #C6C8C9; }
textarea {width: 300px ; height:100px; }
textarea #textfeld1 {width: 90px ; height:16px; }

.wichtig  {
color: #fff;
border: #fff 1px dotted;
border-radius: 10pt;
-moz-border-radius: 10px ;
text-shadow: #cdcdcd 1px 1px 2px;
background-color: #111;
text-align: center;
margin: 0 2em 0 3em;
padding: 2px 1em 2px 1px; 
}

.editable .field:focus, .editable .focused{
	border:2px solid #dfdfdf;
	padding:5px;
	background:#fff url(images/bg_input.gif) repeat-x;
	width:300px;
	line-height:1em;
	margin:0;
	outline:none;
	color:#696969;
}
.editable .field {
	border:none;
	background:transparent url(images/pencil_go.png) no-repeat 0 50%;
	padding:7px 0 7px 20px;
	width:300px;
	line-height:1em;
	margin:0;
	font-weight:bold;
	color: #fff;
}
/* Character Count styles */	


label .jquerii{
	display:block;
	font-size:14px;
	}
textarea .jquerii{
	width:490px;
	height:60px;
	border:2px solid #ccc;
	padding:3px;
	color:#555;
	font:16px Arial, Helvetica, sans-serif;
	
	}
form div{position:relative;margin:1em 0;}
form .counter{
	position:absolute;
	right:0;
	top:0;
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
form .warning{color:#a30;}	
form .exceeded{color:#e00;}


/* +++++++++++++++++++ Impressum ++++++++++++++++++++++ */

.post {
text-align: justify;
color: #fff;

padding-left: 40px;
}

.mobil {
text-align: left;
color: #fff;

padding-left: 40px;
}

.tel {
text-align: left; 
color: #fff;

padding-left: 40px;
}

.email {
text-align: center;
color: #fff;
padding-left: 4px;
}

/* +++++++++++++++++++::::FOOTER:NEU::::++++++++++++++++ */

DIV #footer {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 10px 0 ;
}
#footer a:hover {
text-decoration: underline;
background-color: #4F8450;
}
#footer a:link {color: #CBF5C5; }
#footer UL {
font: 80%/1.4 "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
color: yellow;
margin: 0 auto;
width: 90%;
text-align: center;
padding: 4px 3px 5px 2px;
}

#footer ul li {
display: inline;
padding: 2.8%;
}

#footer p {
background: transparent;
font: 80%/1.4 "luxi sans", "trebuchet ms", "Bitstream Vera sans", sans-serif;
color: gray;
margin: 0 auto;
width: 90%;
text-align: center;
}

/* ++++++++++++++++++++++++ tables ++++++++++++++++ */

table {
margin: 0 3em 1em 6em; 
/*border-collapse: collapse;*/
color: #146600;
background: #CAF2B6;
border: 1px solid #FF9900;
border-radius: 15pt;
-moz-border-radius: 10px ;
font: 76%/1.7 "Lucida Grande", Verdana, Arial, Helvetica, "Liberation Sans", sans-serif; 
text-align: center;
}

caption {
	text-align: center;
font-size: 1.2em;
font-weight: bold;
margin: 1em 0 ;
color: #fff;
}
th { text-align: center ; white-space: nowrap;padding: 0.1em 0.2em ;}
td { text-align: center; white-space: pre; padding: 0.1em 2em ; }
th:hover { background-color: transparent ; color: inherit; }
tr:hover { background-color: #3DDF40; color:#fff ; }
tfoot {text-align: center; color: blue; }
tfoot a:link { color: #3263B1;}
tfoot a:visited { color:#B9B9B9 ; }
tfoot a:hover { color: #E44077; }
tfoot a:active { color: #E2580C; }
/* END */