/* misc */
body { background-color: #ffffff; font-family: Arial, Sans-Serif; font-size: 62.5%; color: #454951; }
a { text-decoration: none;  color: #333333; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }


/* page */
#page { clear: both; width: 944px; margin: 0 auto; min-height: 650px; height: auto !important; height: 650px; }
#pageContent { font-size: 1.6em; position: relative; background-color: #ffffff; }
#pageHeader { background: url('../Images/topMenuBg.png') repeat-x; background-position: bottom; height: 105px; }
#pageBody { clear: both; position: relative; z-index: 1; padding-top: 21px; }

#leftSideBody, .leftSideBody { width: 661px; float: left; }

#rightSideBody { float: right; width: 661px; margin-bottom: 60px; font-size: 13px; line-height: 19px; }

#rightBodyHeader { clear: both; float: left; border: 1px solid #ededed; width: 100%; margin-bottom: 43px; }
#rightBodyHeader img { float: left; width: 253px; height: 210px; }
#rightBodyHeader h2 { font-weight: normal; text-transform: uppercase; font-size: 22px; }
#rightBodyHeader #headerText { float: right; width: 367px; padding: 38px 15px 15px 0px; font-size: 20px; line-height: 30px; }
.level2 #rightBodyHeader #headerText { padding-top: 15px; }
.level2 #rightBodyHeader #headerText div { padding-top: 1px; }
.level3 #rightBodyHeader { margin-bottom: 23px; }
.level3 #rightBodyHeader h2 { text-transform: none; font-size: 32px; }
.level3 #rightBodyHeader #headerText { width: 651px; padding-top: 2px; }

#rightContentBody { float: left; width: 384px; }
#rightContentBody.largeTeasers { width: 661px; margin-top: 40px; }
#rightContentBody h1 { font-size: 32px; font-weight: normal; padding-bottom: 17px; }

#rightContentParts, .rightContentParts { float: right; width: 248px; }
.level3 #rightContentParts { margin-top: 30px; }
.recursiveRightSeparator { clear: both; width: 10px; height: 10px; }

#preBody h1 { font-weight: normal; font-size: 32px; margin-bottom: 12px; }

#mainText { float: left; padding-top: 0px; font-size: 14px; color: #000000; }
.level3 #mainText { padding-top: 0px; }
#mainText h3, #mainText h4 { margin-bottom: 5px; font-weight: bold; font-size: 14px; }
#mainText p { margin-bottom: 10px; }
#mainText a { color: #0d377f; }
#mainText a:hover { text-decoration: underline; border-color: #0d377f; }


.mainContentRightImage { float: right; clear: right; padding-bottom: 18px; width: 246px; }


/* start page */
#startPageMainFlash .flashItem { margin-bottom: 30px; margin-left: 2px; }
#pageContent.StartPageItem #pageHeader { background: none; }


/* sub level */
/*
#mainContent.subLevel #rightBodyHeader { height: auto; padding-top: 34px; }

#mainContent.subLevel.level2 #rightBodyHeader { padding-bottom: 40px; }
#mainContent.subLevel.level2 #rightBodyHeader #rightBodyHeaderHeader { clear: both; padding-left: 26px; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }
#mainContent.subLevel.level2 #rightBodyHeader #rightBodyHeaderText { padding-top: 0px; width: auto; }

#mainContent.subLevel.level3 #rightBodyHeader { padding: 0; margin: 0; border: none; background: none; background-color: transparent; }
#mainContent.subLevel.level3 #rightBodyHeader #rightBodyHeaderHeader { clear: both; font-size: 32px; margin-bottom: 8px; }
#mainContent.subLevel.level3 #rightBodyHeader #rightBodyHeaderText { padding: 0; padding-top: 10px; width: auto; }

#mainContent.subLevel #mainContentBody { padding-top: 25px; }
#mainContent.subLevel #mainContentBody #mainText { width: 370px; }
#mainContent.subLevel #mainContentBody #mainText p { margin-bottom: 20px; }

#mainContent.subLevel.level3 #mainContentBody { padding-top: 20px; }
*/

/* search page */
#searchPage { float: none; width: 100%; }
#searchPage #preBody.rightBodyHeader { width: 924px; padding: 8px 0 7px 20px; margin: 0; border: none; background-color: #74c2d0; color: #000000; text-transform: uppercase; font-size: 24px; }
#searchPage #preBody.rightBodyHeader h1 { color: #ffffff; margin: 0; }
#searchPage .noOfHits { clear: both; display: block; padding: 15px 0 15px 20px; border-bottom: 1px solid #c8c8c8; font-weight: bold; }
#searchResults { padding-left: 20px; width: 575px; }
#searchResults .searchResultRow { padding-top: 22px; }
#searchResults .searchResultRow .pageLink a { color: #061327; font-size: 18px; }
#searchResults .searchResultRow .pageSummary { font-size: 13px; line-height: 18px; }


/* news list */
#mainContent.newsList { float: left; }
#mainContent.newsList h1 { padding-top: 0px; margin-top: -5px; margin-bottom: 12px; }

.newsRow { font-size: 14px; padding-top: 27px; line-height: 18px; }
.newsRow .date { color: #d34d1a; font-weight: bold; }
.newsRow h3 { float: left; color: #656565; font-weight: bold; }
.newsRow .summary { color: #232323; }
.newsRow .newsText { clear: left; width: 500px; }
.newsRow .button { float: right; }
.newsRow .completeText { display: none; }

.newsRow .button { width: 76px; height: 22px; color: #262626; font-size: 12px; cursor: pointer; padding: 4px 0 0 11px; margin-top: 10px; }
.newsRow .button.withSummary { margin-top: 22px; }
.newsRow .button.withoutSummary { margin-top: -8px; }
.newsRow .button.expand { background: url('../Images/newsListButtonExpand.png') no-repeat; }
.newsRow .button.collapse { background: url('../Images/newsListButtonCollapse.png') no-repeat; }

.newsRowSeparator { clear: both; padding: 0; margin: 0; width: 100%; height: 19px; font-size: 1px; line-height: 1px; background: url('../Images/newsListSeparator.png') repeat-x 0 bottom;  }
#billboardItems .newsRowSeparator { width: 661px; }
#billboardItems .newsRow .image { float: right; }

#showMoreNews { margin-top: 20px; width: 664px; height: 36px; background: url('../Images/newsMoreNewsBg.png'); }
#showMoreNews a { display: block; margin: 0 auto; text-align: center; padding: 9px 0 10px 0; }


/* fraktuellt start */
#fraktuelltwrap {  }
#fraktuelltwrap h1 { font-size:32px; color:#69665d; }
#fraktuelltwrap h2 { font-size:24px; color:#fff; }
#fraktuelltwrap h3, #fraktuelltwrap h4 { font-size:16px; color:#071328; margin:0px 0px 6px 0px; font-weight:normal; }
#fraktuelltwrap .register h3 { font-size: 20px; color:#ffffff; margin: 0; }
#fraktuelltwrap .qutoe { font-size: 23px; }
#fraktuelltwrap .headerWrap { margin:0px 0px 10px 15px; }
#fraktuelltwrap .topImageWrap { margin:40px 0px 30px; }
#fraktuelltwrap .topNavigationWrap { margin:20px 0px 50px; }
#fraktuelltwrap .topNavigationWrap .tocColumn { width:330px; }
#fraktuelltwrap .pageHeaderWrap { background: #9b978a; height:40px; line-height:40px; padding:0px 22px 0px 15px; }
#fraktuelltwrap .pageHeaderWrap .leftColumn { float:left; width:400px; }
#fraktuelltwrap .pageHeaderWrap .rightColumn { float:right; width:320px; text-align:right; }
#fraktuelltwrap .pageHeaderWrap .rightColumn .label { font-size:15px; color:#fff; font-weight:bold; }
#fraktuelltwrap .postContent { margin:50px 0px 30px; }
#fraktuelltwrap .leftSideBody .tocColumn ul { margin: 0; }
#fraktuelltwrap .leftSideBody .tocColumn ul li { font-size:20px; line-height:20px; margin:0 0 10px; list-style: none; }
#fraktuelltwrap .leftSideBody ul { margin-top: -18px; margin-bottom: 28px; }
#fraktuelltwrap .leftSideBody ul li { font-size: 13px; list-style: disc; list-style-position: outside; margin-left: 15px; }
#fraktuelltwrap .postContent .leftSideBody p { width:545px; line-height:18px; font-size:13px; margin:0px 0px 30px 0px; }
#fraktuelltwrap .postContent .leftSideBody .author { font-size:11px; font-style:italic; color:#333; padding:5px 15px 0px 0px; border-top:1px solid #333; }
#fraktuelltwrap .postContent .rightContentParts { margin-bottom: 20px; }
#fraktuelltwrap .postContent .rightContentParts .breakMargin { margin:15px 0px; }
#fraktuelltwrap .imageGallery .imageWrap { padding:0px 0px 80px 0px; }
#fraktuelltwrap .imageGallery .imageWrap .linkWrap { width:246px; height:211px; float:left; }
#fraktuelltwrap .imageGallery .imageWrap .separator { width:102px; float:left; }
#fraktuelltwrap .note { margin:0px; float: left; clear: none; }
/* fraktuellt end */


/* text box */
.textBox { width: 192px; height: 148px; color: #fefefe; background-color: #3c442f; padding: 31px 27px; font-size: 14px; }
.textBox h3 { font-size: 20px; margin-bottom: 15px; }
.textBox a { color: #ffffff; }
.textBox a:hover { text-decoration: underline; border-color: #94998f; }


/* register */
.register { padding: 25px 25px 35px 24px; font-size: 12px; color: #ffffff; }
.register h3 { font-size: 20px; font-weight: normal; line-height: 24px; }
.register #emailAddressHeader { font-weight: bold; margin-top: 18px; margin-bottom: 8px; }
.register #emailAddress { width: 187px; height: 27px; }
.register #emailAddress input { width: 176px; height: 19px; background: transparent; border: none; padding: 5px 4px 0 4px; }
.register #button { margin-top: 12px; }
.register #button input { float: left; width: 46px; height: 25px; }
.register #button #message { float: right; margin-top: 6px; }

#newsLetter { background-color: #9b978a; color: #fefefe; }
#newsLetter .register #emailAddress { background: url('../Images/newsLetterInput.png') no-repeat; }
#newsLetter .register #button input { background: url('../Images/okButton.png') no-repeat; }

#memberSignUp { background-color: #f1e646; color: #333333; }
#memberSignUp .register #emailAddress { background: url('../Images/memberSignUpInput.png') no-repeat; }
#memberSignUp .register #button input { background: url('../Images/memberSignUpButton.png') no-repeat; }


/* teaser */
.teaser { float: right; width: 148px; background-color: #b1baba; position: relative; z-index: 10000; }
.teaser h2 { text-transform: uppercase; font-size: 18px; color: #ffffff; padding-top: 6px; padding-bottom: 5px; padding-left: 13px; border-width: 1px; border-style: solid; border-color: #b1baba; border-left: none; border-bottom: none; }
.teaser .teaserImage { background-color: #ffffff; border: 1px solid #e5e4e4; width: 146px; height: 108px; }
.teaser .teaserImage img { width: 146px; height: 108px; }

.teaser .teaserShortText { display: none; }
.teaser .teaserLongText { display: none; width: 128px; height: 90px; position: absolute; top: 32px; z-index: 10000; background-color: #f6f4f4; font-size: 14px; line-height: 18px; padding: 10px 10px; }


/* large teaser */
#largeTeasers .teaser { float: left; width: 207px; color: #2b3d47; position: relative; z-index: 10000; }
#largeTeasers .teaser h2 { text-transform: uppercase; font-size: 24px; padding-top: 6px; padding-bottom: 5px; padding-left: 20px; border-width: 1px; border-style: solid; border-color: #bab1b1; border-left: none; border-bottom: none; }
#largeTeasers .teaser .teaserImage { border: 1px solid #e5e4e4; width: 205px; height: 172px; }
#largeTeasers .teaser .teaserImage img { width: 205px; height: 172px; }

#largeTeasers .teaser .teaserShortText { display: block; width: 192px; height: 61px; padding: 13px 0 0 15px; background-color: #e3e3e3; font-size: 16px; line-height: 20px; }
#largeTeasers .teaser .teaserShortText .bullet { float: left; width: 25px; height: 14px; background: url('../Images/teaserBullet.png') no-repeat; }
#largeTeasers .teaser.selected .teaserShortText .bullet { background: url('../Images/teaserBulletSelected.png') no-repeat; }
#largeTeasers .teaser .teaserShortText .text { float: left; width: 152px; }
#largeTeasers .teaser.selected .teaserShortText { background-color: #f6f4f4; }

#largeTeasers .teaser .teaserLongText { display: none; width: 157px; height: auto; position: absolute; top: auto; z-index: 10000; background-color: #f6f4f4; font-size: 14px; line-height: 18px; padding: 15px 25px; }
#largeTeasers .teaserSeparator { float: left; width: 19px; }


/* pager */
#pager { font-size: 13px; padding-top: 22px; }
#pager a { color: #999999; padding: 0 7px; }
#pager a.previous { padding-left: 0; }
#pager a.next { padding-right: 0; }
#pager a.selected { text-decoration: underline; }


/* note */
.note { clear: both; margin-top: 12px; width: 246px; height: 247px; background: url('../Images/note.png') no-repeat; }
.note .text { padding: 38px 28px; font-size: 20px; color: #333333; }
.note a { color: #0d377f; }
.note a:hover { text-decoration: underline; }


/* header */
#logo { margin-left: 4px; padding-top: 29px; }


/* error */
.errorBody { padding-top: 15px; }


/* site search */
#siteSearch { position: absolute; right: 13px; top: 68px; }
#siteSearch .searchInput { float: left; background: url('../Images/searchInput.png') no-repeat; width: 156px; height: 24px; margin-right: 13px; }
#siteSearch .searchInput input { background: transparent; border: none; width: 148px; height: 24px; padding: 4px 4px 0 4px; }
#siteSearch .searchButton { float: left; background: url('../Images/searchButton.png') no-repeat; width: 26px; height: 35px; margin-top: -2px; }


/* news letter */
.articleHeader { clear: both; float: left; border: 1px solid #ededed; width: 100%; margin-bottom: 43px; }
.tocColumn { float: left; }


/* top menu */
ul.topMenu { clear: both; margin-top: 19px; margin-left: 22px; font-size: 14px; }

ul.topMenu li { text-transform: uppercase; float: left; position: relative; }
ul.topMenu a { line-height: 1.1em; color: #454951; }

ul.topMenu li.current, ul.topMenu li.trail { height: 35px; background: url('../Images/topMenuBulletSelected.png') no-repeat bottom center; }

ul.topMenu li.separator { float: left; width: 31px; }
ul.topMenu li ul li.separator { display: none; }


/* sub menu */
.leftMenu { float: left; width: 220px; }

.leftMenu h4 { text-transform: uppercase; font-size: 24px; padding-top: 6px; padding-bottom: 5px; padding-left: 20px; border-width: 1px; border-style: solid; border-color: inherit; border-left: none; }

.leftMenu ul { background: #f4f4f4; width: inherit; }

.leftMenu ul li { padding-top: 13px; padding-bottom: 13px; padding-left: 19px; clear: both; }
.leftMenu ul li.separator { padding: 0; margin-right: 5px; width: 220px; height: 2px; font-size: 1px; line-height: 1px; background: url('../Images/subMenuSeparatorBg.png') repeat-x; }
.leftMenu ul li .bullet { float: left; background: url('../Images/subMenuBullet.png') no-repeat; width: 26px; height: 100%; margin-top: 3px; }
.leftMenu ul li.current .bullet { background: url('../Images/subMenuBulletSelected.png') no-repeat;  width: 26px; margin-top: 3px; }
.leftMenu ul li.trail .bullet { background: url('../Images/subMenuBulletSelectedTrail.png') no-repeat; width: 21px; margin: 2px 0 0 5px; }

.leftMenu ul li.current ul, .leftMenu ul li.trail ul { background: #eaeaea url('../Images/subMenuSeparatorBg.png') repeat-x; font-size: 14px; margin: 12px 0 -13px -19px; padding: 14px 0 27px 46px; }
.leftMenu ul li.current ul li, .leftMenu ul li.trail ul li { margin: 0px; padding-bottom: 3px; padding-top: 3px; }
.leftMenu ul ul li.current, .leftMenu ul ul li.trail { font-weight: bold; }
.leftMenu ul li.current ul li.separator, .leftMenu ul li.trail ul li.separator { display: none; }
.leftMenu ul li.current ul li, .leftMenu ul li.trail ul li { padding-left: 0px; }
.leftMenu ul ul li .bullet { display: none; }

.leftMenu ul li.current ul ul, .leftMenu ul li.trail ul ul { background: #eaeaea; font-size: 11px; padding: 9px 0px 8px 0px; margin: 0; }
.leftMenu ul ul ul li, .leftMenu ul ul ul li.current { font-weight: normal; }
.leftMenu ul li.current ul ul li, .leftMenu ul li.trail ul ul li { padding: 0; }
.leftMenu ul ul ul li .bullet, .leftMenu ul li.trail ul ul li .bullet { display: block; width: 10px; height: 7px; background: none; margin: 2px 0 0 2px; }
.leftMenu ul li.trail ul ul li.current .bullet { background: url('../Images/subMenuBulletSmallSelected.png') no-repeat; }

.leftMenu ul ul ul ul { display: none; }


/* footer*/
#footerLogo { clear: both; padding-bottom: 30px; padding-top: 10px; }
#footerLogoContent { width: 941px; margin: 0 auto; }
#footerLogoContent img { float: right; margin-bottom: -25px; }

#footer { clear: both; color: #333333; background: url('../Images/footerBg.png') repeat-x; height: 247px; }
#footer #footerContent { width: 941px; margin: 0 auto; padding-top: 39px; font-size: 1.2em; }

#footerIcons { float: left; width: 281px; }
#footerIcons .linkWrap { clear: both;  }
#footerIcons .linkWrap .imageLink { float: left; }
#footerIcons .linkWrap .text { float: left; }
#footerIcons .linkWrap .text div { clear: both; margin-left: 13px; }
#footerIcons .linkWrap .text .textLink { margin-top: 13px; font-size: 20px; text-transform: uppercase; }
#footerIcons .linkWrap .text .urlLink { margin-top: 4px; font-size: 10px; }
#footerIcons .linkWrap .text .urlLink a { text-decoration: underline; }

#footerContent .linkCollection { width: 180px; float: left; }
#footerContent .linkCollection h4 { text-transform: uppercase; font-weight: bold; font-size: 14px; }
#footerContent .linkCollection li { padding-top: 12px; }


/* form */
.form { background-color: #f7f7f7; height: 100%; margin-top: 12px; padding: 25px 31px; font-size: 14px; color: #494949; }
.form h3 { color: #333333; font-size: 18px; font-weight: normal; }
.form .column { float: left; padding-top: 4px; }
.form .column .formInput { padding-top: 9px; }
.form .column .SingleLine, .form .column .MultiLine, .form .column .DropDown { margin-top: 2px; }
.form .column .formInput .SingleLine { width: 209px; height: 27px; background: url('../Images/formInput.png') no-repeat; }
.form .column .formInput .SingleLine input { width: 201px; height: 23px; background: transparent; border: none; padding: 4px 4px 0 4px; }
.form .column .formInput .MultiLine { width: 308px; height: 120px; background: url('../Images/formTextArea.png') no-repeat; }
.form .column .formInput .MultiLine textarea { width: 300px; height: 112px; background: transparent; border: none; padding: 4px; }
.form .column .DropDown select { width: 209px; }
.form .column .RadioButtons input { margin-right: 27px; }
.form .submitButton { float: right; clear: both; }
.form .submitButton input { width: 46px; height: 25px; background: url('../Images/formButton.png') no-repeat; }
.form .column.rightColumn { float: right; }
.form .thankYou { clear: both; padding-top: 30px; }


/*= PAGE COLOR =*/
.pageGreen #rightContentBody h1 { color: #799249; }
.pageGreen #preBody h1 { color: #799249; }
.pageGreen #rightBodyHeader { background-color: #799249; color: #ffffff; }
.pageGreen .leftMenu h4 { background-color: #799249; border-color: #afbe92; }
.pageGreen .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageGreen { background-color: #799249; }

.pageDarkBlue #rightContentBody h1 { color: #2b3e47; }
.pageDarkBlue #preBody h1 { color: #2b3e47; }
.pageDarkBlue #rightBodyHeader { background-color: #2b3e47; color: #ffffff; }
.pageDarkBlue .leftMenu h4 { background-color: #2b3e47; border-color: #687274; }
.pageDarkBlue .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageDarkBlue { background-color: #2b3e47; }

.pageLightBlue #rightContentBody h1 { color: #47b6cb; }
.pageLightBlue #preBody h1 { color: #47b6cb; }
.pageLightBlue #rightBodyHeader { background-color: #47b6cb; color: #ffffff; }
.pageLightBlue .leftMenu h4 { background-color: #47b6cb; border-color: #47b6cb; }
.pageLightBlue .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageLightBlue { background-color: #47b6cb; }
                                          
.pageYellow #rightContentBody h1 { color: #e7c302; }
.pageYellow #preBody h1 { color: #e7c302; }
.pageYellow #rightBodyHeader { background-color: #e7c302; color: #ffffff; }
.pageYellow .leftMenu h4 { background-color: #e7c302; border-color: #f1db67; }
.pageYellow .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageYellow { background-color: #e7c302; }

.pageOrange #rightContentBody h1 { color: #cd7030; }
.pageOrange #preBody h1 { color: #cd7030; }
.pageOrange #rightBodyHeader { background-color: #cd7030; color: #ffffff; }
.pageOrange .leftMenu h4 { background-color: #cd7030; border-color: #cd7030; }
.pageOrange .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageOrange { background-color: #cd7030; }


.pageGray #rightContentBody h1 { color: #9c9889; }
.pageGray #preBody h1 { color: #9c9889; }
.pageGray .articleHeader { background-color: #9c9889; }
.pageGray #rightBodyHeader { background-color: #9c9889; color: #ffffff; }
.pageGray .leftMenu h4 { background-color: #9c9889; border-color: #c4c1b8; }
.pageGray .leftMenu h4 a { color: #ffffff; }
#fraktuelltwrap .pageGray { background-color: #9c9889; }

.level3 #rightBodyHeader { border: none; background: transparent; color: #000000; }