@charset "utf-8";

/* Basics */
#body { background-color:#FFFFFF; margin:0px; }
#contentwrapper { width:907px; margin-left:auto; margin-right: auto; }
#keyvisual { width:707px; height:101px; background-image:url(/images/keyvisual.jpg); float:left; }
#logo { width:200px; height:101px; float:left; }
#uppernavigation { width:224px; float:left; height:21px; background-image:url(/images/grey.jpg); padding-top:9px; padding-left:6px; }
#uppercontent { width:477px; float:left; height:41px; background-image:url(/images/grey.jpg); background-repeat:repeat-x; padding-top:9px; }
#uppercontext { width:200px; float:left; height:41px; background-image:url(/images/grey.jpg); background-repeat:repeat-x; padding-top:9px; text-align:right; }
#uppercontext .user { color:#999999; }
#navigation { width:230px; height:300px; float:left; overflow:visible; }
#logos { width:230px; float:left; color:#999999; font-size:9px; padding-top:30px; }
#logos img { margin-top:5px; }
#dnn_navigation { width:230px; float:left; overflow:visible; padding-top:1px; }
#searchfield { width:204px; padding-top:6px; padding-left:6px; background-image:url(/images/search_bg.jpg); height:36px; float:left; border-top:1px solid #999999;}
#searchfield .ServerSkinWidget { color:#666666; }
#stage { width:677px; float:left; padding-bottom:10px; }
#content { width:457px; float:left; overflow:visible; padding-right:20px; }
#contentw { width:677px; float:left; overflow:visible; }
#context { width:200px; float:left; overflow:visible; padding-top:4px; }
#footer { width:907px; float:left; }
#floatbreaker { clear:all; }
#content #framebox { width:455px; }
#context #framebox { width:198px; }

#2ndwrapper { background-color:#CCC; }

