/***********************************************
Copyright 2007 xmachina GmbH www.xmachina.de
***********************************************/

body {
  margin: 0;
  background: #000;
  font: 12px Verdana, Geneva, sans-serif;
}

a {
  color: #F00066;
}

 a img {
  border: 0;
}

/***********************************************
Positionierung
***********************************************/

div#OuterShell {
  width: 980px;
}

div#InnerShell {
  width: 780px;
  min-height: 1000px;
  background: #FFF url(bg_innershell.gif) no-repeat;
  float: left;
}

#pageregionTop {
  background: url(bg_content_top.gif) no-repeat;
  height: 126px;
  position: relative;
}

#pageregionLeft {
  width: 233px;
  background: url(bg_nav_macro.gif) no-repeat;
  padding-bottom: 20px;
  float: left;
}

#pageregionRight {
  float: left;
  min-width: 200px;
}

#special  {
  height:83px;
  left:695px;
  position:absolute;
  top:35px;
  width:83px;
}

#special a:link, #special a:visited {
	height: 83px;
	width: 83px;
	display: block;
	background: transparent url(ej09_quiz_stempel-1.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
        text-decoration:none;
}

#special a:hover, #special a:active  {
	background-image: url(ej09_quiz_stempel-2.gif);
}


/***********************************************
Metanavigation
***********************************************/
p#navigation_meta {
  position: absolute;
  right: 0px;
  top: 0.25em;
  color: #999;
}

#navigation_meta a {
  text-decoration: none;
}

#navigation_meta a:hover {
  text-decoration: underline;
}

/***********************************************
Sprachauswahl
***********************************************/

#pageelementLanguageSelector {
  height: 128px;
  position: relative;
 /* background: url(ej_stempel_10jahre.gif) no-repeat 0px 50px; */
}

p#navigation_language {
  position: absolute;
  left: 20px;
  top: 0.25em;
  color: #999;
}

p#navigation_language a {
  color: #28A410;
  text-decoration: none;
}

p#navigation_language a.active {
  color: #FFF;
}

p#navigation_language a:hover {
  text-decoration: underline;
}

/***********************************************
Content-Positionierung
***********************************************/

div#content_pane {
  width: 547px;
  float: left;
}

#home #content_pane {
  width: 520px;
}

#home #pageregionBefore {
  display: none;
}

#content_inner {
  width: 450px;
 /* overflow: hidden; */
}

.headline {
  width: 450px;
}

/***********************************************
Site-Navigation
***********************************************/

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

#pageregionLeft ul ul {
  margin: 0px 0px 0px 15px;
  padding: 0;
  list-style: none;
}

#pageregionLeft ul li {
  font: bold 100% Verdana;
  display: inline;
}

#pageregionLeft ul li ul li {
  font: normal 100% Verdana;
}

#pageregionLeft ul li a {
  display: block;
  line-height: 20px;
  padding-left: 15px;
  color: #FFF;
  text-decoration: none;
}


#pageregionLeft ul li a:hover {
  background: url(bg_navi.png);
}

/***********************************************
Breadcrumb Navigation
***********************************************/

#navigation_breadcrumb {
  font-size: 80%;
  float: left;
}

#navigation_breadcrumb, #navigation_breadcrumb a {
  color: #999;
  text-decoration: none;
}

#navigation_breadcrumb span.current {
  font-weight: bold;
}

#navigation_browsing {
  font-size: 80%;
  color: #999;
  clear:both;
  display:block;
  padding:0 25px 15px 0;
  text-align: right;
}

/***********************************************
Kopf bei event_details
***********************************************/

#pageelementHeadline {
  /* max-width: 220px; */
}

.details {
float: left;
}

.details_img {
float: left; text-align: right; width: 230px;
}

#pageelementHeadline p.date {
  font-size: 150%;
  font-weight: bold;
  margin: 0;
}

#pageelementHeadline h1 {
  font-size: 200%;
  margin: 0;
}

#pageelementHeadline p.subline {
  font-size: 100%;
  margin: 0;
  color: #000;
  font-weight: bold;
}

#pageelementHeadline .subtitle_land {
  font-weight: bold;
  color: #F00066;
  margin: 0;
}

.info {
  margin: 0;
  background:url("EJ-Info-Button.png") no-repeat 30px 0 transparent;
  height: 60px;
}

.info_green {
  margin: 0;
  background:url("EJ-Info-Button.png") no-repeat 30px -60px transparent;
  height: 60px;
}

.infotext {
  color:#333333;
  font-size:11px;
  font-weight:bold;
  margin:0;
  padding:12px 5px 1px 70px;
  text-align:left;
}

/***********************************************
Content Elemente
***********************************************/

#content_inner p, 
#content_inner li,
.home_container p {
  line-height: 1.6em;
}

#content p.copy {
  line-height: 1.6em;
  margin-right: 80px;
}

h1 {
  font-size: 200%;
  color: #F00066;
  margin: 0 0 0.3em 0;
}

#home h1 {
  display: none;
}

h2 {
  color: #28A410;
  font-size: 140%;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}

h3 {
  color: #000;
  font-size: 100%;
  margin: 0 0 1em 0;
  color: #F00066;
}

p.copyright {
  color: #999;
  clear: left;
}

p.copyright a {
  color: #999;
}

.ZMSLinkElement {
 margin: 12px 0 12px 0;
}

#fb {
  padding: 15px 0; 
  display: block;
}

