@CHARSET "UTF-8";

	body
	{
	  text-align: left;
		font-family: verdana, helvetica, sans-serif;
		font-size: 12px;
		color: #222222;
		background-color: #eeeeee;
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Aufbau
-----------------------------------------------------------------------------------------------------------------------
*/	

	.toparea
	{
		height: 170px;
		background-image: url("/custom/images/bgtop.png");
		background-repeat: repeat-x;
	}
	
	.topleft
	{
		height: 170px;
		width: 600px;
		float: left;
		background-image: url("/custom/images/banner_left.png");
		background-repeat: no-repeat;
	}

	.topright
	{
		height: 143px;
		float: right;
		overflow: hidden;
	}
		
	.content_middle
	{
		margin-top: 20px;
		margin-left: 18px;
		width: 930px;
	}
	
	.content_left
	{
		width: 200px;
		max-width: 200px;
	}
	
	.rightarea
	{
		float: right;
		width: 200px;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											Hauptmenü
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.mainmenu
	{
		background-color: #0169be;
		color: white;
		margin-top: 20px;
	}
	
	.mainmenu a
	{
		color: white;
	}
	
	.mainmenu .submenu
	{
		border-left: 1px solid #0169be; 
		border-right: 1px solid #0169be;

		color: #0169be;
		background-color: white;
	}
	
	.mainmenu .submenu a
	{
		color: #0169be;
	}
	
	
	.mainmenu a:hover
	{
		font-weight: bold;
	}

	.mainmenu li ul
	{
		margin-left: -5px;
		padding-left: 0px;
	}

	.menuitem
	{
		font-weight: normal;
	}
	.menuitem.activelink
	{
		font-weight: bold;
	}
/*
-----------------------------------------------------------------------------------------------------------------------
											Topmenü
-----------------------------------------------------------------------------------------------------------------------
*/	

	.topmenu
	{
		float: left;
		margin-left: 27px;
		font-weight: bold;
		color: #0169BE; 
		margin-top: -5px;
	}
	
	.topmenu ul
	{
		list-style-type: none;
		list-style-image: none;
	}

	.topmenu li
	{
		float: left;
		margin-left: 30px;
	}
	
	.topmenu li a
	{
		color: #0169BE; 
	}

	.topmenu .menuitemicon
	{
		margin-right: 3px;
	}


/*
-----------------------------------------------------------------------------------------------------------------------
											Seiten
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.page
	{
	}
	
	.page h1
	{
		font-size: 14px;
		color: #4c813c;
		margin-bottom: 15px;
	}
	
	.page .content_middle
	{
		width: 690px;
		float: left;
	}
	
	
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Artikel
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.article h1
	{
		font-size: 12px;
		color: inherit;
		margin-bottom: 8px;
		background-color: inherit;
	}
	

/*
-----------------------------------------------------------------------------------------------------------------------
											Infoitems
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.infoitem 
	{
		/*
		background-color: #efefef;
		border: 1px solid #bbbbbb;
		*/
		
		padding: 5px;
		margin-bottom: 5px;
	}
	
	.infoitem h1 
	{
		margin-bottom: 10px;
	}

	.infoitem h3 
	{
		margin: 0px;
		padding: 0px;
		margin-bottom: 5px;
		font-size: 12px;
	}
	
	.infoitem a:hover
	{
		text-decoration: underline;
	}

	.infoitem img
	{
		max-width: 98%;
		text-align: center;
		
	}

/*
-----------------------------------------------------------------------------------------------------------------------
											Gallery
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.page .gallery
	{
		background: #ededed;
		border: none;

		padding: 5px;

		/*
		background-image: url(/custom/images/teaser_bg_verlauf.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		border: 0px solid #cccccc;
		*/		
	}
	
	.page .gallery h1, h2
	{
		border: none;
		margin-bottom: 15px;
		color: #222222;
	}
	.page .gallery h1 a
	{
		color: inherit;
	}
	.gallery .gallerycontent
	{
		max-width: 490px;
		width: auto;
	}
	.gallery .galleryimage
	{
		margin-right: 20px;
		width: auto;
		max-width: none;
	}
	.gallery .morelink
	{
		float: right;
		/*
		position: relative;
		display: inline-block;
		botttom: 5px;
		*/
	}	
	
	.gallery_choice li
	{
		max-width: none;
	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Album
-----------------------------------------------------------------------------------------------------------------------
*/	

	.album .displayarea table
	{
		background-color:  #ededed;
		border-collapse: separate;
		border-spacing: 15px;
	}
	
	.page .album
	{
		width: auto;
	}
	
	.page .album img
	{
		max-width: 98%;
	}

	.page .album .picstripe img
	{
		max-width: 40px;
		min-height: 40px;;
	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Images
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.freeimage
	{
		display: inline-block;
	}
	.freeimage.floatleft
	{
		margin-right: 5px;
	}
	.freeimage.floatright
	{
		margin-left: 5px;
	}	
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Fileitems
-----------------------------------------------------------------------------------------------------------------------
*/	
	.fileitem
	{
		float: none;
		clear: both;
		display: block;
		background-color: #E0F1D8;
		border: 1px solid #9AC587;
		width: auto;
		padding: 10px;
		margin-bottom: 10px;
		/*
		height: 35px;
		*/
	}

	.fileitemlink a
	{
		line-height: 35px;
		vertical-align: top;
		color: inherit;
	}
	
	
/*
-----------------------------------------------------------------------------------------------------------------------
											hoegerliste
-----------------------------------------------------------------------------------------------------------------------
*/	
	.hoegerliste
	{
		display: inline-block;
		list-style-image: url(/custom/images/qu.gif);
		list-style-position: outside;
	}
	.hoegerliste li
	{
		margin-bottom: 10px;
	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											graybox
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.graybox
	{
		background-color: #efefef;
		border: 1px solid #bbbbbb;
		padding: 5px;

	}
	
/*
-----------------------------------------------------------------------------------------------------------------------
											Termine
-----------------------------------------------------------------------------------------------------------------------
*/	
	
	.wscal_listentry
	{
		clear: both;
		border-bottom: 2px solid #dddddd;
		margin-bottom: 8px;
	}
	
	.wscal_listentry h2
	{
		margin: 0;
		width: auto;
		margin-bottom: 5px;
		display: inline;
		float: left;
	}
	
	.wscal_listentry .wscaldate
	{
		margin: 0;
		float: right;
	}
	.wscal_listentry .descriptiontext
	{
		clear: both;
		margin-bottom: 10px;
	}
	
	.wscal_listentry .wscal_link,
	.wscal_listentry .wscal_contact
	{
		float: left;
		margin-right: 15px;
	}

	
	.wscal_listentry .wscal_editentry
	{
		clear: both;
	}
	