/* ##############
### FONT#########
###############*/
@font-face 
{
    font-family: netzkern;
    src: url('/styles/fonts/TheSans_TT5_.woff') format('woff'),
         url('/styles/fonts/TheSans_TT5_.eot') format('eot');
}

html, body, form
{
    padding: 0px;
    margin: -3px 0px 0px 0px;
    min-height: 100%;
    margin: expression("0px");
    width: 100%;
}

body
{
    font-family: Arial;
    font-size: 13px;
    background-image: url('/images/web/Grass.jpg');
    background-position: center bottom;
    background-repeat: repeat-x;
}

body::selection {
        background: #A633CC; /* Safari */
        }
body::-moz-selection {
        background: #A633CC; /* Firefox */
}

h1, h2
{
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}

a
{
    font-weight: bold;
    text-decoration: underline;
    color: #666666;
}

a:hover
{
    background-color: #A633CC;
    color: #FFFFFF;
    text-decoration: none;
}

a.Icon
{
    background: url('/images/web/icons/link.png') 0px 1px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    font-weight: normal;
}

a.IconToChapter
{
    background: url('/images/web/icons/LinkToChapter.png') 0px 1px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    font-weight: normal;
}
a:hover.IconToChapter
{
    color: #666666;
}

a:hover.Icon
{
    color: #666666;
}

a.Clear
{
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}

a.Clear:hover
{
    background-color: Transparent;
    color: #FFFFFF;
}

a.Download
{
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}

a.Download:hover
{
    background-color: Transparent;
    color: #666666;
}

.ContinueLink
{
    display: block;
    width: 95px;
    height: 21px;
}

.StartpageContainer
{
    background-image: url('/images/web/ContentFadeTop.jpg');
    background-repeat: repeat-x;
    cursor: pointer;
    vertical-align: top;
}

.StartpageContainer:hover
{
    background-image: url('/images/web/StartpageContainer-Hover.png');
    background-repeat: repeat;
}

.TagCloud
{
    background-color: #e7e7e7;
    width: 100%;
    height: 264px;  
}
.TagCloudTitle
{   
    border-bottom: solid 1px white;
    padding-left: 10px;
    width: 100%;
    height: 26px;
    font-size: 18px;
    color: #666666;
    float: left;
    vertical-align: text-top;
    padding-top: 4px;
}

.SmallTag
{ 
    padding-top:14px;
    font-size: 11px;
    text-decoration: none;  
    float:left;
}
.MediumTag
{   padding-top:11px;
    font-size: 15px;
    text-decoration: none; 
    float:left;
}

.LargeTag
{   padding-top:8px; 
    font-size: 18px;
    text-decoration: none; 
    float:left;
}

#Tag
{
     text-decoration: none;
}

#Tag a
{   font-weight:normal;
     text-decoration: none;
}

#Tag a:hover
{   font-weight:normal;
    color: #A633CC;
    background-color:Transparent;
    text-decoration: none;
}


.BlogEntries
{
    position:relative;
    color: #666666;
    width: 100%;
    height: 260px;  
    background-color: #e7e7e7;
    z-index:0;  
    
}
.BlogEntry
{
    
    position:relative;
    padding-left: 10px;
    padding-top:3px;
    height:48px;
    width: 307px;
    border-bottom: solid 1px white;z-index:1;   
}
.BlogEntryTitle
{
    position:relative;
    padding-top:5px;
    font-size: 12px;
    padding-bottom: 3px;z-index:1;
}
.BlogEntryContent
{
    position:relative;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    z-index:1;

   
}
.BlogEntryHeadline
{
    position:absolute;
    background-image: url('/images/web/TransEcke_Button.gif');
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 18px;
    vertical-align: text-top;
    color: #666666;
    padding-left: 10px;
    height: 34px;
    padding-top: 5px;
    overflow:hidden;
    z-index:10;
}

.BlogEntryHeadline a {
    font-weight: inherit;
    text-decoration: none;
}

.SocialNetworkFollowUsFooter
{
    font-size: 12px;
    height:40px;
    padding-bottom: 10px;
    border-bottom: solid 1px white;
}


