body {
 margin:0;
 padding:0;
 font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size:80%;
 width:980px;
 margin:auto;

}



#hilfsnavigation {
 background-image:url('/grafik/cdunrw-weiss.gif');
 background-repeat:no-repeat;
 background-position: left 2px;
 position:absolute;
 top:0;
 height:40px;
 margin:auto;
 text-align:right;
 width:980px;
 padding-top:10px;

}


#kopf1 {

 position:absolute;
 top:40px;
 left:0;
 right:auto;

 height:150px;
 width:99%;
 margin:0 auto 0 .3em;


 background-color:#c96;
 margin:0 .3em;


 background-position:center center;
 background-repeat:no-repeat;

}

#kopf2 {

 position:absolute;
 top:40px;
 right:0;
 left:auto;

 height:150px;
 width:175px;
 margin:0 .3em 0 auto;

 text-align:right;

}


#kopf {
 position:absolute;
 top:42px;

 height:150px;
 width:979px;
 margin:0;


 background-color:#c96;

/* border:solid 1px #f90; */




 background-position:center center;
 background-repeat:no-repeat;
}


#navigation {

 position:absolute;
 top:227px;

 margin:0 795px 0 0;
 width:195px;

}


#slogan {
}

#logotext {

position:absolute;
 top:192px;


 margin:0 auto 0 528px;

 height:25px;
 width:452px;

 vertical-align:middle;
 line-height:20px;

 text-align:right;

 background-color:#444;
 color:#fff;
 z-index:10;
}

#logoname {

 position:absolute;
 top:192px;


 margin:0 0;
 padding:0;

 height:25px;
 width:978px;



 vertical-align:middle;
 line-height:20px;

 text-align:left;


 background-color:#444;
 color:#fff;
}

#pfad {

 position:absolute;
 top:192px;


 margin:0 0;
 padding:0;

 height:25px;
 width:978px;

 border:solid 1px #000;

 background-color:#000;
 color:#fff;

}

#inhalt {

 position:absolute;
 margin-top:229px;
 margin-left:210px;
 margin-right:210px;
 width:560px;
 margin-bottom:0;
 padding:0;
}

#information {

 position:absolute;
 top:229px;
 margin-left:785px;
 margin-right:0;
 padding:0;
 width:195px;

 background-color:#eee;

 /*border-right:solid 1px #b3b3b3;*/

}

#fusszeile {
 border-top:solid 1px #247;
 margin:5ex 0 5ex 0;

}



/* Navigation */
#hilfsnavigation ul, #pfad ul  {

 list-style-type:none;
 margin:0;
 padding:0;

}

#hilfsnavigation ul {
 width:100%;
 margin:0;

 line-height:20px;
 vertical-align:middle;
}

#hilfsnavigation ul li {

 display:inline;
 margin:0  .2em;
 font-size:85%;

}

#hilfsnavigation ul li form
{
 margin:0 1em;
 }
#hilfsnavigation ul li form, #hilfsnavigation ul li form div
{
 display:inline;

}

#hilfsnavigation ul li form div label {
 display:none;
}


#hilfsnavigation ul li form div input {
 font-size:90%;
 margin-bottom:1px;
}

#logotext p, #logoname p {
 font-size:18px;
 margin:0;
 padding:0;

 font-weight:bold;

 vertical-align:middle;
 line-height:25px;
}


#pfad ul {
 margin:0;
 padding:0;
 vertical-align:top;
 color:#fff;
}

#pfad ul li {
 font-size:70%;
 display:inline;
 margin:0 .5em 0 0;
 padding:0;
 line-height:3ex;
 vertical-align:top;
}

#pfad ul li a {
 color:#ccf;
}

#pfad ul li a:visited {
 color:#def;
}

#navigation ul {
 list-style-type:none;
 margin:0;
 padding:0;
 background-color:#fff;
 font-size:120%;
}

#navigation ul li {
 margin:0;
 padding:0;
 margin:2px 0;
/* border-bottom:solid 0px #fff;
 border-top:solid 0px #fff;*/

}

#navigation ul ul {
 list-style-type:none;
 margin:0;
 padding:0;
 background-image:none;
 font-size:83%;
}
#navigation ul li  li{
 margin:2px 0 2px 1em;
}


#navigation ul li a {
 display:block;
 margin:0;
 padding:.5ex .2em;
 background-color:transparent;
 color:#000;
 text-decoration:none;
 font-weight:bold;
 border-left:solid .75em #444;
}

#navigation ul li a:hover {
 background-color:#444;
 color:#fff;
}

#navigation ul li strong {
 display:block;
 margin:0;
 padding:.5ex .2em;
 background-color:#444;
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 border-left:solid .75em #444;
}
/* Information */

#information div {
 margin:0 0 1ex .3em;
}

#information div p {
 margin:0;
 padding:.5ex .2em;
}


