/*Layout*/
body { font-size: 100.01%; font-family: "Times New Roman", Times, serif; background-color: #666a87; background-repeat: repeat-y; background-position: left top; margin: 0; padding: 0; }
#pagewidth{ background-color: #8498bf; background-image: url(../pix/backstart.gif); background-repeat: repeat-y; background-position: left top; }
#head { line-height: 1em; background-color: #666a87; text-align: center; width: 800px; height: 60px; margin: 0; padding: 0; }
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 background-color:transparent; 
 }
#maincol{ background-color: #e6eef8; float: right; display:inline; position: relative; width:600px; margin-right: 20px; }
.maincont { background-color: #e6eef8; width: 554px; margin-right: 20px; margin-bottom: 20px; margin-left: 26px; }
/*Elemente*/
.maincont h1 { color: #666a87; font-size: 2.15em; font-weight: normal; margin: 1.25em 0 0.25em; }
.maincont h2 { font-size: 1.35em; font-weight: normal; margin: 1em 0 0.25em; }
p { font-size: 0.95em; line-height: 1.4em; margin-top: 0.35em; margin-bottom: 1.15em; }
/*Portalbereich*/
#headlab, #headpat, #headza { position:relative; height:130px; width:100%; }
#header { color: #7e238e; background-color:#fff; background-image: url(../pix/startpix.jpg); background-repeat: no-repeat; background-position: right top; width: 800px; height: 257px; }
.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 */
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
/*Kopfzeile*/
#logo    { position: relative; top: 10px; left: 100px; width: 200px; height: 186px; margin: 0; padding: 0; }
#globalnavi { line-height: 1em; margin: 0 auto; padding: 20px 0 0; width: auto; height: auto; z-index: 100; }
#globalnavi ul { font-size: 0.95em; display: inline; padding: 0; }
#globalnavi  li { color: #fff; margin-top: 18px; list-style: none; display: inline; }
#globalnavi li a, #globalnavi li a:link, #globalnavi li a:visited { color: #fff; font-weight: bold; line-height: 1.4em; text-decoration: none; list-style: none; margin-right: 0; padding: 1px 8px; border-left: 1px solid #ccc; background: #666a87; }
#globalnavi li a:hover, #globalnavi li a:focus {
	color: #666a87;
	text-decoration: none;
	background: #e5edf8;
}
#globalnavi li.erster a, #globalnavi li.erster a:link {
	border: none;
}
#globalnavi li.letzter {
	margin-right: 0;
	padding-right: 0;
}
/*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: 0; padding: 0; position: absolute; left: -2000px; width: 0; height: 0; overflow: hidden; display: inline; }
/*Sonstiges*/
abbr[title], acronym[title]  { font-style: normal; text-transform: none; cursor: help; border-bottom: 1px dashed #ccc }
.clr { visibility: hidden; clear: both; }
/*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 }
#sprungmarken ul li a:active, #sprungmarken ul li a:focus    { color: #333; font-size: 1em; font-weight: 600; text-decoration: none; background-color: #e6eef8; padding: 2px; position: absolute; z-index: 20; top: 1px; left: 2000px; width: 180px }
/*Startportale*/
#portal { width:800px; height:135px; background-color: #fff;  }
div#portal ul { margin: 0; padding: 0; list-style-type: none; }
div#portal ul li { font-size: 1.55em; text-align: right;}
div#portal ul li a { text-decoration: none; }
div#portal ul li a#port-lab { line-height: 1.75em; position: absolute; top: 317px; left: 0; width: 266px; display: block;  padding: 80px 15px 0 0; background: #8498bf; border: none;  }
html>body div#portal ul li a#port-lab { width: 251px; padding-right: 15px; padding-bottom: 0; padding-left: 0; }
div#portal ul li a#port-lab:link, div#portal ul li a#port-lab:visited { color: #8d1c41; font-weight: bold; background: #d490a7; border-top: 12px solid #8d1c42; }
div#portal ul li a#port-lab:hover, div#portal ul li a#port-lab:focus { color: #f6d3df; background: #8d1c42; border-top: 12px solid #000; }
div#portal ul li a#port-pat { line-height: 1.75em; position: absolute; top: 317px; left: 267px; width: 266px; display: block;  padding: 80px 15px 0 0; background: #8498bf; border-top: 12px solid #666; }
html>body div#portal ul li a#port-pat { width: 251px; padding-right: 15px; padding-bottom: 0; padding-left: 0; }
div#portal ul li a#port-pat:link, div#portal ul li a#port-pat:visited { color: #40806b; font-weight: bold; background-color: #a4cdbf; border-top: 12px solid #40806b; }
div#portal ul li a#port-pat:hover, div#portal ul li a#port-pat:focus { color: #cfe6df; background: #40806b; border-top: 12px solid #000; }
div#portal ul li a#port-za { line-height: 1.75em; position: absolute; top: 317px; left: 534px; width: 266px; display: block;  padding: 80px 15px 0 0; background: #8498bf; border-top: 12px solid #666; }
html>body div#portal ul li a#port-za { width: 251px; padding-right: 15px; padding-bottom: 0; padding-left: 0; }
div#portal ul li a#port-za:link, div#portal ul li a#port-za:visited { color: #388395; font-weight: bold; background-color: #90c8d5; border-top: 12px solid #388395; }
div#portal ul li a#port-za:hover, div#portal ul li a#port-za:focus { color: #d4f0f7; background: #388395; border-top: 12px solid #000; }
#adresse1 { line-height: 1em; background-color: #e6eef8; text-align: center; width: 800px; height: 105px; margin: 0; padding: 0; }
#adresse1 h1 { color: #666a87; font-size: 1.25em; font-weight: bold; line-height: 1.55em; margin: 0; padding-top: 52px; }
#adresse1 address   { color: #666a87; font-size: 0.95em; font-weight: bold; font-style: normal; line-height: 1.2em; margin: 0; padding: 0; }
#adresse2 { line-height: 1em; background-color: #8498bf; text-align: center; width: 800px; height: 50px; margin: 0; padding: 0; }
#adresse2 address   { color: #fff; font-size: 0.95em; font-weight: bold; font-style: normal; line-height: 1.2em; margin: 0; padding: 1.15em 0 0; }
#adresse2 a, #adresse2 a:link, #adresse2 a:visited { color: #fff; font-weight: bold; text-decoration: underline; padding-right: 2px; padding-left: 2px; }
#adresse2 a:hover, #adresse2 a:focus { color: #666a87; background-color: #e6eef8; text-decoration: none; padding-right: 2px; padding-left: 2px; }
#footer { background-color: #666a87; background-image: url(../pix/footer.gif); background-repeat: repeat-x; background-position: left top; text-align: right; width: 812px; height: 20px; margin: 0; padding: 0; }
#footer div { background-image: url(../pix/footerdiv.gif); background-repeat: no-repeat; background-position: left top; width: 30px; height: 20px; margin-right: 0; margin-left: auto; }