.SocialNetworkSMUBFooter
{
    color:#cccccc;  
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-bottom: expression('1   px');
    padding-top: expression('4px');
    background-color: #e7e7e7;
    padding-left:100px;

}
.BlogEntriesContent
{    
    height:227px;
    vertical-align: text-top;
    padding-top: 31px; 
}
.LinkedHeadline
{
    text-decoration: none;
    font-weight: normal;
    line-height: 22px;
}

.NotHoveredLink:hover
{
    background-color: #779D26;
}

#netzkernLogo
{
    position: absolute;
    top: 49px;
    right: 91px;
}

#badge
{
    position: absolute;
    top: 48px;
    left: 8px;
}

#netzkernSland
{
    position: absolute;
    right: 62px;
    top: 6px;
    top: expression('10px');
}

#darkOverlay
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

/* ################# */
/* ## PAGE-SHADOW ## */
/* ################# */
#ContentCarrier .Edge
{
    width: 20px;
    height: 20px;
}

#ContentCarrier .Bottom
{
    height: 5px;
    line-height: 1px;
    overflow: hidden;
}

/* #################### */
/* ## PAGE-CONTAINER ## */
/* #################### */
#AllPageContainer
{
    background-image: url('/images/web/TopFade.jpg');
    background-repeat: repeat-x;
}

#PageContainer
{
    position: relative;
    margin: 0px auto 0px auto;
    width: 1010px;
}

/* ############ */
/* ## HEADER ## */
/* ############ */
#Header
{
    height: 125px;
    position: relative;
    background-image: url('/images/web/HeaderFade.jpg');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}

#Header img
{
    border: none;
}

/* ################## */
/* ## PAGE-CONTENT ## */
/* ################## */
.BigBackgroundFade
{
    margin-top: 5px;
    background-image: url('/images/web/GreenContentFadeLarge.jpg');
    background-repeat: repeat-x;
    background-color: #7AA128;
    height: 350px;
}

.SmallBackgroundFade
{
    background-image: url('/images/web/GreenContentFadeSmall.jpg');
    background-repeat: repeat-x;
    background-color: #88B42D;
    padding: 10px;
}