#information h2 {
 margin:0;
 padding:.7ex 32px .7ex .2em;
 font-size:115%;
 color:#444;
 background-repeat:no-repeat;
 background-position:right center;
}
/*
#information #ticker h2 {
 background-image:url('/grafik/ticker-icon.gif');
}

#information #aktuelles h2 {
 background-image:url('/grafik/aktuelles-icon.gif');
}

#information #termine h2 {
 background-image:url('/grafik/termine-icon.gif');
}

*/

#information ul {
 margin:0;
 padding:.5ex;
 list-style-type:none;
 font-size:90%;
}

#information ul li {
 margin:1.5ex 0;
}

#information p.weiter {
 text-align:right;
 font-size:80%;
 margin:0 1ex;
}

/* Fusszeile */
#fusszeile p {
 margin:0;
 font-size:76%;
 color:#666;
}

#fusszeile p a {
 display:block;
 float:right;
 width:1em;
 text-align:right;
 font-weight:bold;
}

/*Überschriften*/

h1 {
 font-size:150%;
 margin:0 0 2ex 0;
 padding:0
}

h2 {
 margin:0;
 font-size:115%;
}


div.stylepanel {
 text-align:center;
 margin:1ex .5em;
 padding:1ex;
 font-size:90%;
}

div.stylepanel h2 {
 font-size:100%;
 margin:0 0 .5ex 0;
}

div.stylepanel button, div.stylepanel select {
 font-size:80%;
 border:outset 1px;
 margin:1px;
}

/* Links */

a {
 color:#247;
}

h1 a, h2 a, h3 a, #information a, #navigation a, #hilfsnavigation a, #fusszeile a {
 text-decoration:none;
}

a:visited {
 color:#259;
}

a:hover {
 color:#e70;
}

ul.linkliste ul {
  margin-top:1ex;
  margin-bottom:2ex;
}


/* Aktuelles */

.nachricht {
 clear:both;
}

.termin, .dokument {
 margin-bottom:4ex;
}

.nachricht h3, .termin h3, .dokument h3 {
 font-size:110%;
 margin:0 0 2ex 0;
 padding-top:0;

}

img.nachrichtbild {
 float:right;
 margin:0 0 3px 10px;
}

div.einzelbild {

 float:right;
 text-align:left;
 font-size:80%;
 padding:4px;
 margin:0 0 1ex .5em;
 background-color:#eee;
}

.nachricht p.nachrichttext {
 margin:1ex 0 50px 0;
}

p.nachrichtkategorie {
 text-align:right;
 margin-top:0;
 margin-bottom:0;
 font-size:90%;
 position:relative;
 top:-2.6ex;
}

p.nachrichtdatum {
 margin-bottom:0;
 font-size:90%;
 background-color:#eee;
}


/* Inhalt */

#inhalt p {
 line-height:140%;
}

#inhalt p a {
 text-decoration:underline;
}

div.kontaktdaten {
 clear:both;
}

div.kontaktdaten address {
 font-style:normal;
 margin-bottom:16ex;
 margin-left:210px;
}


div.kontaktdaten img {
 display:block;
 float:left;
 padding:1ex;
 margin-right:1em;
 border:solid 1px #eee;
}


#dekoration {
 background-image:url('/grafik/verlaufstreifen.gif');
 height:340px;
 margin:0  0 0 0;
}

#dekoration2 {
 background-image:url('/grafik/verlaufstreifen.gif');
 height:340px;
 margin:0
}

#collage {
 border-top:  solid 15px #eee;
 background-image:url('/grafik/collage.jpg');
 background-position:top center;
 background-repeat:no-repeat;
 height:208px;
 margin:3px  0 0 0;
}

#cdunrwlogo {
 margin:0;
 padding:15px 0;
 text-align:center;
 background-color:#eee;
}


/*Galerie*/

body.galerie .bild, body.galerie .extra {
 width:500px;
 margin:1ex auto 1ex auto;
 padding:0;
 text-align:center;
 font-size:85%;
}

body.galerie #inhalt h2 {
 width:500px;
 margin:1ex auto 2ex auto;
 padding:0;
 text-align:center;
 font-size:115%;
}

body.galerie .zusatz {
 width:500px;
 margin:1ex auto 1ex auto;

}

body.galerie .extra p {
 margin:0 auto 0 auto;
}

body.galerie table {
 border:solid 1px #999;
 border-collapse:collapse;
 width:100%;
 background-color:#eee;
}

body.galerie td {
 border:solid 1px #999;
 text-align:center;
 vertical-align:middle;
 padding:5px;
 width:auto;
 height:100px;
 font-size:75%;
}



/* Farbleitsystem */


div#logotext,  div#logoname {
 color:#fff;
 background-color:#00386b;
 border-color:#00386b;
}

