/* Farben 
HOME:	  100% #082F5A	
		   60% #6C839D
		   20% #CFD6DF

SERVICE:  100% #5877B8
		   60% #9BADD4
		   20% #DEE4F1
		   
AKADEMIE: 100% #FF9900
		   60% #FFC266
		   20% #FFEBCC

NETZWERK: 100% #336633
		   60% #85A485
		   20% #D7E1D7   

*/

/* Allgemeines */

* {
margin : 0;
padding : 0;
}

body    {
font-size : 72%;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
text-align : center;
background : #E6E6E6 url("/img/body.gif") top left repeat-x;
color : #000;
margin: 0 3%;
padding: 0;
}


h1, h2, h3, h4, p, address, blockquote, dl, ul, ol { 
padding : 0.5em 0;
}

dl, ul, ul li { 
list-style: none;
}

#main-content ol  {
margin-left: 20px;
}

/* IE7 */
*:first-child+html #main-content ol li {
margin-left: 5px;
}

#main-content ol li {
padding-left: 8px;
}

#main-content ul li {
	padding-left: 15px;
	font-size: 100%;
	background : #fff url("/img/ul.gif") top left no-repeat;
	line-height: normal;
}	

hr {
height: 1px;
border-width: 0;
	background				:	#fff url("/img/hr.gif") repeat-x;
}

/* hx */

h1, h2, h3, h4 {
color : #082F5A;
}

h1 {
font-size : 150%; 
}

h2 {
font-size : 130%; 
}


h3, h4 {
font-size : 110%; 
}

a:link { color: #ff0000; text-decoration: underline; }

a:visited { color: #ff0000; text-decoration: underline; }

a:hover { color: #ff0000; text-decoration: none; }

a:active { color: #ff0000; text-decoration: none; }

.extern {
	padding-left			:	20px;
	font-weight				:	bold;
	background				:	transparent url("/img/extern.gif") no-repeat 0 0;
}

strong { font-weight: bold; color: #000 }

.nofloat	{
	float					:	none;
	clear					:	both;
	width					:	1px;
	margin					:	0;
	padding					:	0;
	font-size				:	0px;
	line-height				:	0px;
	height					:	1px;
}

img, a img { border: 0; }

.skip { display: none; }

.rightalign { float: right; margin-left: 0; margin-right: -5px; }

.leftalign { float: left; margin-right: 10px; margin-left: -5px; }

code { text-decoration: none; font-family: 'Monaco', 'Courier', monospace; }

.dots  {
	font-size				:	1px;
	line-height				:	1px;
	height					:	1px;
	background				:	  url("/img/dots.gif") repeat-x;
	margin					:	5px 0;
	padding					:	0;
}



/* Layout */
#wrap { 
	margin					: 	0 auto; 
	padding					: 	0; 
	text-align				: 	left;
	background				: 	transparent url("/img/masthead.jpg") top left repeat-x;
	min-width				:	650px;
	max-width				:	85em;
}

#service #wrap { 
background					: 	transparent url("/img/masthead_service.jpg") top left repeat-x; }

#akademie #wrap { 
background					: 	transparent url("/img/masthead_akademie.jpg") top left repeat-x; }

#netzwerk #wrap { 
background					: 	transparent url("/img/masthead_netzwerk.jpg") top left repeat-x; }

#metanav {
	height					:	29px;
	width					:	100%;
	background				:	transparent url("/img/metanav_left.gif") top left no-repeat;
}

#head {
	height					:	75px;
	width					:	100%;
	background				:	transparent url("/img/head_right.gif") top right no-repeat;
}

#headlinks	{
	background				:	transparent url("/img/head_left.jpg") top left no-repeat;
	height					:	75px;
}

#headlinks img  {
	float: left; 
	clear: right;
}

#service #headlinks	{
	background				:	transparent url("/img/head_left_service.jpg") top left no-repeat;
}

#akademie #headlinks	{
	background				:	transparent url("/img/head_left_akademie.jpg") top left no-repeat;
}

#netzwerk #headlinks	{
	background				:	transparent url("/img/head_left_netzwerk.jpg") top left no-repeat;
}

#navigation {
	height					:	72px;
	width					:	100%;
	background				:	transparent url("/img/navigation_left.gif") top left no-repeat;
}

#navigationlinks	{
	background				:	transparent url("/img/right.gif") top right repeat-y;
	height					:	72px;
}