/* Fonts */
table { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.Normal, .normal { font-size:12px; color:#666666; line-height:18px; }
.TitleHead { font-size:16px; color:#f37d00; font-weight:bold; }
#contentwrapper { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#contentwrapper .Breadcrumb { color:#999999; }
#content .TitleHead { font-size:16px; color:#f37d00; font-weight:bold; }
#content .Head { font-size:12px; font-weight:bold; }
#content .Subhead { font-size:11px; color:#f37d00; }
#content a { color:#f37d00; }
#contentw .TitleHead { font-size:16px; color:#f37d00; font-weight:bold; }
#contentw .Head { font-size:12px; font-weight:bold; }
#contentw .Subhead { font-size:11px; color:#f37d00; }
#context .Normal { font-size:12px; line-height:18px; }
#context .TitleHead { font-size:12px; color:#f37d00; font-weight:bold; }
#context a { color:#f37d00; }
.Normal p, .normal p {margin:0px; padding: 0 0 10px 0; }
#content .Normal p, .normal p {margin:0px; padding: 0 0 10px 0; }
#context .Normal p, .normal p {margin:0px; padding: 0 0 10px 0; }
table .planttitle { font-size:12px; height:22px;}
table .plantvalue { font-size:12px; color:#333; height:22px;}
table .plantvalue img { width:257px;}
table .plantimages img { width:220px;}
.copyright { font-size:10px; }

/* dirty hack, luis style */
#dnn_ctr1326_ContentPane textarea { height:150px; }

/* Tabellen */
.pltablerow, .pltablerow2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; font-size:11px;}
.pltablerow ul { padding-left:6px; margin-left:6px; padding-top:0px; margin-top:0px; }
.pltablerow2 { font-size:11px; font-weight:bold; }
.pltablehead { font-size:10px; font-weight:bold; }
.plimg img { width:100px; border:0; }
#ssclogo { float:left; }
#ssclogo img { width:160px; }
#sscmap { float:right; }
.sscdetail .Normal ul { padding-top:0px; margin-top:0px; padding-left:0px; margin-left:14px; }
.sscimage2 img { width:100px; }
.ssctablehead { font-size:11px; color:#333; font-weight:bold; }

/* ######### CSS for Shade Tabs. Remove if not using ######### */
#stage .shadetabs { padding: 0px 0px 0px 10px; margin: 0; list-style-type: none; text-align: left; }
#stage .shadetabs ul { margin: 0; }
#stage .shadetabs li { margin: 0; list-style:none; }
#stage .shadetabs li a { text-decoration: none; position: relative; z-index: 1; }
#stage .shadetabs li a img { padding: 0px 0px 10px 0px; }
#stage .shadetabs li a:visited{}
#stage .shadetabs li a:hover{}
#stage .shadetabs li a.selected{ position: relative; }
#stage .shadetabs li a.selected{ }
#stage .shadetabs li a.selected:hover{ text-decoration: none; }
#stage .tabcontent { padding: 20px 40px 20px 160px; float: left; margin:0 0 20px 0;}
#stage .tabcontent .TitleHead { font-size:18px; color:#f37d00; }
#stage .tabcontent .Normal { font-size:14px; color:#666666; }
#dnn_DistrictPane { background: url(/images/home_stage_district.jpg) top left ; height: 230px; width: 277px; }
#dnn_ComponentPane { background: url(/images/home_stage_component.jpg) top left ; height: 230px; width: 277px; }
#dnn_LocalPane { background: url(/images/home_stage_local.jpg) top left ; height: 230px; width: 277px; }
#dnn_PolicyPane { background: url(/images/home_stage_policy.jpg) top left ; height: 230px; width: 277px; }

@media print {
.tabcontent {
display:block !important;
}
}

/* Main Menu */

/*--------- dnn menu style ----------*/
/* main menu td */
.MainMenu_MenuContainer
{
    background-color: transparent;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}
.MainMenu_MenuItemSel
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
}

.MainMenu 
{
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
	width:210px;
}

/* Main Menu Normal */
.MainMenu .root
{	
	color: #666666;
	font-size: 11px; 
	font-weight:bold; 	
	text-align:left; 
	padding:6px 12px 6px 22px;
	text-transform:uppercase; margin-right:1px;
	white-space:nowrap;
	border-top:1px solid #999999;	
	float:left;
	width:176px;
	background:url(/images/navi_bg.jpg);
	 
}


/* Main menu hover */
.MainMenu .hov{ 
	color:#FFFFFF; background-color:#CCCCCC;
	background:url(/images/navi_bg_hov.jpg) repeat-x top left; 
}

/* Main menu selected */
.MainMenu .sel, .MainMenu .bc {
color:#f37d00;
	background:url(/images/navi_bg.jpg) repeat-x top left;
}
.MainMenu table{
	border:1px solid #999999;
	}

/* SUB Menu Normal */
.MainMenu tr.mi{
	background-color:#EEEEEE;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#666666;
	line-height:2em;
	text-transform:none; 
}
.MainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
}

/* SUB Menu hover & selected */
.MainMenu tr.hov { 
background: #999999;
}

.MainMenu tr.hov td{
color:#FFFFFF;
}

.MainMenu tr.sel, .MainMenu tr.bc{
background: #999999;
}

.MainMenu tr.sel td, .MainMenu tr.bc td{
	color:#FFFFFF;
}

.main_dnnmenu_break{
	height: 2px;
	background-color: #D5E0FF;
}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #999999;
}

.ModuleTitle_SubMenu td{
	background-color:#EEEEEE;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CCCCCC;
	color: #9d6000;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}



/* Menu Styles */

.RadPanelBar_sdh
{
    background: #fff;
    border:0px #FFF;
    padding-bottom:0px;
}

.RadPanelBar_sdh .rpRootGroup
{
    border:none;
    color: #FFF;    
}

.RadPanelBar_sdh a.rpLink,
.RadPanelBar_sdh .rpTemplate
{
    color: #777;
    font-size:12px;
    font-weight:bold; 
    text-transform:uppercase;
}

.RadPanelBar_sdh a.rpLink
{
    /*background-image: url('WebResource.axd?d=c7C1IEz3GeI5bm3rOXEwngefuVIGaZKUQTWsgha5wBuEiVQaWgDe6sTa7ReVrbOE0rGPpSSP660qQhUJbJ8nC2ntA2XRYcw2jTI9frs4SfbpxKpBYLGqW2Cqfop4MBmNwwXQhbXr0ECgHrtP-Av_IkHNxTk1&t=634266374693032945');*/
    border:0px #FFFFFF;
    border-top:1px solid #999;
    padding: 4px 4px 5px 14px;
    background:url(/images/navi_bg.jpg);
    
}

.RadPanelBar_sdh .rpOut
{
    border:none;
    border:0px #FFFFFF;
}

.RadPanelBar_sdh a.rpFocused,
.RadPanelBar_sdh a.rpExpanded,
.RadPanelBar_sdh a.rpSelected,
.RadPanelBar_sdh a.rpSelected:hover
{
    color: #f37d00;
    border:0px #FFFFFF;
    border-top:1px solid #999; 
}

/* <disabled items> */
.RadPanelBar_sdh a.rpDisabled,
.RadPanelBar_sdh a.rpDisabled:hover
{
    color: #bbb;
}
/* </disabled items> */

/* <subitems> */
.RadPanelBar_sdh .rpGroup
{
    background-color: #fff; 
}

.RadPanelBar_sdh .rpGroup a.rpLink,
.RadPanelBar_sdh .rpGroup .rpTemplate
{
    padding-left:25px;
    padding-top:0px;
    padding-bottom:2px;
    color: #aaa;
    background-image: none;
    background-color: transparent;
}


.RadPanelBar_sdh .rpGroup a.rpLink,
.RadPanelBar_sdh .rpGroup a.rpLink .rpOut
{       
    background-color: transparent;
    /*background-image: url('WebResource.axd?d=juCUVgqZysjZX380a2TIV2EEPqYnoh7OAAywzHeCYUgC_kyWbrvmY1fXzrMtdf48-XFP92wUjA-hfhvzBYMMZDaMdfCo7wH0dugcEbke7Anh64s7hfspSw2M9yGZ0eqR1_jSoKm4-r-06yMLqI1HdWookp81&t=634266374693032945');*/
    background-repeat: no-repeat;
}

.RadPanelBar_sdh .rpGroup a.rpSelected,
.RadPanelBar_sdh .rpGroup a.rpSelected:hover
{
    color: #f37d00;
}

/* <subitems (disabled)> */
.RadPanelBar_sdh .rpGroup a.rpDisabled,
.RadPanelBar_sdh .rpGroup a.rpDisabled:hover,
.RadPanelBar_sdh .rpGroup a.rpDisabled .rpOut
{
    background-image: none;
}

.RadPanelBar_sdh .rpGroup a.rpDisabled,
.RadPanelBar_sdh .rpGroup a.rpDisabled:hover
{
    color: #bbb;
    background-color: #fff;
}
/* <subitems (disabled)> */

/* </subitems> */


/* <background positioning> */
.RadPanelBar_sdh a.rpLink,
.RadPanelBar_sdh a.rpExpanded,
.RadPanelBar_sdh .rpItem a.rpLinkExpandHovered
{

}

.RadPanelBar_sdh a.rpFocused,
.RadPanelBar_sdh a.rpLink:hover,
.RadPanelBar_sdh a.rpExpanded:hover
{
    color:#f37d00;
    border-top:1px solid #f37d00;
}

.RadPanelBar_sdh a.rpSelected,
.RadPanelBar_sdh a.rpSelected:hover
{

}

.RadPanelBar_sdh .rpFirst a.rpLink,
.RadPanelBar_sdh .rpFirst a.rpExpanded
{
 
}

.RadPanelBar_sdh .rpFirst a.rpFocused,
.RadPanelBar_sdh .rpFirst a.rpLink:hover
{
    color:#f37d00;
    border-top:1px solid #f37d00;
}

.RadPanelBar_sdh .rpFirst a.rpSelected,
.RadPanelBar_sdh .rpFirst a.rpSelected:hover
{
    
}

/* <root items (disabled)> */
.RadPanelBar_sdh a.rpDisabled:hover
{
    cursor: default;
}

.RadPanelBar_sdh a.rpDisabled,
.RadPanelBar_sdh a.rpDisabled:hover,
.RadPanelBar_sdh a.rpDisabled:hover .rpOut
{
    background-position: 0 0;
}
/* </root items (disabled)> */

/*      <expand arrows> */
.RadPanelBar_sdh a.rpExpandable .rpExpandHandle,
.RadPanelBar_sdh a.rpExpanded .rpExpandHandle
{
    display:none; height:1px; width:1px;
}

.RadPanelBar_sdh_rtl .rpGroup .rpText
{
    padding: 0 10px 0 0;
}

.RadPanelBar_sdh a.rpExpandable .rpExpandHandle,
.RadPanelBar_sdh a.rpExpandable:hover .rpNavigation .rpExpandHandle { background-position: 0 -5px; }
.RadPanelBar_sdh a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_sdh a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -5px; }
.RadPanelBar_sdh a.rpExpanded .rpExpandHandle,
.RadPanelBar_sdh a.rpExpanded:hover .rpNavigation .rpExpandHandle { background-position: 0 -181px; }
.RadPanelBar_sdh a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_sdh a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -181px; }

