html, body
{
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	background-color: #FFFFFF;
	background-image: url(../grafiken/startseite/background.gif);
	background-repeat: repeat-x;
}

/* CSS - header */

#header
{
	width: 100%;
	height: 220px;
	line-height: 11px;
	background-repeat: repeat-x;
	position: relative;
	background-image: url(../grafiken/startseite/header.jpg);
	background-repeat: no-repeat;
}

#logo
{
	position: absolute;
	top: 41px;
	left: 112px;
}

#motiv
{
	position: absolute;
	top: 0;
	left: 192px;
}

#search
{
	width: 192px;
	height: 103px;
}

#search .text
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #525252;		
}

#search select
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#header_menu
{
	position: absolute;
	top: 18px;
	left: 795px;
	font-size: 11px;
}

#header_menu a
{
	color: #6C6C6C;
}

#header_menu .left_col
{
	float: left;
	font-weight: bold;
}

.container_select_box_1
{
	border: 0; position: relative; width: 154px; height: 18px; overflow: hidden;
}

.select_box_1
{
	color: #525252;
	background-color: #ffffff;
	position: absolute; top: -1px; left: -2px; width: 157px; border: 1px solid #ffffff;
}

.container_select_box_2
{
	border: 0; position: relative; width: 108px; height: 18px; overflow: hidden;
}

.select_box_2
{
	color: #525252;
	background-color: #ffffff;
	position: absolute; top: -1px; left: -2px; width: 111px; border: 1px solid #ffffff;
}

#search input
{
	width: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #525252;
	background-color: #ffffff;
	border: 0;
}

#search .submit_button
{
	width: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4e4e4e;
	background-color: #c7c7c7;
	border: 0;
}

/* CSS - content */

.clear { clear: both; }

#content
{
	position: absolute;
	top: 220px;
	left: 220px;
	width: 730px;
	line-height: 17px;
}