.ContentLowerFade
{
    background-image: url('/images/web/ContentFadeBottom.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.ActionButton
{
    cursor: pointer;
    float: left;
    height: 19px;
    width: 150px;
    padding: 4px 0px 0px 4px;
    background-color: #CCCCCC;
}

.ActionButton .Icon
{
    padding: 2px 3px 0px 0px;
}

.ActionButton .Label
{
}

.ActionButtonActive
{
    background-color: #A633CC;
}

.ActionButtonActiveTop
{
    border-top: 1px solid #A633CC;
}

.BackToOverview
{
    cursor: pointer;
    float: left;
    height: 19px;
    width: 150px;
    padding: 4px 0px 0px 4px;
}

.BackToOverview .Icon
{
    padding: 2px 3px 0px 0px;
}

.BackToOverview .Label
{
}

.BackToOverviewActive
{
    background-color: #A633CC;
}

.BackToOverviewActiveTop
{
    border-top: 1px solid #A633CC;
}

.BigBackgroundFade .SlideItem
{
    cursor: pointer;
    font-size: 12px;
    float: left;
    color: White;
    width: 10px;
    height: 10px;
    background-color: #CCE699;
    margin: 5px;
}

/* ############################# */
/* ## PAGE-CONTENT-PARTNERBAR ## */
/* ############################# */
#PartnerBar
{
    background-image: url('/images/web/PartnerFade.jpg');
    background-repeat: repeat-x;
    background-color: #F7F7F7;
    height: 84px;
    padding: 8px;
}

#PartnerBar img
{
    border: none;
}

#PartnerBar td
{
    padding: 2px 0px 2px 0px;
    text-align: center;
}

#PartnerBar .BeforeDivider
{
    border-right: 1px solid #FFFFFF;
}

#PartnerBar .AfterDivider
{
    border-left: 1px solid #CCCCCC;
}

/* ############### */
/* ## MAIN-MENU ## */
/* ############### */
#MainMenu
{
    background-image: url('/images/web/Menu/MainMenuFade.jpg');
    background-repeat: repeat-x;
    background-color: #87B32D;
    height: 30px;
}

#MainMenu #homeIcon
{
    width: 10px;
    height: 22px;
    background-image: url('/images/web/Icons/home.png');
    background-repeat: no-repeat;
    background-position: 8px 9px;
    float: left;
    padding: 8px 8px 0;
    cursor: pointer;
}

#MainMenu #homeIcon:hover
{
    background-image: url('/images/web/Icons/HomePurple.png');
    background-repeat: no-repeat;
    background-position: 8px 5px;
    border-top: 4px solid #A633CC;
}

#MainMenu .Active
{
    padding: 4px 8px 0px 8px !important;
    border-top: 4px solid #A633CC;
}

#MainMenu .Item
{
    cursor: pointer;
    height: 22px;
    float: left;
    padding: 8px 8px 0px 8px;
}

#MainMenu .Hover
{
    padding: 4px 8px 0px 8px; /*border-top:4px solid #6F6F6F;*/
    border-top: 4px solid #A633CC;
    background-color: #779D26;
}

#MainMenu .Submenu
{
    position: absolute;
    visibility: hidden;
    top: -1000px;
    left: -1000px;
    z-index: 2;
    padding: 5px; /*border-bottom:4px solid #6F6F6F;*/
    border-bottom: 4px solid #A633CC;
    background-color: #779D26;
    font-size: 12px;
}

#MainMenu .Submenu a
{
    color: #FFFFFF;
    text-decoration: none;
}

#MainMenu .Submenu .Column
{
    float: left;
    width: 120px;
}

#MainMenu .Submenu .SubItem
{
    cursor: pointer;
    padding: 5px 5px 5px 5px;
    position: relative;
}

#MainMenu .Submenu .Hover
{
    border-top: 0px;
    background-color: #A633CC;
}

#MainMenu .Submenu .ActiveSub
{
    border-top: 0px;
    background-color: #A633CC;
}

/* ############# */
/* ## METANAV ## */
/* ############# */
#MetaNav
{
    height: 16px;
    padding: 0px 0px 2px 10px;
}

#MetaNav td
{
    padding-right: 6px;
    padding-top: 4px;
    padding-top: expression('0px');
}

#MetaNav img
{
    border: 0;
}

#Numeration
{     
    padding: 12px 0px 15px 0;
    float:left;
}

#Numeration .Box
{
    border-bottom: solid 1px #cccccc;
    width: 290px;
    background-color: #E7E7E7;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px 1px 1px 0px;
    float: left;
}

/* ################### */
/* ## SUBNAVIGATION ## */
/* ################### */

#Subnavigation
{
    padding: 12px 0px 15px 10px;
}

#Subnavigation .Box
{
     width: 290px;
    height: 15px;
    background-color: #E7E7E7;
    padding: 10px;
    margin: 0px 5px 5px 0px;
    float: left;
}
 #Subnavigation .Hover
{
    background-color: #CCCCCC;
}

#SubSection
{
    padding: 12px 0px 15px 10px;
}

#SubSectionHeadline
{    
    font-size: 18px;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 3px;
    text-decoration: none;  font-weight:normal;
 
}
#SubSectionHeadline a
{
    text-decoration: none;
    font-weight: normal;
}
#SubSectionHeadline a:Hover
{
    font-size: 18px;
    color: #666666;
    text-decoration: none;
    background-color: Transparent;
  
}

#SubSection .Box
{ 
    width: 290px;
    height: 15px;
    padding: 10px;
    margin: 0px 5px 5px 0px;
    float: left;background-color: #E7E7E7;
}

#SubSection .Hover
{
    background-color: #CCCCCC;
}

/* ################### */
/* ##   Breadrumb   ## */
/* ################### */

#Breadcrumb
{
    padding: 10px 12px 0px 12px;
    color: #666666;
    font: Arial;
    font-size: 11px;
}

#Breadcrumb #Start
{
    height: 14px;
    background-color: #CCCCCC;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

#Breadcrumb .Spacer
{
    height: 15px;
    width: 21px;
    background: url('/images/web/icons/breadcrumbSpacer.png');
    float: left;
}

#Breadcrumb .Last
{
    height: 15px;
    width: 18px;
    background: url('/images/web/icons/breadcrumbEnd.png');
    float: left;
}

#Breadcrumb .Element
{
    height: 14px;
    background-color: #CCCCCC;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

/* #################### */
/* ## SITEMAP-FOOTER ## */
/* #################### */
#SitemapFooter
{
    background-repeat: repeat-x;
    background-color: #99cc33;
    background-image: url('/images/web/SitemapFooter_Background.jpg');
    width: 951px;
    margin: 0px auto 40px 21px;
    padding: 8px 0px 3px 17px;
    padding-bottom: expression('0px');
}

#SitemapFooter a
{
    color: #FFFFFF;
    text-decoration: none;
}

#SitemapFooter div
{
    margin: 0px 0px 2px 0px;
    padding: 0px;
}

#SitemapFooter .Category
{
    color: #FFFFFF;
    font-size: 11px;
    float: left;
    padding: 0px 34px 0px 0px;
}

#SitemapFooter .Last
{
    float: left;
    margin: 0px;
}


/* ########## */
/* ## TEXT ## */
/* ########## */
.HeadlineWhite
{
    font-size: 18px;
    color: #FFFFFF;
}

.HeadlineGray
{
    font-size: 18px;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 3px;
}

.HeadlineUnderlined
{
    padding: 0px 0px 5px 2px;
    border-bottom: 1px solid #666666;
}

.TextWhite
{
    color: #FFFFFF;
    font-size: 13px;
    line-height: 18px;
}

.TextGray
{
    color: #666666;
    font-size: 13px;
    line-height: 20px;
}

.TextGray p
{
    margin: 9px 0px 9px 0px;
}

.RightyText p
{
    margin: 0px;
}

/* ############ */
/* ## RIGHTY ## */
/* ############ */
.RightyTop
{
}

.RightyBottom
{
}

.RightyText
{
    padding: 8px 10px 10px 10px;
    color: #666666;
}

.RightyHeadline
{
    padding-top: 10px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    height: 27px;
}

.RightyBackground
{
    background-color: #E7E7E7;
}


/* ############# */
/* ## GALLERY ## */
/* ############# */
.GalleryItem
{
    float: left;
    width: 190px;
    border: 1px solid #CCCCCC;
    padding: 4px;
    margin-top: 8px;
    margin-right: 10px;
}

#Gallery .LastInRow
{
    margin-right: 0px;
}

/* ############# */
/* ##  DIALOG ## */
/* ############# */
#Overlay
{
    visibility: hidden;
    position: relative;
    width: 400px;
    height: 400px;
    text-align: center;
    z-index: 3;
    margin: 0px auto;
    background-color: #ffffff;
    top: 0px;
    display: none;
}

#dialogForm
{
    position: relative;
}

#dialogForm #Head
{
    margin-top: 5px;
    margin-top: expression('0px');
    padding: 5px;
}

#dialogForm #topShadow
{
    background: url('/images/web/Overlay/topShadow.png');
    position: absolute;
    top: 40px;
    left: 5px;
    width: 390px;
    height: 100px;
}

#dialogForm #bottomShadow
{
    background: url('/images/web/Overlay/bottomShadow.png');
    position: absolute;
    top: 295px;
    left: 5px;
    width: 390px;
    height: 100px;
}

.Hover
{
    background-color: #CCCCCC;
}

/*.scfForm
{
    background-color:Red;
}*/

.scfTitle label
{
}

.scfTitle div
{
    width:50px;
}

.scfValidationSummary
{
    margin:0px;
    margin-bottom:20px;
    color: #666666;
}

.scfValidationSummary ul
{
    margin:0px;
    padding:0px;
}

.scfValidationSummary ul li
{
    color: #666666
}


.scfSubmitButtonBorder
{
    float:right;
    padding:10px;
    padding-right:55px;
}

.scfSubmitButtonBorder input
{
    color:#000000;      
    background-color: #CCCCCC;  
    border:5px #E7E7E7 solid;
}

a.nkLink
{
 font-family: netzkern;
 font-size: 10px;
 color: #a1a1a1;
 text-decoration: none;   
 font-weight: normal;
}

.hiddenLink
{
    text-decoration:none;
}

div .applicationFormSubmitButton {
    text-decoration: none;
    color: black;
}

div.formTextFieldContainer label {
    width: 29%;
}
div.formTextFieldContainer input {
    width: 69%;
}
div.formTextFieldContainer textarea {
    width: 100%;
}