/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#085694;
 background-image:url(bg.jpg);
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}

/* Formatierungen Layout (grob) */
#seite{
 background:#fff url(hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px !important;
 padding:10px 12px 5px 13px;
 text-align:left;
 width:715px;
 height:100%
}

#oben{
 background:#fff url(bild.jpg);
 clear:both;
 height:168px;
 width:713px;
}

#links{
 float:left;
 margin:0 0 20px 20px;
 width:440px;
}

#rechts{
 float:left;
 margin:0 0 10px 0px;
 width:235px
}
#breadcrumb{
 margin:0 0 20px 0 ;
 clear:both;
 width:713px
}

#unten{
 background:#003466;
 border: 1px solid #5AB227;
 clear:both;
 width:713px;
 text-align:center;
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:500px;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #666
}



/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

#links p{
 text-align:justify
}

#links table
{
  padding:10px;
  margin: 20px;
}
#links table.startseite tr td a.startseite {
  color:#ffffff;
  text-decoration:none;
}
#links table.startseite tr td.td-0
{
  border:1px solid #5AB227;
  background-color:#003466;
  height:55px;
  width:100px;
  font-size:16pt;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}

#links table.startseite tr td.td-1
{
  width:5px;
  background-color:#ffffff;
}
#links table.startseite tr td.td-2
{
  border:1px solid #003466;
  background-color:#5AB227;
  height:55px;
  width:100px;
  font-size:16pt;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}

#links table.startseite tr td.td-3
{
  width:5px;
  background-color:#ffffff;
}


#links table.startseite tr td.td-4
{
  border:1px solid #5AB227;
  background-color:#003466;
  height:55px;
  width:100px;
  font-size:16pt;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}

#links ul{
list-style:none;
 margin:0 0 0 0
}

#links ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#unten p{
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}

#rechts ul li a.aktiv{
 text-decoration:underline;
  color:#666;
}

#rechts ul li a.aktiv:hover{
  color:#000;
}
#rechts input.text{
  border:1px solid #666;
  font:.9em "trebuchet ms", arial, sans-serif;
  width:200px;

}
#rechts input.image{
  position:relative;
  top: 6px;
  left:3px;
}
#rechts input.submit{
  border:1px solid #5AB227;
  background-color:#003466;
  font:.9em "trebuchet ms", arial, sans-serif;
  color: #ffffff;
  font-weight:bold;
}
/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

/*Formulare*/

        fieldset.csc-mailform{
          max-width:400px;
		  padding:5px;
        }

		html>body>div fieldset.csc-mailform
		{
			display:block;
			float:left;
			min-height:800px;
			max-height:50000px;
			margin-bottom:20px;
			position:relative;
			z-index:100;
			background-color:#ffffff;
			width:400px;
		}

        div.csc-mailform-field{
          width:400px;
  		  margin-bottom:2px;

        }
        label{
          width:150px;
        }

		html>body>div label
		{
			float:left;
			display:block;
		}

        div.csc-mailform-field input {
    		border:1px solid #2A2C7C;
    		width: 220px;
    		padding-right:5px;
        }
        div.csc-mailform-field input.csc-mailform-radio {
    		border:0px;
			width:30px;
			float:right;
			display:block;

        }
        span.csc-mailform-radio {
			display:block;
			width:374px;
        }
        span.csc-mailform-radio fieldset{
			padding:10px;
        }
        span.csc-mailform-radio legend{
			color:#cccccc;
        }
        span.csc-mailform-radio label{
			display:block;
			width:120px;
			height: 15px !important;
			border:1px solid white;
			height:20px;
        }

/*Tabelle Kohlenpreise*/
table.kohlenpreise{
  border:1px solid black;
  font-size:11px;
  font-weight:normal;
  width:400px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  }
table.kohlenpreise th {
  background-color:#5AB227;
  font-size:11px;
  font-weight:normal;
  padding:1px;
  height:20px
  }
table.kohlenpreise tr td {
  text-align:center;
  border:1px solid #003466;
}
table.kohlenpreise tr td.td-0 {
  background-color:#003466;
  color:#ffffff;
  padding:2px;
  width:80px;
 }
table.kohlenpreise tr td.td-1 {
  width:50px;
}
table.kohlenpreise tr td.td-2 {
  width:50px;
  }