body {
	margin: 5px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

* html body 
{
    font-size: x-small; /* für IE5/Win */
    f\ont-size: small; /* für andere IE-Versionen */
}

#scroller
{
    margin: 0;
    padding: 0;
}

#header {
	background: white url(/images/headerBack.jpg) left;
	height: 57px;
	width:100%;
}
#header1{
	background:url(/images/hrath_header.jpg) no-repeat;
}

#header1 a{
 	display:block;
	text-indent:-3000px;
	height:57px;
}

#footer 
{
    font-size: 80%;
    text-align:center;
}

#sidebar .newsdate {
	font-style: italic;
	font-weight:bold;
	font-size:85%;
}

#sidebar .newsheader {
	font-size:85%;
}
/* 
#container {
	width: 100%;
	margin-right: -185px;
	background: url(background_2.gif) repeat-y right;
}


#content {
    margin-right: 185px;
	background: url(background_3.gif) repeat-y left;
	text-align:left; 
}
*/

#left {
	position:absolute;
	left:5px;
	top:62px;
	width: 192px;
	background-image: url(/images/leftTop.jpg);
	background-repeat: no-repeat;
	font-size: 85%;
	padding-top: 18px;
}

#left ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	background-color: #003366;
	color: #FFFFFF;
	width:186px;
}

#left a 
{
	background-color: #C2D6EB;
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #003366;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: solid;
	border-left-style: solid;
	line-height: 20px !important;
}

* html #left a {
	height: 20px;
}

#left a:hover{
	background-color: #9DBEDF;
}

#left a.active{
	background-color: #B30000;
	color: #FFFFFF;
}
/*
#left a.active:hover{
	background-color: #FF9900;
	color: #FFFFFF;
}*/

#left .item {
	height: 20px;
	display: block;
	line-height: 19px;
	padding-left: 3px;
	cursor: default;
}

#left a span.item {
    background-color: #003366;
    width:179px;
    margin-left: -15px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    list-style:none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-top-color: #003366;
    border-right-color: #003366;
    border-bottom-color: #003366;
    border-left-color: #003366;
    border-right-style: solid;
    border-left-style: solid;
    line-height: 20px !important;
    cursor:pointer;
}

  #left a.active span.item {
    background-color: #B30000; 
    border-top-color: #B30000;
    border-right-color: #B30000;
    border-bottom-color: #B30000;
    border-left-color: #B30000;
}

#left a:hover span.item{
    color: #C2D6EB;
}

#sidebar {
	position:absolute;
	right:5px;
	top:62px;
	width: 185px;
	background-image: url(/images/hrath_logo_u.jpg);
	background-repeat: no-repeat;
	padding-top:62px;
}

.sideheader 
{
    font-size:85%;
	background: #003366;
	line-height: 19px;
	color: #FFFFFF;
	display: block;
	height: 20px;
	padding-left: 5px;
	cursor: default;
}

.sidebox div{
	margin-bottom:0px;
}

.sidebox {
	background: #DBE3EC;
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
}
.sidebody {
	color: #003366;
	padding: 5px;
}

.sidebody a
{
    color:#003366;
    text-decoration:none;
}

.sidebody a:hover
{
    text-decoration:underline;
}

.sideaction img
{
    border-bottom:1px solid #666666;
    padding:0px;
    width:183px;
}

#searchgo {
	background: #C2D6EB;
	border: 1px solid #003366;
	width: 40px;
	height:20px;
	font-size: 85%;
	color: #003366;

}

#searchtext {
	color: #003366;
	width:120px;
	border: 1px solid #003366;
	padding: 1px 3px 1px 3px;
}

#appointmentBox ul {
	margin: 10px 0 0 0;
	list-style-type: none;
	padding: 0px;
	color: #FFFFFF;
}

#appointmentBox a 
{
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #003366;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	line-height: 20px !important;
}

/* End of styles for sidebar -------------------------------------------------------------*/

/* Begining of styles for Content --------------------------------------------------------*/

#main{
	margin:0 185px 0 192px;
}

#main a.toTop{
float: right;
margin-right: 5px;
text-decoration:none;
color:#003366;
padding-left: 15px;
background:url(../images/totop.gif) no-repeat 0px 4px;
}


#contentheader {
	margin:0;
	padding:0;
	background-color: #94B8DC;
	background-image: url(/images/contentheaderBack.jpg);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom:#003366 solid 1px;
}

#contentheader h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #FFFFFF;
	display: inline;
	padding-left:10px;
	padding-right:10px;
	background:#003366;
	padding-top:5px;
	padding-bottom:5px;
	height:29px;
	width:auto;
	line-height:28px;
	cursor: default;
}

#contentbody {
	background: #E8EFF7;
}

h1 {
	margin: 0;
	padding: 0px;
}

h2 {
	color:#003366
}

