/********************************************************************************/
/********** GENERATOR V3.1 ******************************************************/
/********** DESKTOP CSS *********************************************************/
/********************************************************************************/
/********** GENERIC XHTML MARKUP*************************************************/
/********** (c) 2010 BY REAKTOR AG **********************************************/
/********************************************************************************/
#ToolbarBoxLanguageIcons { visibility: hidden; }
#ToolbarBoxLanguageCombo { visibility: hidden; }
#BannerImage { visibility: hidden; }


/********************************************************************************/
/********** GENERAL *************************************************************/
/********************************************************************************/
body { background: #e3e3e3 url('../Images/Desktop/Layout/BgBody.png') repeat-x left top; }
body { overflow: -moz-scrollbars-vertical; }  /*Scrollbar immer anzeigen*/


/********************************************************************************/
/********** LAYOUT **************************************************************/
/********************************************************************************/

#Wrapper { width: 927px; margin: 0px auto; padding: 0px;  }

#Header { position: relative; height: 99px; padding: 0px; z-index: 800; }
#Logo { position: absolute; top: 30px; left: 19px; z-index: 1000; }
#ToolbarBox { position: absolute; top: 10px; right: 21px; color: #0c559c; font-size: 15px; }

#Navigation { position: relative; padding-top: 10px; height: 40px; width: 927px; background: white; z-index: 1000; }

#Panels { position: relative; width: 887px; padding: 40px 20px 0px 20px; background: white; }
#LeftPane { vertical-align: top; width: 581px; }
#LeftPaneSpace { width: 31px; display: block; }
#ContentPane { vertical-align: top; width: 887px; }
#RightPaneSpace { width: 31px; display: block; }
#RightPane { vertical-align: top; width: 275px; }

#Footer1 { width: 887px; margin: 0px auto; padding: 20px; padding-top: 0px; color: black; font-size: 15px; background: white; }
#Footer2 { width: 927px; height: 80px; margin: 0px auto; padding: 0px; background: url('../Images/Desktop/Layout/BgFooter.gif') repeat-x center bottom; }



/********************************************************************************/
/********** FONTS ***************************************************************/
/********************************************************************************/

.head { display: block; padding-top: -5px; padding-bottom: 7px; font: bold 17px/23px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-transform: uppercase; color: black; }
.head a:link, .head a:hover, .head a:visited, .head a:active { color: black; text-decoration: none; }

.lead, .lead a:link, .lead a:visited, .lead a:active { display: block; padding-bottom: 17px; font: bold 13px/17px Arial, Helvetica, Sans-Serif; color: #0c559c; }
.lead a:hover { color: black; text-decoration: none; }

.normal, .normal a:link, .normal a:visited, .normal a:active { font: normal 12px/17px Arial, Helvetica, Sans-Serif; color: black; }
.normal a:link, .normal a:visited, .normal a:active { font-weight: bold; color: #0c559c; }
.normal a:hover { color: black; text-decoration: none; }

.normalsmall, .normalsmall a:link, .normalsmall a:active, .normalsmall a:visited { font: normal 11px/15px Arial, Helvetica, Sans-Serif; color: black; }
.normalsmall a:hover { color: black; text-decoration: none; }

.lead ul, .normal ul, .normalsmall ul { list-style-type: square; list-style-position: outside; margin: 0px; padding: 0px; border: 0px; }
.lead li, .normal li, .normalsmall li { list-style-type: square; margin-left: 15px; }

.ModulHeaderTitle { float: left; font: bold 14px/20px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-transform: uppercase; color: black; }
.ModulHeaderLink, a.ModulHeaderLink:link, a.ModulHeaderLink:visited, a.ModulHeaderLink:active { float: right; font: normal 11px/15px Arial, Helvetica, Sans-Serif; color: black; }
a.ModulHeaderLink:hover { color: black; text-decoration: none; }

.ModulFooterLink, a.ModulFooterLink:link, a.ModulFooterLink:visited, a.ModulFooterLink:active { display: block; padding-top: 5px; font: normal 11px/18px Arial, Helvetica, Sans-Serif; color: black; }
.ModulFooterLink a:link, .ModulFooterLink a:visited, .ModulFooterLink a:active  { color: black; }
 a.ModulFooterLink:hover, .ModulFooterLink a:hover { color: black; text-decoration: none; }

.ListLead { padding-bottom: 3px; font: bold 14px/17px Arial, Helvetica, Sans-Serif; color: #0c559c; }
#RightPane .ListLead { padding-bottom: 3px; }

.ContactText, .ContactText a:link, .ContactText a:visited, .ContactText a:active { font: bold 12px/17px Arial, Helvetica, Sans-Serif; color: black; }
.ContactText a:hover { color: black; text-decoration: none; }

.FormContent .ModulHeaderTitle { display: block; padding-top: -5px; padding-bottom: 7px; font: bold 17px/23px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-transform: uppercase; color: #585858; }
.FormContent .head { display: block; padding-bottom: 7px; font: normal 18px/23px Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #585858; }
.FormContent .lead { display: block; padding-bottom: 0px; font: bold 12px/15px Arial, Helvetica, Sans-Serif; color: #585858; }
.FormContent .normal { display: block; padding-top: 12px; font: normal 12px/15px Arial, Helvetica, Sans-Serif; color: #585858; }
.FormContent .head+.normal { padding-top: 6px; }
.ErrorMessage { float: left; margin-left: 300px; margin-top: -20px; font: bold 11px/15px Arial, Helvetica, Sans-Serif; color: Red; }
.LoginErrorMessage { display: inline-block; padding-top: 10px; font: bold 11px/15px Arial, Helvetica, Sans-Serif; color: Red; }

.WelcomeMessage { display: inline-block; font: bold 12px/12px Arial, Helvetica, Sans-Serif; color: black; }

.ToolbarLink, .ToolbarLink:link, .ToolbarLink:active, .ToolbarLink:visited { display: inline-block; font: normal 12px/12px Arial, Helvetica, Sans-Serif; color: #666; text-decoration: none; cursor: pointer; }
.ToolbarLink:hover { color: black; }

.FooterLink, .FooterLink:link, .FooterLink:active, .FooterLink:visited { font: normal 12px/12px Arial, Helvetica, Sans-Serif; color: black; text-decoration: none; cursor: pointer; }
.FooterLink:hover { color: #0c559c; }
.ServiceLineLink, .ServiceLineLink:link, .ServiceLineLink:active, .ServiceLineLink:visited { font: bold 14px/14px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-transform: uppercase; color: black; text-decoration: none; cursor: pointer; }
.ServiceLineLink:hover { color: #0c559c; }
.FooterText { font: normal 11px/25px Arial, Helvetica, Sans-Serif; color: black; }

.DetailLinkPosition { line-height: 17px; }
.DetailLink, a.DetailLink:link, a.DetailLink:active, a.DetailLink:visited { font: bold 12px/17px Arial, Helvetica, Sans-Serif; color: #0c559c; }
a.DetailLink:hover { color: black; text-decoration: none; }

.ButtonPosition { display: block; margin-top: 20px; }

a.LinkButtonWhite:link, 
a.LinkButtonWhite:visited, 
a.LinkButtonWhite:hover, 
a.LinkButtonWhite:active,
a.LinkButtonLightBlue:link, 
a.LinkButtonLightBlue:visited, 
a.LinkButtonLightBlue:hover, 
a.LinkButtonLightBlue:active { display: inline-block; height: 18px; padding-top: 2px; width: 100px; font: bold 12px Arial, Helvetica, Sans-Serif; color: #0c559c; text-align: center; text-decoration: none; }

a.LinkButtonWhite:link, 
a.LinkButtonWhite:visited, 
a.LinkButtonWhite:active { background: url(../images/Desktop/Layout/LinkButtonWhite.gif) left; }
a.LinkButtonWhite:hover { background: url(../images/Desktop/Layout/LinkButtonWhiteOver.gif) left; }

a.LinkButtonLightBlue:link, 
a.LinkButtonLightBlue:visited, 
a.LinkButtonLightBlue:active { background: url(../images/Desktop/Layout/LinkButtonLightBlue.gif) left; }
a.LinkButtonLightBlue:hover { background: url(../images/Desktop/Layout/LinkButtonLightBlueOver.gif) left; }



/********************************************************************************/
/********** MODULE DEFAULT ******************************************************/
/********************************************************************************/

.ModulHeader { height: 28px; }
.ModulFooter { }

.HorizontalSeparator { display: block; height: 31px; margin-bottom: 25px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }
.VerticalSeparator { display: block; width: 31px; height: 31px; }

.HeaderSeparator { display: block; height: 10px; }
.FooterSeparator { display: block; height: 25px; font-size: 1px; line-height: 1px; }

.ListBg { display: block; }
.ListBg td { vertical-align: top; }
.ListHeader {  }
.ListActive, .ListInactive { }
.ListInactive { background: #f5c2c2; }
.ListActive img, .ListInactive img { display: block; margin-top: 2px; }
.ListSeparator { display: block; height: 14px; margin-bottom: 11px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }
.ListFooter { display: block; height: 14px; margin-bottom: 25px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }
.ListFooterWithLink { display: block; height: 14px; margin-bottom: 5px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }

.ListStaffFooter { display: block; height: 14px; margin-bottom: 25px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }
#LeftPane .ListStaffFooter { width: 581px; }
#ContentPane .ListStaffFooter { width: 887px; }

.FormHeader  { }
.FormContent { padding: 15px 20px 20px 20px; background: #f3f3f3; }
#LeftPane .FormContent { width: 541px; }
#ContentPane .FormContent { width: 847px; }
#RightPane .FormContent { width: 235px; }
.FormFooter { }

.ContactHeader, .ContactTabHeader  { display: block; }
.ContactTabHeader  { height: 29px; margin-top: 17px; }
.ContactContent   { display: block; width: 541px; padding: 20px; background: #f3f3f3; }



/********************************************************************************/
/********** MODUL ***************************************************************/
/********************************************************************************/

.NewsModul .ListActive img, .NewsModul .ListInactive img { float: left; width: 275px; margin-right: 16px; }
.NewsModul .ListActive, .NewsModul .ListInactive { width: 581px; }

.NewsHomeModul { width: 275px; vertical-align: top; }

#LeftPane .MultiTextModul .ListActive img, #LeftPane .MultiTextModul .ListInactive img { float: left; margin-right: 16px; }
#ContentPane .MultiTextModul .ListActive img, #ContentPane .MultiTextModul .ListInactive img { float: left; margin-right: 16px; }
#RightPane .MultiTextModul .ListActive img, #RightPane .MultiTextModul .ListInactive img { margin-bottom: 11px; }

#LeftPane .StaffShowModul .ListActive { width: 275px; }
#ContentPane .StaffShowModul .ListActive { width: 275px; height: 122px; }
#RightPane .StaffShowModul .ListActive { width: 275px; }
#LeftPane .StaffShowModul img { display: none; }
#ContentPane .StaffShowModul img { float: left; margin-right: 16px; }
#RightPane .StaffShowModul img { display: none;  }

.JobsModul .ListLead { padding-bottom: 0px; }
.JobsModul .ListActive, .JobsModul .ListInactive { width: 581px; }

.DocumentsShowModul { width: 887px;  }
.ContactContent .DocumentsShowModul { width: 541px;  }
.DocumentsShowModul .DocumentIcon  { float: left; margin-right: 12px; margin-bottom: 0px;}
.DocumentsShowModul .ListLead { float: left; margin-right: 8px; margin-top: 15px; font-size: 13px; line-height: 17px; color: black; }
.DocumentsShowModul .normalsmall { float: left; margin-top: 17px; }
.DocumentsShowModul .ButtonPosition { float: right; margin-top: 13px; }

.DocumentsShowSmallModul .DocumentIcon  { float: left; margin-right: 8px; margin-bottom: 0px;}
/*FireFox*/ :root .DocumentsShowSmallModul .DocumentIcon { display: inline-block; }
.DocumentsShowSmallModul .ListLead { display: inline-block; margin-right: 8px; margin-top: 8px; font-size: 12px; line-height: 17px; color: black; }
/*FireFox*/ :root .DocumentsShowSmallModul .ListLead { display: inherit; }
.DocumentsShowSmallModul .ButtonPosition { float: right; margin-top: 13px; }

.NewsDetailModul img { width: 581px; display: block; margin-top: 0px; margin-bottom: 13px; }

#LeftPane .PageTemplateModul img, #ContentPane .PageTemplateModul img { display: block; width: 581px; margin-top: 0px; margin-bottom: 13px; }
.PageTemplateModul .lead+.FooterSeparator { display: none; }

#LeftPane .JobsDetailModul, #ContentPane .JobsDetailModul { width: 581px; }
.JobsDetailModul .head {  text-transform: none; }

.OpenTextModul { margin-bottom: 1px; }
.OpenTextModul a:hover img { filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; cursor: pointer; }

.ImageModul {  margin-bottom: -3px; }
#LeftPane .ImageModul .head { padding-bottom: 10px; font: bold 12px/17px Arial, Helvetica, Sans-Serif; color: black; text-transform: none; }
#LeftPane .ImageModulSeparator { display: block; height: 31px; margin-bottom: 25px; font-size: 1px; line-height: 1px; background: url('../images/Desktop/Layout/HorizontalSeparator.gif') no-repeat left bottom; }
#ContentPane .ImageModul img {  width: 887px; height: 360px; }

.AccessDeniedModul { }

.GalleryModulHeader { position: absolute; display: block; width: 18px; height: 91px; background: url('../images/Desktop/Lightbox/GalleryHeader.gif') no-repeat left top; z-index: 800; }
.GalleryModul { width: 888px; margin-right: -1px; margin-top: -1px; }
.GalleryModulThumbnails { display: block; vertical-align: top; }
.GalleryModulThumbnails img { display: block; cursor: pointer; }
.GalleryModulThumbnails a:hover img { filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; }
.GalleryModulSeparator { display: block; width: 1px; height: 92px; }



/********************************************************************************/
/********** EDIT ****************************************************************/
/********************************************************************************/

.EditButtonPosition { position: absolute; line-height: 1px; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; z-index: 900; }
.EditButtonPosition:hover { filter: alpha(opacity=100); moz-opacity: 1.0; opacity: 1.0; }
.EditButtonPosition2 { position: absolute; width: 200px; margin-top: 22px; z-index: 900; }
.EditButtonPosition2 .LayoutButton { visibility: hidden; }
  
a.EditButton:link, a.EditButton:visited, a.EditButton:hover, a.EditButton:active { display: inline-block; font: normal 11px/15px Arial, Helvetica, Sans-Serif; color: white; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; background: #0c559c; }
a.EditButton:link, a.EditButton:visited, a.EditButton:active { }
a.EditButton:hover  { background: black; }

a.LayoutButton:link, a.LayoutButton:visited, a.LayoutButton:hover, a.LayoutButton:active { display: inline-block; font: normal 11px/15px Arial, Helvetica, Sans-Serif; color: white; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; background: #0c559c; }
a.LayoutButton:link, a.LayoutButton:visited, a.LayoutButton:active { }
a.LayoutButton:hover  { background: black; }