@charset "utf-8";

/* reset und global body set */
h1, h2, h3, h4, h5, p { margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	font-family: 'Myriad Pro', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#000;
	background-image:url(/gfx/main/leo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
@font-face {
	font-family:'Myriad Pro';
	src: url('/data/MyriadPro.otf') format('opentype');
}
.clearfix { clear:both; height:0; }
a:link, a:active, a:visited { color:#ed691f; text-decoration:none; font-style:italic; font-weight:700; }

/* ############################## */

/* design index.php */
#outerwrapper {
	width:980px;
	padding:0;
	margin:0 auto;
	border:1px solid #000;
	position:relative;
}
#header {
	background-image:url(/gfx/main/bg_header.gif);
	padding:10px;
	text-align:center;
	position:relative;
	height:125px;
}
#topmenu {
	height:25px;
	width:100%;
	background-image:url(/gfx/main/bg_topmenu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	position:absolute;
	top:125px;
	left:0;
	z-index:1000;
}
#content_wrapper {
	background-image:url(/gfx/main/bg_contentwrapper.png);
	background-position:top left;
	background-repeat:repeat-y;
	min-height:250px;
}
#leftmenu {
	width:200px;
	float:left;
	padding-top:1em;
}
#content {
	width:780px;
	margin-left:200px;
}
/* Abstnde in #leftmenu und #content */
#leftmenu * {
	padding:.5em;
}
#content p, #content div.content {
	padding:.5em;
}
/* ############################## */

/* design für #topmenu > #mainmenu */

ul#mainmenu {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index:1000;
}
ul#mainmenu > li {
	float:left;
	display:inline;
	height:25px;
	width:75px;
	padding-left:10px;
	border-right:1px solid #000;
	line-height:25px;
	background-image:url(/gfx/main/bg_topmenu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:700;
}
ul#mainmenu > li.active {
	background-image:url(/gfx/main/bg_topmenu_active.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
ul#mainmenu > li a {
	display:block;
	text-decoration:none;
	font-style:normal;
	color:#000;
}
/* design für #topmenu > #mainmenu > .submenu */
ul.submenu {
	margin:0 0 0 -11px;
	padding:0;
	display:none;
	border:1px solid #000;
	background-color:#fff;
	position:absolute;
	list-style-type:none;
	width:auto;
	left:auto;
	z-index:1000;
}
ul.submenu li {
	height:25px;
	width:100%;
	padding:0;
	margin:0;
	line-height:25px;
	background-image:url(/gfx/main/bg_topmenu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:700;
	display:block;
}
ul.submenu li a { margin-left:10px; margin-right:10px; display:block; }
ul.submenu > li:hover { background-color:#00644b; }

ul#mainmenu li:hover { cursor:pointer; }
ul.submenu li:hover { cursor:pointer; }

/* design für div#leftmenu > ul#leftmenu */

ul#leftmenu {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index:500;
}
ul#leftmenu > li > ul {
	list-style-type:none;
	width:100%;
}
ul#leftmenu > li {
	background-image:url(/gfx/main/bg_topmenu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:700;
}
ul#leftmenu > li > ul > li {
	background-color:#cdcdcd;
}
ul#leftmenu > li.active {
	background-image:url(/gfx/main/bg_topmenu_active.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
ul#leftmenu a { color:#000; font-style:normal; }

/* design für div#leftmenu > ul#leftmenu_2 */

ul#leftmenu_2, ul#leftmenu_2 li ul, ul#leftmenu_2 li ul li ul {
	list-style-type:none;
	margin:2px;
	padding:0;
	z-index:500;
}
ul#leftmenu_2 li, ul#leftmenu_2 li ul li, ul#leftmenu_2 li ul li ul li {
	font-weight:700;
	background-color:#dedede;
	border-bottom:1px solid #000;
}
ul#leftmenu_2 li ul { list-style-type:none; margin-left:10px; }
ul#leftmenu_2 li.active { background-color:#bdbdbd; }
ul#leftmenu_2 li a { display:block; width:100%; color:#000; font-style:normal; padding:0; margin:0; }


/* ############################## */

/* und ein paar andere style-definitionen */
.bar {
	background-image:url(/gfx/main/bg_bar.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:28px;
	line-height:20px;
	color:#ed691f;
	font-weight:700;
}
.div_news {
	border:1px solid #000;
	margin-bottom:.5em;
}
.div_termine {
	border:1px solid #000;
	margin-bottom:.5em;
}
.div_termine .headline { color:#000; }
.div_termine a { color:#ed691f; font-style:normal; }
.headline {
	line-height:20px;
	color:#ed691f;
	font-weight:700;
}
h3.headline { font-size:16px; }
h4.headline { font-size:14px; }
.news_text {
	margin-left:160px;
	text-align:justify;
	font-size:12px;
}

div.uebersicht {
	border:1px solid #000;
	width:340px;
	height:150px;
	margin:1em;
	float:left;
	padding:.5em;
}
div.uebersicht > img {
	float:left;
	height:140px;
	padding-right:.5em;
}

div.uebersichtoimg {
	border:1px solid #000;
	width:340px;
	height:150px;
	margin:1em;
	float:left;
	padding:.5em;
}
div.uebersichtoimg > img {
	float:left;
	padding-right:.5em;
}


fieldset.table legend {
	padding:.5em;
	font-weight:700;
	letter-spacing:.1em;
}
fieldset.table label {
	display:block;
	width:100px;
	float:left;
}
fieldset input[type="text"] {
	width:300px;
}




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