#path1{
	font-size:85%;
	margin:0;
	padding:0;
	color: #003366;
	background: #A3C2E0;
	margin-right: 6px;
	margin-top:5px;
	padding-left:5px;
	line-height: 18px;
	border-top: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px #003366;
	border-left: 1px solid #003366;
}

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

#path1 a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

.teaser 
{
    margin-top:5px;
	margin-right:6px;
	margin-bottom:10px;
	padding:0;
}

.teaserhead {
	border: 1px solid #003366;
	background:#003366;
	color:#FFFFFF;
	height:20px;
	padding-left:5px;
}

.teaserbody{
	border-top: 1px #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	padding:5px;
	vertical-align:top;
	background: #E8EFF7;
}

.sublinks
{
    border-top:1px solid #003366;
    border-left:1px solid #003366;
    border-bottom:1px solid #003366;
    background: #E8EFF7;
    margin:5px 5px 5px 0;
    padding:0; 
}

.sublinks th
{
    background:#A3C2E0;
    border-right:1px solid #003366;
    text-align:center;
    padding-left:5px;
    border-bottom:1px solid #003366;
}

.sublinks td
{
    border-right:1px solid #003366;
}

.sublinks ul{
	margin:0;
	padding:0;
}

.sublinks li a{
	display:block;
	text-decoration:none;
	padding-left:20px;
	background: #E8EFF7;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	color:#003366;
	line-height:20px;
	overflow:visible;
	min-height:20px;
	height:auto !important;
	height:20px;
}

.sublinks li a:hover{
	background-color: #9DBEDF;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
}

.sublinks li{
	list-style-type: none;
	margin:0;
	padding:0;
}

#contentbody{
	padding-left:5px;
	margin-right:6px;
	border: 1px solid #003366;	

}

.article {
	margin-top:5px;
	margin-right:6px;
	padding:0;
	clear:both;
}

.articlehead {
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	background:#003366;
	color:#FFFFFF;
	height:20px;
	padding-left:5px;
}

.downloads, .linksext {
	background: #A3C2E0;
	color:#003366;
	height:20px;
	font-weight:bold;
	padding-left:5px;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
}

.downloadlist img
{
    vertical-align:middle;
    padding:5px;
}

.downloadlist a{
	color:#003366;
	text-decoration: none;
}

.downloadlist a:hover{
	color:#A20000;
	text-decoration:underline;
}

.linklist,.downloadlist{
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	background: #E8EFF7;
}

.linklist ul{
	margin:0;
	padding:0;
}

.linklist li a{
	display:block;
	text-decoration:none;
	padding-left:15px;
	background: #E8EFF7;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	color:#003366;
	line-height:20px;
	overflow:visible;
	min-height:20px;
	height:auto !important;
	height:20px;
}



