p, td, dl		{ color: black; font-size: 1em; font-family: Arial, Helvetica; }

ul li {
  text-align: left;
  font-size: 1em; 
  font-family: Arial, Helvetica;
  margin-left: -20px;
  padding: 0;
  list-style-image: url('/images/icons/bullet.gif');
}
 
h1 { 
    font-size:1.4em;    
    font-family: Arial, Helvetica; 
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0.3em 0.3em 0.3em;
    background-color: #999;
    color: #fff;
}

h2					{ font-family: Arial, Helvetica; font-weight: bold; color: black; font-size: 1.2em }   
h3					{ font-family: Arial, Helvetica; font-weight: bold; color: black; font-size: 1em }   
h4					{ font-family: Verdana, Arial, Helvetica; font-weight: bold; color: black; font-size: 10pt }   

h5	a:link { 
	font-size: 1.2em; 
	font-family: Arial, Helvetica; 
	font-weight: bold;
    text-align: center;
    text-decoration:none; 
    padding: 0.3em 0.3em 0.3em 0.3em;
	background-color: #e60005; 
    color: #fff;
    display:block;
}

h6					{ font-family: Arial, Helvetica, Verdana; font-weight: bold; color: #999; font-size: 8pt; font-weight: normal; margin-top:1em;}
hr					{ width: 100%; height: 0,5pt; color: #426BBD; align: center }
ul.links li			{ list-style-image: url('/images/icons/pfeilrechts.gif'); margin: 1em 0 1em 20px; padding:0; }
li.links			{ display:block; margin:0; padding: 0; }

ul.footernav {
  list-style: none;
  margin: 0; padding: 0;
  text-align: right;
  font-family: Arial, Helvetica;
  font-size: 1em;
  }
ul.footernav li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
  border: 1px solid #ccc;
  border-width: 0 1px;
  margin: 0 -1px 0 0;
  padding: 0;
  }
.footernav a:link,
.footernav a:visited {
  margin: 0;
  padding: 0.15em 0.5em !important;
  color: #999;
  text-decoration: none;
  font-weight: normal;
  }
.footernav a:focus,
.footernav a:hover,
.footernav a:active {
  background-color: #666;
  color: #fff !important;
  text-decoration: none;
  }



html, body{ 
 height:99.5%;
 width:100%; 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size:9pt;
 background: #ECECEC url('/images/pagebg.jpg') repeat-x fixed;
 vertical-align: top 
} 

#pagewidth{ 
 width:990px;
 text-align:left;  
 background-color:#FFFFFF; 
 margin-left:auto; 
 margin-right:auto; 
 margin-top:5px; 
 border: 1px solid #000;
 z-index:4;
} 
 
#header{
 position:absolute; 
 height:94px; 
 background-color: #FFFFFF; 
 width:990px;
 overflow:visible;
 z-index:10;
} 

#wrapper{
padding-top: 93px;
}
#leftcol{
 width:200px;
 float:left; 
 position:absolute; 
 background-color: #FFFFFF; 
 z-index:15; 
}
 
#twocols{
 width:780px;
 padding-left: 10px;  
 float:right; 
 position:relative;
 z-index:5;
  }
  
#rightcol{
 width:150px; 
 float:right;
 position:relative; 
 z-index:6;
 }
 
#maincol{
 width:620px;
 float: left; 
 display:inline; 
 position: relative; 
 background-color: transparent;
 z-index:5;
 }
 
#maincol-large{
 width:770px;
 float: left; 
 display:inline; 
 position: relative; 
 background-color: transparent;
 z-index:5;
 }

#footer{
 height: auto;
 margin: 0 1em 0 0;
 border: 0;
 padding: 3em 0 0.15em 0;
 background: transparent;
 font-size: 0.9em;
 z-index:5;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* ========== HAUPTmenüpunkte */
span.menuitem a:link, span.menuitem a:visited{
	display:block;
	color:#000000;
	text-decoration:none;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-bottom: solid 1px #ccc;
    background-color: transparent;
}