/* Layoutuebergreifend */
#content, #content-alt { 
	margin: 0; 
	padding:0;
background: #fff url("/img/left.jpg") top left repeat-y; }


#content:after {
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden;
}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */

#left {
	float: left;
	width: 202px;
	margin: 0; 
	padding:0;
	}

#content-alt #left {
display: none;
	}

#left-content {
	margin:0; 
	padding: .5em 0;
	}

#main {
	margin:0 0 0 202px; 
	padding:0;
	background: #fff url("/img/right.gif") top right repeat-y;
	min-height: 35em;
	}

#content-alt #main {
	margin:0 0 0 2px; 
}	

* html #main {
	height: 35em;
	}

#main-content {
	margin:0; 
	padding: 0.5em 1.5em;
	text-align: left;
}

#start #content-alt #main-content {
	padding: 2em;
}	


#footer	{
	height: 25px;
	clear: both;
	min-width				:	650px;
	max-width				:	85em;
	margin: 0 auto;
	background				:	#082F5A url("/img/footer_rechts.gif") no-repeat bottom right;
}

#footerlinks {
	background				:    url("/img/footer_links.gif") no-repeat bottom left;
 height: 25px;
}

#footer p, #footer a { color: #fff; font-size: .9em;}

#footer p { padding: 4px 5em; float: left;}

.copy{ text-align: center; font-size: .9em; margin: 0;}

.sprung a {
float: right;
padding: 4px  2em 2px 15px;
	background: transparent url("/img/top.gif") no-repeat 0 6px;
}

/* WERKZEUGKISTE */
#metanav ul {
	margin					:	0;
	padding					: 	3px 10px 0 0;
	background				:	transparent url("/img/metanav_right.gif") top right no-repeat;
	height					:	26px;
}


#metanav li {
	float: right;
	margin: 0;
	padding: 0;
}

#metanav a {
	float					:	left;
	margin					:	0;
	padding					:	0 13px;
	height					:	23px;
	background				:	transparent url("/img/werkzeugkiste.gif") no-repeat 0 0;
}

/*
BUTTONS FUER DIE WERKZEUGKISTE
*/

#metanav .kontrast a {
	background-position		:	0 0;
}

#metanav .monochrome a {
	background-position		:	-30px 0;
}

#metanav .print a {
	background-position		:	-60px 0;
}

#metanav .default a {
	padding-right			:	22px;
	background-position		:	-90px 0;
}

#metanav .small a {
	padding					:	0 8px;
	background-position		:	-150px 0;
}

#metanav .textdefault a {
	padding					:	0 11px;
	background-position		:	-180px 0;
}

#metanav .big a {
	padding					:	0 8px;
	background-position		:	-210px 0;
}

#metanav a:hover {
	background-position		:	0 -30px;
}

#metanav .monochrome a:hover {
	background-position		:	-30px -30px;
}

#metanav .print a:hover {
	background-position		:	-60px -30px;
}

#metanav .default a:hover {
	background-position		:	-90px -30px;
}

#metanav .print a:hover {
	background-position		:	-60px -30px;
}

#metanav .small a:hover {
	background-position		:	-150px -30px;
}

#metanav .textdefault a:hover {
	background-position		:	-180px -30px;
}

#metanav .big a:hover {
	background-position		:	-210px -30px;
}

/* SUCHE + INHALT */
#suchbox {
	float					:	right;
	margin: 0;
	padding: 0;
	width: 20em;
	white-space:nowrap;
}

#suchbox fieldset {
	border					: 0;
	float					:	right;
}

#suchbox li {
	margin: 0;
	padding: 5px 10px 0 0;
	height					:	25px;
}

#suchbox a.inhalt {
	display					:	block;
	text-transform			: 	uppercase;
	text-align				: 	right;
	line-height				:	25px;
	margin					:	0;
	padding					:	0 30px 0 0;
	font-weight				:	bold;
	color					:	#fff;
	background				:	transparent url("/img/inhalt.gif") 100% 4px no-repeat;
	text-decoration			:	none;
}

#akademie #suchbox a.inhalt {
	color					:	#000;
}

#suchbox .submit { width: 19px; height: 19px; padding: 0 0 0 5px; display: inline; vertical-align: top; background: none;	border: 0; }
#suchbox input { width: 13em; }

