/* ----------------------------------------------------------------
	CSS: HWWI - 60 Jahre Soziale MW
	Version: 1.1
	Date: 26.5.2008
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }

body {
	margin:0px; padding:0px;
	text-align:center;	
	color:#666666;
	font-size:101%;
	font-family:Arial, SunSans-Regular, Sans-Serif;
	background:white url("images/site-bg.jpg") no-repeat center 0px;
}


hr{
background-color: #666666; /* Farbe für Opera und Firefox */ 
color: #666666; /* Farbe für Internet Explorer (IE) */
border: 0; 
height: 1px; 
}
label {
	display:block;
	width: 116px;
	float:left
}
fieldset {
	border:none
}
legend {
	display:none;
}
.csc-mailform-field {
	clear:both;
	margin-bottom: 4px;
}
.csc-mailform-radio label{
	display:inline;
	float:none
}

#overall {
	border:0px solid black;
	width:880px;
	margin:0px auto;
	margin-top:30px;
}

#header {
	width:880px;
	height:199px;
}

#teaser-left {
	float:left;
	margin-right:-1px;
}

*+html div#teaser-left {
	margin-right:0px;
}

#banner-right {
	float:right;
	margin-right:1px;
	border:0px solid green
}

*+html div#banner-right {
	margin:0px;
}

#main {width:880px;margin-top:50px;}

#left {
	width:275px;
	border:0px solid green;
	float:left;
}

#nav {
	text-align:left; width:250px;	
	border:0px solid black;
	margin-left:27px;
	border-top:0px solid #666666;
	border-bottom:1px solid #666666;
}



#menu1 {list-style:none;font-size:12px;}
#menu1 a {color:#666666;text-decoration:none;	;}
#menu1 a:hover {color:#003366;text-decoration:none;}

#menu1 li a {color:#666666;background: transparent url("images/nav-passiv.jpg") 0px 0px no-repeat;padding-left:20px}
#menu1 li a:hover {color:#003366;background: transparent url("images/nav-hover.jpg") 0px 0px no-repeat;padding-left:20px}
#menu1 li.act  a {color:#003366;background: transparent url("images/nav-aktiv.jpg") 0px 0px  no-repeat;padding-left:20px}
#menu1 li.act  a:hover {color:#003366;background: transparent url("images/nav-aktiv.jpg") 0px 0px  no-repeat;padding-left:20px}

#menu1 li.act  ul li a {color:#666666;background:white;display:block}
#menu1 li.act  ul li a:hover {color:#003366;background:white;}
#menu1 li.act  ul li.act a {color:#003366;background:white;}

#menu1 ul {border-top:1px solid #666666;}
#menu1 li {
	padding:5px 0px 5px 0px;
	background: transparent;
	border-top:1px solid #666666;
}

#menu1 li:hover {
	background:#fff;
	display:block;
}

#menu1 li.act {
	background:transparent;
	display:block; border-bottom:0px solid #black;color:#003366;
}
#menu1 li.act ul {border-top:0px solid #666666;border:0px solid green}
#menu1 li.act ul li {list-style:none;background:transparent url("images/white.jpg");border-top:0px solid #666666;padding:4px 0px 4px 0px;}
#menu1 li.act ul li.act {list-style:none;background:transparent url("images/white.jpg");border-top:0px solid #666666;padding:4px 0px 4px 0px;color:#003366;}


#menu1 li.spc {visibility:visible;height:50px;border-bottom:0px solid #666666;background:transparent;}

/*  Inhalt */

#inhalt {
	float:left;
	width:600px;
	border:0px solid green;
	margin-top: -6px
}

*html div#inhalt {width:510px;margin-left:60px;}

/*  Standard */

#content  h1 {
	text-align:left;
	font-size:18px;
	line-height:24px;
	margin:0px;
	margin-bottom:20px;
	color:#003366;
	font-weight:normal;
	border:0px solid green
}

