/* override some defaults that are different from browser to browser anyway */
body,div,form {
        padding: 0px;
        margin: 0px;
}

img {
        border: none;
}

body  {
        color: #333;
        font-size: 100%;
        font-family: georgia, times, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
        background-image: url(dpg_bg.gif);
}


body.print {
  margin-left: 1em;
  background: #ffffff;
}

div.print {
  color: #000000;
  width: 550px;
}

ul {
  margin-bottom: 0px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4 {
        margin: 0px;
        padding: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
}

h1,h2,h3,h4{
        font-family: georgia, times, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
        font-weight: bold;
}


h1 {
        color: #000066;
        font-size: 1.6em;
        padding-top: 15px;
}

h2 {
        color: #666666;
        font-size: 1.2em;
        padding-top: 5px;
}

h3 {
        color: #333;
        font-size: 1.2em;
}

h4 {
        color: #333;
        font-size: 1.0em;
}

p {
  padding-top: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;

}


h2.lead  { 
	margin-top: 0px; 
	padding-top: 10px; 
	margin-bottom: 0px; 
	font-size: 110%;
}

.lead { 
       font-weight: bold; 
}

h2.list { 
    font-size: 1.2em; 
	color: #333366; 
    padding: 0px;
	margin-bottom: 5px;
}


h2.leadlist { 
       font-size: 1.1em; 
       padding: 0px;
       margin-bottom: 5px; 
       margin-top: 5px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
}


h2 a,h2 a:active,h2 a:link,h2 a:visited,a.listtitle { 
       color: #000066; 
}

ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  font-size: 0.9em;
}
ul.leiste li {

  padding-left: 0.25em;
  padding-right: 0.25em;
  list-style-type: none;
  display: inline;
}

.marginboth {
  margin-left: 0.2em;
  margin-right: 0.2em;

}

.bl {
  border-left: 1px solid #000066;
}

.br {
  border-right: 1px solid #000066;;
}

.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}


/* default link styling */
a:link    { color: #000066; font-weight: bold; text-decoration: none; background-color: transparent; }
a:visited { color: #000066; font-weight: bold; text-decoration: none; background-color: transparent; }
a:hover   { color: #000066; font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }
a:active  { color: #000066; font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }

/*** Allgemeine Anordnung der Container und Hintergruende ***/

#wrapper {
  width: 980px;
  margin:auto;

}

#head {
  margin-top: 3px;
  width: 980px;
  height: 180px;
  background-image: url(header.jpg);
  margin-bottom: 10px;
  position:relative;
}

#head.kb {
  background-image: url(regionalgesellschaften/header_koeln_bonn.jpg);
}

#title {
  font-weight: bold;
  font-size: 2.1em;
  color: #054FA6;
  padding-left: 120px;
  padding-top: 5px;
}

#gliederung {
  font-weight: bold;
  font-size: 1.8em;
  color: #054FA6;
  padding-left: 120px;
}

#flaggen {
  position: absolute;
  left: 865px;
  top: 30px; 
  width: 100px;
}


#flaggenbox {
  padding: 0px;
  margin: 0px;
}

#flaggenbox li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0em;
  padding-right: 0em;
  list-style-type: none;
  display: inline;
}

#flaggenbox li img {
  padding: 0em !important;
  margin: 0em !important;
}




#metanav {
  position: relative;
  left: 0px;
  height: 22px;
  width:100%;

  text-align: right;
  padding-top: 6px;
  margin-bottom: 1px;
  line-height: 22px;

}

#wrapperinner {
  width: 100%;
  clear: both;
}

#wrapperinner2 {
  width: 100%;
  clear: both;
}

#nav {
  float: left;
  width: 178px;
  margin-left:-740px;
  background: #ffffff;
  padding: 10px;
}

#nav_breit {
  float: left;
  width: 178px;
  margin-left:-924px;
  background: #ffffff;
  padding: 10px;
}

#content {
  margin-left: 210px;
  float: left;
  width: 488px;
  line-height:1.6em;
  font-size: 100%;  
  background: #ffffff;
  padding: 5px 20px 10px 20px;
}

