/* 	www.aids-hilfe-kassel.de */

/* colors: brown text: #372b23; 
		   red-text: #db012f; */

/****************************************************************  all  */

html, body, span, a, table, td, form, input, textarea, p, h1, h2, h3, ul, li, select, div {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
}

body  {
	background: #332821 url(img/bg.png) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.clearit {
	clear: both;
}

img {
	border: 0;
}

a {
	outline: none;
	color: #db012f;
}

a.nored {
	outline: none;
	color: #372b23;
}



/****************************************************************  all  */


#all  {
	background: #332821 url(img/bg-all.png) repeat-y;
	width: 992px;
	margin: 0 auto;
	text-align: left;
}

#head {
	background: url(img/bg-head.png) no-repeat;
	height: 133px;
	padding: 0 0 0 21px;
}

#logo {
	width: 511px;
	float: left;
}

#head #logo h1 a {
	background: url(img/logo-aids-hilfe.png) no-repeat;
	display: block;
	width: 217px;
	height: 133px;
	text-indent: -10000px;
	text-decoration: none;
}

#support {
	float: left;
}

#support a {
	background: url(img/support.png) no-repeat;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 418px;
	height: 133px;
}

/****************************************************************  nav  */

#push-nav {
	width: 181px; 
	height: 43px; 
	float: left;
}

#nav {
	background: url(img/bg-nav.png) no-repeat;
	width: 992px;
	height: 43px;
}

#nav ul {
	list-style: none;
	float: left;
}

#nav li {
	float: left;
	height: 43px;
	width: 160px;
}

#nav a:link, #nav a:hover, #nav a:active, #nav a:visited  {
	height: 43px;
	width: 160px; 
	display: block;
	text-decoration: none;
	text-indent: -10000px;
}

#nav a:hover, #nav a.act {
	background-image: none;
}

a#aids-hilfe		    { background: url(img/nav-aids-hilfe.png) no-repeat; }
a#positiv-leben			{ background: url(img/nav-positiv-leben.png) no-repeat; }
a#vorbeugen   			{ background: url(img/nav-vorbeugen.png) no-repeat; }
a#mitmachen      		{ background: url(img/nav-mitmachen.png) no-repeat; }


/****************************************************************  rows  */

#row-left {
	width: 182px;
	font-size: 10px;
	float: left;
	min-height: 400px;
}

#helper {
	background: url(img/bg-row-left.png) no-repeat bottom left;
	margin-bottom: 1px solid #FFFBE3;
	float: left;
}

#row-middle {
	width: 477px;
	font-size: 12px;
	line-height: 18px;
	padding: 35px 45px 0 37px;
	float: left;
	background-color: #FFFBE3;
}

#row-middle.start {
	padding: 28px 45px 0 37px;
}

#row-middle  {
	\width: 477px;
	w\idth: 395px;
}

#row-right {
	width: 333px;
	font-size: 10px;
	background: url(img/bg-row-right.png) no-repeat;
	padding: 64px 95px 0 38px;
	float: left;
	min-height: 675px;
	color: #372B23;
}

#row-right  {
	\width: 333px;
	w\idth: 200px;
}

/****************************************************************  subnav  */

#box-subnav {
	width: 161px;
	height: 250px;
	padding: 39px 0 0 21px;
	background: url(img/bg-subnav-aids-hilfe.png) no-repeat 21px 0;
}

ul#subnav {
	list-style: none;
	list-style-position: outside;
}

ul#subnav li, ul#subnav li.double {
	width: 161px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: right;
}

ul#subnav li.double {
	height: 34px;
}

ul#subnav a {
	display: block;
	width: 125px;
	height: 22px;
	text-decoration: none;
	color: #392e25;
	padding: 4px 36px 0 0;
}

ul#subnav a.double {
	display: block;
	width: 125px;
	height: 34px;
	text-decoration: none;
	color: #392e25;
	padding: 4px 36px 0 0;
}

/* boxmodel hack hoehe */

ul#subnav li a {
  height: 22px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 18px;
}

html>body ul#subnav li a {
  height: 18px;
}

ul#subnav li a.double {
  height: 34px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 30px;
}

html>body ul#subnav li a.double {
  height: 30px;
}

/* hacks ende */

#subnav a:hover, #subnav a.act, #subnav a.double:hover, ul#subnav a.act_double {
	background: url(img/bg-subnav-act.png) no-repeat;
	color: #db012f;
}
	
/****************************************************************  row-middle  */

#row-middle h1 {
	width: 390px;
	padding: 0 0 16px 0;
	font-size: 17px;
	font-weight: bold;
	color: #372b23;
}

#row-middle h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 4px 0;
	color: #372b23; 
}

#row-middle h3 {
	font-size: 12px;
	font-weight: bold;
	color: #372b23; 
}

#row-middle h2.red { color: #db012f; }

div.p, p { 
	padding: 0 0 24px 0;
	color: #372b23;
}

div.p img.foto {
	float:left; 
	margin: 4px 10px 0 0;
}

div.mitarbeiter  {
	font-size: 11px; 
	background: url(img/bg-divider-fotos.png) repeat-x 0 4px;
}

#row-middle ul {
   list-style-type: none;
   color: #372b23;
}

#row-middle ul li {
   padding: 0 0 2px 16px;
   background: url(img/list-style-image.png) no-repeat;
   line-height: 18px;
}

#row-middle ul li.push-news {
   padding: 0 0 12px 16px;
   background: url(img/list-style-image.png) no-repeat;
   line-height: 18px;
}


/****************************************************************  row-right  */

#row-right a {
	color: #372b23;
}

#row-right h3 a {
	color: #db012f;
}

#row-right h3 {
	color: #db012f;
	font-size: 11px;
	padding: 0 0 3px 0;
}

#row-right p { 
	padding: 0 0 7px 0; 
	line-height: 15px;
}

.divider {
	height: 28px;
    background: url(img/bg-divider.png) no-repeat 0 6px;
}

.divider-vorstand {
	height: 28px;
    background: url(img/bg-divider-vorstand.png) no-repeat 0 12px;
}


/****************************************************************  footer  */

#footer {
	width: 992px;
	height: 42px;
	background: url(img/bg-footer.png) no-repeat;
}

#footer-push {
	width: 219px;
	height: 42px;
	float: left;
}

#footer ul {
	list-style: none;
	float: left;
}

#footer li {
	float: left;
	padding: 15px 0 0 0;
	font-size: 10px;
	color: #db012f;
}

#footer li a {
	color: #2d2017;
	text-decoration: none;
}

#footer a:hover, #footer a.act {
	text-decoration: underline;
}