/* Standard-CSS für www.awo-duesseldorf.de */
/* Wichtige Farben
Body-BG: #fff;
Typo1 = #C30404
Typo2 = #000000
Rot: #C30404
*/
html, body, div, p, h1, h2, h3, ol, span, a, table, td, form, img {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}
html, body {
 background-color: #FFF;
 color: #000000;
 font-size: 11px;
 margin: 0px;
}
/* Links */
a:link {
 background-color: transparent;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}
a:visited {
 background-color: transparent;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 background-color: transparent;
 color: #000000;
 text-decoration: underline;
}
a:active {
 background-color: transparent;
 color: #485362;
 text-decoration: none;
}
/* Überschriften */
h1 {
 background-color: transparent;
 color: #000000;
 font-size: 16px;
 margin: 0px;
}
h2 {
 background-color: transparent;
 color: #000;
 font-size: 16px;
 margin: 10px 0px 0px 0px;
}
h3 {
 background-color: transparent;
 color: #FFF;
 font-size: 11px;
 font-weight: normal;
 margin: 12px 0px 0px 0px;
}
/* Abtrennungen */
hr{
 display: none;
}
/* Sonstiges */
img {
 border: 0px;
}
p {
 background-color: transparent;
 color: #000000;
 font-size: 11px;
 line-height: 13px;
 margin: 10px 0px 0px 0px;
}
strong {
 font-weight: bold;
}
.c {
 clear: both;
 height: 1px;
 overflow: hidden;
}
.center {
 text-align: center;
}
.klein {
 font-size: 0.7em;
}
.leftfloat{
 float: left;
}
.right {
 text-align: right;
}
.rightfloat{
 float: right;
}
.top,.top_no {
 vertical-align: top;
}
/* Informationsbereiche für ältere Browser */
.oldbrowser{
 display: none;
}
/* Erweitertes-CSS für www.awo-duesseldorf.de */
#container{
 width: 750px;
 background-image: url(/htmlansicht/icons_html/container_bg_16.gif);
 background-repeat: repeat-y;
}
#container2{
 width: 750px;
 background-image: url(/htmlansicht/icons_html/container_bg2_16.gif);
 background-repeat: repeat-y;
}
#header{
 /*Size of the image*/
 margin: 0px;
   padding-top: 100px;
 border-bottom: 1px solid #BBB;
 border-right: 1px solid #BBB; 
   width: 750px; 
   /*The image*/
   background-image: url(/htmlansicht/icons_html/header.jpg);
   background-repeat: no-repeat; 
   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 100px; 
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0px;
 width: 749px;
}
html>body #header {
 width: 749px;
}
#topnavi{
 width: 750px;
 height: 33px;
 background-color: #FFF;
 color: #FFF;
 border-bottom: 1px solid #BBB;
}
#topnavi ul{
 margin:0px;
 padding: 0px;
 height: 29px; 
 line-height: 1em; 
 list-style-type: none;
}
#topnavi ul li{
 background-color: #C30404;
 color: #FFF;
 float: left;
 line-height: 1em; 
 margin: 0px; 
 padding: 0px;
}
#topnavi ul li.home{
 width: 570px;
}
#topnavi ul li.impressum{
 width: 95px;
}
#topnavi ul li.kontakt{
 width: 85px;
}
#topnavi ul li a{
 background-color: transparent;
 font-size: 11px;
 text-decoration: none;
 font-weight: normal;
 color: #FFF;
 display : block;
 height: 29px;
}
#topnavi ul li a.home{
 width: 100px;
 background-image: url(/htmlansicht/icons_html/home.gif);
 background-repeat: no-repeat;
 background-position: 20px 8px;
}
#topnavi ul li a.impressum{
 width: 95px;
 background-image: url(/htmlansicht/icons_html/impressum.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px;
}
#topnavi ul li a.kontakt{
 width: 85px;
 background-image: url(/htmlansicht/icons_html/kontakt.gif);
 background-repeat: no-repeat;
 background-position: 0px 8px;
}
#topnavi ul li a span{
 display: block; 
 padding-top: 9px; 
}
#topnavi ul li a.home span{
 padding-left: 37px;
}
#topnavi ul li a.impressum span{
 padding-left: 23px;
}
#topnavi ul li a.kontakt span{
 padding-left: 22px;
}
#searchform{
 position: absolute;
 top: 105px;
 left: 280px;
 width: 260px;
 z-index: 1;
 font-size: 10px;
}
#searchform form input{ 
 font-size: 11px;
}
#searchform form input.suche{
 margin: 0px;
 padding: 1px 0px 1px 0px;
 width: 153px;
 vertical-align: middle;
}
#searchform form input.suchbutton{
 vertical-align: middle;
}
#links{
 float: left;
 width:200px;
}
#rechts{
 float: left;
 width:550px;
 position:relative;
 top: 0px; left: 0px;
}
#auswahlform{
 height: 30px;
 padding-left: 5px;
 background-image: url(/htmlansicht/icons_html/auswahl_bg_13.gif);
 background-repeat: repeat-y;
 border-bottom: 1px solid #BBB;
}
#auswahlform select{
 margin-top: 5px;
 background-color: #FFF;
 color: #000;
 width: 190px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
