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

.fliesstext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #525252; }

/* CSS - header */

#header
{
	width: 100%;
	height: 220px;
	background-repeat: repeat-x;
	position: relative;
}

#logo
{
	position: absolute;
	top: 0;
	left: 0;
}

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

#search
{
	position: absolute;
	top: 117px;
	left: 0;
	width: 192px;
	height: 103px;
	background-image: url(../grafiken/search-background.gif);
	background-repeat: no-repeat;
}

#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: 194px;
	left: 220px;
	width: 730px;
	font-size: 11px;
}

#header_menu a
{
	color: #6C6C6C;
}

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

#header_menu .left_col a
{
	font-weight: bold;
	padding-left: 22px;
	background-image: url(../grafiken/leaflet.gif);
	background-repeat: no-repeat;
}

#header_menu .right_col
{
	float: right;
}

#header_menu .footer
{
	clear: both;
}

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

.select_box_1
{
	color: #000000;
	background-color: #EAEAEA;
	position: absolute; top: -2px; left: -2px; width: 157px;
}

.select_box_1
{
	color: #000000;
	background-color: #EAEAEA;
	position: absolute; top: -1px\9; left: -2px; width: 157px;
}

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

.select_box_2
{
	color: #000000;
	background-color: #EAEAEA;
	position: absolute; top: -2px; left: -2px; width: 111px;
}

.select_box_2
{
	color: #000000;
	background-color: #EAEAEA;
	position: absolute; top: -1px\9; left: -2px; width: 111px;
}

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

#search .submit_button
{
	width: 40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #525252;
	background-color: #D1D1D1;
	border: 0;
}

/* CSS - content */

.clear { clear: both; }

#content
{
	position: absolute;
	top: 220px;
	left: 220px;
	width: 684px;
	background-color: #EAEAEA;
	padding: 23px;
	line-height: 17px;
}

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