.searchresultsnode { margin: 10px 0;
		     border-bottom: 1px dotted gray; }

/* Navigation */
#menu {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	}
#menu a {
	float: left;
	padding: 6px .5em 4px .5em;
	text-decoration: none;
	color: #fff;
	border-left: 2px solid #ccc;
	}
	
html>#menu a {
	padding: 7px .5em 4px .5em;
	}

#menu .start a {
	margin-left				:	.1em;
	color: #6C839D;
	border-left: 0;
	font-weight: normal;
}

#menu .start a:hover {
	color: #fff;
}

#menu .netzwerk a {
	border-right: 2px solid #ccc;
}

#menu .service a:hover, #menu .service a.active {
	background: #fff url("/img/menu_service.jpg") bottom left repeat-x;
	}

#menu .akademie a:hover, #menu .akademie a.active {
	color: #fff;
	background: #fff url("/img/menu_akademie.jpg") bottom left repeat-x;
	}

	
#menu .netzwerk a:hover, #menu .netzwerk a.active {
	background: #fff url("/img/menu_netzwerk.jpg") bottom left repeat-x;
	}
	
#menu #brotkrumen { 
	padding: .6em 1em .6em 0; 
	color: #fff; 
	font-size: .8em; 
	font-weight: normal;
	margin: 0; 
	float: right;	
	text-transform: none; 
}

#brotkrumen a, #brotkrumen a:active, #brotkrumen a:visited, #brotkrumen a:hover {
color: #fff;
border: 0;
}

#brotkrumen a:hover {
	text-decoration: underline; 
}

/* menu2 */

#menu2, #menu3 {
	float: left;
	margin: 0 0 0 .3em;
	padding: 0;
	width: 98%;
	}
/*
html>body #menu3 {
	background: transparent url("/img/right_menu2.gif") top right repeat-y;
	width: 100%;
}
*/

#menu2 li, #menu3 li {
	float: left;
	margin: 0 .1em;
	padding: 0;
	height: 23px;
	}

#menu3 li {
	height: 20px;
	}

#menu2 a, #menu3 a { 	
	float: left; 
	padding: 0 .5em 0 .4em; 
	margin-top: 3px; 
	text-decoration: none; 
	color: #000;
	line-height: 1.5em;
	height: 19px;
	margin-left: 1px;
}

html>body #menu2 a {
	margin-top: 4px; 
}

#menu3 a { 	
	height: 18px;
	margin-top: 2px;
}

html>body #menu3 a {
	margin-top: 3px; 
}

#service #menu2 a,  #netzwerk #menu2 a { 	
	color: #fff;
}

#menu2 a:hover, #menu2 a.active, #menu3 a:hover, #menu3 a.active {
background				:	#ffebcc url("/img/menu2.gif") top right repeat-y;
	border-left: 1px solid #666;
	margin-left: 0;
color: #000;
}

#service #menu2 a:hover, #service #menu2 a.active, #service #menu3 {
background-color				:	#DEE4F1;
color: #000;
}

#netzwerk #menu2 a:hover, #netzwerk #menu2 a.active, #netzwerk #menu3 {
background-color				:	#D7E1D7;
color: #000;
}

#menu3 a:hover, #menu3 a.active {
background-color				:	#fff;
}

#menu3 #warenkorb { 
	font-weight: normal;
	float: right;	
}

/* Subnav */
#subnav, #subnav .subnav2 {
	margin: 0;
	padding: 0;
	}
	
#subnav li, dl#subnav {
	color: #000;
	margin: 0 1px 0 2px;
		text-align: left;
}

#subnav a, #subnav .subnav2 a, dl#subnav dt, dl#subnav dd a {
		display: block;
		height: 1.2em;
		line-height: 1.2em; 
		padding: .3em .9em;
		color: #666;
		border-bottom: 1px solid #fff;
 text-decoration: none;
}

dl#subnav dt {
		color: #fff;
		border: 0;
font-weight: bold;
background: #5877B8 url("/img/subnav_dl.gif") left bottom no-repeat;
margin: .3em 0;
		padding: .3em 0 .4em 15px;
}

html>body #subnav a, html>body .subnav2 a { height: auto; }

#subnav a:hover, #subnav a.active, #subnav a:hover.active {
	background				:	transparent url("/img/subnav.jpg") 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #666; 
}

