@charset "utf-8";

@import url("../stylesheets/reset.css");
@import url("../stylesheets/basic.css");

@import url("/modules/wortwolke/wortwolke.css");

body {
	background-color: #d3d3d3;
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
#index {
	margin: 32px 0 0 0;
	padding: 0 0 20px 0;
	width: 592px;
	}
#index h1 {
	color: #96e513;
	font-weight: bold;
	}

#logo {
	behavior: url(/site/stylesheets/iepngfix.htc);
	border: none;
	left: 24px;
	position: absolute;
	top: 16px;
	}
			
#menu {
	bottom: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	}
#menu li {
	color: #ffffff;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	}
#menu li a {
	color: #ffffff;
	display: block;
	float: left;
	margin: 0 0 0 8px;
	padding: 6px 16px;
	}
#menu li a:hover {
	background-color: #96e513;
	padding: 7px 16px 5px 16px;
	}
#menu li a.current-a {
	background-color: #96e513;
	padding: 7px 16px 5px 16px;
	text-decoration: none;
	}

#rolloverarea {
	clear: both;
	padding: 20px 0 0 16px;
	width: 576px;
	}

#rss-link {
	width: 76px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 16px;
	}
a#rss-link:hover {
	background: url(../images/template/rss-link-hover.jpg) top left no-repeat;
	}
#rss-link span {
	display: none;
	}
	
#searchform {
	background: url(../images/template/searchform.jpg) top left no-repeat;
	height: 92px;
	margin: 0 0 0 8px;
	position: relative;
	width: 296px;
	}
#search-text {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #404040;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #404040;
	font-size: 12px;
	position: absolute;
	top: 8px;
	left: 40px;
	height: auto;
	padding: 6px 4px;
	width: 206px;
	}
#search-submit {
	background-image: url(../images/template/search-submit.jpg);
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	width: 112px;
	height: 35px;
	position: absolute;
	top: 28px;
	right: 20px;
	}
	
#socialbookmark {
	background: url(../images/template/socialbookmark.jpg) bottom right no-repeat;
	width: 157px;
	height: 32px;
	bottom: 0px;
	right: 0px;
	padding: 48px 0 0 139px;
	position: absolute;
	z-index: 2;
	}
	
#submenu {
	background: url(../images/template/submenu-li.jpg) bottom left repeat-x;
	float: left;
	font-size: 11px;
	margin: 72px 0 40px 0;
	padding: 0 0 1px 0;
	width: 160px;
	}
#submenu a {
	color: #0079c0;
	display: block;
	margin: 0 5px 0 8px;
	padding: 0 0 0 5px;
	text-decoration: none;
	width: 134px;
	}
#submenu a:hover,
#submenu a.aktiv {
	background: #96e513;
	color: #ffffff;
	}	
#submenu li {
	background: url(../images/template/submenu-li.jpg) top left repeat-x;
	width: 100%;
	}
#submenu li li {
	background: url(../images/template/submenu-li-li.jpg) top left repeat-x;
	}
#submenu li.current-li {
	background-color: #c8e0ee;
	}
#submenu li.current-li li {
	background-color: #e1edf4;
	}
	
#submenu li ul li ul li a {
	margin: 0 0 0 16px;
	}

		
#top-link {
	display: block;
	height: 32px;
	left: 228px;
	position: absolute;
	top: 4px;
	width: 128px;
	}
a#top-link:hover {
	background: url(../images/template/top-link-hover.jpg) top left no-repeat;
	}
#top-link span {
	display: none;
	}
	
#welcome {
	background: url(../images/index/welcome.gif) bottom left no-repeat;
	display: block;
	width: 592px;
	}
#welcome .content {
	margin: 0 0 0 24px;
	width: 312px;
	}
	
.footer {
	background: url(../images/template/footer.jpg) top right repeat-y;
	font-size: 11px;
	line-height: 16px;
	position:	relative;
	}
.footer .bottom {
	background: #d3d3d3 url(../images/template/footer-bottom.gif) top left no-repeat;
	clear: both;
	color: #9e9e9e;
	padding: 56px 504px 24px 168px;
	width: 224px;
	}
.footer .bottom a {
	color: #9e9e9e;
	text-decoration: none;
	}
.footer .content {
	color: #525252;
	padding: 0 16px;
	position: relative;
	width: 864px;
	}
.footer .content a {
	color: #525252;
	text-decoration: none;
	}
.footer .content a:hover {
	color: #0079c0;
	text-decoration: underline;
	}
