/* 
culture shock: voodoo dolly v1.0
pogy366: http://www.raykdesign.net
Oct. 2005 
*/

/* prevent scrollbar-jump */
html {
overflow: auto;
}

/* general page structure and layout */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff;
text-align:center;
}

.top {
margin:0 auto;
padding:0 0 0 0;
width:780px;
height:9px;
background:#ffffff url(img/page_top.jpg) no-repeat;
}

.page_wrap {
/* includes the header, main body content and the footer */
margin:0 auto;
padding:0 0 0 0;
width:780px;
background:#ffffff url(img/body_bg.jpg) repeat-y;
text-align:center;
}

.header {
position:relative;
margin:0 0 0 0 !important;
margin:-7px 0 0 0;
padding:0 0 0 0;
width:780px !important;
width:742px;
height:125px;
background:#9c2818 url(img/header_bg.jpg);
text-align:center;
}

.top_logo {
text-align:center;
position:relative;
padding-top: 40px;
}

.header_block {
position:relative;
margin:0 20px 0 20px;
padding:0 0 0 0;
width:740px;
background:transparent;
text-align:left;
color:#eeeeee;
}

.logo {
position:relative;
width: 100%;
float:right;
text-align:center;
margin:0 0 0 0;
padding:40px 0 0 0;
}

.navbar {
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
width:780px !important;
width:742px;
height:39px;
background:#ffffff url(img/nav_bg.jpg);
text-align:left;
color:#000000;
font-size:.9em;
}

.container {
position:relative;
margin:10px 0 0 10px;
padding:0 0 0 0;
width:760px !important;
width:742px;
background:transparent;
text-align:left;
}

.left_column {
position:absolute;
left:0;
top:0;
width:140px;
margin:0 0 0 0;
padding:0 4px 0 0;
background:transparent;
font-size:.9em;
color:#6E312A;
}

.center_column {
position:relative;
width:595px;
margin:0 0 0 151px;
padding:0 0 0 10px;
border-left:1px solid #999999;
}

.container_right {
position:relative;
float:right;
width:180px;
}