#content h1.csc-firstHeader {}
#content .csc-header {border:0px solid green;}
#content  h2 {
	text-align:left;
	font-size:12px;
	margin:0px;
	margin-bottom:0px;
	color:#003366
}
#content {
	width:510px;
	margin-left:60px;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:18px;
}

*html div#content {margin-left:0px;}

#content li {margin-left:15px}

#content td {
	vertical-align:top;
	border-top:1px solid #666666;
	padding-top:10px;
	padding-bottom:10px;
}
#content .imgtext-table {border:0px solid green;margin-top:-25px}
#content .imgtext-table td {border:0px}

#content img {border:0px}
#content form td {border:0px;}
#content form textarea {width:260px;}

#content p.bodytext {margin-bottom:18px;}
#content td p.bodytext {margin-bottom:0px;}

#content a {color:#666666;text-decoration:underline;}
#content a:link {color:#666666;text-decoration:underline;}
#content a:hover {text-decoration:none;color:#003366}

#content  a.dl {text-decoration:none;color:#666666;background:#fff url("images/link-passiv.jpg") 0px 1px  no-repeat;padding-left:15px;}  
#content a.link:dl {text-decoration:none;}  
#content a.active:dl {text-decoration:none;}  
#content a.visited:dl {text-decoration:none;}  
#content  a:hover.dl {text-decoration:none;color:#003366;background:#fff url("images/link-aktiv.jpg") 0px 1px no-repeat;padding-left:15px;}  

#content  a.dl2 {text-decoration:none;color:#666666;background:#fff url("images/link-passiv2.jpg") 0px 1px  no-repeat;padding-left:15px;}  
#content  a:hover.dl2 {text-decoration:none;color:#003366;background:#fff url("images/link-aktiv2.jpg") 0px 1px no-repeat;padding-left:15px;}  

/*  Links & rechts für Galerie */

#content-links {
	width:280px;
	float:left;
	margin-left:60px;
	text-align:left;
	font-size:12px;
	line-height:18px;
}

*html div#content-links{margin-left:0px;margin-top:-15px}

*+html div#content-links {margin-top:-17px}
#content-links  h1 {
	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	height:62px;
	margin:0px;
	color:#003366;
	border-bottom:1px solid #666666;
	overflow:hidden;
}
#content-links  h2 {
	text-align:left;
	font-size:12px;
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#003366;
	border:0px solid green;
}

#content-links p.bodytext {margin-bottom:18px;}
#content-links a {color:#666666;text-decoration:underline;}
#content-links a:hover {text-decoration:none;color:#003366}
#content-links a.dl {text-decoration:none;color:#666666;background:#fff url("images/link-passiv.jpg") 0px 1px  no-repeat;padding-left:15px;
}  

#content-links  a:hover.dl {text-decoration:none;color:#003366;background:#fff url("images/link-aktiv.jpg") 0px 1px  no-repeat;padding-left:15px;
}  


#content-rechts {
	width:202px;
	float:right;
	margin-left:25px;
	margin-right:25px;
	margin-top:62px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding-top:5px;
	background:#fff url("images/right-bg.jpg") top left no-repeat;
}

*html div#content-rechts {margin-left:25px;margin-right:0px;margin-top:46px}
*+html div#content-rechts {margin-top:45px;}

#content-rechts p.bodytext {margin-bottom:5px;}

#content-rechts  h2 {
	text-align:left;
	font-size:12px;
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#003366;
	border:0px solid green;
}

#content-rechts a img {
	padding-right:5px;
	padding-bottom:5px;
	border:0px;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}
#content-rechts a:hover img  {
	padding-right:5px;
	padding-bottom:5px;
	border:0px;
   filter:alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;
}

#footer {
	width:822px;
	height:20px;
	display:block;
	margin-top:35px;
	margin-bottom:35px;
	margin-left:25px;
	float:left;
	padding-top:5px;
	font-size:12px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

#footer a {
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	color:#003366;
	text-decoration:none;
}