/* -------------------------------------------------------------
 *  This code is property of Missionswerk Karlsruhe, Germany and
 *  enarion.it Internet-Service
 *
 * If you don't have a valid licence remove this software and
 * inform the producer of this software at http://enarion.it !
 *
 * All rights reserved by enarion.it!
 * ------------------------------------------------------------- */
body {
  background-image: url(/_images/layout/background.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-attachment: scroll;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 90%;
  color:#0000aa;
  background-color: #ffffff;
}

table {
  font-size: 90%;
}
td {
	vertical-align: top;
}

q {
  font-style:italic;
}

a {
  color:#0000aa;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
  color:#96001E;
}
a.normal {
  font-weight:normal;
}
img {
   border: 0px;
   margin: 3px;
}

/* logo */
#logo {
    text-decoration:none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
#logoa {
	width: 228px;
	height: 166px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(/_images/layout/logo-full.jpg);
	display:block;
}
#logoa:hover {
	background-image:url(/_images/layout/logo-hover.jpg);
    text-decoration:none;
}

/* content */
#content {
  position: absolute;
  top: 150px;
  left: 240px;
  width:550px;
  border:0px;
  font-size: 90%;
}

.null {
  height:1px;
}

.body {
  width: 500px;
  text-align: justify;
  min-height:300px;
  /* hack for IE - cannot handle min-height, see http://www.dustindiaz.com/min-height-fast-hack/ */
  height:auto !important;
  height:300px;
  /* eo hack */
}
.body a {
  text-decoration: underline;
}

.body img {
   margin: 5px;
}

.body h1, .body h2, .body h3 {
	margin-top: 10px;
	margin-bottom: 0px;
}
.body h1 {
	font-size: 120%;
}
.body h2 {
	font-size: 110%;
}
.body h3 {
	font-size: 105%;
}
.body h4 {
	font-size: 100%;
}

.body p {
	margin-top: 2px;
	margin-bottom: 5px;
}

#content_header {
  position: absolute;
  padding-top:5px;
  padding-left:15px;
  height:46px;
  left: 0px;
  top: 0px;
  background-image: url(/_images/layout/content_header.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align:left;
  font-weight:bold;
  width:537px;
  border:0px;
}
#content_header h1 {
  font-size: 100%;
}
/* browser hack - for IE */
* html #content_header h1 {
	position: absolute;
	top: 12px;
}

#content_box {
  position: absolute;
  top: 43px;
  left: 0px;
}

#content_middle {
  background-image: url(/_images/layout/content_middle.gif);
  background-position: top left;
  width:537px;
  background-repeat: repeat-y;
  text-align:left;
  padding-left:15px;
  padding-right:15px;
}

#content_footer {
  position: relative;
  left: 0px;
  bottom: 0px;
  height: 45px;
  width:537px;
  padding-top:13px;
  padding-left:15px;
  background-image: url(/_images/layout/content_footer.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align:left;
  border:0px;
/*  overflow:hidden; */
}


/* skyscraper */
#skyscraper {
  position: absolute;
  top: 150px;
  left: 790px;
  width:186px;
  border:0px;
  text-align: justify;
  font-size: 80%;
}

#skyscraper h4{
	font-size:95%;
}

#skyscraper_header {
  position: absolute;
  width:186px;
  top: 0px;
  left: 0px;
  height:15px;
  background-image: url(/_images/layout/skyscraper_header.gif);
  background-position: top left;
  background-repeat: no-repeat;
  border:0px;
  z-index: 5;
}

#skyscraper_middle {
  background-image: url(/_images/layout/skyscraper_middle.gif);
  background-position: top left;
  background-repeat: repeat-y;
  border:0px;
/*  height: 410px; */
  text-align:left;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:20px;
  z-index: 10;
}

#skyscraper_footer {
  position: relative;
  left: 0px;
  bottom: 0px;
  height: 20px;
/*  padding-top:20px;*/
  background-image: url(/_images/layout/skyscraper_footer.gif);
  background-position: top left;
  background-repeat: no-repeat;
  border:0px;
}


/* left menu */
/* .menu { position: absolute; top: 189px; left: 0px; padding: 0px; margin: 0px; width: 421px; } */
.menu {
}

.menuspan {
  padding-left:90px;
}
.menuspan_120 {
  padding-left:120px;
}

#menu1 { top: 189px; position: absolute; left: 0px; }
#menu2 { top: 224px; position: absolute; left: 0px; }
#menu3 { top: 260px; position: absolute; left: 0px; }
#menu4 { top: 295px; position: absolute; left: 0px; }
#menu5 { top: 330px; position: absolute; left: 0px; }
#menu6 { top: 365px; position: absolute; left: 0px; }
#menu7 { top: 402px; position: absolute; left: 0px; }
#menu8 { top: 438px; position: absolute; left: 0px; }
#menu9 { top: 474px; position: absolute; left: 0px; }
#menu10 { top: 511px; position: absolute; left: 0px; }

#amenu1 { background-image: url(/_images/layout/button_1_nor.jpg); }
#amenu2 { background-image: url(/_images/layout/button_2_nor.jpg); }
#amenu3 { background-image: url(/_images/layout/button_3_nor.jpg); }
#amenu4 { background-image: url(/_images/layout/button_4_nor.jpg); }
#amenu5 { background-image: url(/_images/layout/button_5_nor.jpg); }
#amenu6 { background-image: url(/_images/layout/button_6_nor.jpg); }
#amenu7 { background-image: url(/_images/layout/button_7_nor.jpg); }
#amenu8 { background-image: url(/_images/layout/button_8_nor.jpg); }
#amenu9 { background-image: url(/_images/layout/button_9_nor.jpg); }
#amenu10 { background-image: url(/_images/layout/button_10_nor.jpg); }

