body {
	background-color: #ffffff;
	color: #003377;
	margin: 0px;
	padding: 0px;
	font-size: 101%;
	font-family: verdana, arial, sans-seriv;
	text-align: left;
}


/* ----- ----- ----- ----- GRUNDLAYOUT ----- ----- */

#main {
	position: absolute;
	top: 120px;
	left: 230px;
	width: 500px;
	height: 100%;
	font-size: 78%;
	}

#logo {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 1;
}

.blasen {
	position: absolute;
	top: 70px;
	left: 730px;
	z-index: 10;
}

#fenster {
	margin: 15px;
	font-size: 78%;
}	


/* ----- ----- ----- ----- TEXTFORMATE ----- ----- */

h1 {
	font-size: 140%;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
}

p {
	margin: 0px;
	padding: 3px 0px 5px 0px;
	line-height: 180%;
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

ul.bullet {
	margin: 3px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.bullet li {
	background: url(pics/pfeil.gif) no-repeat;
	background-position: left 7px;
	margin: 0px;
	padding: 5px 0px 5px 20px;
	line-height: 150%;
}

.textrechts {
	text-align: right;
}


/* ----- ----- ----- ----- LINKS IM TEXT ----- ----- */	

#main a {
	background: transparent url(pics/link_a.gif) no-repeat left;
	color: #3333ee;
	text-decoration: none;
	padding-left: 15px;
}

#main a:hover {
	background: transparent url(pics/link_hover.gif) no-repeat left;
	color: #ee8822;
	text-decoration: none;
	padding-left: 15px;
}

#main a:visited {
	background: transparent url(pics/link_visited.gif) no-repeat left;
	color: #3333ee;
	text-decoration: none;
	padding-left: 15px;
}

#main a.solo {
	background: none;
	color: #3333ee;
	text-decoration: none;
	padding-left: 0px;
}

#main a.solo:hover {
	background: none;
	color: #ee8822;
	text-decoration: none;
	padding-left: 0px;
}

#main a.solo:visited {
	background: none;
	color: #3333ee;
	text-decoration: none;
	padding-left: 0px;
}

/* ----- ----- ----- ----- BILDFORMATE ----- ----- */	

.rechts {
	margin: 5px 0px 5px 30px;
	position: relative;
	top: 6px;
	float: right;
	clear: both;
	border: 1px solid #555599;
}

.links {
	margin: 5px 30px 5px 0px;
	position: relative;
	top: 6px;
	float: left;
	clear: both;
	border: 1px solid #555599;
}

.logolinks {
	margin-right: 20px;
	position: relative;
	top: 10px;
	float: left;
	clear: both;
	width: 100px;
	height: 100px;
	border: 0px none #f8ffff;
}

.logorechts {
	margin-right: 20px;
	position: relative;
	top: 10px;
	float: right;
	clear: both;
	width: 100px;
	height: 100px;
	border: 0px none #f8ffff;
}

.trennlinie {
	margin: 0px 25px 0px 25px;
}

	
/* ----- ----- ----- ----- NAVIGATION LINKS ----- ----- */
	
#navlinks {
	background-image: url(pics/nav-links.jpg);
	background-repeat: no-repeat;
	padding: 160px 3px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 768px;
	font-family: georgia, arial, sans-seriv;
	font-size: 75%;
}

#navlinks ul {
	position: relative;
	left: -30px;
}

#navlinks li {
	background-image: url(pics/linie-links.gif);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	height: 35px;
	width: 170px;
	list-style: none;
}

#navlinks a {
	background: none;
	margin: 0px 3px 2px 3px;
	padding: 8px 4px 0px 3px;
	height: 33px;
	width: 170px;
	text-decoration: none;
	color: #003377;
	display: block;
}

#navlinks span {
	background: none;
	margin: 0px 3px 2px 3px;
	padding: 8px 4px 0px 3px;
	height: 33px;
	width: 170px;
	text-decoration: none;
	color: #003377;
	display: block;
}

#navlinks ul ul li {
	background: url(pics/nav-sub.gif) no-repeat 0px 0px;
	height: auto;
	margin-top: -5px;
	margin-bottom: 0px;
}

#navlinks ul ul li:first-child {
	background: url(pics/nav-sub-first.gif) no-repeat 0px 0px;
}

#navlinks ul ul li.last{
	background: url(pics/nav-sub-last.gif) no-repeat 0px 0px;
}

#navlinks ul ul {
	padding-top: 3px;
}

#navlinks ul ul li a {
	background: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	margin: 0px 3px 5px 7px;
	padding: 5px 4px 6px 3px;
	width: 166px;
	height: auto;
	text-decoration: none;
	color: #003377;
	display: block;
}

#navlinks ul ul li a:hover {
	background-color: #ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);	
	opacity: .5;
}


#navlinks a.links1:hover {
	background: url(pics/h-links1.gif) no-repeat left top;
}
#navlinks a.links2:hover {
	background: url(pics/h-links2.gif) no-repeat left top;
}
#navlinks span.links3:hover {
	background: url(pics/h-links3.gif) no-repeat left top;
}
#navlinks a.links4:hover {
	background: url(pics/h-links4.gif) no-repeat left top;
}
#navlinks a.links5:hover {
	background: url(pics/h-links5.gif) no-repeat left top;
}
#navlinks a.links6:hover {
	background: url(pics/h-links6.gif) no-repeat left top;
}
#navlinks a.links7:hover {
	background: url(pics/h-links7.gif) no-repeat left top;
}
#navlinks a.links8:hover {
	background: url(pics/h-links8.gif) no-repeat left top;
}


/* ----- ----- ----- ----- NAVIGATION OBEN ----- ----- */

#navoben {
	background-image: url(pics/nav-oben.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 825px;
	height: 100px;
	font-family: georgia, arial, sans-seriv;
	font-size: 75%;
}


#navoben li {
	background-image: url(pics/linie-oben.gif);
	background-repeat: repeat-y;
	background-position: middle center;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	height: 20px;
	list-style: none;
	display: inline;
}

#navoben a {
	text-decoration: none;
	padding: 3px 14px 2px 14px;
	height: 20px;
	color: #003377;
	display: inline;

}

#navoben a.oben1:hover {
	background: url(pics/h-oben1.gif) repeat-x left;
}
#navoben a.oben2:hover {
	background: url(pics/h-oben2.gif) repeat-x left;
}
#navoben a.oben3:hover {
	background: url(pics/h-oben3.gif) repeat-x left;
}
#navoben a.oben4:hover {
	background: url(pics/h-oben4.gif) repeat-x left;
}