/* ########## styles main ########## */

body {
	margin: 0;
	padding: 0 0 20px 20px;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}

.bodyBG {
	background-color: #03AEDA;
	background-image: url(../image/bg.jpg);
	background-repeat: no-repeat;
}
.bodyPrint { padding: 20px 10px 10px 20px; }
.bodyPopup {
	background-color: #03AEDA;
	background-image: url(../image/bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}

table {
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}
th { text-align: left; vertical-align: baseline; }
td { text-align: left; vertical-align: baseline; }

a:link { color: #00A5E3; text-decoration: underline; }
a:visited { color: #00A5E3; text-decoration: underline; }
a:hover { color: #00A5E3; text-decoration: none; }
a:active { color: #00A5E3; text-decoration: underline; }

img { display: block; border: 0; }

input, selectbox, textarea { font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; }

h1 {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	color: #00A5E3;
}

h2 {
	margin: 0 0 16px 0;
	font-size: 14px;
	font-weight: normal;
	color: #888;
}

h3 {
	margin: 0 0 12px 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

hr {
	margin: 0 0 12px 0;
	border: none;
	height: 1px;
	color: #ddd;
	background-color: #ddd;
}

p { margin: 0 0 12px 0; }
p img { display: inline; }

ul {
	margin: 0 0 12px 20px;
	padding: 0;
}
li {
	margin-bottom: 10px;
	line-height: 120%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.floatbox { overflow: hidden; }
/* Hides from IE-mac \*/
* html .floatbox { width: 100%; }
/* End hide from IE-mac */

.error { color: red; }

.posLeft {
	float: left;
	width: 48%;
}
.posRight {
	float: right;
	width: 48%;
}

/* ########## layout ########## */

.areaPage {
	margin: 0;
	background-color: #fff;
	background-image: url(../image/cap.bottom.965.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 20px 0;
	width: 965px;
}
.areaPagePrint {
	width: 100%;
}
.areaPagePopup {
	margin: auto;
	background: #fff;
	padding: 10px;
}

/* areaToolsHeader */

.areaHeaderTools {
	margin: 0 35px 0 30px;
	background-image: url(../image/cap.bottom.900.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 0;
	width: 900px;
}

/* containerLinks */

.areaHeaderTools .containerLinks {
	float: right;
	margin: 0;
	text-align: right; /* fuer editor */
}
.containerLinks,
.containerLinks a:link,
.containerLinks a:visited,
.containerLinks a:hover,
.containerLinks a:active {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}
.containerLinks .linkHome {
	display: block;
	float: left;
	margin: 0 30px 0 0;
	background-image: url(../image/icon.home.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 15px;
}
.containerLinks .linkSitemap {
	display: block;
	float: left;
	margin: 0 30px 0 0;
	background-image: url(../image/icon.sitemap.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 15px;
}
.containerLinks .linkImpressum {
	display: block;
	float: left;
	margin: 0;
	background-image: url(../image/icon.impressum.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 15px;
}

/* areaHeader */

.areaHeader {
	margin: 10px 35px 20px 0;
	padding: 0;
}
.areaHeaderPrint {
	margin-bottom: 20px;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 10px;
}

/* containerLogo */

.areaHeader .containerLogo {
	float: left;
	width: 265px;
	height: 95px;
}

/* containerImage */

.areaHeader .containerImage {
	float: left;
	width: 665px;
	height: 95px;
}

/* areaMain */

.areaMain {
	margin: 3px 35px 3px 30px;
	padding: 0;
	width: 900px;
}
.areaMainPrint {
	width: 100%;
}

/* containerNavigation */

.areaMain .containerNavigation {
	float: left;
	margin: 0 30px 0 0;
	width: 205px;
}
* html .containerNavigation { display: inline; } /* IE-Double-Float-Margin-Hack */

/* boxNav */

.containerNavigation .boxNav {
	margin: 0 0 20px 0;
	background-color: #F5F5F5;
	background-image: url(../image/cap.bottom.205.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 6px;
	width: 205px;
}
.boxNav a:link,
.boxNav a:visited,
.boxNav a:active {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.boxNav a:hover {
	font-size: 11px;
	color: #00A5E3;
	text-decoration: none;
}
.boxNav ul { margin: 0; padding: 0; }
.boxNav li { margin: 0; padding: 0; list-style: none; }
.navLevel1 li {	border-bottom: 1px dashed #CBCBCB; }
.navLevel1 li a {
	display: block;
	padding: 5px 0px 4px 20px;
	font-weight: normal;
}
.navLevel1 .selected {
	background-color: #E4E4E4;
	font-weight: bold;
}
.navLevel2 li { margin-left: 20px; border: none; border-top: 1px dashed #CBCBCB; }
.navLevel2 li a {
	display: block;
	padding: 5px 0px 4px 20px;
	font-weight: normal;
}
.navLevel2 .selected {
	background-color: #CACACA;
	background-image: url(../image/icon.navarrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	font-weight: bold;
}

/* containerContentTypeA */

.areaMain .containerContentTypeA {
	float: left;
	margin: 0 15px 0 0;
	width: 435px;
}
.areaMainPrint .containerContentTypeA {
	float: left;
	margin: 0 2% 0 0;
	width: 68%;
}
* html .containerContentTypeA { display: inline; } /* IE-Double-Float-Margin-Hack */

/* boxNavContext */

.containerContentTypeA .boxNavContext { margin: 0 0 20px 0; }
.boxNavContext a:link,
.boxNavContext a:visited,
.boxNavContext a:active {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}
.boxNavContext a:hover {
	font-size: 10px;
	color: #00A5E3;
	text-decoration: none;
}
.boxNavContext ul { margin: 0; padding: 0; }
.boxNavContext li {
	margin: 0;
	border: none;
	border-bottom: 1px solid #DEDEDE;
	padding: 0;
	width: 48%;
	list-style: none;
}
.boxNavContext .posLeft {
	float: left;
	margin-right: 2%;
}
.boxNavContext .posRight {
	float: right;
	margin-left: 1%;
}
.boxNavContext li a {
	display: block;
	background-image: url(../image/icon.navarrow_sg.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	padding: 4px 0px 3px 12px;
	font-weight: normal;
}
.boxNavContext .selected {
	background-image: url(../image/icon.navarrow_sb.gif);
	font-weight: bold;
}

/* boxNewsList */

.boxNewsList .item {
	margin: 0 0 12px 0;
	border-bottom: 1px dashed #CBCBCB;
	padding: 0 0 4px 0;
}
.boxNewsList .item .date {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #888;
}
.boxNewsList .item h3 { margin-bottom: 8px; }
.boxNewsList .item h3 a:link,
.boxNewsList .item h3 a:visited,
.boxNewsList .item h3 a:active {
	color: #333;
	text-decoration: none;
}
.boxNewsList .item h3 a:hover {
	color: #333;
	text-decoration: underline;
}

/* boxCalender */

.containerContentTypeA .boxCalender { margin: 0; }

.containerContentTypeB .boxCalender { margin: 0 0 10px; }

.boxCalender a:link,
.boxCalender a:visited,
.boxCalender a:active {
	color: #333;
	text-decoration: none;
}
.boxCalender a:hover {
	color: #00A5E3;
	text-decoration: none;
}
.boxCalender form { margin: 0; }
.boxCalender table {
	margin: 0 0 12px 0;
	width: 100%;
	font-size: 10px;
}
.boxCalender .rowHighlight {
	background-color: #eee;
}

.boxCalenderMonth th {
	background-color: #E4E4E4;
	padding: 3px 4px;
	text-align: center;
}
.boxCalenderMonth td {
	border-bottom: 1px solid #CBCBCB;
	padding: 3px 4px;
	text-align: center;
}

.boxCalenderMonth .title {
	border-bottom: 1px solid #CBCBCB;
	background-color: #fff;
	text-align: left;
}
.boxCalenderMonth .kw {
	border-right: 1px solid #CBCBCB;
}

.containerContentTypeB .boxCalenderMonth th {
	background-color: #E4E4E4;
	padding: 2px 3px;
	text-align: center;
}
.containerContentTypeB .boxCalenderMonth td {
	border-bottom: 1px solid #CBCBCB;
	padding: 2px 3spx;
	text-align: center;
}
.containerContentTypeB .boxCalenderMonth .title {
	border-bottom: 1px solid #CBCBCB;
	background-color: #fff;
	padding: 4px 3px;
	text-align: left;
}
.containerContentTypeB .boxCalenderMonth .kw {
	border-right: 1px solid #CBCBCB;
}

.boxCalenderWeek th {
	background-color: #E4E4E4;
	padding: 3px 4px;
}
.boxCalenderWeek td {
	border-bottom: 1px solid #CBCBCB;
	padding: 3px 4px;
}
.boxCalenderWeek .title {
	border-bottom: 1px solid #CBCBCB;
	background-color: #fff;
}
.boxCalenderWeek .rowTitle {
	border-right: 1px solid #CBCBCB;
}

.boxCalenderDay th {
	background-color: #E4E4E4;
	padding: 3px 4px;
}
.boxCalenderDay td {
	border-bottom: 1px solid #CBCBCB;
	padding: 3px 4px;
}
.boxCalenderWeek .rowTitle {
	border-right: 1px solid #CBCBCB;
}

.boxCalender .clearer {
	clear: both;
	display: block;
	margin: 0 0 8px 0;
	border: none;
	background-color: #fff;
	height: 0;
	color: #fff;
}

/* boxCalenderLegend */

.boxCalenderLegend {
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.boxCalenderLegend h3 {
	margin: 0 0 8px 0;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.boxCalenderLegend p {
	margin: 0;
	font-size: 10px;
}
.boxCalenderLegend .tagIdentifier {
	float: left;
	margin: 2px 0 8px;
	width: 9px;
	height: 9px;
	font-size: 1px;
}
.boxCalenderLegend .tagDescription {
	float: left;
	margin: 0 0 8px 9px;
	width: 175px;
}

/* boxGuestbookList */

.boxGuestbookList {
	margin: 0 0 8px 0;
}
.boxGuestbookList .header {
	margin: 0 0 12px 0;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	padding: 4px 0;
}
.boxGuestbookList .header .containerAuthor {
	float: left;
	margin-right: 2%;
	width: 28%;
}
.boxGuestbookList .header .containerArticle {
	float: left;
}
.boxGuestbookList .header .containerContribute {
	float: right;
}
.boxGuestbookList .item {
	margin: 0 0 12px 0;
	border-bottom: 1px dashed #CBCBCB;
}
.boxGuestbookList .item .containerAuthor {
	float: left;
	margin-right: 2%;
	width: 28%;
	font-size: 10px;
}
.boxGuestbookList .item .containerArticle {
	float: left;
	width: 69%;
}
.boxGuestbookList .item .date {
	margin: 0;
	font-size: 10px;
	color: #888;
}
.boxGuestbookList .item h3 {
	margin-bottom: 8px;
	font-size: 11px;
}

/* boxListBrowser */

.boxListBrowser {
	margin: 0 0 12px 0;
}
.boxListBrowser form { margin: 0; }
.boxListBrowser .containerBack {
	float: left;
	width: 13%;
}
.boxListBrowser .containerSelectTop,
.boxListBrowser .containerSelectBottom {
	float: left;
	margin: 0 0 0 2%;
	width: 69%;
}
.boxListBrowser .containerForward {
	float: right;
	width: 13%;
	text-align: right;
}
.boxListBrowser .containerBack a,
.boxListBrowser .containerForward a {
	display: block;
	border: 1px solid #ccc;
	background-color: #ddd;
	padding: 2px 6px 3px;
	text-align: center;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.boxListBrowser .containerBack a:hover,
.boxListBrowser .containerForward a:hover {
	background-color: #eee;
	color: #00A5E3;
	text-decoration: none;
}
.boxListBrowser .offline {
	display: block;
	border: 1px solid #ccc;
	background-color: #ddd;
	padding: 2px 6px 3px;
	text-align: center;
	color: #aaa;
	font-weight: bold;
}
.containerSelectTop .boxTextLabel {
	float: left;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
	text-align: center;
}
.containerSelectTop .selected {
	border: 1px solid #ccc;
	border-bottom: none;
	padding-top: 2px;
	font-weight: bold;
}
.containerSelectBottom .boxTextLabel {
	float: left;
	display: block;
	border-top: 1px solid #ccc;
	padding: 3px 10px;
	text-align: center;
}
.containerSelectBottom .selected {
	border: 1px solid #ccc;
	border-top: none;
	padding-bottom: 2px;
	font-weight: bold;
}
.containerSelectTop a,
.containerSelectBottom a { text-decoration: none; }
.containerSelectTop a:hover,
.containerSelectBottom a:hover { text-decoration: underline; }

/* boxSitemap */

.boxSitemap li {
	margin-bottom: 20px;
	list-style: none;
}
.boxSitemap .level1,
.boxSitemap .level1 a:link,
.boxSitemap .level1 a:visited,
.boxSitemap .level1 a:active  {
	font-size: 14px;
	font-weight: bold;
	color: #00A5E3;
	text-decoration: none;
}
.boxSitemap .level1 a:hover {
	color: #333;
	text-decoration: none;
}
.boxSitemap .level2,
.boxSitemap .level2 a:link,
.boxSitemap .level2 a:visited,
.boxSitemap .level2 a:active {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.boxSitemap .level2 a:hover {
	color: #00A5E3;
	text-decoration: none;
}
.boxSitemap .level2 li {
	margin-top: 3px;
	margin-bottom: 0;
}

/* containerContentTypeB */

.areaMain .containerContentTypeB {
	float: left;
	margin: 0;
	width: 215px;
}
.areaMainPrint .containerContentTypeB {
	float: left;
	margin: 0;
	width: 30%;
}

/* boxNewsTeaserList */

.containerContentTypeB .boxNewsTeaserList {
	margin: 0 0 20px 0;
	background-color: #F5F5F5;
	background-image: url(../image/cap.bottom.215.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 6px;
	width: 215px;
}
.boxNewsTeaserList img { display: inline; }
.boxNewsTeaserList .header {
	margin: 0;
	background-image: url(../image/bg.header.news.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0;
	width: 215px;
	text-align: center;
}
.boxNewsTeaserList .header h2 {
	margin: 0;
	font-size: 11px;
	color: #fff;
	text-transform: capitalize;
}
.boxNewsTeaserList .item {
	margin: 0;
	border-bottom: 1px dashed #CBCBCB;
	padding: 10px 5px 5px 10px;
}
.boxNewsTeaserList .item .date {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #888;
}
.boxNewsTeaserList .item h3 {
	margin-bottom: 8px;
	font-size: 11px;
}
.boxNewsTeaserList .item p {
	margin-bottom: 8px;
	font-size: 11px;
}
.boxNewsTeaserList .item .linkMore {
	margin: 0;
	text-align: right;
}

/* areaFooter */

.areaFooter {
	margin: 3px 35px 3px 30px;
	width: 900px;
}
.areaFooterPrint { width: 100%; }

/* containerTools */

.areaFooter .containerTools {
	position: relative;
	float: left;
	margin: -20px 0 0;
	width: 205px;
}
.containerTools a:link,
.containerTools a:visited,
.containerTools a:hover,
.containerTools a:active {
	font-size: 10px;
	color: #9A9A9A;
	text-decoration: none;
}
.containerTools .linkTop {
	display: block;
	margin: 0 0 5px;
	background-image: url(../image/icon.top.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 15px;
}
.containerTools .linkPrint {
	display: block;
	margin: 0 0 5px;
	background-image: url(../image/icon.print.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 15px;
}

/* containerCopyright */

.areaFooter .containerCopyright {
	float: right;
	margin: 0;
	width: 245px;
	font-size: 10px;
	color: #9A9A9A;
}
.areaFooterPrint .containerCopyright {
	font-size: 10px;
	color: #9A9A9A;
}

/* ########## boxes ########## */

.containerContentTypeB .boxSection {
	background-color: #F5F5F5;
	padding: 5px;
	width: auto;
}

.boxText p { line-height: 150%; }
.boxText table {
	margin-bottom: 12px;
	width: 100%;
}
.boxText th,
.boxText td {
	border-bottom: 1px solid #CBCBCB;
	padding: 3px 6px;
}
.boxText .tbl_hd1 { background-color: #fff; }
.boxText .tbl_hd2 { background-color: #F5F5F5; }
.boxText .tbl_td1 {
	border-right: 1px solid #CBCBCB;
	background-color: #fff;
}
.boxText .tbl_td2 { background-color: #fff; }

.boxImageBlock { margin: 0 0 10px; }
.containerContentTypeB .boxImageBlock {
	margin: 0;
	background-color: #F5F5F5;
	padding: 5px;
}
.boxImageBlock img { display: inline; }

.boxImageInline {
	margin-bottom: 10px;
	font-size: 10px;
	color: #808080;
}
.boxImageInline a,
.boxImageInline a:link,
.boxImageInline a:visited { color: #808080; }
.boxImageInline a:hover { color: #143D66; }
.boxImageInline img { margin-bottom: 6px; }
.boxImageInline p { line-height: 120%; }


/* ########## boxControl ########## */

.ruler {
	margin-bottom: 12px;
	border-bottom: 1px dashed #CBCBCB;
}
.rulerPB {
	margin-bottom: 12px;
	border-bottom: 1px dashed #CBCBCB;
	padding-bottom: 12px;
}

.floatLeft {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
}

.marginLeft { margin-right: 20px; }
.marginRight { margin-left: 20px; }


/* ########## forms ########## */

.frm { margin: 0 0 12px; }
.frm .boxFormElement { margin: 0 0 5px 0; } 
.boxFormElement .containerLabel {
	float: left;
	margin-right: 2%;
	width: 28%;
}
.boxFormElement .containerInput {
	float: left;
	width: 69%;
}
.boxFormElement .containerInputNoLabel { margin: 0 0 0 30%; }
.boxFormElement .error { margin-top: 2px; }
.boxFormElement label { display: inline; }
.boxFormElement input,
.boxFormElement textarea,
.boxFormElement selectbox  { border: 1px solid #aaa; }
.inputTypeA { width: 250px; }
.textareaTypeA { width: 250px; }
.btnTypeA {
	display: inline;
	border: 1px solid #aaa;
	background-color: #ddd;
}


/* ########## calender ########## */

.tag1 { background-color: #FF9789; }
.tag2 { background-color: #FFE289; }
.tag3 { background-color: #E7FF89; }
.tag4 { background-color: #89FF9C; }
.tag5 { background-color: #89FFDC; }
.tag6 { background-color: #89F8FF; }
.tag7 { background-color: #89A2FF; }
.tag8 { background-color: #FF89FB; }
.tag9 { background-color: #D2D2D2; }
.tag10 { background-color: #A3A3A3; }