@charset "utf-8";

/* Global Reset */
* {
	margin: 0;
 padding: 0;
 list-style: none;
}

div.cl {clear: both;}
div.clr {clear: right;}

a, a:hover, a:visited, a:visited:hover {
	letter-spacing: 0;
}

a {
	text-decoration: underline;
	color: inherit;
}

/* Box-Elemente */
div.ol {height: 10px; width: 10px; position: absolute; top: 0; left: 0; background-position: top left; background-repeat: no-repeat;}
div.ul {height: 10px; width: 10px; position: absolute; bottom: 0; left: 0; background-position: bottom left; background-repeat: no-repeat;}
div.or {height: 10px; width: 10px; position: absolute; top: 0; right: 0; background-position: top right; background-repeat: no-repeat;}
div.ur {height: 10px; width: 10px; position: absolute; bottom: 0; right: 0; background-position: bottom right; background-repeat: no-repeat;}
/* Grundlegendes */
body {
 background-color: #004;
 color: #004;
 font: 0.8em Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#total {
	width: 960px;
 margin: 10px auto;
 border-top: 2px solid #000;
}
#kopf, #hals, #rumpf, #fuss {
	width: 100%;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
}

#kopf {
	background: #06f url(../bilder/kopf_bg.gif) bottom left no-repeat;
 height: 1%;
}
#wappen {
	float: left;
	display: inline;
 margin: 1em 1em 0.3em 1em;
}
#wappen img {border: none;}
#k_links {
	float: right;
 display: block;
 position: relative;
 top: -7px;
 right: -2px;
 color: #fafafa;
 padding: 12px 2px 8px 15px;
 margin-bottom: -7px;
	background: #004 url(../bilder/k_links.png) bottom left no-repeat;
}
#k_links a {
	text-decoration: none;
 color: #0066ff;
}
#k_links a:hover, #k_links a.aktiv {
	color: #fafafa;
}
#k_links ul {
	text-align: center;
}
#k_links ul li {
	display: inline;
 margin: 0 5px 0 10px;
}
#k_links ul li a {
	padding-left: 15px;
 background: #004 url(../bilder/k_links/try.gif) center left no-repeat;
}
#k_links ul li#kl_i a{background-image:url(../bilder/k_links/kl_i.gif);}	
#k_links ul li#kl_d a{background-image:url(../bilder/k_links/kl_d.gif);}	
#k_links ul li#kl_k a{background-image:url(../bilder/k_links/kl_k.gif);}	

#k_links ul li#kl_i a:hover, #k_links ul li#kl_i a.aktiv {background-image:url(../bilder/k_links/kl_i_h.gif);}	
#k_links ul li#kl_d a:hover, #k_links ul li#kl_d a.aktiv {background-image:url(../bilder/k_links/kl_d_h.gif);}	
#k_links ul li#kl_k a:hover, #k_links ul li#kl_k a.aktiv {background-image:url(../bilder/k_links/kl_k_h.gif);}	
#login {
	float: right;
 text-align: right;
 padding: 7px 7px 8px 25px;
}
#login a {
 color: #006;
 padding-left: 15px;
 background: #06f url(../bilder/k_links/login.gif) center left no-repeat;
 text-decoration: none;
}
#login a:hover {
	color: #fafafa;
 background-image: url(../bilder/k_links/loginh.gif);
}

#name {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*clear: right;*/
}
#name h1 {
 font-size: 2.4em;
	font-weight: normal;
}
#name p {
	font-size: 1.4em;
}
#hals {
 clear: both;
 background-color: #06f;
}

#topnavi {
	width: 100%;
	text-align: center;
 font-size: 1.2em;
}
#topnavi li {
	display: inline;
 border-left: 2px solid #06f;
}
#topnavi a {
 text-decoration: none;
 background: #63aaff url(../bilder/topnavi/images/Unbenannt-1_01.png) top left no-repeat;
 color: #006;
 padding-left: 10px;
}
#topnavi a:hover, #topnavi a.aktn { background-color: #006; color: #fafafa; }
#topnavi a span {
	background: url(../bilder/topnavi/images/Unbenannt-1_03.png) top right no-repeat;
	padding: 0 14px 0 4px;
}

