/*Grundlayout*/ 
html, body{ font-size: 100.01%; font-family: arial, Verdana, Helvetica, sans-serif; background: #96cbd8 url(../pix/back.gif) repeat-x fixed left top; margin:0; padding:0; text-align:center; }
#pagewidth{ font-size: 0.9em; width:720px; text-align:left; margin-left:auto; margin-right:auto; }
#container { background-color: #d4f2f7; background-image: url(../pix/container.gif); background-repeat: repeat-x; background-position: left top; margin: 0 0 20px; padding: 10px; }
#wrapper { background-color: #d4f2f7; background-image: url(../pix/wrapperback.gif); background-repeat: repeat-y; background-position: left bottom; height: 100%; margin-bottom: 20px; }
#header{ font-size: 1em; line-height: 1em; position:relative; height:12.5em; background-color:#fff; width:100%; overflow: hidden; }
#header h1 { color: #008fa4; font-size: 1.1em; font-weight: bold; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; position: relative; top: 0; width: 350px; overflow: visible; margin-top: 0; margin-bottom: 0; margin-left: 20px; padding-top: 120px; }
#header h2 { color: #666; font-size: 0.95em; font-weight: normal; line-height: 1.2em; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 0; width: 700px; overflow: visible; margin-top: 0; margin-bottom: 0; margin-left: 20px; padding-top: 150px; }
#bildleiste { font-size: 0; line-height: 0; background-image: url(../pix/bildleiste.gif); background-repeat: repeat-x; background-position: left top; position: relative; width: 100%; height: 15px; clear: both; }
#leftcol{ width:200px; float:left; position:relative; }
#leftcont { width: 100%; height: 100%; }
#maincol{ background-color: #fff; background-image: url(../pix/mainback.gif); background-repeat: repeat-x; background-position: left bottom; float: right; display:inline; position: relative; width:500px; }
.maincont { background-color: #fff; width: auto; padding: 3em 15px 5px; }
.maincont h1 { color: #333; font-size: 1.45em; font-weight: normal; line-height: 1.1em; background-color: #fff; background-image: url(../pix/footer.gif); background-repeat: repeat-x; background-position: left center; width: 100%; clear: left; margin: 0 0 0.75em -1px; padding-top: 8px; padding-bottom: 8px; padding-left: 1px; border-top: 2px solid #fff; }
.maincont h2 { color: #555; font-size: 1.15em; font-weight: bold; line-height: 1.2em; margin: 1.25em 0 0.35em; padding: 0; }
.maincont h3 { color: #333; font-size: 1.1em; font-weight: normal; margin: 1.25em 0 0.35em; padding: 0; }
#leftcol h4 { color: #009bb0; font-size: 0.95em; font-weight: bold; margin: 1.75em 0 0; padding: 0; }
p { font-size: 0.95em; line-height: 1.25em; margin-top: 0.15em; margin-bottom: 0.65em; }
.maincont p.rueck { margin-left: 1.5em; }
.list { margin-bottom: 0; }
.maincont p { color: #333; }
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*Kopfzeile*/
#logo    { position: absolute; top: 0; left: 20px; width: 310px; height: 107px; margin: 10px 0 0; padding: 0; }
#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo img {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*Globalnavigation*/
#globalnavi { text-align: right; position: absolute; margin: 0 0 0 auto; padding: 0; z-index: 100; top: 12px; right: 0; width: auto; }
#globalnavi ul { font-size: 0.84em; line-height: 1.4em; text-align: left; margin: 0 8px 0 1px; display: inline; padding: 0; }
#globalnavi  li {
	list-style: none;
	display: inline;
}
#globalnavi li a, #globalnavi li a:link, #globalnavi li a:visited {
	color: #007da1;
	font-weight: bold;
	text-decoration: underline;
	list-style: none;
	padding: 3px 10px;
	border-left: 1px solid #90c8d5;
	background: #d4f2f7;
}
#globalnavi li a:hover, #globalnavi li a:focus {
	color: #fff;
	text-decoration: none;
	background: #008ca5;
}
#globalnavi li.erster a, #globalnavi li.erster a:link { border: none; }
.efa { color: #666; font-size: 0.95em; line-height: 1.2em; margin-right: 122px; padding-top: 30px; }
.navitems { font-size: 0.75em; line-height: 1.2em; position: relative; float: right; margin: -30px 0 0; }
.navitems a, .navitems a:link, .navitems a:visited, .navitems a:hover, .navitems a:focus { color: #fff; background-color: transparent; margin: 0 8px 0 0; padding: 0; border: none; }
/*Hauptnavigation*/
#hnavcontainer { font-size: 0.95em; line-height: 1em; background-color: #58aebf; background-image: url(../pix/hnav.gif); background-repeat: repeat-x; background-position: left top; width: 700px; position: relative; z-index: 200; overflow: visible; }
 #hnavcontainer ul
 { padding-left: 0; margin-left: 0; background-color: #58aebf; color: white; float: left; width: 100%; margin-top: 35px; margin-bottom: 5px; }

 #hnavcontainer ul li { display: inline; }

 #hnavcontainer ul li a, #hnavcontainer ul li a:link
 { padding: 0.75em 0.95em 0.65em 0.9em; background-color: #d4f2f7; color: #444; font-weight: normal; text-decoration: none; text-transform: uppercase; float: left; width: auto; border-color: #d4f2f7 #4d7680 #4d7680 #d4f2f7; border-style: solid; border-width: 2px 1px; }

 #hnavcontainer ul li a:hover, #hnavcontainer ul li a:focus
 { background-color: #fff; color: #007da1; text-decoration: none; border-color: #d4f2f7 #333 #333 #4d7680; border-style: solid; border-width: 2px 1px; }
 #hnavcontainer li span.aktiv
 { display: inline; padding: 0.75em 0.95em 0.65em 0.9em; background-color: #f5ebc9; color: #333; font-weight: normal; text-decoration: none; text-transform: uppercase; float: left; width: auto; border-color: #fff #4d7680 #4d7680 #fff; border-style: solid; border-width: 2px 1px; }
#hnavcontainer a:link#aktiv, #hnavcontainer a:visited#aktiv  { color: #007da1; font-weight: normal; text-decoration: underline; background-color: #f5ebc9; background-image: none; border-color: #fff #4d7680 #4d7680 #fff; border-style: solid; border-width: 2px 1px; }
#hnavcontainer a:hover#aktiv, #hnavcontainer a:focus#aktiv  { color: #333; text-decoration: underline; background-color: #f5ebc9; margin-left: 0; border-color: #d4f2f7 #333 #333 #4d7680; border-style: solid; border-width: 2px 1px; }
/*Unternavigation*/
#navcontainer     { color: #000; font-size: 0.95em; position: relative; margin: 0.75em 0 0; padding: 0; width: 200px; float: left; }
#navcontainer ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #90c8d5; display: block; }
#navcontainer li  { display: inline; margin: 0; padding: 0; }
#navcontainer li a, #navcontainer li a:link   { color: #007da1; font-weight: normal; text-decoration: none; background-color: #d4f2f7; background-image: url(../pix/navh.gif); background-repeat: repeat-y; background-position: left top; display: block; padding-top: 6px; padding-bottom: 6px; width: 200px; padding-left: 10px; border-bottom: 1px solid #90c8d5; }
#navcontainer li a:hover, #navcontainer li a:focus  { color: #007da1; text-decoration: none; background-color: #fff; background-image: none; background-repeat: repeat-x; background-position: left top; }
#navcontainer a:link#aktiv, #navcontainer a:visited#aktiv  { color: #ab3600; text-decoration: underline; background-color: #efe3cf; border-bottom: 1px solid #faf4eb; }
#navcontainer a:hover#aktiv, #navcontainer a:focus#aktiv  { color: #ab3600; text-decoration: none; background-color: #faf4eb; margin-left: 0; }
#navcontainer li span.baktiv { display: block; color: #333; font-weight: normal; text-decoration: none; background-color: #e8f8fa; background-image: url(../pix/navh3.gif); background-repeat: repeat-y; background-position: left top; margin-left: 0; width: 200px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-bottom: 1px solid #90c8d5; }
/*HACK Navi IE 5.5*/
#navcontainer li a, #navcontainer li a:link, #navcontainer li span.baktiv  { width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 190px; }
.null { font-size: 0; line-height: 0; letter-spacing: -1em; }
/*Breadcrumb-Navigation*/
#pfad { color: #000; font-size: 1em; line-height: normal; background-color: #3a9cb0; position: relative; width: 700px; border-bottom: 1px solid #3a9cb0; }
#pfad div { width:500px; margin-left: 200px; background-color:#e1ecf2; }
#pfad div p { color: #333; font-size: 0.9em; font-weight: normal; line-height:1.2em; margin: 0 0 0 15px; padding: 0.75em 0 0.25em; }
#pfad a, #pfad a:link, #pfad a:visited { color: #333; text-decoration: underline; }
#pfad a:hover, #pfad a:focus { color: #000; background-color: #70cae0; text-decoration: none; }
/*versteckt*/
.hide   { line-height: 0px; margin: 0; padding: 0;position: absolute; left: -2000px; overflow: hidden; display: inline; border: none; }
.hidenav   { line-height: 0px; position: absolute; left: -2000px; overflow: hidden; display: inline; }
dfn { line-height: 0px; padding: 0; position: absolute; left: -2000px; width: 0; height: 0; overflow: hidden; display: inline; }
/*Allgemeine Elemente*/
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#maincol ul  { background: transparent; margin: 0.75em 0 1.5em; padding-left: 20px; }
#maincol ul li    { color: #000; font-size: 0.95em; font-weight: normal; line-height: 1.35em; list-style-image: url(../pix/li.gif); list-style-position: outside; display: list-item; margin: 0.5em 0; padding: 0; border-top: 0 none  }
#maincol ul ul { margin: 0 12px 0 25px; padding: 0.5em 0 0.3em }
#maincol ul ul li { color: #333; font-weight: normal; list-style-image: url(../pix/li2.gif); list-style-position: outside; display: list-item; margin: 0 0 0.5em; padding: 0; border-top: 0 none   }
a, a:link, a:visited, a:hover, a:focus { background-color: transparent; margin: 0; padding: 0; border: none; }
#maincol address   { color: #000; font-size: 0.95em; font-style: normal; line-height: 1.65em; margin-top: 0.15em; margin-bottom: 0.75em; margin-left: 0; padding: 0; }
abbr[title], acronym[title]  { font-style: normal; cursor: help; border-bottom: 0 dashed #90c8d5   }
.clr { visibility: hidden; clear: both; }
hr { clear: both; border-top: 1px solid #90c8d5; border-bottom: 1px solid #fff; }
#maincol a, #maincol a:link, #maincol a:visited { color: #333; font-weight: bold; background-color: #d4f2f7; text-decoration: underline; padding: 1px 2px; }
#maincol a#inhalt, #maincol a:link#inhalt, #maincol a:visited#inhalt { padding: 0; }
#maincol a:hover, #maincol a:focus { color: #000; background-color: #d4f2f7; text-decoration: none; padding: 1px 2px; }
.maincont img { background-color: transparent; border: double 6px #cca566; }
.re { float: right; margin-bottom: 10px; margin-left: 10px; }
.li { float: left; margin-bottom: 10px; margin-right: 10px; }
/*Footer*/
#footer{ background-color:#fff; background-image: url(../pix/footer.gif); background-repeat: repeat-x; background-position: center top; text-align: center; clear:both; padding-bottom: 1em; }
#footer div { background-color: transparent; }
#footer div p { color: #666; font-size: 0.95em; font-weight: normal; line-height:1.4em; margin-top: 0.25em; margin-bottom: 0; padding: 0.65em 0 0; }
#footer div a, #footer div a:link, #footer div a:visited { color: #666; font-weight: normal; text-decoration: underline; padding: 1px; }
#footer div a:hover, #footer div a:focus { color: #000; background-color: #d4f2f7; text-decoration: none; padding: 1px; }
#footer div address { color: #666; font-size: 0.95em; font-weight: normal; font-style: normal; line-height: 1.3em; margin: 0; padding: 0.35em 0 0.5em; border-bottom: 1px solid #90c8d5; }
.foot     { color: #009bb1; font-size: 1.3em; font-weight: bold; line-height: 1.2em; letter-spacing: 1px; margin-top: 0; margin-bottom: 0.25em ; padding-top: 1.25em; }
/*Sprungmarken-Technik von Michael Charlier: http://www.webwriting.de*/
#sprungmarken h4  { position: absolute; z-index: 500; left: -2000px; width: 100px }
#sprungmarken ul    { position: absolute; left: -2000px; width: 100px; height: 0 ; z-index: 200; }
#sprungmarken ul li a:active, #sprungmarken ul li a:focus    { color: #000; font-size: 1em; font-weight: 600; text-decoration: none; background-color: #d4f2f7; padding: 2px; position: absolute; z-index: 20; top: 1px; left: 2000px; width: 180px }
/*nach oben*/
.druck { text-align: right; padding: 7px 0 6px; border-top: 2px solid #d4f2f7; clear: both; float: none; margin-top: 1.5em; margin-bottom: 0.5em; border-bottom: 2px solid #d4f2f7; }
.druck img { background: transparent; padding: 0; margin: 0; border: none; }
.ob { text-align: right; padding: 5px 0 0; clear: both; float: none; margin-top: 0; margin-bottom: 0.5em; }
#maincol .ob p, #maincol .druck p { color: #000; font-size: 1em; margin: 0; }
#maincol.ob a, #maincol .ob a:link, #maincol .ob a:visited { color: #007da1; font-size: 0.95em; font-weight: normal; line-height: 1.2em; background-color: #d4f2f7; text-decoration: none; border: 0; padding: 2px; margin: 0; }
#maincol .ob a:hover, #maincol .ob a:focus { color: #fff; background-color: #007da1; text-decoration: none; padding: 2px; }
#maincol.druck a, #maincol .druck a:link, #maincol .druck a:visited { color: #333; font-size: 0.95em; font-weight: normal; line-height: 1.2em; background-color: #d4f2f7; text-decoration: underline; border: 0; padding: 2px; margin: 0; }
#maincol .druck a:hover, #maincol .druck a:focus { color: #fff; background-color: #008ca5; text-decoration: none; padding: 2px; }
/*Bilder*/
#maincol .kasten a, #maincol .kasten a:link, #maincol .kasten a:visited, #maincol .klein2 a, #maincol .klein2 a:link, #maincol .klein2 a:visited, #maincol .klein1 a:hover, #maincol .klein1 a:focus, #maincol .klein2 a:hover, #maincol .klein2 a:focus {padding: 0; margin: 0; text-decoration: none; background-color: transparent; }
.klein1 { width: 112px; float: left; margin: 0 53px 30px 0; }
.klein2 { width: 112px; float: right; margin: 0 0 30px; }
.kasten { font-size: 83%; width: auto; }
.kasten2 { width: auto; margin-top: 4px; margin-bottom: 6px; }
.klein1 img, .klein2 img { border: solid 6px #999; }
.kasten a img, .kasten a:link img, .kasten a:visited img, .klein2 a img, .klein2 a:link img, .klein2 a:visited img { background-color: transparent; text-decoration: none; margin: 0; padding: 0; border: solid 6px #70cae0; }
.kasten a:hover img, .kasten img a:focus, .klein2 a:hover img, .klein2 a:focus img { border: solid 6px #008fa2; }
.oben { text-align: right; margin: 0; padding: 10px 0 0; }
#maincol p.oben { font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 3px; border-bottom: 2px solid #d4f2f7; }
#maincol .oben a, #maincol .oben a:link, #maincol .oben a:visited { color: #333; font-weight: normal; font-style: normal; line-height: 1.2em; background-color: #d4f2f7; background-image: url(../pix/ob.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; border: 0; padding: 2px 20px 2px 6px; margin: 0; }
#maincol .oben a:hover, #maincol .oben a:focus { color: #fff; background-color: #008ca5; text-decoration: none; padding: 2px 20px 2px 6px; }
#maincol .oben img, #maincol .ob img {
	font-size: 95%;
	border: 0;
}
#maincol p.lk{ line-height: 1.3em; display: block; margin: 1em 0 3.15em; }
#maincol p.lk a, #maincol p.lk a:link, #maincol p.lk a:visited { color: #666; font-weight: bold; background-color: #f5ebc9; background-image: url(../pix/list_b.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding: 2px 10px 2px 20px; border: solid 1px #008ca5; }
#maincol p.lk a:hover, #maincol p.lk a:focus { color: #000; background-color: #d4f2f7; text-decoration: none; padding: 2px 10px 2px 20px; border: solid 1px #008ca5; }
.bild_links { margin: 0.25em 1em 1em 0; padding: 0; float: left  }