#content_breit {
  margin-left: 210px;
  float: left;
  width: 674px;
  line-height:1.6em;
  font-size: 100%;  
  background: #ffffff;
  padding: 10px 20px 10px 20px;
}

#news {
  width: 210px;
  margin-left: 750px;
  margin-right: 0%;
  padding-top: 2px;
  background: #ffffff;
  padding: 10px;
}

#news_breit {
  visibility: hidden;
  background: #ffffff;
  padding: 10px;
}

#metanav2 {
  position: relative;
  left: 0px;
  height: 18px;
  width: 100%;
  text-align: right;
  line-height: 18px;
  font-size: 90%;  
}

#footer {
  position: relative;
  left: 0px;
  height: 22px;
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
  border-top: 1px solid;
  line-height: 2em;
}

#breadcrumb {
  position: relative;
  left: 0px;
  height: 22px;
  width: 100%;
  text-align: left;
  margin-top: 0.5em;
  border-bottom: 1px solid;
  line-height: 2em;
}


#footer a, #metanav a, #breadcrumb a {
  color: #000066 !important;
  font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
  font-weight: normal;

}


/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background-color: #D2D2D2; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}



/*
* Menu-Bereich
*/

#menu {

}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

/* Ebene 1 */

#menu ul li {
  padding: 2px 0px 5px 0px;  
  background: url(menue_linie.gif) repeat-x bottom left;
  margin-bottom: 2px;
}

#menu ul li a img {
  padding-top: 0px;
  padding-bottom: 1px;
}

#menu ul li a {
  color: #fff !important;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
  line-height: 2em;
  background-color: #000066 !important;
  padding-left: 5px;
  font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif !important;
}

#menu ul li a:hover {
  background-color: #000066 !important;
}

#menu ul li a.active {
  background-color: #000066 !important;
  font-weight: bold !important;
}


/* Ebene 2 */

#menu ul li ul {
  padding-top: 2px;
  padding-bottom: 5px;
}

#menu ul li ul li {
  padding: 0px 0px 1px 0px; 
  background: none;
}

#menu ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 22px;
  background-color: #ececec !important;
  color: #000066 !important;
}

#menu ul li ul li a:hover {
  background-color: #d2d2d2 !important;
}

#menu ul li ul li a.active {
  background-color: #d2d2d2 !important;
}

/* Ebene 3 */

#menu ul li ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 33px;
}

#menu ul li ul li ul li a:hover {
}

#menu ul li ul li ul li a.active {
}


/*
* Boxen
*/

/* Kopfbereiche der Boxen*/

div.boxhead {
  width: 198px;
  height: 22px;
  line-height: 22px;
  background-color: #000066;
  font-weight: bold;
  color: #ffffff;
  padding: 0px 6px 0px 6px;
  font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif !important;
}

/* Box-Inhalts-Div */

div.box {
  width: 198px;
  background-color: #d2d2d2;
  padding: 0px 6px 18px 6px;
  font-size: 0.95em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

div.boxtrenner {
  width: 198px;
  background: url(menue_linie.gif) repeat-x;
  padding: 0px 6px 3px 6px;
  font-size: 0.5em;
  line-height: 0.5em;
  margin-bottom: 2px;
}

div.box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

div.box li { display: block;}

div.box img { margin: 0em 0.5em 0em 0em; }

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#kartenbox {
  padding-top: 8px;
  padding-bottom: 4px;
  margin: 0px;
}

#kartenbox li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0em;
  padding-right: 0em;
  list-style-type: none;
  display: inline;
}

#kartenbox li img {
  padding: 0em !important;
  margin: 0em !important;
}




/* Karte in Box */

#news div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
}


/* Banner */

ul.banner {
  margin: 2em 0em 1em 0em;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  display: inline;
}

/*Social Bookmarks */

#social_bookmark ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

#social_bookmark li { 
  padding-right: 0.5em;
  list-style-type: none;
  display: inline;
}

#social_bookmark img {
  margin: 0.25em 0em 0em 0em; 
}