#content ul li
{
	padding-left: 12px;
	background-image: url(../grafiken/list_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

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

#content .select_box_1
{
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	position: absolute; top: -2px; left: -2px; width: 136px;
}

#content .select_box_1
{
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	position: absolute; top: -1px\9; left: -2px; width: 136px;
}

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

#content .select_box_2
{
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	position: absolute; top: -2px; left: -2px; width: 111px;
}

#content .select_box_2
{
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	position: absolute; top: -1px\9; left: -2px; width: 111px;
}

#content .input_text
{
	width: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 0;
}

#content #search_results
{
	width: 32px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #F00000;
}

#content label
{
	font-size: 10px;
}

.seperator
{
	font-size: 0; width: 730px; height: 10px; margin-left: -23px; margin-right: -23px; display: block; background-color: #D9D9D9;
}

.headline, .ueberschrift, h1
{
	font-size: 15px;
	font-weight: bold;
	color: #F00000;
	margin:0;
	padding:0;
	display:block;
}

.subline, h2
{
	font-size: 12px;
	font-weight: normal;
	color: #F00000;
	margin:0 0 17px 0;
	padding:0;
	display:block;
}

.subline2, .zwischen_ueberschrift, h3
{
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
}

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: 20px;
	padding:0;
}

#content .images .image { width: 332px; float: left; margin-right: 18px; cursor: pointer; }
#content .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; }

/* row of four images */
#content .images4 .image { width:156px; float:left; margin-right:20px; cursor:pointer; }
#content .images4 .image .template-low { font-size: 11px; line-height: 17px; padding: 3px 0 1px 3px; }
#content .images4 .last { margin-right: 0; }

/* textonly */
#content .textonly { width:570px; }

/* two container */
#content .twins .twinleft	{ width:332px; margin-right:20px; float:left; display:block; }
#content .twins .twinright	{ width:332px; margin:0; float:left; display:block; }
#content .twins .image		{ cursor:pointer; }

#content .page_first { width: 18px; height: 14px; display: block; font-size: 0; float: right; 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: right; 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: right; 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: right; 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: right; 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 .del_icon { width: 16px; height: 16px; display: block; font-size: 0; background-image: url(../grafiken/del_icon.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#content .del_icon:hover { background-position: 0px -16px; }

#content .active_leaflet { width: 16px; height: 16px; display: block; font-size: 0; background-image: url(../grafiken/del_icon.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: 684px; height: 114px; display: block; position: relative; cursor: hand; font-size: 0; }
#content .news_list a.list_element:hover { text-decoration: none; color: #F00000; }
#content .news_list .left_col { width: 178px; float: left; }
#content .news_list .right_col { width: 482px; float: right; position: relative; }
#content .news_list .right_col_no_pic { width: 684px; float: right; position: relative; }
#content .news_list .footer { clear: both; }
#content .news_list .date { font-size: 12px; color: #F00000; position: absolute; left: 0px; top: 20px; }
#content .news_list .headline { font-size: 12px; color: #F00000; position: absolute; left: 70px; top: 20px; }
#content .news_list .text { font-size: 12px; color: #525252; position: absolute; left: 0px; top: 45px; }
*/

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

/*
#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 .appointment_list {}
#content .appointment_list .list_element { cursor: hand; }
#content .appointment_list .list_element a:hover { text-decoration: none; cursor: hand; }
#content .appointment_list .left_col { width: 178px; display: block; float: left; }
#content .appointment_list .right_col { width: 482px; height: 114px; display: block; position: relative; float: right; }
#content .appointment_list .right_col_no_pic { width: 684px; height: 114px; display: block; position: relative; float: right; }
#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 { float: left; }
#content .right_col { float: right; }

#thumbnail_list { width: 332px; }
.thumbnails_ve .thumbnail { float: left; margin-top: 8px; border: 2px #EAEAEA solid; font-size: 0; cursor: pointer; }
.thumbnails_me .thumbnail { float: left; margin-top: 8px; border: 2px #EAEAEA solid; font-size: 0; cursor: pointer; }

img { border-color: #525252; }

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

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

/* CSS - menu */

#menu
{
	position: absolute;
	top: 228px;
	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: 160px;
	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: 160px;
	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;
}

#menu ul li ul li.inactive
{
	width: 160px;
	margin-bottom: 1px;
}

#menu ul li ul li.active
{
	width: 160px;
	padding-right: 22px;
	margin-bottom: 1px;
	background-image: url(../grafiken/arrow_2.gif);
	background-repeat: no-repeat;
	background-position: 160px 0px;
}

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

#menu ul li ul li a.submenu_active
{
	width: 152px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #F00000;
	background-color: #D8D8D8;
	border-bottom: 1px solid #E1E1E1;
}

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

#menu ul li ul li a.submenu_inactive
{
	width: 152px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	background-color: #D8D8D8;
	border-bottom: 1px solid #E1E1E1;
}

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

#menu ul li ul li ul li.active
{
	width: 160px;
	padding-right: 22px;
	background-image: url(../grafiken/arrow_2.gif);
	background-repeat: no-repeat;
	background-position: 160px -2px;
}

#menu ul li ul li ul li.no_sub
{
	background-image: url(../grafiken/arrow_1.gif);
}

#menu ul li ul li ul
{
	margin-bottom: 20px;
}

#menu ul li ul li ul li a.subsubmenu_active
{
	width: 152px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #F00000;
}

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

#menu ul li ul li ul li a.subsubmenu_inactive
{
	width: 152px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #808080;
}

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


#menu ul li ul li ul li ul
{
	background-color: #f7f7f7;
}

/* CSS - slimbox */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #d9d9d9; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
#lbImage { position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; border: #fff 16px solid; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbNextLink { right: 0; }
#lbBottom { font-size: 12px; line-height: 17px; text-align: left; border-top-style: none; border-left: #fff 16px solid; border-bottom: #fff 16px solid; border-right: #fff 16px solid; }
#lbCaption, #lbNumber {	margin-right: 71px; color: #525252; }
#lbCaption { font-weight: bold; }

.lbLoading { }
#lbPrevLink:hover { background: transparent url(../grafiken/slimbox/prevlabel.png) no-repeat 0 50%; }
#lbNextLink:hover { background: transparent url(../grafiken/slimbox/nextlabel.png) no-repeat 100% 50%; }
#lbCloseLink { display: block; float: right; width: 14px; height: 17px; background: transparent url(../grafiken/slimbox/closelabel.png) no-repeat center; margin: 5px 0; outline: none; }