html {
  height:100%;
  margin:0;
  padding:0;
  background-color: #ffffff;
  font-size:100%;
  font-family: Verdana, Arial,sans-serif;
}


#html_back { background-color: #dee7e7; }

/* Adressformatierung */
address {
  font-size:80%;
  line-height:1.1;
}


/* Gästebuchkommentar der Redaktion */
.comm {
  padding:1em 0;
  font-style:italic;
}




#home_tr, #home_br, #home_tl, #home_bl {
  position:absolute;
  margin:0;
  padding:0;
  width:60%;
  height:60%;
  border:0 solid #ffffff;
}
#home_tr { border-width:3ex 3ex 0 0; background: url(corner_tr.gif) no-repeat top right; top:0; right:0; }
#home_br { border-width:0 3ex 3ex 0; background: url(square_br.gif) no-repeat bottom right; bottom:0; right:0;}
#home_tl { border-width:3ex 0 0 3ex; background: url(square_tl.gif) no-repeat top left; top:0; left:0;}
#home_bl { border-width:0 0 3ex 3ex; bottom:0; left:0;}
#home_tr, #home_br, #home_tl, #home_bl {  background-color: #dee7e7; }

body.home { height:100%; position:relative;}
body.gallery { background-color: #dee7e7; }

body.page, body.home, body.gallery, body.mastergallery {
  padding:0;
  margin:0;
  border-width:0px;
  letter-spacing:0px;
}

body.mastergallery { background-color: #dee7e7; margin:3ex;}
#page_br { background: url(square_br.gif) no-repeat bottom right; }

.innerbody
{
        background: url(square_tl.gif) no-repeat top left; 
        background-color: #dee7e7;
        margin:3ex 3ex 0 3ex;
        position:relative;
}


#corner_tr {
  background: url(corner_tr.gif) no-repeat top right;
}


p, li, .guestbook td { font-size:86%; }


.mastergallery p {margin:0; padding:0; }

/************* Head-Fields *********************************************/


.logocontainer {
  position:relative;
  width:100%;
}

.logo {
  position:relative;
  background-color: #dee7e7;
  width:530px;
  padding:14px;
  z-index:100; 
}

.whiteline {
  position:absolute;
  bottom:0;
  left:0;
  height:65px;
  width:100%;
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  z-index:1; 
}

/************* Globales QuerMenu (oben) und Titel und Seitennavigation */

.pageTitle
{
 
}


.globalNav
{
        text-transform: uppercase;
        background-color: #ffffff;        
	padding: 6px 0 5px 24px;
        margin: 0;
      	font-size: 64%;
        border-right:3px solid #76c0e3;
}

globalNav span
{
        padding:0;
        margin:0;
}

.globalNav p, .globalNav a 
{

        /* Beschreibt die Textfarbe Menüeinträge */

  	color: #18516b;
        padding:0 4px;
        margin:0;
  	text-decoration: none;
        
}

.globalNav a:hover {
	color: #2192c6;
}

.pageNav
{
        width:100%;
        padding:1em 0 25px 0;
        margin:1em 0 0 0;
        font-size: 75%;

}


.pageNav p {
        font-size:100%;
        padding:0;
        margin:0;
}

.pageNav .rootmenu, .pageNav .submenu, .pageNav .sidemenu
{
 	display: block;	
        margin:0;
  	color: #333333;
	padding: 0;
  	text-decoration: none;
        border-left:3px solid #dee7e7; 
 
}


.pageNav .rootmenu, .pageNav .sidemenu
{
        /* text-transform: uppercase;  */
	font-weight: bold;
        letter-spacing:1px;
	padding: 3px 25px;
}

.pageNav .submenu
{
	font-size: 90%;
	font-weight: normal;
	padding: 3px 25px 3px 4em;
        color: #18516b;

}

.pageNav div.submenu {margin-bottom:2ex;}

.pageNav a.rootmenu:hover, .pageNav a.submenu:hover {
        background-color: #ffffff; 
        border-left:3px solid #76c0e3; 
        color: #2192c6;
}

.pageNav a.sidemenu:hover {
        color: #2192c6;
}

#ActiveSub {
  color: #2192c6; 
  font-weight: bold;
  border-left:3px solid #2192c6;
}