span.menuitem a:hover {
	display:block;
	color:#000000;
	text-decoration:none;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-bottom: solid 1px #ccc;
	background-color: #ccc;
}

span.menuitem a:active {
	color:#e50006;
	text-decoration:none;
}

span.menuitem2 a:link, span.menuitem2 a:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-bottom: solid 1px #ccc;
	background-color: #e50006;
}



/* ========== SUBmenüpunkte */
span.submenuitem a:link, span.submenuitem a:visited{
	display:block;
	color:#000000;
	text-decoration:none;
	font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 30px;
	border-bottom: solid 1px #ccc;
    background-color: transparent;
}

span.submenuitem a:hover {
	display:block;
	color:#000000;
	text-decoration:none;
	font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 30px;
	border-bottom: solid 1px #ccc;
	background-color: #ccc;
}

span.submenuitem a:active {
	color:#e50006;
	text-decoration:none;
}

span.submenuitem2 a:link, span.submenuitem2 a:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 30px;
	border-bottom: solid 1px #ccc;
	background-color: #e50006;
}


/* ========================= External Links */

a {
  color: #015bca;
  text-decoration: underline;
  }
a:focus,
a:hover,
a:active {
  color: #e60005;
  text-decoration: none;
  }

a.external-link {
  padding-right: 14px;
  background: url('/images/icons/ico-extlink.gif') no-repeat center right;
  }
a.external-link-new-window {
  padding-right: 14px;
  background: url('/images/icons/ico-newwin.gif') no-repeat center right;
  }
a.internal-link-new-window {
  padding-right: 14px;
  background: url('/images/icons/ico-newwin.gif') no-repeat center right;
  }
a.closelink {
  padding-left: 16px;
  background: url('/images/icons/ico-closewin.gif') no-repeat center left;
  }
a.linktotop {
  padding-right: 16px;
  background: url('/images/icons/ico-totop.gif') no-repeat center right;
  }

a.breadcrump {
  color: #999;
  text-decoration: none;
}

a.breadcrump:hover {
  color: #e60005;
  text-decoration: underline;
}



/* ========================= Foto mit Rahmen hinzufügen */
.bildschatten {
	border-top: 1px solid #eaeaea;
	background: url(http://www.drk-badgodesberg.de/images/bildschatten.png) no-repeat bottom left;
	padding: 4px 7px 17px 7px;

}

.bildschatten-100 {
	border-top: 1px solid #eaeaea;
	background: url(http://www.drk-badgodesberg.de/images/bildschatten-100.png) no-repeat bottom left;
	padding: 4px 7px 9px 7px;

}

.bildschatten-120 {
	border-top: 1px solid #eaeaea;
	background: url(http://www.drk-badgodesberg.de/images/bildschatten-120.png) no-repeat bottom left;
	padding: 4px 7px 9px 7px;

}

.bildschatten-200 {
	border-top: 1px solid #eaeaea;
	background: url(http://www.drk-badgodesberg.de/images/bildschatten-200.png) no-repeat bottom left;
	padding: 4px 7px 9px 7px;
}

/* ========================= Subtable */
	
dl.subtable
 {
  background-color: #fff;
  border: 0px solid #ccc;
  margin:0 10px 10px 0;
  text-align: center;
  float:left;
  }
  
.subtable dt
 {
  background-color: #999;
  padding: 0.5em;
  border: 0px solid #ccc;
  color: #FFF;
  font-size: 1em; 
  font-family: Arial, Helvetica;
  font-weight: bold;
  }

.subtable dd
 {
  background-color: #fff;
  margin:0;
  padding:0;
  text-align: left;
  }


/* ========================= Boxen mit gewinkelter Linie */

dl.winkelbox
 {
  background-color: #fff;
  border: 1px solid #ccc;
  border-width: 0 0 0 1px;
  margin:0;
  }
  
.winkelbox dt
 {
  background-color: transparent;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-width: 1px 0 1px 0;
  }

.winkelbox dd
 {
  background-color: transparent;
  padding: 0.5em 0 0.5em 0;
  margin-left: 0.5em;
  }