.footer .content ul {
	float: left;
	position: relative;
	width: 144px;
	z-index: 3;
	}
.footer .content ul li {
	padding: 0 0 0 12px;
	}
.footer .content ul.element-1 {
	margin: 48px 0 0 0;
	}
.footer .content ul.element-2 {
	margin: 96px 0 0 0;
	}
.footer .content ul.element-3 {
	margin: 96px 0 0 0;
	}
.footer .content ul.element-4 {
	margin: 64px 0 0 0;
	}
.footer .content ul.element-5 {
	margin: 32px 0 0 0;
	}
.footer .content .top {
	background: url(../images/template/footer-top.jpg) bottom right no-repeat;
	height: 80px;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
	width: 896px;
	}

.footer .doodle {
	background: url(../images/template/footer-doodle.gif) bottom right no-repeat;
	bottom: 0px;
	height: 141px;
	padding: 27px 0 0 60px;
	position: absolute;
	right: 0px;
	width: 148px;
	z-index: 2;
	}

.header {
	background: #0079c0 url(../images/template/header.gif) top right no-repeat;
	height: 104px;
	position: relative;
	}

.sidebar {
	float: right;
	padding: 0 0 96px 0;
	width: 304px;
	}
.sidebar a {
	color: #0079c0;
	text-decoration: none;
	}
.sidebar a:hover {
	text-decoration: underline;
	}
.sidebar .box {
	background: url(../images/template/sidebar-box.jpg) 24px 0px repeat-y;
	}

.sidebar .box .author {
	}
			
.sidebar .box .category-link {
	}
	
.sidebar .box .category-title{
	}
	
.sidebar .box .content {
	background: url(../images/template/sidebar-box-content.png) left bottom no-repeat;
	behavior: url(/site/stylesheets/iepngfix.htc);
	padding: 10px 24px 30px 32px;
	width: 240px;
	}
	
.sidebar .box .title {
	background: url(../images/template/sidebar-box-title.jpg) 24px 0px no-repeat;
	padding: 12px 0 8px 0;
	text-align: center;
	width: 100%;
	}

.site {
	margin: 0 auto;
	width: 896px;
	}
	
.stage {
	background: #fafafa url(../images/template/stage.gif) 0px 12px repeat-y;
	position: relative;
	width: 896px;
	z-index: 1;
	}
.stage .stage-header {
	background: url(../images/template/stage-header.gif) top left no-repeat;
	height: 72px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 600px;
	}
.stage .contents {
	float: left;
	margin: 32px 16px 0 16px;
	padding: 0 0 60px 0;
	width: 400px;
	position: relative;
	z-index: 2;
	}
.stage .contents a {
	color: #0079c0;
	text-decoration: none;
	}
.stage .contents a:hover {
	text-decoration: underline;
	}
.stage .contents h2 {
	margin: 0 0 20px 0;
	}
.stage .contents .hr {
	background: url(../images/template/contents-hr.jpg) top left repeat-x;
	clear: both;
	font-size: 0px;
	height: 2px;
	margin: 0 0 18px 0;
	padding: 0;
	line-height: 2px;
	}
.stage .contents ul li {
	background: url(../images/template/contents-li.jpg) top left no-repeat;
	padding: 0 0 0 40px;
	}
.stage .contents ol {
	background: transparent;
	list-style: decimal;
	list-style-position: outside;
	padding: 0 0 0 20px;
	}
.stage .contents ol li {
	background: url(../images/template/contents-ol-li.jpg) 0px 2px no-repeat;
	padding: 0 0 0 20px;
	}

.stage .contents p {
	margin: 0 0 20px 0;
	}
.stage .contents ul {
	margin: 0 0 20px 0;
	}
.stage .contents table {
	margin: 0 0 20px 0;
	}
.stage .contents .tesa {
	background: url(../images/template/tesa.png) top center no-repeat;
	behavior: url(/site/stylesheets/iepngfix.htc);
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	height: 28px;
	width: 100%;
	z-index: 3;
	}
.stage .contents .bildLinks {
	float: left;
	margin-right: 16px;
	}	
.stage .contents .bildRechts {
	float: right;
	margin-left: 16px;
	}
.stage .contents .bildRechts,
.stage .contents .bildLinks {
	color: #525252;
	font-style: italic;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	}
.stage .contents .bildRechts img,
.stage .contents .bildLinks img {
	}

