* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;	
}

body {
	height: 100%;
	font: 16px normal "Lucida Grande", Helvetica, Arial, sans-serif;
	background: #fbfbfd url(../images/bg_body.png) repeat-x left 106px;
	color: #003960;
}

img {
	border:  0;
}

#wrapper {
	min-height: 100%;

}

/* @group header */
#headWrapper {
	background: url(../images/bg_header.png) repeat-x;
	position: relative;	
}
#header {
	width:  950px;
	margin: 0 auto;
}
#logo {
	padding: 7px 7px 6px 7px;	
}
#navigation {
	/*overflow: hidden;*/
	height: 26px;
}

#nav, 
#nav ul {padding:0; margin:0; list-style:none; background:url(transparent.gif); position:relative; z-index:100; font-size:  12px;}
#nav {height:26px;padding:0;}
#nav table {border-collapse:collapse;}
#nav li {
	float:left;
	border-left: 1px solid #7ac664;
	border-right: 1px solid #428130;
}
#nav li li {float:none; border:  0;background: url(../images/bw_30.png) repeat-x bottom;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; height:26px; padding:0 10px; line-height:26px; text-decoration:none; white-space:nowrap;color: #fff;}
#nav li li a {height:26px; line-height:26px; float:none; color:  #000;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100;background: url(../images/bg_navi_hover.png) repeat-x;} /* BG */
#nav li:hover > a {color: #fff;} /* BG */

#nav :hover  ul {left:0; top:26px; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;background: url(../images/bg_navi_sub.png) no-repeat right bottom;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {} /* BG */

#nav li a:hover ul li a:hover {} /* BG */

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/* @end */

#path {
	width:  950px;
	margin: 0 auto;
	line-height: 28px;
	color: #003960;
	font-size: 10px;
	clear: left;
}

/* @group Layout */
#layout {
	width:  950px;
	margin: 0 auto;
	background: url(../images/bg_layout.png);
	overflow: hidden;
	margin-bottom: 100px;
}
#colLeft {
	width: 175px;
	float: left;
	padding: 0 10px;
}
#colCenter {
	width: 540px;
	float: left;
	margin: 0 10px;

}
#colRight {
	width: 175px;
	float: left;
	padding: 10px 10px;
}


/* @end */

/* @group col left */
#colLeft ul {
	list-style: none;
}
#colLeft li {
	border-bottom: 5px solid #56a73f;
	padding: 10px 0;
}
#colLeft h2 {
	font-size: 14px;
	margin-bottom: 10px;
}

#colLeft label {
	display: block;
	font-size: 10px;
}

#colLeft input.text {
	width: 167px;
	border: 0;
	background: #c9e8c1;
	padding: 4px;
}

#colLeft input.submit {
	margin: 0;
	padding: 1px;
	background: transparent url(../images/icon_submit.png) no-repeat left center;
	padding-left: 12px;
	border: 0;
	font-size: 10px;
	color: #003960;
	margin-top: 3px;
}

#colLeft ul ul {
	margin: 0;
	padding: 0;
	width: 174px;
}

#colLeft ul ul li {
	padding: 0 0 6px 0;
	border: 0;
}

#apps a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #003960;
	padding: 2px 0 2px 18px;
	width: 156px;
}

#apps a small {
	font-size: 10px;
}
#apps a:hover {
	text-decoration: underline;
}

/* @end */

/* @group center */
#welcome {
	border-bottom: 10px solid #e5ecf3;
}
#appointments {
	padding: 10px;
	overflow: hidden;
}
#appointments h2 {
	font-size: 18px;
	border-bottom: 5px solid #56a73f;
	padding-bottom: 10px;
}

#appointments a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #003960;
	line-height: 13px;
}

#appointments .dates {
	width: 255px;
}

#appointments .left {
	float: left;
}

#appointments .right {
	float: right;
}

#appointments ul {
	list-style-type: none;
	margin: 5px 0 0 0;
}

#appointments ul li{
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #56a73f;
	overflow: hidden;
}

#appointments .datum {
	float: left;
	background: url(../images/bg_datum.png) no-repeat;
	color: #fff;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 27px;
	height: 25px;
	padding-top: 2px;
	margin-right: 5px;
}

#appointments .datum span {
	display: block;
}

#appointments .datum span.day {
	line-height: 14px;
	font-size: 14px;
}

#appointments .datum span.month {
	font-size: 9px;
	line-height: 9px;
}


