body { color: #848589; font: 100.01% verdana, "lucida grande", arial, sans-serif; background-color: #f4f4f4; text-align: center; margin: 0; padding: 0; }
#page {font-size: 100%; background-color: white; text-align: left; border: solid 1px #6e7276; width: 920px; margin: 15px auto 50px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Kopf +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#head { background-image: url(../media/PCM_logo.jpg); background-repeat: no-repeat; }
#head_left { width: 56%; height: 84px; float: left; }
#head_right { width: 44%; height: 84px; float: left; }



#head_1_left { background-color: #8a9ade; height: 20px; width: 56%; float: left; }
#head_1_right { background-color: #6e1d3e; height: 20px; text-align: right; width: 44%; float: right; }


#head_1_right  a {text-decoration: none; color: white;}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Kopf +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Content +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div { margin:0; padding:0; }

.content_left { width:650px; float: left;}
.content_right { text-align: center; width: 268px; float: left;}
div.textbox {margin-left: 50px; margin-right: 25px;}
#content .textbox a{text-decoration: underline;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Content aktuell +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.aktuell { background-color: #eff4fb; width: 565px; float: left; margin-bottom: 1em; margin-top: 1em; padding: 0.5em; }

#content .textbox .aktuell a {text-decoration: none;}
#content .textbox .aktuell a:hover {
	text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++ ausgelesene Artikel +++++++++++++++++++++++++++++++++++ */
#artikel { width:100%; float: left; margin-top: 1em;}
.datum {
margin-left: 5px;    
  float:left;
  width: 20%;
  border-top: 1px solid #da004d;
  font-size: 0.8em;
  line-height: 1.4em;       
}
.titel {  
  float:left;
  width: 80%;
  border-top: 1px solid #da004d;
  font-size: 0.8em;
  line-height: 1.4em;
  margin-bottom: 0.7em;
}

.title a:hover {
	text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++ Content Tags +++++++++++++++++++++++++++++++++++ */

#content a {text-decoration: none; color: #848589;}
#content a.line {text-decoration: underline;}
#content a:hover {
	text-decoration: underline;
}
#content .infobox a {text-decoration: none;}
#content .infobox a:hover {
	text-decoration: underline;
}


/* ++++++++++++++++++++++++++++++ Liste mit Pfeilen +++++++++++++++++++++++++++++++++++ */


.liste {margin-bottom: 1.4em;}

ul.arrows
{
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
}


li 
{
    list-style-type: none;
    background-image: url(../media/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 0 .2em;
    padding-left: .8em;
    font-size: 0.8em; 
	line-height: 1.4em;
	margin-bottom: 0.7em;
	} 





/* ++++++++++++++++++++++++++++++ Ende Liste mit Pfeilen +++++++++++++++++++++++++++++++++++ */


p, h3, h4 {margin:0; padding:0; }
p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.7em;}
h3 { font-size: 0.8em; line-height: 1.4; margin-top: 2.5em; margin-bottom: 0.8em; }
h4 { color: #0047bb; font-size: 0.8em; line-height: 1.6em; margin-bottom: 0.8em; }


.content_left .aktuell p, .content_left .aktuell h3, .content_left .aktuell h4 { margin-right: 10px; margin-bottom: 0.7em; margin-left: 5px; }
.content_left .aktuell p { margin-top: 4px; }
.content_left h4 { padding-top: 2em; }
.content_left .aktuell h4 { padding-top: 0.4em;}

.content_right p { margin-bottom: 0.6em; }
.datum { width: 7em; float: left; display: block; }

#head_1_left p, #head_1_right p { color: white; font-size: 0.7em; line-height: 0.8em;  margin-right: 2em; padding-top: 0.4em; padding-bottom: 0.4em;}

.nobr { white-space: nowrap; }

/* ++++++++++++++++++++++++++++++ Rechte Spalte +++++++++++++++++++++++++++++++++++ */

.infobox { background-color: #faf5f6; text-align: left; width: 190px; margin-top: 2.5em; margin-right: auto; margin-left: auto; padding-bottom: 0.7em; border: solid 1px #6e7276; }
.kontaktbox { background-color: #faf5f6; text-align: left; width: 190px; margin-top: 2.5em; margin-right: auto; margin-left: auto; padding-bottom: 0.7em; border: solid 1px #6e7276; }



.infobox .headline { color: white; background-color: #6e1d3e; margin-bottom: 0.4em; }
.kontaktbox .headline { color: white; background-color: #848589; margin-bottom: 0.4em; }
.content_right .headline h3 { font-size: 0.7em; font-weight: normal; text-transform: uppercase; margin-top: 0; margin-right: 5px; margin-left: 5px; padding-top: 0.2em; padding-bottom: 0.2em; }
.content_right p { font-size: 0.7em; margin-right: 5px; margin-left: 5px; }


/* ++++++++++++++++++++++++++++++ Fuss? +++++++++++++++++++++++++++++++++++ */


.clear { line-height: 1px; height: 1px; clear: both; }