/***********************************************
*   Layout für klaus-mueller-plettenberg.de    *
*                                              *
*   Gestaltung: www.dico-design.de             *
***********************************************/


/****************** Farben *********************
   rot: #ee1c27
   antrazit: #555555
   lila: #666699
   gelb: #cccc40
   grün: #cccc99
   grau: #cccccc  
***********************************************/  

html, body, div, p, h1, h2, h3, img, ul, ol, span, a,
table, td, form, li, hr, input, textarea {
   margin: 0;
   padding: 0;
   border: 0;
   font-family: Helvetica, sans-serif;
   color: #555555;
}

/******************** body ********************/

body {
   background-color: #cccccc;
}

/*************** Positionierung ***************/

#positionierung {
   width: 720px;
   position: absolute;
   top: 0px;
   left: 50%;
   margin-left: -360px;
}

/***************** Titelbild ******************/

#titelbild {
   height: 90px;
}

/**************** Navigation ******************/

#navigation {
   height: 20px;
}

/********** Navigation Zusatzleiste ***********/

#navigation_zusatz {
   height: 11px;
}

#navigation img, #navigation_zusatz img {
   display: block;
   float: left;
}

/***************** Textbereich ****************/

#textbereich {
   width: 660px;
   padding: 30px;
   background-color: #ffffff;
}

/**************** Text (links) ****************/

#text {
   float: left;
   font-size: 12px;
   line-height: 21px;
}

/********* zusätzlicher Text (rechts) *********/

#text_zusatz {
   border-left: 28px solid #ffffff;     
   float: right;
   font-size: 12px;
   line-height: 21px;    
}

#text_zusatz p {
   margin-bottom: 15px;
}

/****************** Fussnote ******************/

#fussnote {
   padding: 20px;
   clear: both;
   background-color: #cccc99;
   font-size: 12px;
   text-align: center;
}

/******************* Links ********************/

div .link{
   margin-bottom: 30px;
}

span .links {
   float: left;
}

span .rechts {
   float: right;
}

.links img{
   padding-right: 15px;
}

a:link {
   color: #ee1c27;
   text-decoration: underline;
}

a:visited {
   color: #ee1c27;
   text-decoration: underline;
}

a:hover {
   color: #ee1c27;
   text-decoration: none;
}

a:active {
   color: #ee1c27;
   text-decoration: underline;
}

#fussnote a:link {
   color: #555555;
   text-decoration: underline;
}

#fussnote a:visited {
   color: #555555;
   text-decoration: underline;
}

#fussnote a:hover {
   color: #ee1c27;
   text-decoration: none;
}

#fussnote a:active {
   color: #555555;
   text-decoration: underline;
}

/*************** Überschriften ****************/

h1 {
   font-size: 14px;
   color: #666699;
   font-weight: bold;
   margin-bottom: 20px;   
}

h2 {
   font-size: 13px;
   color: #cccc40;
   font-weight: bold;
   margin-bottom: 15px;
}

h3 {
   font-size: 12px;
   color: #555555;
   font-weight: bold;
   margin-bottom: 10px;
   margin-top: 10px;
}

/****************** Formulare ******************/

input, textarea {
   color: #000000;
   width: 300px;
   background-color: #efefef;
   border: 1px solid #cccccc;
   padding: 2px;
}

input.button {
   color: #000000;
   width: 300px;
   background-color: #cccc99;
   border: 1px solid #555555;
}

/******************* Text ********************/

p {
   margin-bottom: 10px;
}

ol,ul {
   margin-left: 25px;
}

li {
   padding-left: 10px;
}

hr {
   width: 100%;
   height: 1px;
   border-width: 1px 0 0 0;
   border-style: dashed;
   border-color: #cccccc;
   margin-bottom: 15px;
}

/***************** Sonstiges ******************/

/* Aufhebung von float=left|right */
.kein_fluss {
   clear: both;
}

/* Formular wurde versendet oder nicht */
#fehler {
   color: red;
}

/* Datum in der Kategorie Aktuelles */
.datum {
   font-size: 10px;
}

/* Subnavigation */
#subnavigation {
   background-color: #efefef;
   padding: 5px;
   text-align: center;
   margin-bottom: 20px;
}