/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.

Frog CMS version 1.0.1
Originally ported to Frog CMS by: David Reimer (erajad.byethost10.com)
[20080406] Revised version: Deborah Edwards-Onoro (http://www.lireo.com) 
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	color: #C60;
}
body {
	background: #DDFFFE; /* url('images/bg.png') repeat-x;  #5032C6 #9AB6FF */
	color: #444; /* #543; */
	font: normal 80% "Lucida Sans Unicode",sans-serif; /* 65% - 62.5%  */
}
input {
	color: #666;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

pre {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
code {
	background: #FFE;
	font: normal 1em "Courier New",monospace;
}
blockquote {
	background: url('images/delfinob.gif') no-repeat;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3,h4 {
	color: #654;
	padding-top: 6px;
}

img {
	margin-right: 10px;
	width: 100%;
	height: auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    padding: 0;
    border: 0;
}

td {
  width: 30%;
  color: #3032a6;
  text-align: justify;
  vertical-align: middle;
}

/* misc */
ul#Navigation {
	margin: 0; padding: 0.8em;
	text-align: center;
	border: 0px solid black;
	background-color: #ddddfe;
	width: 55%;
}
ul#Navigation li {
	list-style: none;
	display: inline;
	margin: 0.4em;
	padding: 0;
}

ul#Navigation a, ul#Navigation span {
	padding: 0.2em 1em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid black;
	border-left-color: white;
	border-top-color: white;
	color: maroon;
	background-color: #ccc;
	display: block;
}
* html ul#Navigation a, * html ul#Navigation span {
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
	width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#Navigation a:hover, ul#Navigation span {
	border-color: white;
	border-left-color: black; border-top-color: black;
	color: white; background-color: gray;
}

.clearer {
	clear: both;
}

/* structure */
.container {
	background: #ddfffe;
/* #5082a6; url('images/bgcontainer2.gif') repeat-y; url('images/bgcontainer.gif') */
	margin: 0 auto;
	width: 980px; /* 800px; */
}

/* header */
.header {
	background: #ddfffe url('images/header1.png') no-repeat;
/* background: yellow url('images/lamanga.gif') no-repeat;
	url('images/delfinob.gif') repeat-x; */
	height: 127px; /* 100px; */
	margin: 0 auto;
	width: 980px; /* 780px; */
}

/* title */
.title {
	padding: 32px;
	margin-left: 80px;
}
.title h1 {
	font: normal 2.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	color: yellow;
	float: right;
/*	color: #444; #5032C6; #E4DBCF; */
}
.title h1 a,
.title h1 a:link,
.title h1 a:visited,
.title h1 a:hover,
.title h1 a:active {
	color: yellow;
	/* color: #444; #E4DBCF; #5032C6;  */
	text-decoration: underline;
}

/* path */
.path {
	/* background: #949490; */
	background: #DDFFFE url('images/bgfooter.gif') repeat-x; /* #5032C6 #9AB6FF*/
	border-top: solid thin #543; /* added this element for Frog's "short" pages */
	font: normal 0.9em Verdana,sans-serif;
	color: #444; /* #FFF; */
	padding: 8px 12px;
	height: 1.2em;
}
.path a {
	color: #777; /* #BABABA; */
	text-decoration: none;
}
.path a:hover, a:visited {
	color: #333; /* #FFE; */
	text-decoration: underline;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
	background: #FAE7A7; /* yellow; #5032C6; #a0c2f6; #CCC3AF; */
	font-weight: bold;
}