.box_right {
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #cccccc;
text-align:left;
color:#616161;
font-size:.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.box {
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #cccccc;
text-align:left;
color:#616161;
font-size:.9em;
overflow:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.headlinecontentbox {
height:250px;
overflow:hidden;
margin-bottom:10px;
}

.footer {
position:relative;
margin:0 0 0 0;
padding:10px 0 0 0;
width:780px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#6E312A;
background:transparent;
text-align:right;
}

.footer_logo {
position:relative;
float:right;
margin:0 15px 0 15px;
padding:0 0 0 0;
}

#footer {
/* aligns the text to the middle of the footer, in relation to the logo */
vertical-align:-100%;
}

.bottom {
margin:0 auto;
padding:0 0 0 0;
width:780px;
height:11px;
background:#ffffff url(img/page_bottom.jpg) no-repeat top;
}

/* overlay stuff -- added by jarrn */
.overlay {
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 z-index:99;
 background-image:url(img/grey_transparent_pixel.png);
 margin:auto;
 text-align: center;
}

.overlaycontent {
/* background-color: grey; */
 padding: 10px;
 max-height: 100%;
 height: 100%;
 margin: auto;
 display: inline;
}

.overlaycontent a, .overlayclose a {
 background-color: white;
 padding: 2px;
 border: 5px grey solid;
}

.overlaycontent img {
 display:block;
 margin:auto;
 width:auto;
 height:85%;
 border: 5px grey solid;
}

.overlayclose {
 float: right;
}

/* navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 1.5em;
white-space: nowrap;
font-size:1.1em;
color:#ffffff;
float:left;
width:100%;
height:39px;
background:transparent;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: .8em 0 0 0;
padding: .4em 1em .46em 1em;
color:#000000;
text-decoration:none;
float: left;
border-left:1px solid #999999;
background:transparent;
}

/*#nav ul li a:hover{
color:#000000;
text-decoration:none;
border-left:1px solid #999999;
}*/

/* fonts and colors */
h1 {
display:none;
color:#eeeeee;
font-size:2em;
letter-spacing:.1em;
font-variant:small-caps;
margin:0 0 0 0;
padding:20px 0 0 0;
}

h2 {
color:#6E312A;
font-size:1.2em;
font-variant:small-caps;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 1em 0;
}

h2:after {
color: #6E312A;
content: "\00A0\00BB";
}

h3 {
color:#000000;
font-size:1.1em;
font-variant:small-caps;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -8px 0;
}

h3:after {
color: #000000;
content: "\00A0\00BB";
}

.box_right h3 {
color:#6E312A;
margin:2px 0 -10px 0;
}

.box_right h3:after {
color: #6E312A;
content: "\00A0\00BB";
}

.box_right p {
margin-bottom: 4px;
}

a {
color:#6E312A;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

.left_column a {
color:#000000;
text-decoration:underline;
}

.left_column a:hover {
color:#999999;
text-decoration:none;
}

a.extern {
background: transparent url(img/external.png) center left no-repeat;
padding-left: 12px;
}

a.mail {
background: transparent url(img/mail.png) center left no-repeat;
padding-left: 16px;
}

a.pdf {
background: transparent url(img/pdf.png) center left no-repeat;
padding-left: 10px;
}

td {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}

th {
font-weight:bold;
text-align:center;
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #cccccc;
}

.silent td {
border-width: 0px;
}

abbr {
border-bottom: 1px dotted black;
}

.facebook {
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

.facebook img {
  vertical-align: middle;
}

/* images */
img {
border:none;
}

.left {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.right {
float:right;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* by David Woitkowski*/
.left_menu {
font-size:110%;
line-height:130%;
}

.left_menu a {
color:#6E312A;
text-decoration:none;
}

.left_menu a:hover {
color:#000000;
}

.left_menu .left_menu {
margin-left:1em;
font-size:100%;
line-height:130%;
overflow:visible;
white-space:pre;
}

tt {
font-size:1.2em;
}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Kalender */

.kalender {
  width: 595px;
  border-collapse: separate;
  border-spacing: 0px;
}

.kalender td {
  margin: 0px;
  padding: 0px;
  spacing: 0px;
  border: 1px solid #cccccc;
}

.day {
  width: 85px;
  height: 85px;
  text-align: center;
  vertical-align: top;
}

.kalender td.today {
  background-color: #cccccc;
  border: 1px solid black;
}

.kalender td.wrongmonth {
  background-color: #eeeeee; 
}

.event {
  overflow: visible;
  position: relative;
}

.eventtitle {
  width: 81px;
  height: 30px;
  font-size: small;
  font-family: sans-serif;
  overflow: hidden;  
}

.eventtitle a, .eventtitle a:link, .eventtitle a:visited {
  text-decoration: none;
  color: inherit;
}

.eventdetails {
  position: absolute;
  top: 30px;
  left: 0px; /*-58px; */
  display:none;
  z-index: 99;
  overflow: visible;
  width: 200px;
  box-shadow: 7px 7px 8px #000000;
  -webkit-box-shadow: 7px 7px 8px #000000;
  -moz-box-shadow: 7px 7px 8px #000000;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=7, offY=7, positive=true);
}

.eventtype0 {		/* 'Standard / Sonstiges' */
  background-color: #8fb28f;
  border: 1px solid #007f00;
  color: black;
}

.eventtype1 {		/* 'Großgruppe / Themenabend' */
  background-color: #ccccff;
  border: 1px solid #0000ff;
  color: black;
}

.eventtype2 {		/* 'Hauskreise' */
  background-color: #b9b894;
  border: 1px solid #827f00;
  color: black;
}

.eventtype3 {		/* 'Gebetstreffen / Gottesdienste' */
  background-color: #ffeecc;
  border: 1px solid #ffa900;
  color: black;
}

.eventtype4 {		/* 'In Kneipen und Cafés' */
  background-color: #b59ec5;
  border: 1px solid #4b0082;
  color: black;
}

.eventtype5 {		/* 'Special (z.B. in der Uni oder KatHo)' */
  background-color: #ffcccc;
  border: 1px solid #ff0000;
  color: black;
}

.eventtype6 {		/* 'Für Mitarbeiter (z.B. MAK)' */
  background-color: #a9d2d3;
  border: 1px solid #00b4ba;
  color: black;
}

.eventtype7 {		/* 'Freizeiten, Regiokon etc.' */
  background-color: #b3ffb2;
  border: 1px solid #00ff00;
  color: black;
}