#akademie #subnav a:hover, #akademie #subnav a.active, #akademie #subnav a:hover.active {
color: #000;
	background-position: -205px 0;
}

#netzwerk #subnav a:hover, #netzwerk #subnav a.active, #netzwerk #subnav a:hover.active {
	background-position: -410px 0;
}

#subnav .subnav2   {
margin: 0;
background: #FFC266 url("/img/subnav2.jpg") 0 0 repeat-y;
border-bottom: 1px solid #666; 
	}
	
#akademie .subnav2   {
	background-position: -205px 0;
	}
	
#netzwerk .subnav2   {
	background-position: -410px 0;
	}
	
#subnav .subnav2 li  {
	padding: .2em 0 0 0;
	margin: 0;
	border: 0;
			line-height: 1em;
	}

#subnav .subnav2 a, dl#subnav dd a {
	color: #666;
	font-size: 1em;
	border: 0;
	padding-right: 15px;
 text-decoration: none;
	}

dl#subnav dd a {
font-weight: bold;
	}

#subnav .subnav2 a:hover, 
#subnav .subnav2 a.active, 
#subnav .subnav2 a:hover.active, 
#akademie #subnav .subnav2 a:hover, 
#akademie #subnav .subnav2 a.active, 
#akademie #subnav .subnav2 a:hover.active, 
#netzwerk #subnav .subnav2 a:hover, 
#netzwerk #subnav .subnav2 a.active, 
#netzwerk #subnav .subnav2 a:hover.active,
dl#subnav dd a:hover,
dl#subnav dd a.active,
dl#subnav dd a:hover.active
 {
background: transparent url("/img/arrow.gif") center right no-repeat;			 
color: #000;
border: 0;
}

dl#subnav dd a:hover,
dl#subnav dd a.active,
dl#subnav dd a:hover.active
 {	 
color: #000;
}

/* NEWSBOXEN */

dl.aktuell {
	width					:	260px;
	margin					:	0 2em 1em 0;
	padding					:	0 0 .2em 0;
	background				:	#CFD6DF url("/img/box_bottom_start.gif") bottom left no-repeat;
	float					: 	left;
}

#left dl.aktuell {
	width					:	180px;
	margin					:	0 auto;
	background				:	#CFD6DF url("/img/box_bottom.gif") bottom left no-repeat;
}

	
dl.aktuell dt {
	margin					:	0 0 5px 0;
	padding					:	5px;
	font-weight				:	bold;
	color					:	#fff;
	height					: 	2.5em;
	border-bottom			:	1px solid #fff;
	background				:	#082F5A url("/img/box_top_start.gif") no-repeat top left;
}

#left dl.aktuell dt {
	background				:	#082F5A url("/img/box_top.gif") no-repeat top left;
}

dl.akademie  {
	background-color			:	#FFEBCC;
}

dl.akademie dt  {
	background-color			:	#FF9900;
}

dl.netzwerk  {
	background-color			:	#D7E1D7;
}

	
dl.netzwerk dt  {
	background-color			:	#336633;
}


dl.aktuell dd {
	margin					:	0;
	padding					:	0 5px 5px 5px;
	color					:	#000;
	font-weight				:	normal;
}

dl.aktuell dd.mehr a {
	display					: 	block;
	padding					:	5px 0 5px 15px;
	color					:	#ff0000;
	font-weight				:	bold;
	border-top				: 	1px solid #fff;
	background				:	transparent url("/img/mehr.gif") no-repeat 0 7px;
}

.aktuellhalter {
float: left;
padding-bottom: 1em;
}

/* Bilder 	

#main-content img { 
margin: 10px 20px 0 2px !important; 
}
*/	
.rahmen { margin: 10px 20px 0 2px !important; margin: 10px 0 0 3px; background:    url("/img/shadowAlpha.png") no-repeat bottom right !important; background:    url("/img/shadow.gif") no-repeat bottom right; }
.rahmenstart { margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; background:    url("/img/shadowAlpha.png") no-repeat bottom right !important; }
.rahmen IMG, .rahmenstart IMG  { border: 1px solid #ccc; margin: -6px 6px 6px -6px; padding: 4px; display: block; background: #fff; position: relative; }
.rahmen a, .rahmen a:hover, .rahmenstart a, .rahmenstart a:hover { padding: 0; margin: 0; }

#content img, #content-alt img {
border:1px solid #b0b0b0;
margin: 5px 10px 0 0;
padding:3px;
background: #fff;
}