p.lokalNav
{
	text-align:left;
        margin:0 0 0 0;
        padding:0;
}



.footer
{

	background-color: #ffffff;
        color: #2192c6;        
	padding: 3px 3px 3ex 3px;
        margin:0;
        text-align:left;
        font-size:75%; 
}

.footer a
{
        color: #2192c6;        
  	text-decoration: none;
        margin-left:1ex;
        margin-right:1ex;
}

.footer a:hover
{
	color: #333333;
}



.pageInfo {
       color: #333333;
}

/************* Körper */

ul.termine, ul.termine ul {
 list-style-type:none;
 margin-left:0;
 padding-left:0;
}

ul.termine {margin-left:3ex; padding-top:1em; }
ul.termine ul {margin-bottom:1ex;}
ul.termine li {color:#333333;font-weight:bold;font-style:italic;}
ul.termine ul li {color:#18516b;margin-left:3ex;font-weight:normal;font-style:normal;}
ul.termine p {font-size:100%;margin:0 0 1ex 0;padding:0;}


.story {
  padding:0.5em 28px 0em 28px;
  line-height: 1.3;
  color:#18516b;
}


.story .breakline {
  margin-bottom:1ex;
  margin-top:1em;
  background-color: #a3cbdc; /* #9ecadc; #b0ceda; #cbd4d8; */
  border-bottom:1px dotted gray;
  padding:1ex;clear:both;
}

.story .numbers {
  color:#c9dde5;
  font-size:150%;
  padding:1ex;
}


.story .breakline p {
  padding:0;
  margin:0;
}

.story li {
  padding:3px;
}

.story h1, .galhead {
  font-family: Arial,sans-serif;
  font-size:150%;
  margin-bottom:1ex;
  font-weight:normal;
  color: #333333;
}

.galhead { margin:0;padding:0.8ex 1em; background: url(corner_tr.gif) no-repeat top right; }

.story img {
  border-color: white;
}


.story a, .home a, .pageInfo a, .sidemenudesc a {
  color: #18516b;
  text-decoration: none;
  font-weight:bold;
}

.story ul a, .nobold a {
  font-weight:normal;
}

.story a:hover, .home a:hover, .sidemenudesc a:hover {
  color: #2192c6;
}

#invertlinks a { color: #333333; }
#invertlinks a:hover { color: #2192c6; }


.story table { border:1px solid #a3cbdc; }
.story table td { background-color:#c9dde5; }
.story table tr.highlight td, .story table td.highlight { background-color:#a3cbdc; }

.story table p {
  padding:0;
  margin:0;
}

.story table.layout tr, .story table.layout td {
  margin:0;
  padding:0;
  background-color:transparent;
}

.story table.plain, .story table.plain tr, .story table.plain td { background-color:transparent; border-width:0;}
table.layout {  border-width:0; }
table.layout p {  margin:1ex 0 1ex 0; }

ul.termine a {font-weight:bold;}


.picture img
{
 vertical-align:middle;
 padding:10px;
 margin:10px;
 background-color:#eeeeee;
 border:1px solid #cccccc;
}



/*********** gallink *************************/
a.gallink, a.gallink:link, a.gallink:visited {
 display:block;
 text-decoration:none;
 margin:0;
 padding:0.6em 1em;
 color: #18516b;
 background-color:#c9dde5; 
 width:80%;
 border:1px solid #18516b;
 font-size:75%
}


a.gallink:hover {
 background-color:#a3cbdc;
 color: #333333;
 border:1px solid #18516b;
}


a.galtextlink {
 text-decoration:none;
 color: #333333;
}
	

a.galtextlink:hover {
 text-decoration:none;
 color: #2192c6;
}

body.mastergallery img, body.mastergallery a img {
  border:1px solid #ffffff;
}

.toplogo img {
 margin: 3ex 6ex 3ex 0;
 border:1px solid #ffffff;
}


.homedesc p {
  margin-top:0; 
  margin-bottom:0;
  font-size:80%;
}
		
a.none {color:inherit;}
a.none:hover {color:inherit;}

.closelink { border:1px solid #dee7e7; }
.closelink:hover { border:1px solid #888888; }


/*** Minheight - hack ******/

.prop {
  height: 515px;
  float: right;
  width: 1px;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}