@import "reset.css";
@import "form/form.css";
@import "topgecko/topgecko.css";

/***** Basic *****/
body {
	color: #888888;
	font: 9pt sans-serif;
	text-align: center;
	width: 100%; height: 100%;
}

h1, h2, h3, h4, h5, h6 { font-family: bitstream vera serif,sans-serif; letter-spacing: -0.5px; margin: 0.5em 0 0.4em; }
h1, h2 { clear: both; color: #616161; }
h1 { font-size: 180%; }
h2 { font-size: 160%; margin-top: 1em; }
h3 { font-size: 140%; }
h4 { font-size: 110%; }

ul { margin-left: 1.5em; }
ul li ul { margin-top: 1em; }
p, li, p.zitat span { line-height: 1.5em; margin: 0 0 1em; }
p {	text-align: justify; }
li { list-style: disc outside; text-align: left; }

a{ text-decoration: underline; }
a:hover { color: #333; }

div.clear { clear: both; }

#wrapper {
	background: #FFF;
	margin: 0 auto;
	padding: 175px 20px 40px 261px;
	position: relative;
	text-align: left;
	width: 560px; height: auto;
}

/***** Header *****/

a#logo { display: block; position: absolute; left: 20px; top: 40px; width: 215px; height: 75px; }

div#nav { position: absolute; right: 15px; top: 70px; }
div#nav ul li { float: right; list-style: none; padding: 0 10px 0 0; width: auto; }

div#nav ul#nav1 { font-size: 10pt; }
div#nav ul#nav1 li a {
	color: #616161;
	display: block;
	padding: 1px 0 0 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto; height: 21px;
}
div#nav ul#nav1 li a.a, div#nav ul#nav1 li a:hover { color: #FFF; }
div#nav ul#nav1 li a.a span, div#nav ul#nav1 li a:hover span { position: absolute; right: -3px; top: 0; width: 3px; height: 22px; }
div#nav ul#nav1 li a#ck.a, div#nav ul#nav1 li a#ck:hover { background: #B6405F url(nav.jpg) no-repeat 0 0; }
div#nav ul#nav1 li a#ck.a span, div#nav ul#nav1 li a#ck:hover span { background: url(nav.jpg) no-repeat 0 -22px; }
div#nav ul#nav1 li a#jk.a, div#nav ul#nav1 li a#jk:hover { background: #000099 url(nav.jpg) no-repeat 0 -44px; }
div#nav ul#nav1 li a#jk.a span, div#nav ul#nav1 li a#jk:hover span { background: url(nav.jpg) no-repeat 0 -66px; }

div#nav ul#nav2 { clear: both; font-size: 8pt; }
div#nav ul#nav2 li a { color: #616161; text-decoration: none; }
div#nav ul#nav2 li a:hover, div#nav ul#nav2 li a.a { text-decoration: underline; }

.bg1, .bg2, .bg3 { 
	background-repeat: no-repeat;
	margin: 40px 0 0;
	position: absolute; left: 20px; top: 115px;
	width: 201px; height: 302px; 
}
.bg1 { background-image: url(bg1.jpg); }
.bg2 { background-image: url(bg2.jpg); }
.bg3 { background-image: url(bg3.jpg); }
#bg1 { background-position: 0 0; }
#bg2 { background-position: -201px 0; }
#bg3 { background-position: -402px 0; }
#bg4 { background-position: -603px 0; }
#bg5 { background-position: -804px 0; }
#bg6 { background-position: 0 -302px; }
#bg7 { background-position: -201px -302px; }
#bg8 { background-position: -402px -302px; }
#bg9 { background-position: -603px -302px; }
#bg10 { background-position: -804px -302px; }

div#leftnav { position: absolute; left: 20px; top: 480px; width: 201px; }
div#leftnav p { font-weight: bold; }
div#leftnav ul { width: 201px; }
div#leftnav li.sub { margin-left: 20px; }

/***** Content *****/

div.himg, div.h2img, div.h3img { background-position: center; background-repeat: no-repeat; padding: 0 0 20px 0; width: 560px; }
div.himg { height: 100px; }
div.h2img { height: 201px; }
div.h3img { height: 560px; }

img { float: right; padding: 20px 0 20px 20px; width: auto; }
img.left { float: left; padding: 20px 20px 20px 0; }

.section { border-top: 1px solid #EDEDE3; padding-top: 1em; }
.section p.top { text-align: right; }

ul.fotoshow { clear: both; 	margin: 0; }
ul.fotoshow li { float: left; line-height: normal; list-style: none; margin: 0; }
ul.fotoshow li a { border: 1px solid #DDD; display: block; margin: 0 10px 15px 0; padding: 7px; }
ul.fotoshow li a:hover { border: 1px solid #999; }
ul.fotoshow li a img { float: none; padding: 0; }

div.cols3 div { float: left; padding: 0 20px 0 0; width: 29.6%; }

/***** Footer *****/

#footer { clear: both; padding: 40px 0 0; }
#footer p { clear: both; margin: 0; text-align: right; }
#footer ul { font-size: 8pt; margin: 0 0 2em; }
#footer ul li { float: right; list-style: none; padding: 0 0 0 10px; width: auto; }
#footer ul li a { color: #616161; text-decoration: none; }
#footer p { clear: both; margin: 0; text-align: right; }
#footer ul li a:hover, #footer ul li a.a { text-decoration: underline; }

/***** Neu *****/
p.zitatbox, p.zitat {
	background: url(zitat.gif) no-repeat left top;
	font-style: italic;
	padding: 0 0 0 30px;
	text-align: left;
}
p.zitatbox { float: left; margin: 0 20px 0 0; text-align: left;	width: 80px; }

.col270 { float: left; margin-right: 20px; text-align: left; width: 270px; }