html{
	height: 100%;
}
body{
	height: 100%;
	margin: 0; padding: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 150%;
	background: #bdc6e4 url('../_gfx/body_bg.gif') 0 165px repeat-x;	
}
h1{
	color: #df252b;
	font-size: 1.5em;
	margin: 0;
	margin-bottom: 20px;
}
h2{
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 15px;
	color: #00377c;
}
h3{
	font-size: 1.1em;
	margin: 0;
	font-weight: bold;
	margin-bottom: 5px;	
}
p{
	margin: 0;
	margin-bottom: 1.2em;
}
a{
	color: #df252b;
	text-decoration: none;
}
a:hover{

}
#top {
	background: #FFF url('../_gfx/top_bg.jpg') repeat-x;
	height: 168px;
	text-align:center;
	position: relative;
}
#header{
	background: #FFF url('../_gfx/top_bg.jpg') repeat-x;	
	width: 770px;
	margin: 0 auto;
	text-align: right;
}

#menu {
	height: 42px;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}
#menu ul {

}
#menu a{
	color: #FFF;
	text-decoration:none;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #FFFFFF;
}
#menu li {
	margin:0;
	float: left;
	padding-top: 7px;
	line-height: 35px;
}
#menu .active {
	float:left;
	background:url("../_gfx/tab_left.gif") no-repeat left top;
	margin:0;
	margin-left: -1px;
	padding:0 0 0 4px;
	text-decoration:none;
}
#menu .active a {
	border: none;
	padding: 0px;
}
#menu .active span {
	float: left;
	display: block;
	background:url("../_gfx/tab_right.gif") no-repeat right top;
	padding: 7px 10px 0px 6px;
	color: #df252b;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#container {
	width: 770px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: left;
}
#content{
	width: 500px;
	float: left;
	margin: 0;
	margin-left: 25px;
	padding:0;
}
#hilfsnavi{
	clear: both;
	float: left;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	width: 170px;	
	margin: 0 auto;
	margin-left: 10px;
	margin-top: 20px;
	padding:0;
	display: inline;
}
#right{
	width: 130px;
	float: left;
	margin: 0;
	margin-left: 25px;
	padding:0;
}
#hilfsnavi a{
	display: block;
	text-decoration: none;
	color: #000;
	padding-left: 10px;
}
#hilfsnavi ul{
	margin:0; padding:0;
	padding-bottom: 2px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image:none;
}
#hilfsnavi li{
	padding:0; 
	margin:0;
	display: block;
	width: 100%;
	line-height: 190%;		
	border-bottom: 1px dotted #000;
	background: url('../_gfx/pfeil.gif') 145px 5px no-repeat;
}
#hilfsnavi li.active{
	background: url('../_gfx/pfeil_active.gif') 145px 5px no-repeat #FFF;
	font-weight: bold;
}
#hilfsnavi ul li, #hilfsnavi ul li.active{
	border: none;
	background-image: none;
}
#hilfsnavi ul a{
	text-align: right;
	padding-right: 6px;
	border: none;
	font-weight: normal;
}
#hilfsnavi li.active a{
	font-weight: bold;
	color: #df252b;
}
#hilfsnavi li.active ul a{
	font-weight: normal;
	font-size: 0.9em;
	color: #000;
/*	color: #114a8e; */
	padding-right: 10px;
}

/*
#hilfsnavi li.active ul li.active a{
	font-weight: bold;
	color: #114a8e;
}
*/

/* Fix IE. Hide from IE Mac \*/
* html #hilfsnavi li { float: left; height: 1%; }
/* End */

.clear{
	float: none;
	clear: both;
}
.img {
/*	border: 1px dotted #000; */
	border-left: 2px solid #df252b;
	padding: 1px;
	margin-bottom: 5px;
}
a img{
	border: none;
}
.rightimg {
	float: right;
	padding: 0;
	padding-bottom: 1px;
	margin: 0 0 5px 10px;
	border-bottom: 3px solid #df252b;
}
.leftimg {
	float: left;
	padding: 0;
	padding-bottom: 1px;
	margin: 0 10px 5px 0;
	border-bottom: 3px solid #df252b;
}
.table td {
	border-bottom: #000000 dotted 1px;
}
.table th {
	vertical-align:top;
	background: url('../_gfx/pfeil.gif') 0 2px no-repeat;
}
.highlight {
	font-size: 1.2em;
	font-weight: bold;
}
.aktionen {
	margin-bottom: 10px;
}
.aktionen th {
	width: 120px;
	border-right: 1px solid #df252b;
	border-right: 1px solid #00377c;
}
.aktionen td {
	padding-left: 10px;
}
.floatleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border-left: 2px solid #df252b;
}
.col_right{
	float: right;
	width: 49%;
}
.col_left {
	float: left;
	width: 49%;
}
.request label{
	clear:both;
	display: block;
	float:left;
	width: 120px;
	text-align:right;
	font-weight: bold;
	color: #000;
	padding: 0 5px;
	margin: 2px 0;
	margin-right: 5px;
}
.request input, .request textarea, .request select{
	display: block;
	float:left;
	margin: 2px 0;
}

/* +++++++++++++++ Notdienstsuche ++++++++++++++++++ */

.formsuche {
  margin:5px;
  padding:0px;
  float:left;
}
.formsuche label {
  display:block;
  color: #FFF;
}
.suche {
	background-color: #7f9bbd;
	height: 60px;;
	padding-left: 10px;
	border: 1px solid #fff;
}

/* +++++++++++++++ Ajax AutoComplete ++++++++++++++++++ */

#suggestBoxElement {
	border: 1px solid #8FABFF;
	visibility:hidden;
	text-align: left;
	white-space: nowrap;
	background-color: #eeeeee;
}
.suggestions { 
	font-size: 14;
	background-color: #eeeeee;
}
.suggestionMouseOver {
	font-size: 14;
	background: #3333ff;
	color: white;
}

.view {
	margin-bottom: 10px;
}
.view img{
	border: 1px solid #FFF;
	margin-right: 9px;
	padding: 2px;
}
.view img a{
	border: none;
	text-decoration: none;
}