/*      </expand arrows> */

.RadPanelBar_sdh .rpGroup a.rpLink,
.RadPanelBar_sdh .rpGroup a.rpLink .rpOut { background-position: 0 200px; }

.RadPanelBar_sdh .rpGroup a.rpLink:hover,
.RadPanelBar_sdh .rpGroup a.rpFocused { background-position: 100% -22px; }
.RadPanelBar_sdh .rpGroup a.rpLink:hover .rpOut,
.RadPanelBar_sdh .rpGroup a.rpFocused .rpOut { background-position: 0 0; }

/*      <subitems (selected)> */
.RadPanelBar_sdh .rpGroup a.rpSelected,
.RadPanelBar_sdh .rpGroup a.rpSelected:hover { background-position: 100% -222px; background-color: transparent; font-weight:bold; }
.RadPanelBar_sdh .rpGroup a.rpSelected .rpOut,
.RadPanelBar_sdh .rpGroup a.rpSelected:hover .rpOut { background-position: 0 -200px; }
/*      </subitems (selected)> */

/*      <subitems (expand arrows)> */
.RadPanelBar_sdh .rpGroup a.rpExpandable .rpExpandHandle,
.RadPanelBar_sdh .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle { background-position: 0 -343px; }
.RadPanelBar_sdh .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_sdh .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -343px; }
.RadPanelBar_sdh .rpGroup a.rpExpanded .rpExpandHandle,
.RadPanelBar_sdh .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle { background-position: 0 -482px; }
.RadPanelBar_sdh .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_sdh .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -482px; }
/*      </subitems (expand arrows)> */
/* </background positioning> */

.RadPanelBar_sdh .rpGroup a.rpExpandHandle { padding-bottom:0px; }