/* navigation */
.navigation {
	float: left;
	width: 210px;
}
.navigation h2, .navigation h3 {
	color: #5A5A43;
	font: bold 1.2em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul, .navigation ol {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {
    border-bottom: 1px solid #EAEADA;
	list-style: none;
}
.navigation li a {
	display: block;
	list-style: none;
	font-size: 0.9em;
	color: #554;
	text-decoration: none;
	padding: 8px 0 8px 5%;
	width: 95%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;	
}
.navigation p {
	border-top: 1px solid #EAEADA;
	border-bottom: 1px solid #EAEADA;
	line-height: 1.4em;
	font-size: 0.9em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	width: 95%;
}
.navigation li a.current {
	background: #F0F0EB;
	color: #654;	
}

.wetter {
	float: left;	
	width: 210px;
}

/* main */
.main {
	clear: both;
	padding: 0 0 10px 10px; /* 0 10px 10px 20px;  0 10px 12px 28px; */
}

/* content */
.content {
	padding-top: 12px;
	float: left;
	width: 75%; /* 70%; 68%; */
}
.content .info {  /* .descr */
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}
.content ul li {
	list-style: url('images/li.gif');
	margin-left: 18px;
}
.content ol li {
	list-style: decimal;
	margin-left: 18px;
}
.content .comment-form-body {
	width: 450px;
}
.comment-author {
  font-size: 1.1em;
}
.tblmain {
  width: 100%;
  margin-left: 0px;
  border-spacing: 5px;
  height: 400px;
  background: #FFE; /* #5032C6 url(images/htgrdel.gif) no-repeat; */
  padding: 4px;
}
td.tblmain {
  padding: 4px;
}

.tblmain img {
  margin-right: 10px;
  border: 0;
}

/* footer */
#footer {
	background: #DDFFFE url('images/bgfooter.gif') repeat-x; /* #5032C6 #9AB6FF*/
	border-bottom: solid thin #543; /* added this element for Frog's "short" pages */
	/* clear: both; */
	color: #444; /* #FFF; */
	font: normal 1.1em Verdana,sans-serif;
	/* color: #FED;	*/
	/* font-size: 1.1em; */
	line-height: 40px;
	/* margin: 0 0 0 10px;
	padding: 0 18px; 
	width: 725px */
	margin: 0 auto;
	text-align: center;	
	width: 980px; /* 780px; */
}
#footer a {
	color: #777; /* #FFD; */
	text-decoration: underline; /* none; */
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer .footerLeft, 
#footer .footerRight {
  padding: 0 12px;
 }

/* floats */
.footerLeft {float: left;} /* names changed from "left" and "right" to avoid conflict with Admin CSS */
.footerRight {float: right;}
.clearer {clear: both;}

.bildertabelle  {
  position: relative;
  left: 10px;
  top: 10px;
  width: 720px;
  height: 400px;
  vertical-align: middle;
  background: url('images/htgrdel.gif') no-repeat;
/* background: #5032C6; url(images/htgrdel.gif) no-repeat; */
}

.bildertabelle img {
  width: 80px;		
  height: auto;
  padding: 10px;
  border: 0;
}

#bild1  { position: absolute; z-index: 0; top: 0px; left: 0px; }
#bild2  { position: absolute; z-index: 0; top: 0px; left: 150px; }
#bild3  { position: absolute; z-index: 0; top: 0px; left: 300px; }
#bild4  { position: absolute; z-index: 0; top: 0px; left: 450px; }
#bild5  { position: absolute; z-index: 0; top: 0px; left: 600px; }
#bild6  { position: absolute; z-index: 0; top: 200px; left: 0px; }
#bild7  { position: absolute; z-index: 0; top: 200px; left: 150px; }
#bild8  { position: absolute; z-index: 0; top: 200px; left: 300px; }
#bild9  { position: absolute; z-index: 0; top: 200px; left: 450px; }

#zubild1  { position: absolute; z-index: 0; top: 100px; left: 0px; visibility: hidden }
#zubild2  { position: absolute; z-index: 0; top: 100px; left: 150px; visibility: hidden }
#zubild3  { position: absolute; z-index: 0; top: 100px; left: 300px; visibility: hidden }
#zubild4  { position: absolute; z-index: 0; top: 100px; left: 450px; visibility: hidden }
#zubild5  { position: absolute; z-index: 0; top: 100px; left: 600px; visibility: hidden }
#zubild6  { position: absolute; z-index: 0; top: 300px; left: 0px; visibility: hidden }
#zubild7  { position: absolute; z-index: 0; top: 300px; left: 150px; visibility: hidden }
#zubild8  { position: absolute; z-index: 0; top: 300px; left: 300px; visibility: hidden }
#zubild9  { position: absolute; z-index: 0; top: 300px; left: 450px; visibility: hidden }


.lamaform table, td, th {
  text-align: left;
}

div.lamaform {
  padding: 0;
  margin-top: 0px;
}
.lamaform .antispam {
  display:  none;
  visibility: hidden;
}
.lamaform fieldset {
  width: 100%;
  margin-left: 10px;
  padding: 5px;
}
.lamaform legend {
  color: blue;
}
.lamaform label {
  width: 115px;
  vertical-align: top;
  clear: both;
}
.lamaform input.text {
  width: 185px;
  padding: 2px;
}
.lamaform textarea {
  width: 100%;
  padding: 2px;
}
.lamaform input.submit {
  text-align: center;
  margin-left: 250px;
  width:  auto;
}
.lamaform .lamaerrors p {
  color: #FF0000;
}