#amenu1:hover { background-image:url(/_images/layout/button_1_sel.jpg); }
#amenu2:hover { background-image:url(/_images/layout/button_2_sel.jpg); }
#amenu3:hover { background-image:url(/_images/layout/button_3_sel.jpg); }
#amenu4:hover { background-image:url(/_images/layout/button_4_sel.jpg); }
#amenu5:hover { background-image:url(/_images/layout/button_5_sel.jpg); }
#amenu6:hover { background-image:url(/_images/layout/button_6_sel.jpg); }
#amenu7:hover { background-image:url(/_images/layout/button_7_sel.jpg); }
#amenu8:hover { background-image:url(/_images/layout/button_8_sel.jpg); }
#amenu9:hover { background-image:url(/_images/layout/button_9_sel.jpg); }
#amenu10:hover { background-image:url(/_images/layout/button_10_sel.jpg); }

.menu ul {
  list-style: none;
}

.menu a {
  height:33px;
  display:block;
  color:#ffffff;
  width:241px;
  font-size:14px;
  font-family:Verdana, Arial, sans-serif;
  font-weight:bold;
  border:0px;
  padding-top:5px;
  background-position: top left;
  background-repeat: no-repeat;
  overflow:hidden;
/*  text-decoration:none;
  text-align:left;
  padding-right:5px;
  text-align:center;
*/
}

.menu a:hover {
  display:block;
  color:#0000ff;
  background-position: top left;
  background-repeat: no-repeat;
  overflow:hidden;
  text-decoration:none;
}

/* left sub menu */
.menu li ul {
  z-index: 10;
  background-color: #8a9ada;
  display: none;
  position: absolute;
  top:-30px;
  width: 250px; /* Firefox */
  left: 240px;
  text-align:left;
  padding: 3px;
  margin: 1px;
  overflow:visible;
  float: left;
  clear: left;
}

.menu li ul a {
  text-align:left;
  padding-left:5px;
  width: 250px; /* IE */
  height:25px;
  display:block;
  color:#ffffff;
}

.menu li:hover ul {
  background-color: #8a9ada;
  visibility: visible;
  display: block;
  position: absolute;
}

.submenu li {
  padding-top: 0px;
  padding: 0px;
  margin: 1px;
/*  width: 144px; */
  border: 1px solid #0000ff;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}


/* heading menu */
.hmenu {
   z-index:10;
   top: 117px;
   left: 250px;
   position: absolute;
   height:33px;
   display:block;
   border:0px;
   text-align:left;
}

#hmenu1 { top: 5px; left: 0px;   position: absolute; width: 70px; }
#hmenu2 { top: 5px; left: 75px;  position: absolute; width: 40px; }
#hmenu3 { top: 5px; left: 125px; position: absolute; width: 40px; }
#hmenu4 { top: 5px; left: 180px; position: absolute; width: 70px; }
#hmenu5 { top: 5px; left: 260px; position: absolute; width: 60px; }
#hmenu6 { top: 5px; left: 335px; position: absolute; width: 170px; }

#hmenusearch {
   background-color:#ffffff; /* aaaaff; blue */
   color: #000066;
   width:90px;
   height: 15px;
   border:0px solid #DDDDDD;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

.hmenu a {
   font-size: 90%;
   color:#ffffff;
   text-align:center;
}

.hmenu a:hover {
   color:#ffffff;
   text-align:center;
   text-decoration: underline;
}


/* shop */


/* heading menu */
.shop {
   background-color:#ffffff; /* aaaaff; blue */
   top: 210px;
   left: 790px;
   width: 205px;
   position: absolute;
   display:block;

   border-width:1px;
   border-style:solid;
   border-color:blue;
   padding:5px;
   text-align:justify;
}

/* skyscraper box */
.infobox_right {
   float: right;
   border-width:2px;
   border-style:solid;
   border-color: #96001E;
   width: 150px;
   padding: 3px;
   margin: 5px;
   margin-right: 0px;
}

/* intro logo */
#introLogo {
	position: absolute;
	left: 160px;
	top: 130px;
	z-index: 2000;
}

/* calendar */
.content_slider_footer {
	margin-top: 10px;
	border-top-color: #280092;
	border-top-width: 2px;
	border-top-style: solid;
/*	background-color: #A5D9EC; */
}

.event_calendar_monthly {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom-color: #280092;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

/* contentlets */
.contentlet {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom-color: #280092;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.image_left {
	clear: both;
	float: left;
}

.image_right {
	clear: both;
	float: right;
}

.image_center {
	clear: both;
	text-align:center;
}

.ical {
	padding: 0 0 1px 20px;
	background: url(/_images/veranstaltungen/kalender/ical.gif) no-repeat 0 -2px;
}

.tv_entry_short_sm {
	padding: 0 0 0px 70px;
	background: url(/_images/tv/siegfried-mueller.jpg) no-repeat 0 -2px;
	height: 50px;
}

.tv_entry_short_dm {
	padding: 0 0 0px 70px;
	background: url(/_images/tv/daniel-mueller.jpg) no-repeat 0 -2px;
	height: 50px;
}

.tv_entry_short_tm {
	padding: 0 0 0px 70px;
	background: url(/_images/tv/thorsten-mueller.jpg) no-repeat 0 -2px;
	height: 50px;
}


.success {
	color: green;
	font-weight: bold;
}

.error {
	color: red;
	font-weight: bold;
}

.button {
	color: blue;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-color: blue;
	border-right-color: blue;
	border-left-color: silver;
	border-top-color: silver;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-align: justify;
	padding: 5px;
	font-size: 150%;
}

.button a {
  text-decoration:none;
}