/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  background-color: #EFF0F1;
  color: #515054;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
}
h3 {
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}
h4 {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}
h5 {
  font-size: 8px;
  line-height: 14px;
}
h6 {
	font-size: 7px;
	line-height: 10px;
}
/* Sets the style for a link that has focus (wie :link) */
:link:focus {
  color: #668ECA;
  text-decoration: underline;
}
/* Sets the style for a visited link that has focus (wie :visited) */
:visited:focus {
  color: #804080;
  text-decoration: underline;
}
/* Sets the style for unvisited links. */
:link {
  color: #668ECA;
  text-decoration: underline;
}
/* Sets the style for visited links. */
:visited {
  color: #804080;
  text-decoration: underline;
}
/* Sets the style for links on mouseover (wie :link) */
:link:hover {
  color: #668ECA;
  text-decoration: underline;
}
/* Sets the style for visited links on mouseover (wie :visited) */
:visited:hover {
  color: #804080;
  text-decoration: underline;
}
/* Sets the style for a link that is being activated/clicked (wie :link) */
:link:active {
  color: #668ECA;
  text-decoration: underline;
}
/* Sets the style for a visited link that is being activated/clicked (wie :visited) */
:visited:active {
  color: #804080;
  text-decoration: underline;
}
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#OW {
	margin: 30px auto 0px;
	text-align: left;
	width: 800px;
}
  #OW #header { /* Kopf */
    background-image:     url("../bilder_allg/header_hg.jpg");
  	height: 110px;
  	line-height: 15px;
  }
    #OW #header h1 {
    	color:#FFFFFF;
    	height:15px;
    	display: block;
    	text-align: left;
    	font-style: italic;
    	text-indent: 200px;
    	font-weight: normal;
    	padding: 1px;
    }
  #OW #CW { /* Inhaltshuelle */
    background-color: #E6E7E8;
/*    height: 490px; */
    padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  }
    #OW #CW #NI {
      background-color: #D7D7D7;
      float: left;
      height: 470px;
      padding: 10px 0px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
      width: 190px;
    }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
    #OW #CW #NI #navi {
/*	height:10em; */
	float:left;
	height:430px; 
	width:190px;
	color:#515054; /* flu */
	background-color: #D7D7D7; /* flu */
	}
    #OW #CW #NI #menu {
	list-style-type:none;
/*	margin:0 0 10px; */
	margin:0;
	padding:0;
	position:absolute;
/*	width:15em; */
	width:190px;
/*	background:#fff; */
	z-index:100;
	background-color: #D7D7D7; 
}
    #OW #CW #NI #menu li {
		display:block; 
		padding:0; 
		margin:0; 
		position:relative; 
/*				height:17px;   achtung, im ie7 höhe submenu reduziert:flu */
		z-index:100; 
	}
    #OW #CW #NI #menu li a, #menu li a:visited {
			display:block; 
			text-decoration:none; 
			}
    #OW #CW #NI #menu li:hover, #menu li a:hover {
			border:0; 
		}
    #OW #CW #NI #menu li:hover dt a , #menu li a:hover dt a { /* wirkt auf hover obere menupos */
/*			background:#d4d8bd url(top_grad_2.gif) center center; */
			background-color: #99A5B1; 
			color:#FFFFFF; 
		}
			#menu li dd {
				display:none; 
			}
    #OW #CW #NI #menu li:hover dd, #menu li a:hover dd {
			display:block; 
		}
    #OW #CW #NI #menu li:hover dl, #menu li a:hover dl {
				height:75px; /*    gibt im ie>6 höhe für submenu(anz. menupos)  flu */
				background-color: #E6E7E8; 
		}
    #OW #CW #NI #menu table {
		border-collapse:collapse; 
		padding:0; 
		margin:0px 0px -4px 0px; 
		font-size:11px; 
	} 
    #OW #CW #NI #menu dl { /* hg-farbe nirgendwo ersichtlich */
		width: 188px;
		margin: 0; 
	} 
    #OW #CW #NI #menu dt {
		margin:0; 
		padding: 0; 
		font-size: 11px; /* höhe hauptmenu-text */ 
	}
.gallery dt a, .gallery dt a:visited { /* wirkt auf obere menupos, wenn kein hover*/
	display:block; 
	color:#515054; 
	height:20px; /* höhe menupos, muss gesetzt sein, damit ganzer balken als link wirkt! */
	padding:0px 0px 0px 10px; /* einrücken links 10 px für text obere menupos */
}
    #OW #CW #NI #menu dd {
		margin:0; 
		padding:0; 
		font-size: 11px; /* höhe submenu-text */
		text-align:left; 
	}