.linklist li a:hover{
	background-color: #9DBEDF;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

li.alternate a{
	display:block;
	text-decoration:none;
	padding-left:15px;
	background: #ffffff;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	color:#003366;
	line-height:20px;
	overflow:visible;
	min-height:20px;
	height:auto !important;
	height:20px;
}



li.alternate a:hover{
	background-color: #9DBEDF;
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.linklist li{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	list-style-type: none;
	margin:0;
	padding:0;
}

.articlehead a{
	color:#FFFFFF;
	text-decoration:none;
}

.articlehead a:hover{
	text-decoration:underline;
}

.articlebody{
	border: 1px solid #003366;
	padding:5px;
	vertical-align:top;
}

.articlebody img{
	border:#003366 solid 1px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	width:100px;
}

.articlebody a
{
    color:#003366;
	text-decoration:none;
	overflow: visible;
}

.articlebody img:hover{
	border:#AA0000 solid 1px;
}

.articlebodyblue{
	border: 1px solid #003366;
	padding:5px;
	vertical-align:top;
	background:#E8EFF7;
}

.contentbox
{
    color:#003366;
    border: 1px solid #003366;
	background: #E8EFF7;
	padding:5px;
	vertical-align:top;
	margin-right:5px;
	margin-top:5px;
}

.contentbox img{
	border:#003366 solid 1px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
}

.contentbox a{
	background-image: url(/images/menupfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	color:#003366;
	text-decoration:none;
	padding-left:15px;
}

.contentbox a:hover{
	text-decoration:underline;
}

.left{
	width:auto;
	margin-right:50%;
}

.right{
	width:auto;
	margin-left:50%;
}


#article
{
    padding:5px;
    margin:5px 5px 5px 0;
    border:1px solid #000000; 
    /* background-color:#E8EFF7; */
    color:#003366;
}

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

#article a:hover
{
    text-decoration:underline;
}

#article img
{
    margin:5px 10px 5px 0px;
    padding:4px;
    border:1px solid #D9E0E6;
    border-bottom-color:#C8CDD2;
    border-right-color:#C8CDD2;
    background:#FFFFFF;
}

#article li
{
    margin-bottom:5px;
    margin-left:20px;
}

#article ul
{
    display:inline-block;
}

#article td
{
    vertical-align:top;
}

.imageDiv
{
    float:left;
    display:block;
    width:260px;
    padding:0px 10px 0 5px;
    margin:0 5px 5px 0;
}

.imageDiv img
{
    margin:0px 10px 5px 0px;
    padding:4px;
    border:1px solid #D9E0E6;
    border-bottom-color:#C8CDD2;
    border-right-color:#C8CDD2;
    background:#FFFFFF;
    /*width:250px; */                       /* raus wegen Bildvergrößerung*/
}

.imageDiv img.fixImageSize250               /* rein wegen image vergrößerung - unterscheidung von ratsmitgliedern zu logo zu 250er bildern */
{
    width:250px;
}
.imageDiv img.fixImageSize80              /* rein wegen image vergrößerung - unterscheidung von ratsmitgliedern zu logo zu 250er bildern */
{
    width:80px;
}


/* for council member */

.imageDivCouncilMember
{
    float:left;
    display:block;
    width:80px;
    padding:0px 10px 0 5px;
    margin:0 5px 5px 0;
}

.imageDivCouncilMember img
{
    margin:0px 10px 5px 0px;
    padding:4px;
    border:1px solid #D9E0E6;
    border-bottom-color:#C8CDD2;
    border-right-color:#C8CDD2;
    background:#FFFFFF;
}

.imageDivCouncilMember img.fixImageSize250 
{
    width:250px;
}
.imageDivCouncilMember img.fixImageSize80
{
    width:80px;
}



/* ENDE ==== for council member */


.overview
{
	float: left;
	height: 20px;
	margin-right: 20px;
	width: 50%;

}

.errorlable
{
    color:#CC0000;
    line-height:20px;
    font-weight:bold;
}

#searchform
{
    padding:5px;
    vertical-align:middle;
}

#searchform td
{
    vertical-align:middle;
}

#searchresultph
{
    margin-right:5px;
    margin-bottom:5px;
    padding-right:5px;
}

.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}

.servicetable 
{
    width:100%;
    border-style:none;
}

.memberbody{
	border: 1px solid #003366;
	padding:5px;
	vertical-align:top;
}

.downloadList {
	border: 1px solid #003366;
	color:#003366;
	margin-top:5px;
	margin-right:6px;
	padding:0;
	clear:both;
	vertical-align:top;
}

.downloadList td
{
    padding-left:10px;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
}

.downloadList img 
{
    width:30px;
    height:30px;
    margin:4px;
    border:none;
    vertical-align:middle;
}

wbr:after { content: "\00200B"}


/*----------------------------------------- News Boxen -----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/


/*              BAUSTELLE BIS       SITEMAP
            noch mit desi klären, wie float problem der boxen von homepage umgesetzt werden sollen*/

/*
#newsTeaser {
	margin:0;
	padding:0;
	width: 100%;
}

#newsTeaser ul {
	list-style:none;
	text-indent:0;
	margin:0;
	padding:0;
}

#newsTeaser img {
	border:1px solid #003366;
}

#newsTeaser img:hover {
	border:1px solid #AA0000;
}

#newsTeaser li {
	width:100%;
	margin:0;
	padding:0;
}

.teaser_LayoutZweiSpalten dl {
	float:left;
	width:49.1%;
	margin:0;
	margin-right:1%;
	margin-bottom:10px;
	padding:0;
}

.teaserLayout3 dt {
	font-size: 100%;
	background-color: #003366;
	line-height:1em;
	color:#ffffff;
	margin:0;
	padding:4px 4px 6px 4px;
}

#newsTeaser .teaserLayout3 dt a{
	color: #FFFFFF;
}

#newsTeaser .teaserLayout3 dt a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

#newsTeaser dl.teaserLayout3{
	border: 1px solid #003366;
	padding: 0px 0 10px 0;
	background-color:#FFFFFF;
}
#newsTeaser dl.boxRight{
	float: right;
	margin: 0;
}

*+html body #newsTeaser dl.teaserLayout3{
	margin-top: 10px;
}

.teaserLayout3 dd {
	margin:0;
	padding:0 5px 0 5px;
}

.teaserLayout3 dd.img img {
	margin:5px 5px 5px 0;
	width: 90px;
	float:left;
}

#newsTeaser li a{
	text-decoration:none;
	color:#003366;
}

#newsTeaser .clearer{
clear: both;
width: 300px;
} 

*/
/*baustelle ende*/

/* =========================================================================================== */
/* ====================================== S I T E M A P ====================================== */
#mitteimprint table{ 
    margin: 5px 0 0 0px;
    font-weight:normal;
}

#mitteimprint table a{ 
    color: #003366;
    text-decoration:underline;
}

#mitteimprint table a:hover{ 
    text-decoration:none;
    color: #A3C2E0;
}

#mitteimprint img{
border: none;
margin: 0;
padding: 0;
}