#navigation ul li a {
 border-left-color:#00386b;
 background-color:#ddd;
}
#navigation ul li a:hover {
 background-color:#00386b;
}
#navigation ul li strong {
 background-color:#00386b;
 border-left-color:#00386b;
}

#navigation ul li.landtagswahl2010 a {
 border-left-color:#e2001b;
 background-color:#ddd;
}
#navigation ul li.landtagswahl2010  a:hover {
 background-color:#e2001b;
 background-image:url('/grafik/ecke.png');
 background-repeat:no-repeat;
 background-position: right top;
}
#navigation ul li.landtagswahl2010  strong {
 background-color:#e2001b	;
 border-left-color:#e2001b;
 background-image:url('/grafik/ecke.png');
 background-repeat:no-repeat;
 background-position: right top;
}


/*

.start div#logotext, .start div#logoname {
 color:#fff;
 background-color:#22466b;
 border-color:#22466b;
}

.aktuelles div#logotext, .aktuelles div#logoname {
 color:#fff;
 background-color:#8b150f;
 border-color:#8b150f;
}

.oberberg div#logotext, .oberberg div#logoname {
 color:#fff;
 background-color:#2f5c40;
 border-color:#2f5c40;
}

.politik div#logotext, .politik div#logoname {
 color:#fff;
 background-color:#796339;
 border-color:#796339;
}

.persoenlich div#logotext, .persoenlich div#logoname {
 color:#fff;
 background-color:#4b6d7f;
 border-color:#4b6d7f;
}

.galerie div#logotext, .galerie div#logoname {
 color:#fff;
 background-color:#194f66;
 border-color:#194f66;
}

.dokumente div#logotext, .dokumente div#logoname {
 color:#fff;
 background-color:#635245;
 border-color:#635245;
}

.links div#logotext, .links div#logoname {
 color:#fff;
 background-color:#247;
 border-color:#247;
}



#navigation ul li.start a {
 border-left-color:#22466b;
}
#navigation ul li.start a:hover {
 background-color:#22466b;
}
#navigation ul li.start strong {
 background-color:#22466b;
 border-left-color:#22466b;
}
#navigation ul li.aktuelles a {
 border-left-color:#8b150f;
}
#navigation ul li.aktuelles a:hover {
 background-color:#8b150f;
}
#navigation ul li.aktuelles strong {
 background-color:#8b150f;
 border-left-color:#8b150f;
}

#navigation ul li.oberberg a {
 border-left-color:#2f5c40;
}
#navigation ul li.oberberg a:hover {
 background-color:#2f5c40;
}
#navigation ul li.oberberg strong {
 background-color:#2f5c40;
 border-left-color:#2f5c40;
}

#navigation ul li.politik a {
 border-left-color:#796339;
}
#navigation ul li.politik a:hover {
 background-color:#796339;
}
#navigation ul li.politik strong {
 background-color:#796339;
 border-left-color:#796339;
}

#navigation ul li.persoenlich a {
 border-left-color:#4b6d7f;
}
#navigation ul li.persoenlich a:hover {
 background-color:#4b6d7f;
}
#navigation ul li.persoenlich strong {
 background-color:#4b6d7f;
 border-left-color:#4b6d7f;
}

#navigation ul li.galerie a {
 border-left-color:#194f66;
}
#navigation ul li.galerie a:hover {
 background-color:#194f66;
}
#navigation ul li.galerie strong {
 background-color:#194f66;
 border-left-color:#194f66;
}

#navigation ul li.dokumente a {
 border-left-color:#635245;
}
#navigation ul li.dokumente a:hover {
 background-color:#635245;
}
#navigation ul li.dokumente strong {
 background-color:#635245;
 border-left-color:#635245;
}

#navigation ul li.links a {
 border-left-color:#247;
}
#navigation ul li.links a:hover {
 background-color:#247;
}
#navigation ul li.links strong {
 background-color:#247;
 border-left-color:#247;
}

*/

/* Markierung der Blöcke */

img.bildrechts {
 float:right;
 margin: 0 0 1ex .5em
}


#oberberglogo {
 text-align:center;
 padding-top:1ex;
}


#dialog {
  display:block;
  position:absolute;
  padding:0;
  top:0;
  right:0;
  margin-left:auto;
  border:none;
}


#person{
  display:block;
  position:absolute;
  top:0;
  left:0;
  margin-right:auto;
  border:none;
}

.xml {
  background-image:url('/grafik/rssklein.png');
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:12px;
}

img.zahl {
 vertical-align:-8px;
 height:28px;
}

img {
 border:none;
}

@media print {

 body {
  font-size:10pt;
 }

 #information, #navigation, #hilfsnavigation, #kopf, #pfad, #logotext, #slogan {
  display:none;
 }

 #inhalt, #fusszeile {
  margin:1em;
  padding:0;
  position:static;
  width:auto;
 }
}