.toppic {
	width: 100%;
 height: 0px;
	background-color: #000066;
 color: #bfffff;
}
#tp_o {background: #000066 url(../bilder/toppic/home/tp_tr.gif) top right no-repeat;}
#tp_m {height: 20px;}
#tp_u {background: #000066 url(../bilder/navi/home/br.gif) bottom right no-repeat;} 

#rumpf {
 background-color: #fafafa;
 padding-bottom: 3px;
}
#navi {
	background: #000066 url(../bilder/navi/home/br.gif) bottom right no-repeat;
 float: left;
 display: inline;
 padding: 0 1% 4px 1%;
 width: 18%;
}
#navi h2 {
	position: relative;
 top: -15px;
 margin-bottom: -15px;
}
#navi a {text-decoration: none;}
#navi h2 a, #navi h2.oao {
	display: block;
 width: 90%;
 border: 1px solid #000066;
	color: #c7dcfb; /*#0066ff;*/
 padding: 1px 5px;
}
#navi ul {padding-bottom: 10px; width: 100%}
#navi ul ul {padding-bottom: 0;}
#navi ul ul a span {margin-left: 10px;}
#navi ul a { 
	display: block;
 font-size: 1.2em;
 padding: 0px 5px 2px 5px;
	width: 90%;
 border: 1px solid #000066;
 color: #c7dcfb; /*#0066ff;*/
}
#navi ul a:hover, #navi ul a.aktn, #navi h2 a:hover, #navi h2 a.aktn {background-color: #0066ff; border-color: #fafafa; color: #fafafa;}

/* npe: NaviPunktEnde; npm: NaviPunktMehr; */
#navi span.npe, #navi span.npm {
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 15px;
}
#navi a span.npm {background-image: url(../bilder/navi/li/navilin.gif);}
#navi a:hover span.npm, #navi a.aktn span.npm {background-image: url(../bilder/navi/li/navilih.gif); color: #fafafa;}
#navi a span.npe {background-image: url(../bilder/navi/li/navililin.gif);}
#navi a:hover span.npe, #navi a.aktn span.npe {background-image: url(../bilder/navi/li/navililih.gif); color: #fafafa;}

#akt {
	float: left;
 display: inline;
	width: 79%;
}
#akt a {color: #06f;}
#akt a:visited {color: #004;}
#akt a:focus, #akt a:hover {color: #006; background-color: #c7dcfb;}
#akt a:active {color: red; background-color: #c7dcfb;}
#akt div {
 padding: 4px 0 4px 1%;
}

#akt #his {
	float: left;
 display: inline;
 background: #fafafa url(../bilder/navi/home/tl.gif) top left no-repeat;
 width: 74%;
 padding-left: 15px;
}
#akt #his ul {display: inline;}
#akt #his li {display: inline; background: url(../bilder/his.gif) center right no-repeat; margin-right: 4px;}
#akt #his li a {margin-right: 10px;}
#akt #his li a, #akt #his li a:link, #akt #his li a:visited {color: #06f; background-color: #fafafa;}
#akt #his li a:focus, #akt #his li a:hover {color: #006; background-color: #c7dcfb;}
#akt #his li a:active {color: red; background-color: #c7dcfb;}
#dat {
	text-align: right;
	float: right;
 display: inline;
	width: 23%;
}
#akt #bar {
	float: right;
 display: inline;
 width: 23%;
 margin-right: 8px;
}

