@charset "utf-8";
/* CSS Document */

* {	margin: 0px; padding: 0px; }
ah { color: #003399; text-decoration: none; }
a img { border: 0px; }
a { color:#009696; }
a:hover { text-decoration: underline; }

body {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../Frame/bg.gif); background-repeat:repeat-x; }

#docFrame {	width: 822px; margin: 10px auto; border: #ccc 1px solid; z-index: 100px; }

#colLeft { width: 200px; border-right: 1px #ccc solid; float: left; position: relative; overflow:hidden; }

#colMid { width: 550px; float: left; position: relative; overflow:hidden; }

#colRight
{
	width: 70px;
	border-left: 1px #ccc solid;
	float: left;
	position: relative;
}

div.footerLine
{
	border-top: 1px #ccc solid;
}

div.footerLine div
{
}

div.pageTop
{
	height: 100px;
	overflow: hidden;
}

div.pageMid
{
	height: 40px;
	border-bottom: 1px #ccc solid;
}

ul.mainNav { list-style: none;	border-top: 1px #ccc solid;	border-bottom: 1px #ccc solid;	background-color: #009999;	height: 23px; overflow:hidden; }
	ul.mainNav li {	float: left; }
		ul.mainNav li a { float: left; display: block; height: 15px; padding: 4px 0px; text-align: center; font-size: 11px; color: #ffffff; text-decoration: none; }
		ul.mainNav li a:hover { height:23px;	background-color: #ffffff;	color: #009999;	text-decoration: none;}
		ul.mainNav li a.active, ul.mainNav li a.active { float: left;	display: block;	height: 15px;	*height: 16px;	padding: 3px 0px;	text-align: center;	font-size: 11px;	text-decoration: none;	background-color: #ffffff;	color: #009999; }

		ul.main li a, ul.main li a.active {	padding: 4px 10px;	border-right: 1px #ccc solid; }

ul.leftNav
{
	list-style: none;
}

ul.leftNav li
{
	border-bottom: 1px #ccc solid;
}

ul.leftNav li div
{
	color: #003399;
	font-weight: bold;
	padding: 5px 15px;
}

ul.leftNav li a, 
ul.leftNav li a.active { height:13px; display: block; padding: 5px 0px; color: #009999; text-decoration: none; padding: 5px 15px; background-image: url(../Frame/sub_arrow.gif);	background-repeat: no-repeat; background-position: 180px 2px; }
	ul.leftNav li a.active { height:13px; color:#fff; background-color: #009999; background-image: url(../Frame/sub_arrow_lit.gif); }

ul.leftNav li a:hover {	color: #fff; background-color: #009999;	text-decoration: none; background-image: url(../Frame/sub_arrow_lit.gif); background-repeat: no-repeat;	background-position: 180px 2px; }

ul.midNav li a { display: block; padding: 5px 0px; color: #009999; text-decoration: none; padding: 5px 15px; }
	ul.midNav li a:hover { color: #fff; background-color: #009999; }


ul.midNav {	list-style: none; border-bottom: 1px #ccc solid; }
	ul.midNav li { float: left;	border-right: 1px #ccc solid; }
		ul.midNav li div { color: #666666; padding: 5px 15px; }

ul.midNav li a { display: block; padding: 5px 0px; color: #009999; text-decoration: none; padding: 5px 15px; }
ul.midNav li a.active {	display: block;	padding: 5px 0px; text-decoration: none; padding: 5px 15px;	color: #fff; background-color: #009999; }
ul.midNav li a:hover { text-decoration: none; color: #fff; background-color: #009999; }

div.midImage { border-bottom: 1px #ccc solid; }
	div.midImage img { display: block; overflow: hidden; width: 100%; }

ul.homeList { margin:0px; padding:0px; list-style:none; }
	ul.homeList li { float:left; width:130px; height:35px; padding: 95px 0px 0px 0px; cursor:pointer; text-align:center; color:#009494; }

#midContent { padding: 15px; }
#midContent h1 { color: #003399; text-transform: none; letter-spacing:normal; font-size: 14px; margin: 0px 0px 10px 0px; }

table.grid
{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
}

table.grid tr
{
	border-bottom: 1px #ccc solid;
}

table.grid 							td { padding: 4px; vertical-align: middle; }
table td.colored					{ background-color: #EFF1F8; }

table.grid tr th
{
	border-top: 1px #ccc solid;
	padding: 4px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}

ul.listing, ul.listing2 { border-top: 1px #ccc solid; list-style: none; }
	ul.listing li,ul.listing2 li {	padding: 2px 4px; border-bottom: 1px #ccc solid; }
	ul.listing li.colored {	background-color: #EFF1F8; }

table.listing2 { width: 100%; border-collapse: collapse; border-spacing: 0px; border: 0px; }
	table.listing2 tr {	}
		table.listing2 tr th {color: rgb(0, 102, 204); padding: 4px; vertical-align: top; text-align: left;	font-size: 11px; }
		table.listing2 tr td { padding: 4px; vertical-align: top; }
		table.listing2 tr.colored td, table.listing2 tr.colored th { background-color: #EFF1F8; }

#streifen1 { position: absolute; top: 10px; height: 100px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; z-index: 10; width: 100%; left: 0px; }
#streifen2 { position: absolute; top: 131px; height: 1px; border-bottom: 1px #ccc solid; z-index: 10; width: 100%; left: 0px; }


	table.contact { border-bottom: 1px #C0C0C0 solid; }
		table.contact tr td { height: 25px; }
		table.contact tr td.first, table.contact tr td.third { width: 70px; }
		table.contact tr td.second { width: 180px; padding: 1px 2px; border-top: 1px #C0C0C0 solid; border-left: 1px #C0C0C0 solid;border-right: 1px #C0C0C0 solid; }
			table.contact tr td.second input { width: 100%; border:none; height: 20px; }
		table.contact tr td.third { padding: 0px 0px 0px 8px; }
		
	div.options { padding: 4px 0px; border-top: 1px #C0C0C0 solid; border-bottom: 1px #C0C0C0 solid; }
		div.options label { margin: 0px 7px 0px 0px; }
	
	div.textarea { display: inline-block; border: 1px #C0C0C0 solid; }
	div.textarea textarea { width: 514px; border: none; padding: 2px; }

	div.submit { display: inline-block; width:520px; text-align: right; border-top: 1px #C0C0C0 solid; border-bottom: 1px #C0C0C0 solid; }
	div.submit input { border-style:none; padding: 4px 2px; cursor: pointer; color:#fff; background-color: #009999; margin: 0px; border-left: 1px #ccc solid;  }

table.grid2					{ border-collapse:collapse; }	
table.grid2 td				{ border-bottom:#CCC 1px solid; padding:5px 10px; }	

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}