.stage .doodle {
	background: url(../images/template/stage-doodle.png);
	behavior: url(/site/stylesheets/iepngfix.htc);
	bottom: 11px;
	left: 171px;
	height: 20px;
	position: absolute;
	width: 63px;
	z-index: 3;
	}
	
	
	
	
.rolloverteaserbox {
	float: left;
	margin: 0 0 40px 0;
	padding: 0 8px;
	width: 272px;
	}
.rolloverteaserbox .title {
	background: url(../images/template/rolloverteaser-title.jpg) top left no-repeat;
	position: relative;
	width: 272px;
	}
.rolloverteaserbox .title h2 {
	margin: 0;
	padding: 10px 16px;
	}
.rolloverteaserbox .title h2 a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}
.rolloverteaserbox .title h2 a:hover {
	text-decoration: none;
	}
	
.stage .contents  ul.sub {
	float: left;
	position: relative;
	width: 400px;
	}
.stage .contents  ul.sub li {
	width: 48px;
	float: left;
	margin-right: 4px;
	}
	
.stage .contents  ul.sub li a.active  {
	font-weight: bold;
	text-decoration: underline;
	}

.stage .contents ul.RolloverTeaser {
	background: url(../images/template/rolloverteaser-li.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
	width: 272px;
	}
.stage .contents ul.RolloverTeaser li {
	background: url(../images/template/rolloverteaser-li.jpg) top left repeat-x;
	clear: left;
	color: #525252;
	float: left;
	width: 264px;
	padding: 0 8px 0 0;
	}
.stage .contents ul.RolloverTeaser .big {
	background: url(../images/template/rolloverteaser-big.jpg) top left repeat-y;
	}
.stage .contents ul.RolloverTeaser li.small h3 a {
	font-weight: normal;
	}

.stage .contents ul.RolloverTeaser p {
	margin: 0;
	padding: 0;
	}
.stage .contents ul.RolloverTeaser li img {
	margin: 1px 8px 0 0;
	}
	
ul.RolloverTeaser .small p,
ul.RolloverTeaser .small img {
	display: none;
	}

a.button {
	background: #dcf4b4;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	padding: 9px 14px;
	cursor: pointer;
	}

a.button:hover {
	background: #96e513;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	}

.marker {background-color: #fbffae; padding: 0 2px 0 2px; }
	
.mappe {
	clear: left;
	float: left;
	height: 200px;
	margin: 0 0 20px 0;
	border: none !important;
	}

.mappe img {
	float: left;
	font-size: 62.5%;
	margin-right: 16px;
	}
	
.download {
	background: url(/site/images/template/download.gif) left center no-repeat;
	font-weight: bold;
	padding-left: 16px;
	}

.hervor {
	background: #fff;
	border: 1px solid #f1f1f1;
	margin: 0 0 20px 0;
	overflow:visible;
	padding: 19px 23px;
	}
	
.stage .sidebar ul.RolloverTeaser {
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	}
.stage .sidebar ul.RolloverTeaser li {
	background: url(../images/template/rolloverteaser-li.jpg) bottom left repeat-x;
	clear: left;
	color: #525252;
	float: left;
	width: 100%;
	padding: 0;
	}
.stage .sidebar ul.RolloverTeaser .big img {
	float: left;
	height: 68px;
	margin: 0px 8px 4px 0;
	width: 95px;
	}
.stage .sidebar ul.RolloverTeaser li.small h3 {
	line-height: 20px;
	font-size: 12px;
	}
.stage .sidebar ul.RolloverTeaser li.big h3 {
	line-height: 20px;
	font-size: 12px;
	}
.stage .sidebar ul.RolloverTeaser li.small h3 a {
	font-weight: normal;
	}

.stage .sidebar ul.RolloverTeaser p {
	margin: 0;
	padding: 0;
	}
.stage .sidebar ul.RolloverTeaser li.big p {
	line-height: 16px;
	font-size: 11px;
	}

.stage .sidebar ul.RolloverTeaser li img {
	margin: 0 8px 0 0;
	}
	
.festival { position:relative;}
a.toplink { background:url(../images/template/toplink.gif) top left no-repeat; height: 20px; position:absolute; right: 0; top: 0; width:64px}
a.toplink:hover {background: url(../images/template/toplink-mouseover.gif) top left no-repeat;}
a.toplink span { display:none;}

.wunschzettel { width: 266px; height:68px; background:url(../images/sidebar/wunschzettel.gif) no-repeat; margin: -4px 0 13px 18px; padding: 28px 0 0 21px;}