#snavi, #sbar, #acro, #dwnl, .spon {
	position: relative;
 width: 100%;
 margin-bottom: 10px;
 margin-right: 10px;
}
#snavi, #sbar {
	background-color: #c7dcfb;
}
#acro {	background-color: #edf3fc; }
#dwnl {	background-color: #d5e5fc; }
.spon {	background-color: #fff; border: 1px solid #c7dcfb;}

#snavi div.ul, #sbar div.ul {background-image: url(../bilder/sbar/snavi/ul.gif);}
#snavi div.ol, #sbar div.ol {background-image: url(../bilder/sbar/snavi/ol.gif);}
#snavi div.ur, #sbar div.ur {background-image: url(../bilder/sbar/snavi/ur.gif);}
#snavi div.or, #sbar div.or {background-image: url(../bilder/sbar/snavi/or.gif);}
#acro div.ul {background-image: url(../bilder/sbar/acro/ul.gif);}
#acro div.ol {background-image: url(../bilder/sbar/acro/ol.gif);}
#acro div.ur {background-image: url(../bilder/sbar/acro/ur.gif);}
#acro div.or {background-image: url(../bilder/sbar/acro/or.gif);}
#dwnl div.ul {background-image: url(../bilder/sbar/dwnl/ul.gif);}
#dwnl div.ol {background-image: url(../bilder/sbar/dwnl/ol.gif);}
#dwnl div.ur {background-image: url(../bilder/sbar/dwnl/ur.gif);}
#dwnl div.or {background-image: url(../bilder/sbar/dwnl/or.gif);}
.spon .ol {
	position: absolute;
	top: -1px;
 left: -1px;
 background: url(../bilder/sbar/spon/ol.gif) top left no-repeat;
}
.spon .or {
	position: absolute;
	top: -1px;
 right: -1px;
 background: url(../bilder/sbar/spon/or.gif) top right no-repeat;
}
.spon .ul {
	position: absolute;
	bottom: -1px;
 left: -1px;
 background: url(../bilder/sbar/spon/ul.gif) bottom left no-repeat;
}
.spon .ur {
	position: absolute;
	bottom: -1px;
 right: -1px;
 background: url(../bilder/sbar/spon/ur.gif) bottom right no-repeat;
}

.spon h6 {
	text-align: center;
 font-size: 1em;
 font-weight: normal;
}
#bar .spon a, #bar .spon p { 
	display: block;
 margin: 6px auto;
 width: 150px;
 background-color: #fff;
	text-align: center;
	border: 1px solid #fff;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration: none;
}
#bar .spon a:hover {
	border-color: #6cf;
 background-color: #fff;
}
.spon a img {
	border: none;
}

#snavi {
	font-size: 1.2em;
}
#sbar, #acro, #dwnl {
 text-align: center;
 font-size: 1em;
}
#sbar h4, #acro h4 {
 font-size: 1.3em;
	margin-top: 2px;
}
#bar #dwnl {
	padding-top: 8px;
}
#dwnl a {
	display: block;
 width: 85%;
 margin: 3px auto;
 padding: 0 3px 5px 3px;
 font-size: 1.4em;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #d5e5fc;
 color: #006;
}
#dwnl a:hover {
	background-color: #06f;
 border-color: #fafafa;
 color: #fafafa;
 cursor: pointer;
}
#dwnl a p {
	width: 90%;
 font-size: 0.7em;
	font-weight: normal;
}
#sbar img, #acro img {
	margin: 2px auto 8px auto;
}
#sbar p, #acro p{
	margin: 1px 8px 5px 8px;
}
#snavi ul {
	margin: 7px auto;
}
#snavi h3 {
	text-align: center;
}
#snavi a {
	display: block;
 margin: auto;
 text-align: center;
 width: 80%;
 padding-bottom: 2px;
 border: 1px solid #c7dcfb;
 text-decoration: none;
 color: #004;
}
#snavi a:hover, #snavi a.aktsn {background-color: #06f; color: #fafafa; border-color: #fafafa;}
#akt #haupt {
	float: left;
	display: inline;
 width: 73%;
 min-height: 400px;
}


#fuss {
 background-color: #fafafa;
 border-bottom: 2px solid #000;
}
#adresse {
	margin: 0 auto 15px auto;
	width: 90%;
 border-top: 1px solid #000066;
 text-align: center;
}
#f_links {
	margin: 5px 0 10px 0;
}
#f_links ul {
	text-align: center;
}
#f_links ul li {
	display: inline;
 margin: 0 5px;
}
#f_links ul li a {text-decoration: underline; color: #06f; padding: 0 5px;}
#f_links ul li a:hover {background-color: #c7dcfb; color: #006;}
#bycr {
	color: #06f;
 float: none;
 padding: 0.2em 1em;
}
#by a {
	text-decoration: none;
 color: #06f;
	padding-left: 13px;
 margin-left: 2px;
 background: #004 url(../bilder/k_links/kl_k.gif) center left no-repeat;
}
#by a:hover {
	color: #fafafa;
	background-image:url(../bilder/k_links/kl_k_h.gif);
}
#by {
	display: inline;
 width: 60%;
 float: left;
 text-align: left;
}
#cr {
	display: inline;
	width: 35%;
 float: right;
 text-align: right;
} 