#content ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#content ul li
{
	padding-left: 15px;
	background-image: url(../grafiken/startseite/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 10px;
}

.seperator
{
	font-size: 0; height: 7px; display: block; background-color: #ffffff;
}

.headline
{	
	font-size: 12px;
	font-weight: bold;
	color: #6c6c6c;
	background-image: url(../grafiken/startseite/headline-spot.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 22px;
	margin-bottom: 5px;
}

.container
{
	margin-bottom: 24px;
	padding: 22px 15px 22px 22px;
	background-color: #eaeaea;
}

.subline
{
	font-size: 12px;
	font-weight: normal;
	color: #f00000;
}

.subline2
{
	font-size: 12px;
	font-weight: bold;
}

a
{
	color: #f00000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#content .button
{
	height: 16px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #6D6D6D;
	background-color: #C7C7C7;
	margin: 0;
	padding-left: 9px;
	padding-right: 9px;
	float: left;	
}

#content .button_active
{
	height: 16px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #f00000;
	margin: 0;
	padding-left: 9px;
	padding-right: 9px;
	float: left;	
}

#content .button_active:hover
{
	text-decoration: none;
}

#content .button:hover
{
	color: #FFFFFF;
	background-color: #f00000;
	text-decoration: none;
}

#content .before-image
{
	width: 332px;
	float: left;
	margin-right: 18px;
}

#content .images .image { width: 332px; float: left; margin-right: 18px; cursor: pointer; }
#content .images .image .template-low { font-size: 11px; line-height: 17px; padding: 3px 0 1px 3px; }
#content .images .last { margin-right: 0; }

#content .image_gallery .image { width: 212px; float: left; margin-right: 18px; cursor: pointer; }
#content .image_gallery .image .template-low { font-size: 11px; line-height: 17px; padding: 3px 0 1px 3px; }
#content .image_gallery .last { margin-right: 0; }

#content .page_first { width: 18px; height: 14px; display: block; font-size: 0; float: left; background-image: url(../grafiken/page-first.gif); background-repeat: no-repeat; background-position: 0px 2px; }
#content .page_first:hover { background-position: 0px -10px; }

#content .page_prev { width: 18px; height: 14px; display: block; font-size: 0; float: left; background-image: url(../grafiken/page-prev.gif); background-repeat: no-repeat; background-position: 0px 2px; }
#content .page_prev:hover { background-position: 0px -10px; }

#content .page_last { width: 18px; height: 14px; display: block; font-size: 0; float: left; background-image: url(../grafiken/page-last.gif); background-repeat: no-repeat; background-position: 0px 2px; }
#content .page_last:hover { background-position: 0px -10px; }

#content .page_next { width: 18px; height: 14px; display: block; font-size: 0; float: left; background-image: url(../grafiken/page-next.gif); background-repeat: no-repeat; background-position: 0px 2px; }
#content .page_next:hover { background-position: 0px -10px; }

#content .info { float: left; font-size: 11px; padding-left: 2px; padding-right: 2px; }

#content .leaflet { width: 16px; height: 16px; display: block; font-size: 0; background-image: url(../grafiken/leaflet-content.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#content .leaflet:hover { background-position: 0px -16px; }

#content .active_leaflet { width: 16px; height: 16px; display: block; font-size: 0; background-image: url(../grafiken/leaflet-content.gif); background-repeat: no-repeat; background-position: 0px -16px; }

#content .appointment_list {}
#content .appointment_list .list_element {  }

#content .news_list {}
#content .news_list a.list_element { width: 340px; height: 50px; display: block; position: relative; cursor: hand; font-size: 0; margin-bottom: 15px; background-image: url(../grafiken/startseite/arrow.gif); background-repeat: no-repeat; background-position: 330px 41px; }
#content .news_list a.list_element:hover { text-decoration: none; color: #FFFFFF; }
#content .news_list .left_col { width: 74px; float: left; }
#content .news_list .right_col { width: 245px; float: right; position: relative; }
#content .news_list .right_col_no_pic { width: 340px; float: right; position: relative; }
#content .news_list .footer { clear: both; }
#content .news_list .date { font-size: 12px; color: #525252; position: absolute; left: 0px; top: 0px; }
#content .news_list .headline { font-size: 12px; color: #525252; background: none; padding-left: 0px; position: absolute; left: 74px; top: 0px; }
#content .news_list .text { font-size: 12px; color: #525252; line-height: 15px; position: absolute; left: 0px; top: 22px; }

#content .me_list {}
#content .me_list a.list_element { width: 340px; height: 50px; display: block; position: relative; cursor: hand; font-size: 0; margin-bottom: 0px; background-image: url(../grafiken/startseite/arrow.gif); background-repeat: no-repeat; background-position: 330px 32px; }
#content .me_list a.list_element:hover { text-decoration: none; color: #FFFFFF; }
#content .me_list .left_col { width: 74px; float: left; }
#content .me_list .right_col { width: 245px; float: right; position: relative; }
#content .me_list .right_col_no_pic { width: 340px; float: right; position: relative; }
#content .me_list .footer { clear: both; }
#content .me_list .headline { font-size: 12px; font-weight: normal; color: #f00000; background: none; padding-left: 0px; position: absolute; left: 0px; top: 7px; }
#content .me_list .text { font-size: 17px; font-weight: bold; color: #f00000; position: absolute; left: 0px; top: 25px; }

#content .appointment_list {}
#content .appointment_list a.list_element { width: 684px; height: 114px; display: block; position: relative; cursor: hand; font-size: 0; }
#content .appointment_list a.list_element:hover { text-decoration: none; color: #f00000; }
#content .appointment_list .left_col { width: 178px; float: left; }
#content .appointment_list .right_col { width: 482px; float: right; position: relative; }
#content .appointment_list .right_col_no_pic { width: 684px; float: right; position: relative; }
#content .appointment_list .footer { clear: both; }
#content .appointment_list .date { font-size: 12px; color: #f00000; position: absolute; left: 0px; top: 37px; }
#content .appointment_list .headline { font-size: 12px; color: #f00000; position: absolute; left: 0px; top: 20px; }
#content .appointment_list .text { font-size: 12px; color: #525252; position: absolute; left: 0px; top: 56px; }

#content .left_col { width: 375px; float: left; }
#content .right_col { width: 330px; float: right; }

#thumbnail_list { width: 332px; }
#thumbnail_list .thumbnail { float: left; margin-top: 8px; margin-right: 2px;}

img { border-color: #525252; }

/* CSS - menu */

#menu
{
	position: absolute;
	top: 214px;
	left: 0;
	width: 192px;
}

#menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

#menu ul li.active
{
	padding-right: 32px;
	margin-bottom: 30px;
	background-image: url(../grafiken/arrow_main_2.gif);
	background-repeat: no-repeat;
	background-position: 160px 2px;
}

#menu ul li.no_sub
{
	background-image: url(../grafiken/arrow_main_1.gif);
	margin-bottom: 0;
}

#menu ul li.inactive
{
	padding-right: 32px;
	margin-bottom: 0px;
}

#menu ul li a.mainmenu_active
{
	width: 192px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #f00000;
}

#menu ul li a.mainmenu_active:hover
{
	color: #f00000;
	text-decoration: none;
}

#menu ul li a.no_sub
{
	border-bottom: 1px solid #BBBBBB;
}

#menu ul li a.mainmenu_inactive
{
	width: 192px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #808080;
	border-bottom: 1px solid #BBBBBB;
}

#menu ul li a.mainmenu_inactive:hover
{
	color: #f00000;
	text-decoration: none;
}