/********************************************************************************/
/********** GENERATOR V3.0 ******************************************************/
/********** DESKTOP CSS *********************************************************/
/********************************************************************************/
/********** GENERIC XHTML MARKUP*************************************************/
/********** (c) 2009 BY REAKTOR AG **********************************************/
/********************************************************************************/


/********************************************************************************/
/********** GENERAL TAGS ********************************************************/
/********************************************************************************/

* { font-family: Arial, Helvetica, Sans-Serif; padding: 0px; margin: 0px; border: 0px; cursor: default; }
body, html { background: white; }	
img { border: 0px; outline: none; }
a, a:link, a:visited, a:active { font-size: 12px; color: #ac3034; text-decoration: underline; cursor: pointer; }
a:hover { color: black; text-decoration: none; cursor: pointer;}
.normal ul  { list-style-type: square; list-style-position: outside; margin: 0px; padding: 0px; border: 0px; }
.normal li, .normal li ul li li   { list-style-type: square; margin-left: 15px; }
#Navigation ul, #Navigation li ul li li { list-style: none; margin: 0px; padding: 0px; border: 0px; }
#Pannels .Tabs li, #Pannels .Tabs li ul li li { list-style: none; margin: 0px; padding: 0px; border: 0px; }
strong, b { font-weight: bold; color: #354c5c; }



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

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

#Header { position: relative; height: 140px; padding: 0px; bottom: 0px;}
#ToolbarBox { position: absolute; top: 10px; left: 10px; }
.ToolbarButton { cursor: pointer; margin-left: 4px; }
#ToolbarBoxLanguageIcons  { position: absolute; top: 11px; right: 5px; }
#ToolbarBoxLanguageIcons input  { margin: 0px; }
#ToolbarBoxLanguageCombo  { position: absolute; top: 7px; right: 0px; }
#WelcomeMessage { position: absolute; top: 7px; left: 80px; }
#WelcomeMessage .normal { font-size: 11px; color: #acbac0; }
#Navigation { position: absolute; display: block; top: 60px; width: 910px; height: 32px; background: white url(../images/desktop/layout/BgNavigation.gif) no-repeat; z-index: 1000; }
#LogoBox { position: absolute; top: 135px; right: 0px; height: 100px; z-index: 1000; }
.ImageBanner { display: block; position: relative; }

#Pannels { position: relative; width: 910px; min-height: 500px; padding: 0px; z-index: 100; }
#LeftPane { vertical-align: top; width: 580px; }
#LeftPaneSpace {  }
#ContentPane { vertical-align: top; }
#RightPaneSpace { }
#RightPane { vertical-align: top; width: 259px; padding-top: 140px; }

#Footer { width: 910px; } 
#Owner { }
#Owner .normal { font-size: 11px; color: #354c5c; }



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

.head { display: block; padding-bottom: 7px; font-family: Arial, Verdana, Sans-serif; font-size: 20px; line-height: 23px; color: #354c5c; }

.lead { display: block; padding-bottom: 6px; font-size: 12px; line-height: 17px; font-weight: bold; color: #354c5c; }
#RightPane .lead { padding-bottom: 0px; }
.lead a:link, .lead a:visited, .lead a:active { color: #ac3034; }
.lead a:hover { color: black; text-decoration: none; }
.Form .lead { font-size: 12px; line-height: 17px; color: #354c5c; }

.normal { font-size: 12px; line-height: 17px; color: #354c5c; }
.normal a:link, .normal a:visited, .normal a:active { color: #ac3034; }
.normal a:hover { color: black; text-decoration: none; }
.Form .normal { display: block; font-size: 11px; line-height: 15px; padding-top: 12px; color: #354c5c; }

.normalsmall { font-size: 11px; line-height: 15px; color: #86949d; }
a.normalsmall:link, a.normalsmall:active, a.normalsmall:visited { font-size: 11px; line-height: 15px; color: #86949d; }
a.normalsmall:hover { color: #354c5c; text-decoration: none; }

.ErrorMessage { display: block; font-size: 11px; font-weight: bold; color: Red; padding: 4px 5px 0px 0px; }

.checkboxlead { font-size: 12px; line-height: 17px; color: #354c5c; }
.checkboxlead b { font-size: 12px; line-height: 17px; color: #354c5c; }
.checkboxnormal { font-size: 12px; line-height: 15px; color: #354c5c; }
label { font-size: 12px; line-height: 17px; color: #354c5c; }


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

.PageHeaderContainer { height: 25px; }
.PageHeader { float: left; font-size: 11px; line-height: 17px; color: #86949d; }
.PageForwardLink, .PageForwardLink, .PageForwardLink a, a.PageForwardLink:link, a.PageForwardLink:visited, a.PageForwardLink:active { font-size: 11px; line-height: 17px; color: #86949d; }
a.PageForwardLink:hover { color: #354c5c; text-decoration: none; }
.PageForwardLink { display: block; margin-top: 6px; }
.PageHeaderContainer .PageForwardLink { float: right; margin-top: 0px; }
.PageIndexLink { margin-top: 15px; }
.PageForwardLinkASP { display: block; padding: 0px; margin: 0px; margin-top: 5px; font-size: 11px; line-height: 17px; color: #86949d; text-align: left; background-color: Transparent; text-decoration: underline; cursor: pointer;}
.PageForwardLinkASPOver { display: block; padding: 0px; margin: 0px; margin-top: 5px; font-size: 11px; line-height: 17px; color: #354c5c; text-align: left; background-color: Transparent; text-decoration: none; cursor: pointer;}

.HeaderSeparator { display: block; height: 17px; font-size: 1px; }
.Separator { display: block; height: 5px; font-size: 1px; }
.FooterSeparator { display: block; height: 30px; font-size: 1px; }

#LeftPane .ListBg { background: url(../images/desktop/layout/BgList.gif) repeat-y; }
#LeftPane .ListHeader  { display: block; height: 15px; background: url(../images/desktop/layout/BgListHeader.gif) no-repeat; font-size: 1px; }
#LeftPane .ListActive, #LeftPane .ListInactive { width: 540px; padding: 20px; padding-top: 5px; padding-bottom: 5px; }
#LeftPane .ListInactive { background: #f5c2c2; }
#LeftPane .ListActive img, #LeftPane .ListInactive img { float: left; }
#LeftPane .ListSeparator { display: block; height: 29px; background: url(../images/desktop/layout/BgListSeperator.gif) no-repeat; font-size: 1px; }
#LeftPane .ListFooter { display: block; height: 15px; background: url(../images/desktop/layout/BgListFooter.gif) no-repeat; font-size: 1px; }
#RightPane .ListActive, #RightPane .ListInactive { width: 259px; }
#RightPane .ListSeparator { display: block; height: 12px; font-size: 1px; }
#RightPane .ListFooter {  }
#LeftPane .ListText .lead { padding-top: 2px; padding-bottom: 4px; }

.Detail { width: 580px; }
.Detail img { margin-top: 10px; margin-bottom: 12px; width: 580px; height: 375px; }
#RightPane .Detail { width: 259px; }
.DetailLink, a.DetailLink:link, a.DetailLink:visited, a.DetailLink:active { font-size: 12px; font-weight: bold; color: #ac3034; }
a.DetailLink:hover { font: 12px; color: black; text-decoration: none; }
.DetailTabHeader  { display: block; height: 29px; margin-top: 15px; width: 580px; background: url(../images/desktop/layout/TabStripHeader.gif) 0px -2px; }
.DetailTab   { display: block; width: 540px; height: 43px; padding: 20px; background: #f3f3f3 url(../images/desktop/layout/TabStripBg.gif) no-repeat 0px 0px; }
.DetailTab .lead { color: #354c5c }
.DetailTab .lead a:link, .DetailTab .lead a:visited, .DetailTab .lead a:active { color: #ac3034; }
.DetailTab .lead a:hover { color: black; text-decoration: none; }

#LeftPane .FormHeader  { display: block; height: 15px; background: url(../images/desktop/layout/BgFormLeftHeader.gif) no-repeat; font-size: 1px; }
#LeftPane .Form { width: 540px; padding: 5px 20px 6px 20px; background: url(../images/desktop/layout/BgFormLeft.gif) repeat-y; }
#LeftPane .FormFooter { display: block; height: 15px; background: url(../images/desktop/layout/BgFormLeftFooter.gif) no-repeat; font-size: 1px; }
.FormHeader { display: block; height: 15px; background: url(../images/desktop/layout/BgFormRightHeader.gif) no-repeat; font-size: 1px; }
.Form { width: 219px; padding: 5px 20px 6px 20px; background: url(../images/desktop/layout/BgFormRight.gif) repeat-y; }
.FormSeparator { width: 260px; height: 10px; background: url(../images/desktop/layout/BgFormRight.gif) repeat-y; font-size: 1px; }
.FormFooter { display: block; height: 15px; background: url(../images/desktop/layout/BgFormRightFooter.gif) no-repeat; font-size: 1px; }



/********************************************************************************/
/********** MODULE SPEZ *********************************************************/
/********************************************************************************/

.NewsModul .ListActive img, .NewsModul .ListInactive img { width: 150px; height: 97px; margin-right: 15px; }
.NewsHomeModul img { width: 259px; margin-bottom: 5px; }

.MultiTextModul .ListActive img, .MultiTextModul .ListInactive img { width: 150px; height: 97px; margin-right: 15px; }
#RightPane .MultiTextModul .lead { padding-bottom: 4px; font-size: 15px; line-height: 19px; font-weight: bold; color: #354c5c; }
#RightPane .MultiTextModul .normal { padding-bottom: 4px; }
#RightPane .MultiTextModul .ListSeparator { height: 20px; }

.StaffModulShow img { margin-bottom: 4px; }

.ImageModulLinkOver img, a.ImageModulLinkOver:hover { cursor: pointer; }
.ImageModul img { display: block; font-size: 1px; }

.DocumentsShowModul .DocumentIcon  { float: left; margin-right: 8px; }
.DocumentsShowModul .lead { float: left; margin-right: 8px; margin-top: 15px; color: #545454 }
.DocumentsShowModul .normalsmall { float: left; margin-top: 16px; }
.DocumentsShowModul .DetailLinkAlign .LinkButton, .DocumentsShowModul .DetailLinkAlign a.LinkButton:hover  { margin-top: 11px; }
.DocumentsShowModul .DetailLinkAlign { float: right; }


/********************************************************************************/
/********** LINKBUTTON **********************************************************/
/********************************************************************************/

a.LinkButton:link, 
a.LinkButton:visited, 
a.LinkButton:hover, 
a.LinkButton:active,
a.LinkButtonBack:link, 
a.LinkButtonBack:visited, 
a.LinkButtonBack:hover, 
a.LinkButtonBack:active { display: inline-block; width: 100px; margin-top: 17px; height: 23px; padding-top: 3px; padding-left: 30px; font: normal 13px Arial, Helvetica, Sans-Serif; color: White; text-align:left; text-transform: uppercase; text-decoration: none; }
/*FireFox*/ :root a.LinkButton:link { height: 22px; padding-top: 4px; }

a.LinkButton:link, 
a.LinkButton:visited, 
a.LinkButton:active { background: url(../images/Desktop/Layout/LinkButtonForward.gif) left; }
a.LinkButton:hover { background: url(../images/Desktop/Layout/LinkButtonForwardOver.gif) left; }
a.LinkButtonBack:link, 
a.LinkButtonBack:visited, 
a.LinkButtonBack:active { background: url(../images/Desktop/Layout/LinkButtonBack.gif) left; }
a.LinkButtonBack:hover { background: url(../images/Desktop/Layout/LinkButtonBackOver.gif) left; }

.LinkASPButton  { display: block; margin-top: 17px; width: 130px; height: 26px; padding-bottom: 3px; padding-left: 30px; font: normal 13px Arial, Helvetica, Sans-Serif; color: White; text-align: left; text-decoration: none; background: url(../images/Desktop/Layout/LinkButtonForward.gif) left; text-transform: uppercase; cursor: pointer; }
.LinkASPButtonOver  { display: block; margin-top: 17px; width: 130px; height: 26px; padding-bottom: 3px; padding-left: 30px; font: normal 13px Arial, Helvetica, Sans-Serif; color: White; text-align: left; text-decoration: none; background: url(../images/Desktop/Layout/LinkButtonForwardOver.gif) left; text-transform: uppercase; cursor: pointer; }
/*FireFox*/ :root .LinkASPButton  { height: 26px; padding-bottom: 4px; }
/*FireFox*/ :root .LinkASPButtonOver  { height: 26px; padding-bottom: 4px; }



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

.ButtonPosition { position: absolute; z-index: 1000;  }
#LeftPane .ButtonPosition { right: 340px; }
#LeftPane .ButtonPosition2 .ButtonPosition { top: 25px; text-align: right;}
#ContentPane .ButtonPosition { right: 30px; }
#RightPane .ButtonPosition { right: 30px; }
  
a.ButtonEdit:link, a.ButtonEdit:visited, a.ButtonEdit:hover, a.ButtonEdit:active { font-size: 11px; color: White; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; }
a.ButtonEdit:link, a.ButtonEdit:visited { background: #0c559c; }
a.ButtonEdit:hover, a.ButtonEdit:active  { background: black; }

a.ButtonLayout:link, a.ButtonLayout:visited, a.ButtonLayout:hover, a.ButtonLayout:active { font-size: 11px; color: White; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; }
a.ButtonLayout:link, a.ButtonLayout:visited { background: #0c559c; }
a.ButtonLayout:hover, a.ButtonLayout:active  { background: black; }