/* 
    Paulus-Gemeinde in Bremen
    Main-CSS, 2004-2006 by Marc-Björn Seidel

 */
 
 div.powermail_mandatory_js { color: red; }

body {
	margin: 0;
	padding: 0;
	// font-family: helvetica, tahoma, arial;
	// font-size: small;
	// text-align: center;
	// color: #83909a;
        color: #41484D;
	background: #747f87; //url(../images/background.gif) repeat-x top left;
}

.sr { 
background-image:url(../images/sr.gif); 
background-repeat:repeat-y; 
}
 
.su { 
background-image:url(../images/su.gif); 
background-repeat:repeat-x; 
}

.tooltip{
     text-decoration: none;
     border-bottom: 1px dashed black;
}



/* GENERAL fonts */
P, OL, UL, DIV, TD, H2 {
        text-align: justify;
	font-family: verdana, arial;
	font-size: 12px;
}
H1, H2, H3 {
                font-family: garamond, thorndale, serif, times, times new roman;
                font-style: none;
                font-variant: small-caps;
                text-align: left;
                /* text-shadow: #cccccc 3px 3px 3px; */
                background-color: #f7f7fd;
}
H1 { font-size: 20px; color: #24336E}
H2 { font-size: 18px; color: #24336E; font-style: none;}
H3 { font-size: 16px; color: #24336E; font-style: none;}
P, H1  {margin: 10px 0px 2px 0px;}
H2 {margin: 14px 0px 2px 0px;}

a img {border: none;};

a {color: #0000AA; text-decoration: none; border:none;}; 
a:visited {color: #0000AA; }; 
a:hover {color: #0000FF }; 
a:focus {color: #0000AA; }; 
a:active {color: #0000AA;};

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(../images/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(../images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(../images/corner_tr.gif) right top no-repeat;
  }

.wrap3 img {
  display:block;
  }



#wrapper {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
  overflow: hidden;
}


TD#footer {border-top: dotted 1px #999999;}
TD#footer P {
	font-size: 10px;
        color: #0000AA;
	text-align: center;
}

/* Content column: left*/
TD#left {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top; 
}

/* Content column: normal*/
TD#content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top; 
}

/* Content column: right*/
TD#right {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top; 
}

TD#mwrap {
                border-style:solid;
                border-top-width:0px;
                border-right-width:1px;
                border-left-width:0px;
                border-bottom-width:0px;
                border-right-color:#24336E;
                vertical-align: top;
                background-color: #EEEEEE;
                width: 200px;
                max-width:200px;
                min-width:200px;
}

/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	width: 200px;
                max-width: 200px;
                min-width: 200px;
	height: 360px;
	background-image: url(../images/menubackground.jpg);
	background-repeat : no-repeat;
                background-color: #EEEEEE;
	padding-top: 10px;
}
TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: navy;
                background-color: transparent;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	/*text-decoration: underline;*/
                /* font-variant: small-caps; */
                font-weight: bolder;
                /* font-size: 110%;*/
                color: #FF7F00;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;

  background-color: #eeeeee;
  filter:alpha(opacity='70', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 11px;
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 11px;
  font-weight:bold;
  padding-left:20px;
}

/*  MENU 1, level 3, normal state (NO) */
TD#menu_1 DIV.menu1-level3-no {
  font-size: 10px;
  padding-left:40px;
}
/*  MENU 1, level 3, active state (ACT) */
TD#menu_1 DIV.menu1-level3-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:40px;
}





/*  MENU 2, level 1, general for all table cells: */
TR#menu_2 TD {
  background-color: #333366;
  width: 10%;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
TR#menu_2 TD A {
  color: white;
  font-size: 10px;
  font-family: verdana, arial;
  text-decoration: none;
}
TR#menu_2 TD A:hover {
  text-decoration: underline;
}
TR#menu_2 TD.oddcell {
  background-color: #666699;
}
TR#menu_2 TD.menu2-level1-act {
  background-color: #88292A;
}



/* Style for the Path-menu: */
TD#path {
  white-space: nowrap;
  background-color: #F8F8EC;


  font-family: verdana, arial;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  padding: 1px 1px 5px 5px;
}
TD#path A {
  text-decoration: none;
  color:black;
}
TD#path A:hover {
  text-decoration: underline;
}


/* ALTERNITIVE NAVIGATION */
#vertnav{list-style: none;
}

#vertnav ul { 
	padding:0;
	margin:0;
	list-style: none;
    width:12em;
   z-index:99;
   overflow:visible;
   position:absolute; 
   background-color:#DFDFDF;
      
}

#vertnav li { 
	position: relative; 
	width: 12em;
    background-color:#DFDFDF;
    border:solid 1px #CECECE;
    border-bottom:none;
   display:block;
   height:1.5em; /*auto */
   margin:0;
}


#vertnav a {
    text-decoration:none; 
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    background-color:#DFDFDF;
    width:11.5em; /*helps IE with hover */
    height:1em;
}
#vertnav a:hover{
    background-color:#0099CC; 
    color:#FFFFFF;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left:12em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none; 
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}
* html #vertnav li{float:left;}