body { font-family: Verdana, Arial, Helvetica, sans-serif; background:url(grafiken/layout/logo_h600.jpg) no-repeat right fixed; 
	font-size:100.1%; margin: 0; padding: 0em; background-color: #fff; color: #000; }
.hide, .ieSixCharDupBug { /* hide elements that CSS-targeted browsers shouldn't show */ 
	display: none !important; }

#pageWrapper { margin: 0; width: auto; min-width: 500px; border-style: solid; 
	border-width: 0 0px; border-color: #fff; }

#outColCont { z-index: 1; border-color: #fff; border-style: solid; border-width: 0 0 0 13.5em; 
	border-left-color: #85cbd5; color: #000; }

#inColCont { z-index: 2; width: 100%; border-style: solid;
	border-width: 0 0px;	/* puts borders between center and the side columns. */
	margin: 0 -1px;		/* compensation for the borders because of 100% width declaration on this object */
	border-color: #fff; }

#leftCol { float: left; position: relative;	/* IE has a display/render bug with non-floated 
	block elements inside floated block elements. setting position:relative on the floating
	element seems to resolve this. */
	z-index: 10; overflow: visible;	/* fix for IE italics bug */ width: 13.5em; margin: 0 1px 0 -13.5em;
	color: #000; padding-top: 0.5em; padding-bottom: 0.5em; background-color:#85cbd5; }
	
#rightCol { float: right; width: 10em; margin: 0 -10em 0 1px; color: #000; }

#contCol { margin: 0 -1px; width: 100%; float: left; position: relative; z-index: 10; 
	overflow: visible; color: #000; }

#footer { position: relative; border-style: solid; border-width: 0px 0; color: #000; 
border-color: #fff; font-size:0.8em; line-height:1.25em; padding-top:3em; padding-bottom:2em }

.inside { padding: 0 2em;	/* this padding is applied to every major box within the layout
	for a uniform gutter between borders 
	_NOTE_: a small glitch in IE seems to appear if this class has vertical padding applied
	to it. so in cases where you want to add vert padding, use the parent element. margin
	values here don't work because .inside has a key role in border generation */ }

a { text-decoration:none; color: #005B76; font-weight:bold }
a:hover { color: #DC274B }

p, li {	font-size: 0.9em; line-height: 1.5em; }
h1 { font-size: 1.5em; line-height: 1.8em; font-weight:normal; margin-bottom:-0.25em;}
h2 { font-size: 1.2em; line-height: 1.5em; font-weight:normal; margin-bottom:-0.75em; }
h3 { font-size: 1.05em; line-height: 1.5em; font-weight:normal; margin-bottom:-0.75em; }
h4 { font-size: 0.9em; line-height: 1.5em; margin-bottom:-1em; }


#navi { font-weight:bold; }
.naviCaps { color: #000; }
.navi1 { margin-top:0.75em; margin-bottom:-0.25em; font-size:1em }
div.navi2 { margin:0.5em 0 0 1em; }
p.navi2 { font-size: 0.9em; margin:0 0 0.25em 0; }
div.navi3 { margin:0.35em 0 0 0.75em; }
p.navi3 { font-size: 0.8em; margin:0 0 0.15em 0; }

#head { border-bottom:3px solid #336699; text-align:right; margin-top: 3em }
p.title { font-size:1.3em; text-align:left; margin-bottom:0em  }
span.title { color:#336699; }
#main { margin-top:2em }


#inhalt {  line-height:1.5em; }
.welcome { font-size:1em; line-height:1.5em;  }
.announce { margin-left:3em; font-size:1.25em; }

.dekoimg { float:right; margin:1.5em 0 0 1em; }
.links { float: left; padding: 0; margin-right: 1.5em; margin-bottom: 1em; margin-top: 3px; margin-left: 0; }
.rechts { float: right; padding: 0; margin-left: 1.5em; margin-bottom: 1em; margin-top: 3px; margin-right: 0; }
ul.web { list-style-image:url(http://www.kopfwelten.org/grafiken/layout/www.gif); }
ul.liste { list-style-image:url(http://www.kopfwelten.org/grafiken/layout/liste.gif); }
ul.liste2 { list-style-image:url(http://www.kopfwelten.org/grafiken/layout/liste2.gif); }
li { margin-bottom:0.5em }
ul.liste2 li { margin-bottom:0; }
.galerie { float:left; margin-right:1em; }
.bildtext { font-size:0.8em }