/***********************************************
Homepage
***********************************************/

.home_container {
  clear: left; 
  margin-left: 125px; 
  margin-right: 30px;
  margin-bottom: 30px;
}

.box {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 0.25em 0 1.5em 0;  
  position: relative;
}

.half {
  width: 270px;
  min-height: 220px;
  float: left;
}

.box a.show_all {
  color: #28A410;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  position: absolute;
  bottom: 0.25em;
  right: 0;
}

.box a.show_all:hover {
  text-decoration: underline;
}

/***********************************************
Heute-Box auf Startseite
***********************************************/

#heute {
  margin-top: 25px;
  margin-bottom: 50px;
}

#heute h2 {
  margin: 0;
}

#heute h3 {
  color: #F00066;
  font-size: 125%;
  margin: 0;
}

#heute .subtitle {
  color: #F00066;
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 1em 0;
}

/***********************************************
Kalender auf Startseite
***********************************************/

#kalender dl {
  margin: 0;
  padding: 0;
}

#kalender dt {
  display: block;
  float: left;
  clear: left;
  width: 70px;
  margin: 0 0 0.25em 0;
  text-align: left;
}

#kalender dd {
  display: block;
  float: left;
  width: 200px;
  margin: 0 0 0.25em 0;
}

#kalender dd a {
  text-decoration: none;
}

#kalender dd a:hover {
  text-decoration: underline;
}

/***********************************************
News-Box auf Startseite
***********************************************/

.news_item {
  clear: left;
  margin-bottom: 1.5em;
}

.news_item p {
  margin: 0;
}

.news_item p.date {
  color: #999;
}

.news_item h3 {
  margin: 0;
  font-size: 100%;
  color: #F00066;
}

.news_item img, .news_item img.links {
  float: left;
  margin-right: 10px;
}

.news_item img.rechts {
  float: right;
  margin-left: 10px;
}

/***********************************************
Event-Listing
***********************************************/

.event_listing dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

.event_listing dt {
  display: block;
  float: left;
  width: 110px;
  margin: 3px 0 0.75em;
  text-align: left;
}

.event_listing dd {
  display: block;
  float: left;
  width: 340px;
  margin: 0 0 0.75em 0;
}

.event_listing dd a {
  text-decoration: none;
}

.event_listing dd a:hover {
  text-decoration: underline;
}

.event_listing p.supertitle, .event_listing p.title, .event_listing p.subtitle, .event_listing p.wherebabouts, .event_listing p.subline {
  margin: 0;
  line-height: 1.3em !important;
}

.event_listing p.supertitle {
  text-transform: uppercase;
}

.event_listing p.title {
  font-weight: bold;
  font-size: 125%;
  line-height: 0.9em;
}

.event_listing p.subtitle {
  font-weight: bold;
}

.event_listing p.subline{
  color:#F00066;
}

.alignleft {
  float: left;
  margin-right: 20px;
}

.alignright {
  float: right;
  margin-left: 20px;
}

/***********************************************
Teaserlemente
***********************************************/

.teaserContainer {
  width: 200px;
}

.teaserElement {
  margin-left: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #333;
}
.teaserCaption {
  color: #F00066;
  text-transform: uppercase;
}
.teaserImage {
  border: 1px solid #999;
  margin-bottom: 0.5em;
}
.teaserHeading {
  color: #28A410;
  font-size: 11px;
  margin: 0;
}
.teaserText {
  color: #999;
  margin: 0;
}
a.teaserLink {
  color: #FFF;
  text-decoration: none;
}
a.teaserLink:hover {
  color: #FFF;
  text-decoration: underline;
}

/***********************************************
Clearing
***********************************************/

.floatholder { overflow:hidden; }

.clerasil { display: block; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/***********************************************
Formulare
***********************************************/

fieldset legend {
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

label {
  display: block;
}

label.checkbox {
  padding-left: 25px;
}

label.checkbox input {
  margin-left: -25px;
  margin-top: 2px;
}

/***********************************************
Logos
***********************************************/
.lu1 {
 float:left; 
 margin:5px 60px 25px 0;
}

.lu3 {
 float:left; 
 margin:5px 20px 25px 0;
}

.mandatory {
  color: #CC0000;
  font-weight: bold;
}

.add {
 float: right; 
 margin-top:-5px;
 margin-right: 100px;
}

div.home_container .add {
 float: right; 
 margin-top:-5px;
 margin-right: 0px;
}

/* ####################
     Galerie-Bilder
#################### */

div.galery_img {
  width: 150px;
  height: 190px;
  float: left;
}

div.thumbnail_frame {
  width: 145px;
  height: 145px;
  background: url(thumbnail_bg.gif) no-repeat;
}

div.thumbnail {
  width: 140px;
  height: 140px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;

}

a.galery_zoom {
  display: block;
  width: 140px;
  color: #999;
  text-decoration: none;
}

a.galery_zoom:hover {
  text-decoration: underline;
}

/* ####################
     Galerie-Bilder
#################### */

div.galery_img {
  width: 150px;
  height: 190px;
  float: left;
}

div.thumbnail_frame {
  width: 145px;
  height: 145px;
  background: url(thumbnail_bg.gif) no-repeat;
}

div.thumbnail {
  width: 140px;
  height: 140px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;

}

a.galery_zoom {
  display: block;
  width: 140px;
  color: #999;
  text-decoration: none;
}

a.galery_zoom:hover {
  text-decoration: underline;
}