.gallery dd a, .gallery dd a:visited { /* wirkt bei link auf untere menupos (anzahl dd)*/
	color:#515054;
	height:20px; /* höhe submenupos, muss gesetzt sein, damit ganzer balken als link wirkt! */
	text-decoration:none;
	display:block;
	padding:0px 0px 0px 20px; /* einrücken links 20 px für text untere menupos */
	background-color: #E3E4E6; 
}
 * html .gallery dd a, * html .gallery dd a:visited {
	height:20px; 
} 
.gallery dd a:hover { /* wirkt bei hover auf untere menupos (anzahl dd)*/
	background-color: #C0C4D1;
	color:#FFFFFF; 
}
	   #OW #CW #NI #adr {
				height: 20px;
				width: 190px;
	    }
		#OW #CW #NI #adr h6 {
			color:#505050;
			text-decoration:none;
			font-size: 9px;
			display: block;
			text-align: left;
			font-weight: normal;
			padding-left: 10px;
		}
  /* --------------------------------------------------------------------
	   Spalte rechts bei dreispaltigem Layout mit Bild ganz rechts          */
    #OW #CW #bilder h1 {
	color:#505050;
	display: block;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E6E7E8;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #E6E7E8;
	text-align: center;
	font-size: 10px;
	padding-top: 8px;
	font-style: normal;
	font-weight: bold;
    }
    #OW #CW #bilder p {
	color:#505050;
	display: block;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E6E7E8;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #E6E7E8;
	text-align: left;
	font-size: 10px;
    }
    #OW #CW #bilder ul {
	color:#505050;
	display: block;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #E6E7E8;
	text-align: left;
	font-size: 10px;
	z-index:100;
	list-style-type: disc;
	}
  /* --------------------------------------------------------------------
	   Spalte rechts bei dreispaltigem Layout ohne Bild ganz rechts          */
  #OW #CW #rechts {
		float: right;
		height: 480px;
		padding: 18px 0px 10px 10px;
		width: 200px;
  }
    #OW #CW #rechts p {
	color:#505050;
	font-size: 10px;
    }
  #OW #CW #bilder {
		float: right;
		height: 480px;
		padding: 36px 0px 10px 0px;
		width: 200px;
  }
  .glossindex a:link {
	color: #4D7BC1;
	text-decoration: underline;
	width: 25px;
	padding: 0px 3px 0px 3px;
}
  .glossindex a:visited {
	color: #4D7BC1;
	text-decoration: underline;
	width: 25px;
	padding: 0px 3px 0px 3px;
}
  /* --------------------------------------------------------------------
	   Mittlere Spalte (für Inhalt) bei dreispaltigem Layout                
     Contains the main page content. When using a mutliple column layout 
	   the margins will be set to account for the floated columns' width, 
		 margins, and padding.                                                */
  #OW #CW #content {
	height: 470px;
	margin: 0px 200px 0px 190px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
  }
  #OW #CW #content h1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
	padding-top: 10px;
}
  #OW #CW #content h3 {
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  color: #668ECA;
}
    #OW #CW #content dt {
	font-weight: bold;
	}
  #OW #CW #content #archivtab {
	margin-top: 10px;
}
  #OW #CW #content #archivtab th {
	font-weight: bold;
	text-align: left;
}
  .breadcrumbs a:link {
  color: #4D7BC1;
  text-decoration: none;
}
  .breadcrumbs a:visited {
  color: #4D7BC1;
  text-decoration: none;
}
  /* --------------------------------------------------------------------
	   Spalte rechts bei zweispaltigem Layout                               */
  #OW #CW #spalte2 {
	height: 470px;
	margin: 0px 0px 0px 190px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
  }
  #OW #CW #spalte2 h1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
	padding-top: 10px;
}
  #OW #CW #spalte2 h3 {
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  color: #668ECA;
}
  #OW #CW #spalte2 form {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C68AA;
	background-color: #D7D7D7;
	padding: 6px;
}
  #OW #CW #spalte2 input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515054;
	background-color: #EFF0F1;
	border: 1px solid #9DA3B7;
}
  #OW #CW #spalte2 textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515054;
	background-color: #EFF0F1;
	border: 1px solid #9DA3B7;
	overflow: auto;
}
  #OW #CW #spalte2 input#kontaktart {
	color: #515054;
	font-size: 11px;
	background-color: #EFF0F1;
/*	border: 0px; */
}
/*  #OW #CW #spalte2 #kontab td a:link, a:visited {
	color: #FFFFFF;
	font-size: 11px;
	background-color: #000000;
	text-decoration: none;
	display:block; */
/*  .kontakte a {
	color: #4D7BC1;
	text-decoration: none;
}
  .kontakte a:visited {
	color: #4D7BC1;
	text-decoration: none;
} */
  .karte  {
	margin-top: 5px;
}
  /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
  #OW #CW .clearFloat {
    clear: both;
    display: block;
}
  .hoch  {
	vertical-align: top;
	font-size: 9px;
}