/* Hauptnavigation */
#mainnavi{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 line-height: 1em;
}
#mainnavi li{
 margin: 0px;
 padding: 0px;
}
#mainnavi li.open{
 border-bottom: 1px solid #BBB;
}
#mainnavi li.closed a{
 background-color: transparent;
 color: #C30404; 
 background-image: url(/htmlansicht/icons_html/plus_17.gif);
}
#mainnavi li.open a{
 background-color: #E1E0E0;
 color: #C30404; 
 background-image: url(/htmlansicht/icons_html/minus_17.gif);
}
#mainnavi li a.top{
 font-weight: normal;
 text-decoration: none;
 display: block;
 background-repeat: no-repeat;
 background-position: 186px 50%;
 border-bottom: 1px solid #BBB;
 width: 200px;
 height: 30px;
 padding-top:9px;
 padding-left:20px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 22px;
 width:180px;
}
#mainnavi li a.top_no{
 font-weight: normal;
 text-decoration: none;
 display: block;
 background-repeat: no-repeat;
 background-position: 186px 50%;
 border-bottom: none;
 width: 200px;
 height: 30px;
 padding-top:9px;
 padding-left:20px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 22px;
 width:180px;
}
#mainnavi li.closed a.top_no{
 font-weight: normal;
 text-decoration: none;
 display: block;
 background-repeat: no-repeat;
 background-position: 186px 50%;
 border-bottom: 1px solid #BBB;
 width: 200px;
 height: 30px;
 padding-top:9px;
 padding-left:20px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 22px;
 width:180px;
}
html>body #mainnavi li a{
 height: 21px;
 width:180px;
}
#mainnavi li a.top:hover{
 color: #C30404;
 background-color: #E1E0E0;
}
#mainnavi li.open ul li.open2 a.sub1 {
 font-weight: bold;
}
#mainnavi li.open ul li.open2 a.sub1undeline {
 text-decoration: underline;
}
#mainnavi li.open ul li.open2 ul li.open3 a.sub1{
 font-weight: bold;
}
#mainnavi li.open ul li.open2 ul li.open3 a.sub1underline{
 text-decoration: underline;
}
#mainnavi ul{
 line-height: 1.2em;
 margin: 5px 3px 5px 40px;
 padding: 0px;
 list-style-image: url(/htmlansicht/icons_html/pfeil_21.gif);
}
#mainnavi li.open ul li a{
 color: #C30404;
 background-color: transparent;
 background-image: none;
 border-bottom: none;
 font-weight: normal;
 padding:0px;
 margin: 0px;
 height: auto;
 width: auto;
}
#mainnavi ul ul{
 margin: 5px 3px 5px 15px;
}
/* Footer */
#footer{
 width: 750px;
 clear: both;
 border-top: 1px solid #BBB;
 text-align: right;
}
#footer p{
 margin-top: 0px;
 display: block;
 background-color: #C30404;
 border-top: 3px solid #FFF;
 height: 30px;
 line-height: 28px;
 padding-right: 20px;
 background-image: url(/htmlansicht/icons_html/ecke_27.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 color: #FFF;
}
#titelimage{
 padding: 0px;
 float: left;
 margin-left: 1px;
/* position:relative;
 top: -41px; left: 0px;*/
}
#topinfo{
 float:left;
 padding: 0px 15px 0px 14px;
 width: 190px;
 voice-family: "\"}\""; 
   voice-family:inherit;
 width:160px; 
}
html>body #topinfo{
 width:160px;
}
#topinfo p{
 text-align: justify;
}
#topinfo a{
 text-decoration: underline;
}
/* Infobalken */
#infobalken{
 clear: both;
 background-color: #C30404;
 color: #FFF;
 height: 40px;
 border-top: 1px solid #BBB;
/* position:relative;
 top: 176px; left: 0px;*/
}
#infobalken h3{
 display: block;
 background-image: url(/htmlansicht/icons_html/ordner_24.gif);
 background-repeat: no-repeat;
 background-position: 20px 0px;
 padding-left: 40px;
 line-height: 15px;
}
#infobalken a{
 display: block;
 font-weight: normal;
 background-image: url(/htmlansicht/icons_html/drucker_26.gif);
 background-repeat: no-repeat;
 background-position: 20px 0px;
 padding-left: 43px;
 line-height: 15px;
 margin: 12px 0px 0px 0px;
 color: #FFF;
 background-color: transparent;
}
/* News Links*/
#newslinks{
 float:left;
 margin: 0px 1px 0px 0px;
 width: 360px;
 }
  #newslinks h3{
  font-weight: bold;
 font-size: 12px;
 color: #C30404;
 background-color: transparent;
 margin: 12px 20px 0px 21px;
 }
#newslinks p{
 margin: 12px 20px 0px 21px;
 text-align: justify;
 color: #444;
 background-color: transparent;
}
#newslinks a{
 font-weight: bold;
}
#newsnavi{
 height:40px;
 border-bottom: 1px solid #BBB;
 padding-left: 20px;
}
#newsnavi a{
 line-height: 42px;
 overflow: hidden;
 font-weight: normal;
 text-decoration: underline;
}
/* Index News Rechts */
 #newsrechts{
  float:left;
 width:188px;
 padding: 0px 15px 0px 14px;
 voice-family: "\"}\""; 
   voice-family:inherit;
 width: 159px;
 }
 
 html>body #newsrechts{
 width:159px;
}
/* Unterseiten Content unten */
#content{
 color: #444;
 margin: 0px 1px 0px 1px;
}
#content p{
 padding-top: 12px;
 margin: 0px 20px 0px 21px;
 color: #444;
 background-color: #fff;
}
#content h3{
 font-weight: bold;
 font-size: 12px;
 color: #C30404;
 background-color: transparent;
 margin: 0px 20px 0px 21px;
}
.imgrightfloat{
 margin-left: 20px;
}
.imgleftfloat{
 margin-right:20px;
}