/* ######################################################################################################
** ### General ###########################################################
** ######################################################################################################
*/
a, body, fieldset, form, h1, h2, h3, h4, h5, h6, img, label, li, ol, option, p, select, table, td, th, ul { margin:0; border:0; padding:0; }
body { margin:0 0 0 30px; background-color:#fff; }
body,td,th,p,a,ul,ol,li { font-family:arial, helvetica, sans-serif; font-size:12px; color:#666366; }

#contentArea p, #contentArea li {line-height:18px;}
#infoArea p, #infoArea li {line-height:18px;}

input, select { border:1px solid #b2b1b2; padding:2px 0 1px 3px; color:#000000; font-size:11px; font-family:arial, helvetica, sans-serif; }
ul, ul li { list-style:none; }
a { color: #9C301A; text-decoration: underline; }
a:hover { color: #9C301A; text-decoration: none; }
/* Link */
.download, .pdflink, .printlink, .internal-link, .news-amenu-container a, .external-link-new-window,
.arrow, .metaBox a, .metaNews a, .pageLinkList ul li a, .pageParagraph p a, .teaserBoxLink, 
.user-pagenav-pi1 a, .metaLinkList li a, .pageLinks a, #contentArea p a, 
#contentArea .bodytext a, 
.user-eossearch-pi1 .formRow a, .news-list-item a, .news-single-item a 
{ margin-left:1px; padding-left:15px; background:url(images/arrow.gif) no-repeat 0px 2px; }
.reverse{background:url(../../images/rev06/arrow_back.gif) no-repeat 0px 2px;}

.error { color:#9C301A;font-weight:bold }
/* wrapper */
#wrapper { width:888px;_width:930px; }

/*
html #contentArea h1 { height:28px; }
*/

/* ######################################################################################################
** ### Meta-Links ###########################################################
** ######################################################################################################
*/
#metaLinks {clear: both; margin:80px 0px 20px 0px; /* position:relative; */ width:auto;text-align:center;color:#999;}
#metaLinks a {color:#999;white-space:nowrap;}

/* ######################################################################################################
** ### Footer #####################################################
** ######################################################################################################
*/
#footer {margin:40px 0px 40px 30px;position:relative;width:auto;}


/* ######################################################################################################
** ### Meta-Navigation ###########################################################
** ######################################################################################################
*/
#metaNav { width:646px; margin-top:10px; padding-bottom:10px; text-align:right; }
	#metaNav a { padding:0 6px 0 6px; color:#666366; background:url(images/metaNav_pipe.gif) no-repeat 100% 50%; font-size:11px; text-decoration:underline; }
	#metaNav a:hover { color:#9c301a }
	#metaNav a.langimg { margin:0; padding:0; background:none; }
	#metaNav a.pdflink { margin:0; padding:0; background:none; }
	#metaNav a.printlink { margin:0; padding:0; background:none; }
	#metaNav a img { margin:0 0 1px 3px; vertical-align:bottom; }

/* ######################################################################################################
** ### Navigation + Logo + Suche ###########################################################
** ######################################################################################################
*/
#navigationArea { float:left; width:136px; height:100%; }
#menu { width:136px;  }
#logo { margin:0 0 20px 0; padding:0; }
	/* navigation Items */	
	#navigationArea ul li { display:inline; }
	#navigationArea ul li a { display:block; background-color:#e7e7e7; font-size:11px; font-weight:bold; color:#666366; text-decoration:none; line-height:14px;}
	#navigationArea ul li a span, .LoginControl, .UserControl { display:block; margin-bottom:5px; padding:5px 3px 5px 5px;  }
	#navigationArea ul li a:hover { background-color:#9c301a; color:#fff; }
	#S400, #S461, #S546, #S584, .LoginControl, .UserControl { background-color:#D97300; color:#fff; font-weight:bold; }
	#navigationArea ul li.open a { display: block; background-color: #9C301A; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px; }
	#navigationArea ul li.open a:hover { background-color: #9C301A; color: #FFFFFF; text-decoration: none; }

	/* 2. Ebene */
	#navigationArea ul li.open ul li a { background-color:#FFFFFF; color:#666366; padding-left:15px; padding-top:0px; padding-bottom:0px; font-weight:normal; margin-top:0px; margin-right:0px; margin-bottom: 2px; margin-left:0px; background-repeat:no-repeat; background-position:4px 0px; background-image:url(images/dotred.gif); }
	#navigationArea ul li.open ul li a span.hmenu{ display:block; margin:0px; padding:0px; }
	#navigationArea ul li.open ul li a:hover { color:#9C301A; text-decoration:underline; background-color:#FFFFFF; }
	#navigationArea ul li.open ul li.open a { font-weight:bold; color:#9C301A; }
	#navigationArea ul li.open ul li.open a:hover { }
	/* 3. Ebene */
	#navigationArea ul li.open ul li.open ul li a { font-weight:normal; color:#666366; margin-left:8px; background:url(images/line.gif) no-repeat 8px 1px; }
	#navigationArea ul li.open ul li.open ul li a:hover { color:#9C301A; }
	#navigationArea ul li.open ul li.open ul li.open a { font-weight:bold; color:#9C301A; background-image:none; }
	#navigationArea ul li.open ul li.open ul li.open a:hover { color:#9C301A; }
	/* 4. Ebene */
	#navigationArea ul li.open ul li.open ul li.open ul li a { font-weight:normal; color:#666366; margin-left:16px; background:url(images/line.gif) no-repeat 8px 1px; }
	#navigationArea ul li.open ul li.open ul li.open ul li a:hover { color:#9C301A; }
	#navigationArea ul li.open ul li.open ul li.open ul li.open a { font-weight:bold; color:#9C301A; background-image:none; }
	#navigationArea ul li.open ul li.open ul li.open ul li.open a:hover { color:#9C301A; }

	#navigationArea #loginArea ul li .LoginControl, #navigationArea #loginArea ul li .UserControl { background-color:#D97300; color:#fff; font-weight:bold; }


/* Search Box */
#searchBox { border:1px solid #B2B1B2; margin:15px 0 0 0; }
#searchBox h3, #searchBox p, #searchBox form, #dnn_dnnSEARCH_ClassicSearch { margin:2px 5px 3px 5px; }
#searchBox h3 { color:#9C301A; font-size:12px; }
#searchBox p { font-size:11px; }
#searchBox form  { margin-top:5px; }
#searchBox form .search, #dnn_dnnSEARCH_txtSearch { width:85px; }
#searchBox form .button, #dnn_dnnSEARCH_cmdSearch { height:19px; width:30px; border:none; padding:0; color:#FFFFFF; background-color:#9C301A; font-size:11px; text-align:center; font-weight:bold;}
#dnn_dnnSEARCH_cmdSearch { padding:4px 5px; }
#dnn_dnnSEARCH_ClassicSearch { display:block; padding-bottom: 4px; }

/* Left Col */
#metaOuterBoxLeft {
	/*
	border:0px solid #B2B1B2;
	margin:15px 0 0 0;
	position: absolute;
	left: auto;
	top: 526px;
    */
    width: 160px;
}
#metaOuterBoxLeft h4, #metaOuterBoxLeft p, #metaOuterBoxLeft form  { /* margin:2px 5px 3px 5px; */ margin:2px 0px 3px 0px; }
#metaOuterBoxLeft h4 { color:#9C301A; font-size:11px; font-weight: normal; }
#metaOuterBoxLeft p { font-size:11px; }
#metaOuterBoxLeft form  { margin-top:5px; }
#metaOuterBoxLeft form .search { width:85px; }
#metaOuterBoxLeft form .button { height:19px; width:30px; border:none; padding:0; color:#FFFFFF; background-color:#9C301A; font-size:11px; text-align:center; font-weight:bold; }

/* Left Col 2 */
img.leftcol2			{margin-top: 10px;}

/* ######################################################################################################
** ### Content-Elemente ###########################################################
** ######################################################################################################
*/
#contentArea { float:left; width:550px; }
.contentBox { margin:0 40px 0 30px; }
	/* Headline + Text */
	#contentArea h1, #contentArea .news-single-item #date { margin:15px 0 5px 0; font-size:12px; font-weight:bold; }
	#contentArea h3 { margin:15px 0 5px 0; font-size:12px; font-weight:bold; }
	#contentArea h5, #contentArea .news-single-item h1 { min-height:28px; margin:0 0 13px 0; font-size:24px; font-weight:normal;  }
	#contentArea h2, #contentArea .csc-header { font-size:20px; font-weight:normal; }
	#contentArea h4 { margin:0 0 5px 0; font-size:12px; font-weight:bold; }	
	#contentArea h4.middle { margin:0 0 5px 0; font-size:14px; font-weight:bold; }	

	.EOSyellow #contentArea h1, .EOSyellow #contentArea h2, .EOSyellow #contentArea .csc-header .colour, #contentArea h2 .yellow {color: #FCC917;}
	.EOSorange #contentArea h1, .EOSorange #contentArea h2, .EOSorange #contentArea .csc-header .colour, #contentArea h2 .orange {color: #D97300;}
	.EOSred #contentArea h1, .EOSred #contentArea h2, .EOSred #contentArea .csc-header .colour, #contentArea h2 .red {color: #9C301A;}
	.EOSgreen #contentArea h1, .EOSgreen #contentArea h2, .EOSgreen #contentArea .csc-header .colour, #contentArea h2 .green {color: #4F8C0D;}
	.EOSblue #contentArea h1, .EOSblue #contentArea h2, .EOSblue #contentArea .csc-header .colour, #contentArea h2 .blue {color: #002E63;}
	.EOSgrey #contentArea h1, .EOSgrey #contentArea h2, .EOSgrey #contentArea .csc-header .colour, #contentArea h2 .grey {color: #666366;}	
	
	#contentArea p { padding:0px; margin:5px 0px 10px 0px; }	
	/* Listen */	
	#contentArea ul { margin-bottom:10px; }	
	#contentArea ol { margin-bottom:10px; margin-left:22px;}	
	#contentArea ol li { margin-bottom:5px; }	
	#contentArea ul li { background-repeat:no-repeat; background-position:left top; list-style:none; margin:0 0 3px 0; padding:0px 0px 0px 10px; }
	.EOSred #contentArea ul li { background-image: url(images/dotred.gif); }
	.EOSorange #contentArea ul li { background-image: url(images/dotorange.gif); }
	.EOSblue #contentArea ul li { background-image: url(images/dotblue.gif); }
	.EOSgreen #contentArea ul li { background-image: url(images/dotgreen.gif); }
	.EOSyellow #contentArea ul li { background-image: url(images/dotyellow.gif); }
	.EOSgrey #contentArea ul li { background-image: url(images/dotgrey.gif); }	
	/* Tabelle */
	#contentArea .page2ColTab { width:478px; border:1px solid #B2B1B2; border-width:1px 1px 0 1px; margin-bottom:10px; }
	#contentArea .page2ColTab td { width:300px; vertical-align:top; border-bottom:1px solid #b2b1b2; padding:10px; }
	#contentArea .page2ColTab td.image { text-align:center; padding:10px 0 0 0px; width:150px; margin-right:20px; border-right:1px solid #b2b1b2; }
	#contentArea .page2ColTab .first { padding:10px 0 0 10px; width:150px; margin-right:20px; border-right:1px solid #b2b1b2; }
	#contentArea .page2ColTab .first h4 { color:#9C301A; }
	#contentArea .page2ColTab .td .bodytext { margin-top:0; }
	#contentArea .page2ColTab span { display:block; line-height:18px; }
	
	/* Box-Eigenschaften */
	#contentArea .pageList, #contentArea .pageLinkList { display: block; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
	#contentArea .pageLinkList ul li, #contentArea .metaLinkList ul li { margin: 0px; padding: 0px; background-image: none; }
	/* Teaser Rubrikeinstiegsseite */
	#contentArea .teaserBox td { }
	#contentArea .teaserBox { width:232px; float:left; height:120px; border:1px solid #B2B1B2; margin: 0px 6px 6px 0px; padding: 0px; }
	#contentArea .teaserBox .teaserBoxTitle { padding:10px 0 3px 0; margin-left:10px; }
	#contentArea .teaserBox .teaserBoxTitle a { color: #9C301A; font-size:16px; font-weight:bold; text-decoration:none; }
	
	#contentArea .teaserBox .teaserBoxAbstract { margin:0 0 5px 10px; padding:0px 5px 0px 0px; font-size:11px;  line-height:14px;}
	#contentArea .teaserBox .teaserBoxAbstract p {font-size: 11px !important; line-height: 14px !important; margin: 0; padding: 0;}
	#contentArea .teaserBox .teaserBoxLink { margin-left:10px; padding:0 0 5px 16px; font-size:11px; }
	/* Text und Bild */
	#contentArea .imageBox, #contentArea .twoCols, #contentArea .threeCols { margin:10px 0; border:1px solid #B2B1B2; padding:10px; }
	#contentArea .csc-frame { margin:10px 0; }
	#contentArea .csc-frame h2 { margin-bottom:10px; }
	#contentArea .csc-frame .csc-textpic { margin:0; }	
	#contentArea .csc-frame-frame1 .csc-textpic-intext-left-nowrap .csc-textpic-text { border:none; padding:0 0px 0px 10px; }	
	#contentArea .csc-frame .csc-textpic-left { padding:0 10px 0 0; }
	#contentArea .csc-frame-frame1 { border:1px solid #B2B1B2; padding:10px; }	
	#contentArea .csc-frame-frame2 img { margin-bottom:10px; border:1px solid #B2B1B2; padding:10px; }

	#contentArea .csc-frame .csc-textpic-left { padding:0 10px 0 0; }
	.csc-textpic-center div{ margin:auto; }
	#contentArea .csc-frame-frame1 { border:1px solid #B2B1B2; padding:10px; }	
	#contentArea .csc-frame-frame2 img { margin-bottom:10px; border:1px solid #B2B1B2; padding:10px; }
	#contentArea .twoCols td, #contentArea .threeCols td { vertical-align:top; }
	#contentArea .twoCols .imageBox, #contentArea .threeCols .imageBox { margin:0; border:none; padding:0; }	
	#contentArea .twoCols .imageBox img, #contentArea .threeCols .imageBox img, #contentArea .imageBox3 img { margin:0 8px 8px 0; }
	#contentArea .twoCols td h4, #contentArea .twoCols td p, #contentArea .twoCols td a, #contentArea .twoCols td li { font-size:11px; }
	#contentArea .threeCols td h4, #contentArea .threeCols td p, #contentArea .threeCols td a, #contentArea .threeCols td li { font-size:11px; }
	#contentArea .twoCols .left { width:49%; border-right:1px solid #B2B1B2; padding-right:10px; }
	#contentArea .twoCols .right { width:49%; padding-left:10px; }
	#contentArea .threeCols .left { width:48%; border-right:1px solid #B2B1B2; padding-right:1%; }
	#contentArea .threeCols .imageBox3 img { float: left; }
	#contentArea .threeCols .center { width:24%; border-right:1px solid #B2B1B2; padding:0 1%; }
	#contentArea .threeCols .right { width:23%; padding-left:1%; }
	
	/* Reiternavigation */
	#contentArea #pageTabBox ul { height:33px; margin-bottom:0px; border-bottom:1px solid #B2B1B2; background-image:none; }
	#contentArea #pageTabBox ul li { float:left; display:inline; height:29px; margin-right:5px; padding:3px 10px 0px 10px; background-image:none; }
	#contentArea #pageTabBox ul li.tabPas { border:1px solid #B2B1B2; background-color:#dadada; color:#606163; }
	#contentArea #pageTabBox ul li.tabAct { border:1px solid #B2B1B2; border-bottom:1px solid #fff; background-color:#fff; }
	#contentArea #pageTabBox ul li.tabPas a { color:#666366; font-size:11px; font-weight:bold; text-decoration:none; }	
	#contentArea #pageTabBox ul li.tabAct a { color:#9C301A; font-size:11px; font-weight:bold; text-decoration:none; }
	#contentArea #pageTabBox ul li a:hover { color:#9C301A; font-size:11px; font-weight:bold; text-decoration:underline; }
	#contentArea #pageTabBox #tabBoxCont { min-height:150px; overflow:visible; margin:0 0 10px 0; border:1px solid #B2B1B2; border-width:0 1px 1px 1px; padding:10px; z-index:1; }
	#contentArea #pageTabBox .tabBoxShow { display:block; }
	#contentArea #pageTabBox .tabBoxHide { display:none; }
	
	/* Formular */
	.user-eosform-pi1, .user-eossearch-pi1 { border:1px solid #b2b1b2; padding:10px; }
	.user-eosform-pi1 .formRow, .user-eossearch-pi1 .formRow { width:100%; margin-bottom:6px; }
	.user-eosform-pi1 .formRow label, .user-eossearch-pi1 .formRow label { float:left; width:200px; margin-right:10px; font-weight:bold; }
	.user-eosform-pi1 .formRow input.small, .user-eossearch-pi1 .formRow input.small { width:30px }
	.user-eosform-pi1 .formRow input.midsmall, .user-eossearch-pi1 .formRow input.midsmall { width:52px; } 
	.user-eosform-pi1 .formRow input.medium, .user-eossearch-pi1 .formRow input.medium { width:116px; }
	.user-eosform-pi1 .formRow input.midlong, .user-eossearch-pi1 .formRow input.midlong { width:180px; }
	.user-eosform-pi1 .formRow input.long, .user-eossearch-pi1 .formRow input.long { width:240px; }
	.user-eosform-pi1 .formRow select.small, .user-eossearch-pi1 .formRow select.smal { width:60px; }	
	.user-eosform-pi1 .formRow select.long, .user-eossearch-pi1 .formRow select.long { width:245px; }
	.user-eosform-pi1 .formRow textarea.long { width:240px; height:100px; }
	.user-eosform-pi1 .formRow .checkbox, .user-eossearch-pi1 .formRow .checkbox { border:0; }
	.user-eosform-pi1 .checkboxRow input { float:left; margin:0 5px 0 0; border:0; padding:0; }
	.user-eosform-pi1 .checkboxRow label { width:92%; margin-right:0px; }
	.user-eosform-pi1 .formRow .button, .user-eossearch-pi1 .formRow .button { width:100px; height:19px; margin-top:10px; border:0px; padding:0px; color:#FFFFFF; background:#9C301A url(images/arrow.gif) no-repeat 4px 4px; font-size:11px; text-align:center; font-weight:bold; }
	.user-eosform-pi1 .formRow .buttonRight { margin-left:40px; }	
	#contentArea .pageIntro { margin-top:45px; }
	.user-eossearch-pi1 .formRow label { width:120px; }
	.user-eossearch-pi1 .formRow .buttonRight { margin-top:0px; margin-left:10px; vertical-align:top; }
	.user-eossearch-pi1 .formRow select.medium { width:146px; }
	.user-eossearch-pi1 .formRow select.long { width:298px; }
	.user-eossearch-pi1 .formRow input.checkbox { border:0; }
	.loginForm { width:310px; border:0; }
	.loginForm .formRow label { width:170px; }
	.loginForm .formRow .buttonRight { float:right; margin-top:0px; margin-right:10px; vertical-align:top; }
	/* Sitemap */
	.sitemap { margin: 0px 0px 10px 0px; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #B2B1B2; border-right-color: #B2B1B2; }
	.sitemap table.data { height: 100%; width: 100%; margin: 0px; padding: 0px; }
	.sitemap table.data td { width: 50%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B2B1B2; padding: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #B2B1B2; }
	.sitemap table.data tr td table { width: 250px; margin: 0px; padding: 0px; }
	.sitemap table.data tr td table tr td{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; }
	.sub1 { color:#666366; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left 2px; padding-left: 14px; }
	.sub2 { color:#666366; background-image: url(images/line.gif); background-repeat: no-repeat; background-position: 14px 2px; padding-left: 20px; }
	.sitemapM { font-weight: bold; }
	.sitemap table.data tr td a { text-decoration: none; }
	.sitemap u { color: #9C301A; text-decoration: underline; }
	/* Glossar */
	#letters { width:480px; margin-bottom:15px; }
	#letters a, #letters span { text-decoration:none;float:left; display:block; width:30px; margin:0 3px 3px 0; border:1px solid #B2B1B2; padding:5px 0; text-align:center; }
	#letters a:hover { color:#fff;background-color:#9C301A; }
	#letters a.sel { color:#fff;background-color:#9C301A; }
	/* FAQs */
	.tx-irfaq-pi1 {padding-bottom: 10px; }
	.IRFAQTable {}
	.IRFAQTD1 { padding-bottom:5px;text-align: left; vertical-align: middle; color:#9C301A;text-decoration:underline;cursor:pointer;}
	.IRFAQTD1 img { float: left; margin-right: 6px; margin-top: 2px; }
	.IRFAQTD2 .pageParagraph{ margin:0 0 10px 0;padding:10px; border:1px solid #B2B1B2;}
	/* Contactlist */
	.page3ColTab { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B2B1B2; padding: 0px; width: 480px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
	.page3ColTabTable { width: 480px; padding: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #B2B1B2; margin: 0px; }
	.page3ColTabTable #Title1 , .page3ColTabTable #Title2 , .page3ColTabTable #Title3 { font-size: 12px; font-weight: bold; margin: 0px; padding: 3px; color: #666366; }
	.page3ColTabTable #Title1 { width: 240px; height: 14px;}
	.page3ColTabTable #Title2 { width: 110px; height: 14px;}
	.page3ColTabTable #Title3 { width: 130px; height: 14px;}
	.page3ColTabTable #Title1, .page3ColTabTable #Title2, .page3ColTabTable #Title3, .page3ColTabTable #Content1, .page3ColTabTable #Content2, .page3ColTabTable #Content3 { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #B2B1B2; border-right-color: #B2B1B2; text-align: left; vertical-align: top; }
	.page3ColTabTable #Content1 p, .page3ColTabTable #Content2 a, .page3ColTabTable #Content3 div { margin: 3px; }
	.page3ColTab #email, .page3ColTab #phone { width: 120px; float: left; }
	

/* ######################################################################################################
** ### Infobox ###########################################################
** ######################################################################################################
*/
#infoArea { float:left; width:202px; margin-top:86px;}
	#metaOuterBox { border:1px solid #B2B1B2; padding:0 0 90px 0; background:url(images/bg_teaser.gif) no-repeat center bottom; }
	/* Headline + Text*/
	#metaOuterBox h2, #metaOuterBox h4 , #metaOuterBox .bodytext, #metaOuterBox p, #metaOuterBox li, #metaOuterBox .imgtext-table .caption, #metaOuterBox .pageParagraph, #metaOuterBox .metaImgBox img, #metaOuterBox .imageBox3 img, #metaOuterBox .metaBoxQuote strong { margin:5px 10px 5px 10px; }
	#metaOuterBox .pageParagraph p{ margin-left:0px;}
	#infoArea h1 { font-size:24px; font-weight:normal; }
	#infoArea h2 { font-size:20px; font-weight:normal; }
	#infoArea h3 { font-size:12px; font-weight:bold; }
	#infoArea h4 { font-size:12px; font-weight:bold; }
	.EOSyellow #infoArea h2 {color: #FCC917; }
	.EOSorange #infoArea h2 { color: #D97300; }
	.EOSred #infoArea h2, .EOSred #infoArea h2 .Head { color: #9C301A; }
	.EOSgreen #infoArea h2 { color: #4F8C0D; }
	.EOSblue #infoArea h2 { color: #002E63; }
	.EOSgrey #infoArea h2 { color: #666366; }	
	/* Listen */	
	#infoArea ul { margin:0 0 10px 11px; }	
	#infoArea li { margin:0 0 3px 0; padding:0px 0px 0px 10px; background-repeat:no-repeat; background-position:left top; list-style:none; }
	.EOSred #infoArea li { background-image: url(images/dotred.gif); }
	.EOSorange #infoArea li { background-image: url(images/dotorange.gif); }
	.EOSblue #infoArea li { background-image: url(images/dotblue.gif); }
	.EOSgreen #infoArea li { background-image: url(images/dotgreen.gif); }
	.EOSyellow #infoArea li { background-image: url(images/dotyellow.gif); }
	.EOSgrey #infoArea li { background-image: url(images/dotgrey.gif); }
	#infoArea .metaLinkList ul, #infoArea .metaLinkList li { background-image:none; margin-left:0; }
	
	/* Box-Eigenschaften */
	#infoArea .metaBox, #infoArea .teaser { padding:0px 0px 10px 0px; }
	
/* ######################################################################################################
** ### Homepage ###########################################################
** ######################################################################################################
*/
.homepage #wrapper { width:771px; }
.homepage #metaNav { width:770px; }
.homepage #contentArea { width:635px; }
.homepage #contentArea .contentBox { margin:0 0px 0 30px; }
	.homepage .contentBox #homeBg { height:420px; border:1px solid #fff; background:url(images/bg_home_sailboats_animated.gif) no-repeat top left; }
	.homepage .contentBox #homeBg.Mountaineers   { background:url(images/bg_home_two_mountaineers.jpg) no-repeat top left; }
	.homepage .contentBox #homeBg.Sailboat       { background:url(images/bg_home_sailboat_animated.jpg) no-repeat top left; }
	.homepage .contentBox #homeBg.BusinessPeople { background:url(images/bg_home_three_business_people.jpg) no-repeat top left; }
	.homepage .contentBox #homeBg h1, .homepage .contentBox #homeBg h2, .homepage .contentBox #homeBg p, .homepage .contentBox #homeBg h4, .homepage .contentBox #homeBg .loginForm { padding-left:240px; }
	.homepage .contentBox #homeBg h1 { margin:35px 0 6px 0; color:#9c301a; font-weight:normal;}
	.homepage .contentBox #homeBg h2 { margin:0 0 20px 0; font-weight:normal;}
	.homepage .contentBox #homeBg h4 { margin:0 0 10px 0; color:#9C301A;}
	.homepage .contentBox #homeBg p { } 
	.homepage #contentArea .metaNewsBox	{ float:left; border-left:1px solid #b2b1b2; }
	.homepage #contentArea .metaNews { float:left; width:200px; height:110px; border-right:1px solid #B2B1B2; }
	.homepage #contentArea .metaNews p, .homepage #contentArea .metaNews h4  {margin-right:10px; margin-left:10px; }
.homepage #infoArea { display:none; }

/* ######################################################################################################
** ### News/Presse ######################################################################################
** ######################################################################################################
*/

.news-list-date{margin-bottom:5px;}
.news-list-container{margin-bottom:20px;}
.news-list-item{margin-bottom:10px;}
.news-list-item h3 a{color: #9C301A; text-decoration:none; font-size:14px;padding-left:0px;background:none;}
.news-list-container .news-list-item p {display:inline;}
.news-amenu-container a{margin-right:10px;}
.news-single-img{float:right;}
.news-single-img a{text-decoration:none; font-size:14px;padding-left:0px;background:none;}


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }	
/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 	
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }


/* DNN Overrides */
/* We have to re-declare some rules to override values assigned by DNN */

.SkinObject 
{	
    font-weight: bold;	
    font-size: 12px;	
    color: #666366;	
    font-family: arial, helvetica, sans-serif;	
    text-decoration: none;
}

.Head, h1, h2, h3, h4
{
    font-family:arial, helvetica, sans-serif;
}

/* Give all headings a default color of EOSDarkBlue */
.Head
{
    color: rgb(0,46,99);
}

.EOSred #contentArea h1 .Head, .EOSred #contentArea h2 .Head
{
    color: #9C301A;
}

.EOSorange #contentArea h1 .Head, .EOSorange #contentArea h2 .Head
{
    color: #D97300;
}

.homepage .contentBox #homeBg h1 .Head { margin:35px 0 6px 0; color:#9c301a; font-weight:normal;}
.homepage .contentBox #homeBg h2 .Head { margin:0 0 20px 0; font-weight:normal;}
.homepage .contentBox #homeBg h4 .Head { margin:0 0 10px 0; color:#9C301A;}

#contentArea h1 .Head
{
    font-size:24px;
}

#contentArea h2 .Head
{
    font-size:20px;
}

#contentArea h3 .Head, #searchBox h3
{
    font-size:12px;
    font-weight:bold;
}

#contentArea h4 .Head
{
    font-size:12px;
    font-weight:bold;
}

#breadcrumbs
{
    margin-bottom: 1em;
    margin-top: 1em;
}

/* allow the EOSRed color to be used for text throughout the document where needed */
.EOSred .Color
{
    color: #9C301A;
}

.Contact
{
    font-weight: bold;
}

.Centered
{
    text-align: center;
}

.EOSred .Notice
{
    color: #9C301A;
    font-weight: bold;
    text-align: center;
}

#loginArea
{
    margin-top: 1em;
}

#dnn_NavigationPane
{
    margin-top: 1em;
}

#contentArea p, #contentArea li {line-height:18px !important;}
#infoArea p, #infoArea li {line-height:18px !important;}

#navigationArea #loginArea ul li .LoginControl { background-color:#fff; color:#fff; font-weight:bold; }

#contentArea h4, #contentArea h5 { margin-top:0.75em; }

/* make DNN .Head classes same as our normal CSS headings */
#infoArea h1 .Head { font-size:24px; font-weight:normal; }
#infoArea h2 .Head { font-size:20px; font-weight:normal; }
#infoArea h3 .Head { font-size:12px; font-weight:bold; }
#infoArea h4 .Head { font-size:12px; font-weight:bold; }
#infoArea h4.middle .Head { font-size:14px; font-weight:bold; }	

/***************************************/
/* Add flyout menus to open menu items */
/***************************************/

/* Start with no margin, padding and bullets in the unordered lists */
#navigationArea ul, #navigationArea li.closed
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* Set up the default list items */
#navigationArea li.closed
{
    position: relative;
}

/* Customize sub menu link style */
#navigationArea li ul li.closed a, #navigationArea li ul li.closed a:visited
{
    background-color: #264B82; /* dark blue */
}

/* Set up the sub level lists as invisible (until hovered) */
#navigationArea li.closed ul
{
    display: none;
}

/* Make the sub level list visible on hover */
#navigationArea li.closed:hover > ul
{
    display: block;
    position: absolute;
    top: -29px;
    left: 130px;
    width: 140px;
    z-index: 200; /* if the top menu wraps, make sure sub-menus pop up over top menu */
}

/* work-around for IE bug (IE 7/8) */
#navigationArea li.closed:hover > ul.InternetExplorer
{
    top: 0px;
}

/* Position the first sub menu to the right of the top level links */
#navigationArea > li.closed:hover > ul
{
    left: 120px;
}

/* Remove margin between sub-menu items */
#navigationArea li.closed ul li a span 
{ 
    margin-bottom: 0px;
    margin-left: 1em;
}

/* Make sub-menus a little darker to differentiate them from the main menu */
#navigationArea ul li.closed ul li a 
{ 
    background-color:#ddd; 
}
#navigationArea ul li.closed ul li a:hover 
{ 
    background-color:#9c301a; 
}

/* Make sure our static sub-menu items are not affected by our fly-out menu styles */
/* Level 3 */
#navigationArea ul li.open ul li ul li a { font-weight:normal; color:#666366; margin-left:8px; background:url(images/line.gif) no-repeat 8px 1px; }
/* Level 4 */
#navigationArea ul li.open ul li ul li ul li a { font-weight:normal; color:#666366; margin-left:16px; background:url(images/line.gif) no-repeat 8px 1px; }

/* Remove outline from teaserBox */
#contentArea .teaserBox { border: none; }

/* Make the teaserBoxTitle link color EOS CCA blue (instead of red). 
   But hover to red (to show it is active) */
#contentArea .teaserBox .teaserBoxTitle a { color: #002E63; }
#contentArea .teaserBox .teaserBoxTitle a:hover { color: #9C301A; }

/* Make body font "1 pt" bigger */
body,td,th,p,a,ul,ol,li { font-size:13px; }
#contentArea .teaserBox .teaserBoxAbstract   {font-size: 12px !important; line-height: 15px !important;}
#contentArea .teaserBox .teaserBoxAbstract p {font-size: 12px !important; line-height: 15px !important;}

/* adjust padding for irregular sailboat graphic margin */
.homepage .contentBox #homeBg h1, .homepage .contentBox #homeBg h2, .homepage .contentBox #homeBg p, .homepage .contentBox #homeBg h4, .homepage .contentBox #homeBg .loginForm { padding-left:290px; }

/* EOS color definitions */
.EOSLightBlue
{
    color: rgb(199,209,227) !important;
}

.EOSLightBlueBackground
{
   background-color: rgb(199,209,227) !important;
}

.EOSBlue
{
    color: rgb(10,148,214) !important;
}

.EOSBlueBackground
{
    background-color: rgb(10,148,214) !important;
}

.EOSDarkBlue
{
    color: rgb(0,46,99) !important;
}

.EOSDarkBlueBackground
{
    background-color: rgb(0,46,99) !important;
}

.EOSYellow
{
    color: #FCC917 !important;
}

.EOSYellowBackground
{
    background-color: #FCC917 !important;
}

.EOSOrange
{
    color: #D97300 !important;
}

.EOSOrangeBackground
{
    background-color: #D97300 !important;
}

.EOSLightViolet
{
    color: #D1A3CC !important;
}

.EOSLightVioletBackground
{
    background-color: #D1A3CC !important;
}

.EOSViolet
{
    color: #A60066 !important;
}

.EOSVioletBackground
{
    background-color: #A60066 !important;
}

.EOSDarkViolet
{
    color: #6B1C40 !important;
}

.EOSDarkVioletBackground
{
    background-color: #6B1C40 !important;
}

.EOSLightGreen
{
    color: #B5BA05 !important;
}

.EOSLightGreenBackground
{
    background-color: #B5BA05 !important;
}

.EOSGreen
{
    color: #4F8C0D !important;
}

.EOSGreenBackground
{
    background-color: #4F8C0D !important;
}

.EOSDarkGreen
{
    color: #4D590D !important;
}

.EOSDarkGreenBackground
{
    background-color: #4D590D !important;
}

.EOSRed
{
    color: #9C3019 !important;
}

.EOSRedBackground
{
    background-color: #9C3019 !important;
}

.EOSGray
{
    color: #666366 !important;
}

.EOSGrayBackground
{
    background-color: #666366 !important;
}


#metaOuterBox .SidebarImageContainer
{
    margin-left: 0;
    margin-right: 0;
}

.BlueBulleted
{
    margin-left:1px; padding-left:10px; background: url(images/dotlighterblue.gif) no-repeat;
}

/* center the page */
#wrapper { margin: auto; }
div.homepage, div.subpage { width: 100%; }

/* center the top menu on the page */
/* make the top menu wider on wider pages */
#metaNav { text-align: center; width: 930px; }

/* shift the Sailboats background image to the left (since the left sail extends outside the "box") */
.homepage .contentBox #homeBg { margin-left: -18px; }

.DeleteMe
{
    border: solid 1px Red;
}

#copyrightArea, #copyrightArea .SkinObject
{
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}

#addThisArea
{
    text-align: center;
    margin-bottom: 1em;
}

a.addthis_button
{
    margin-left: auto; padding-left: auto; background: none;
}

/* Fix metaNewsBox modules wrapping problem after upgrade to DNN 5.6.1 */
.metaNewsBox .DnnModule
{
    float: left;
}