.imgleft, #start #content-alt img {
float: left;
margin-top: 10px;
}

.imgright {
float: right;
}

/* -- der Uebersicht halber alle Deklarationen fuer Formulare en bloc -- */

form	{
	margin					:	0;
	padding					:	0;
}

input,
textarea,
select	{
	border: 1px solid #ddd;
	background: #f2f2f2;
	color: #443;
	padding: .2em;
	outline: none;
	font-size				:	.9em;
}

input,
legend,
option,
select,
textarea	{
	font-weight				:	bold;
	line-height				:	normal;
}

input:hover,
input:focus
	{ border: 1px solid #aaa; }

label,
input[type=checkbox],
input[type=button],
input[type=submit]	{
	cursor					:	pointer;
}

option	{
	border-top				:	1px solid #fff;
}

.buttons {
	text-align: center;
}

.buttons input
{
border: 3px double #6C839D;
border-top-color: #CFD6DF;
border-left-color: #CFD6DF;
padding: 0.25em;
	background				: 	#082F5A url("/img/submit.jpg") 0 0 repeat-x;
color: #fff;
font-weight: bold;
}

.buttons input:hover, .buttons input:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

/* FORMS */
#formular form {
	margin: .5em 2em;
}

#formular input, #formular select, #formular textarea {
	margin: .1em 0 .1em .5em;
	}

#formular select {
	padding: 0;
	min-width: 20em;
	}

#formular fieldset {
	margin: 1em 0;
	padding: .3em 1em;
	border: 1px solid #336633;
}

#service #formular fieldset {
	border: 1px solid #5877B8;
}

#formular fieldset br {
	display: none;
}

#formular legend {
	font-weight: bold;
	color: #fff;
	padding: .2em .5em;
	background: #336633;
}

#service #formular legend {
	background: #5877B8;
}

#formular fieldset div {
	clear: both;
	margin: .1em 0;
	position: relative;
}

#formular fieldset div span {
	display: none;
}

#formular fieldset div:hover span {
	font-size: 85%;
	color: #fff;
	background-color: #9AB1CC;
	margin-left: 20em;
	padding: .2em .5em .3em;
	border: 1px solid #ff9900;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}

* html #formular fieldset div span {
	font-size: 85%;
	color: #ff9900;
	margin-left: 16em;
	padding: .3em;
	border-left: 1px solid #ff9900;
	display: block;
}

#formular label, #formular fieldset div.cr p {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
}

#service #formular img {
	padding-left: .5em;
	vertical-align: middle;
}

#formular fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}

#formular .mandat {
	color: #336633;
	font-weight: bold;
}
#formular .mandat:after {
	content: "*";
}

#formular .removed {
	display: none !important;
}

#service .pflicht {
        color: #00377C;
        font-weight: bold;
}

#service .pflicht:before {
        content: "*";
}

/* 
SITEMAP/INHALT 
*/

#sitemap h1, #sitemap h2 a, #sitemap h3 a, #sitemap h4 a, #sitemap h5 a {
	padding: .1em .3em;
	margin-top: .2em;
	text-decoration: none;	
	color: #082F5A;
	}
	
#sitemap h1,
#sitemap h2 a:hover { 
	color: #fff;
	background: #082F5A;
	}
	
#sitemap h2 a {
	width: 60%;
	display: block;
	font-size : 90%; 
	border: 1px solid #082F5A;
	margin-left: 1em;
	}
	
#sitemap h3 a {
	width: 57%;
	display: block;
	font-size : 95%; 
	margin-left: 2em;
	border-left: 10px solid #6C839D;
	border-bottom: 1px solid #6C839D;
	}
	
#sitemap h3 a:hover {
	color: #000;
	border-color: #082F5A;
	}

#sitemap h4 a {
	font-size : 90%;
	margin-left: 3em;
	background				:	transparent url("/img/inhalt_h4.gif") 0 3px no-repeat;
	padding-left: 10px;
	}
	
#sitemap h4 a:hover {
	color: #000;
	background-position				:	0 -37px;
	}


.listtable td { padding: 10px 0 17px 0;
                vertical-align: top;
                border-bottom: 4px solid #ececec}


.small { font-size: 0.8em; }


.lucifer-highlight { background-color: #FFFFA8; }