#newsFull, #newsList {
	padding: 10px;
	font-size: 12px;
	line-height: 14px;
}

#newsFull h1, #newsList h1 {
	font-size: 18px;
	border-bottom: 5px solid #56a73f;
	margin-bottom: 1em;
	line-height: 20px;
	padding-bottom: 10px;
}

#newsFull h2, #newsList h2 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 1em;
}

#newsFull h3, #newsList h3 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 1em;
}


#newsFull p, #newsList p {
	margin-bottom: 1em;
}

#newsFull ul, #newsList ol {
	margin-left: 3em;
	margin-bottom: 1em;
}
#newsFull #appointments ul{
	margin-left: 0;
}

#newsFull #appointments{
	padding: 0 10px;
}


/* @end */

/* @group newsList */
#newsList ul {
	list-style: none;
}
#newsList li {
	border-bottom: 1px solid #56a73f;
	padding: 10px 0;
	overflow:hidden;
}

#newsList h2 {
	font-size: 12px;
	margin-bottom: 5px;
	background: url(../images/bg_h2.png) no-repeat left center;
	padding-left: 16px;
	line-height: 12px;
}

#newsList p {
	font-size: 11px;
}
#newsList a {
	color: #003960;
	text-decoration: none;
}

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

#newsList img {
	float:left;
	margin-right: 10px;
}
/* @end */

/* @group colRight */

#colRight ul {
	list-style: none;
}
#colRight li {
	border-bottom: 5px solid #56a73f;
	padding: 10px 0;
}
#colRight li.short {
	border-bottom: 0px solid #56a73f;

}

#colRight li.more {
	font-size: 12px;
	margin-bottom: 5px;
	background: url(../images/bg_h2.png) no-repeat right center;
	padding-right: 10px;
	line-height: 12px;
}


#colRight h1 {
	font-size: 14px;
}

#colRight h2 {
	font-size: 12px;
	margin-bottom: 5px;
	background: url(../images/bg_h2.png) no-repeat left center;
	padding-left: 16px;
	line-height: 12px;
}

#colRight p {
	font-size: 11px;
}
#colRight a {
	color: #003960;
	text-decoration: none;
}

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

/* @end */





#footerWrapper {
	margin-top: -80px;
	background: url(../images/bg_footer.png) repeat-x;
	height: 80px;
	position: relative;
}

#footer {
	width:  950px;
	margin: 0 auto;
}
#footer a {
	color: #003960;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
#footer div {
	float: left;
	font-size: 10px;
	margin-top: 10px;
}

#footer .col1 {
	width: 185px;
	margin-right: 10px;
	padding-left: 10px;
}
#footer .col2 {
	width: 255px;
	margin-right: 10px;	
	padding-left: 10px;
}
#footer .col3 {
	width: 255px;
	margin-right: 10px;	
	padding-left: 10px;
}
#footer .col4 {
	width: 185px;
	padding-left: 10px;
}


.alignRight {
	text-align: right;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:left;
}


/* @group icons */
.private {
	padding-left: 18px;
	background: url(../images/icon_private.png) no-repeat;
}
.links {
	padding-left: 18px;
	background: url(../images/icon_links.png) no-repeat left center;
}
.news {
	padding-left: 18px;
	background: url(../images/icon_news.png) no-repeat;
}

.reg {
	padding-left: 18px;
	background: url(../images/icon_reg.png) no-repeat left center;	
}
.cat {
	padding-left: 18px;
	background: url(../images/icon_cat.png) no-repeat left center;	
}
.data {
	padding-left: 18px;
	background: url(../images/icon_data.png) no-repeat left center;	
}
.exan {
	padding-left: 18px;
	background: url(../images/icon_asterisk_orange.png) no-repeat left center;	
}
.zuecht {
	padding-left: 18px;
	background: url(../images/icon_group.png) no-repeat left center;	
}


/* @end */


table.marktinfo {
	border:  0;
	border-collapse: collapse;
	border: 2px solid #003960;
}

table.marktinfo th {
	background: #56a73f;
	color: #fff;
	font-size: 11px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 2px;
}

table.marktinfo td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
	padding: 2px;
}

/* logged */
div.logged {
	font-size: 12px;
}

div.logged a{
	background:transparent url(../images/bg_h2.png) no-repeat;
	padding-left: 16px;
	text-decoration: none;
	color: #003960;
}

div.logged a:hover{
	text-decoration: underline;
}