/* ---------------------------Import common CMS styles--------------------------- */

@import url(../admin/Common.css);

/* ---------------------------Site layout styles begin--------------------------- */
/* Site specific css definitions */

@media screen
{
    html, body
    {
	    margin: 0;
	    padding: 0;
	    height: 100%;
	    font: normal normal normal 1em Arial, Sans-Serif;
    }	

    ::selection { background: #3399ff }
    ::-moz-selection { background: #3399ff }

    img { border: 0 }
    a { color: #000; text-decoration: none }
    a:hover { text-decoration: underline }
    p { font-size: 1.2em }

    .breaker
    {
	    clear: both;
	    width: 0;
	    height: 0; 
	    margin: 0; 
	    padding: 0; 
	    font-size: 0
    }

    div.tabList
    {
	    position: relative;
	    left: 0px;
	    font-size: 9pt;	
    }

    a.tabLink
    {
	    display: block;
	    float: left;
	    border: solid 1px #000;
	    padding: 5px 8px;
	    margin-right: 5px;
	    position: relative;
	    top: 1px;
	    text-decoration: none;
	    color: #000;
	    font-family: arial;
	    font-weight: bold;
	    background-image: url(/img/linklogo.png)	
    }

    a.tabLinkSelected
    {
	    display: block;
	    float: left;
	    border: solid 1px #000;
	    border-bottom-color: #fff;
	    padding: 5px 10px;
	    margin-right: 5px;
	    position: relative;
	    top: 1px;
	    text-decoration: none;
	    color: #000;
	    font-family: arial;
	    font-weight: bold
    }

    .pictureBorder 
    {
        border: solid 1px #808080;
        padding: 2px
    }

    #site
    {
        position: relative;
        left: 0;
        top: 0;
	    width: 905px; 
	    padding-left: 80px;
	    margin: 0; 
	    min-height: 100%;
	    vertical-align: top;
	    font-size: 0.8em            /*Global font scaling  - do not touch!!!*/
    }

    #containerCol
    {
	    width: 612px; 
	    min-height: 400px;
	    padding-left: 0;
	    margin-right: 25px;
	    text-align: left; 
	    vertical-align: top;
	    float: left;
	    font-size: 1.0em
    }
    
    #wideContainerCol
    {
 	    width: 860px; 
	    min-height: 400px;
	    padding-left: 0;
	    text-align: left; 
	    vertical-align: top;
    }

    #teaserCol
    {
	    width: 245px; 
	    padding-top: 10px;
	    margin: 0;  
	    height: 100%;
	    vertical-align: top;
	    float: left;
	    font-size: 1.0em
    }

    #header
    {
        width: 905px; 	
        height: 170px;
        margin: 0; 
        padding: 0
    }

    #logo { width: 293px; height: 170px; margin: 0; padding: 0; float: right }
    #logo>img { position: absolute; top: 20px; left: 680px }

    #breadcrumb { margin-bottom: 10px; float: left; width: 610px }
    #breadcrumb a { color: #000; text-decoration: none }
    .breadCrumbText { color: #c30 }
    .breadCrumbSeparator { color: #000 }

    #ctl00_pnlSearch { padding: 0; margin: 0 45px 3px 0; text-align: left; float: right; width: 225px }
    .searchText { width: 160px; height: 14px; float:left }
    .searchButton, .searchButton:hover { margin: 0; padding-top: 1px; padding-left: 5px; background-image: none; width: 42px; height: 18px }

    #boxBabenhausen
    {
        width: 612px; 
        height: 170px;
        padding: 0;
        margin: 0;
        float: left;
    }

    #navigationDiv
    {
        width: 612px; 
        height: 170px;
        position:relative;
        left: 0;
        top: 0
    }

    #navigationStrip
    {
        position: absolute;
        left: 0;
        top: 105px;
        width: 612px;
        height: 25px;
        background: url(/img/Hintergrund_Menu.png) no-repeat
    }
    #navigationStrip>ul { list-style-type: none; margin: 0; padding: 0 }
    #navigationStrip>ul>li { float: left; height: 25px; padding: 0 10px }
    #navigationStrip>ul>li>a { display: block; padding-top: 4px; height: 21px; font-weight: bold }
    #navigationStrip>ul>li:hover { background-color: #fff }
    #navigationStrip>ul>li.selected { background-color: #fff }
    #navigationStrip>ul>li>a:hover { text-decoration: none }
    #navigationStrip>ul>li>ul { display: none }
    #navigationStrip>ul>li:hover>ul
    {
        display: block;
        background-color: #fff;
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index: 999;
        position: absolute;
        border: solid 1px #ccc;
        margin-left: -10px
    }
    #navigationStrip>ul>li>ul>li>a
    {
        background-color: #eee;
        display: block;
        margin: 1px;
        padding: 2px 50px 2px 4px
    }
    #navigationStrip>ul>li>ul>li>a:hover
    {
        text-decoration: none;
        background-color: #e95c15;
        color: #fff
    }
    
    #navigationStrip>ul>li>ul>li>ul>li { padding-left: 20px }
    #navigationStrip>ul>li>ul>li>ul>li:hover { background-color: #e95c15 }
    #navigationStrip>ul>li>ul>li>ul>li>a { display: block; text-decoration: none }
    #navigationStrip>ul>li>ul>li>ul>li>a:hover { color: #fff }

    /*Submenu positions*/

    #subLinks1
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 20px;
        width: 90px;
        border: 0;
        /*visibility: hidden;*/
        float: left
    }

    #subLinks2
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 120px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks3
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 220px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks4
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 320px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks5
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 420px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks6
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 520px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    /*********************************************/

    div.tabContent
    {
        clear: both;
        width: 100%; 
        padding: 0;
        margin: 0 0 25px 0; 
        border-top: 1px;
        border-right: 0;
        border-left: 1px;
        border-bottom: 0;
        border-style: solid;
        border-left-color: #808080;
        border-right-color: #808080;
        border-bottom-color: #808080;
        text-align: left; 
        height: 370px;
        vertical-align: top;
    }

    div.tabContent>div
    {
        width: 612px;
        position: relative;
        top: -1px;
        padding-top: 15px;
        border-top: 0;
        border-right: 3px;
        border-left: 0px;
        border-bottom: 3px;
        border-style: solid;
        border-top-color: #808080;
        border-right-color: #808080;
        height: 353px;
    }

    div.tabContainerImage { margin: 0 10px 10px 10px; float: left }
    div.tabContainer { padding: 0 15px }

    div.tabContainer h1
    {
        font: normal normal bold 0.85em Arial;
        letter-spacing: 4px;
        text-transform: uppercase;
        color:  #b4c952;
        margin: 0;
        padding: 0
    }

    div.tabContainer h2
    {
        font: normal normal normal 1.85em Times New Roman, serif;
        color: #e95c15;
        margin: 0;
        padding: 0
    }

    span.containerLink:before { content: '['; }
    span.containerLink:after { content: ']'; }

    .outerFrame1
    {
        height: 460px;
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }

    #contentLeftCol
    {
	    width: 285px; 
	    padding: 0;
	    margin: 0 0 15px 0; 
	    text-align: left; 
	    vertical-align: top;
	    float: left;
    }

    #containerRightCol
    {
	    width: 300px; 
	    padding: 0;
	    margin: 0 0 15px 10px; 
	    text-align: left; 
	    height: 385px;
	    vertical-align: top;
	    float: left;
    }
    
    .containerDiv { padding: 0; margin-bottom: 12px; }
    .containerDiv280 { width: 280px }
    .containerDiv h2 { margin: 0 0 3px 0; font: normal normal bold 0.9em Arial; letter-spacing: 4px; color: #360; text-transform: uppercase }
    .containerDiv h3 { font: normal normal bolder 1.3em Times New Roman, serif; color:#c30; margin: 3px 0 }
    .containerDiv p { margin: 0 0 5px 0 }
    .containerDiv ul { list-style-image: url(/img/list.gif); margin: 10px 25px; padding: 0; }
    .containerDiv ul li { margin: 2px 0 }

    .cntContent { padding: 0 14px }
    .cntFrame { border: solid 1px #808080; padding: 14px 14px 0 14px }

    #subContent3
    {
        border-color: #808080;
        border-width: 0;
        width: 280px; 
        padding: 0;
        margin:0 0 5px 10px; 
        text-align: left; 
        border-style: solid;
        float: left;
    }

    div.teaserDiv
    {
        width: 100%;
        padding: 0;
        margin: 3px 0 3px 0; 
        text-align: left; 
        vertical-align: top;
        float: right
    }

    div.teaserDiv h2
    {
        font: normal normal bold 11px Arial, sans-serif;
        letter-spacing: 4px;
        color: #c30;
        margin: 0 0 10px 0;
        padding: 4px 0 4px 6px;
        text-transform: uppercase;
        width: 224px;
        border-style: double none solid none;
        border-width: 3px 0 1px 0;
        border-color: #808080
    }
    
    div.teaserDiv p { margin: 0 0 5px 0 }
    div.teaserDiv ul { list-style-image: url(/img/list.gif); margin: 10px 25px; padding: 0; }
    div.teaserDiv ul li { margin: 2px 0 }

    /* Footer stlyes */

    #teaserDiv1
    {

	    margin: 0 0 15px 0; 
	    text-align: left; 
	    vertical-align: top;
	    float:right;
    }

    #footer
    {
        width: 905px; 
        padding-top: 20px;
        height: 145px;
        text-align: center;
    }
    
    #sitemapDiv ul { list-style-image: url(/img/dash.gif) }
    #sitemapDiv li { margin-left: 20px }
    #sitemapDiv>ul>li>a { font-weight: bold; color: #c30 }

    .cpnlBody { padding: 10px; visibility: hidden }
}
@media print
{
    html, body
    {
	    margin: 0;
	    padding: 0;
	    height: 100%;
	    font: normal normal normal 1em Arial, Sans-Serif;
    }	

    ::selection { background: #3399ff }
    ::-moz-selection { background: #3399ff }

    img { border: 0 }
    a { color: #000; text-decoration: none }
    a:hover { text-decoration: underline }
    p { font-size: 1.2em }

    .breaker
    {
	    clear: both;
	    width: 0;
	    height: 0; 
	    margin: 0; 
	    padding: 0; 
	    font-size: 0
    }

    div.tabList
    {
	    position: relative;
	    left: 0px;
	    font-size: 9pt;	
    }

    a.tabLink
    {
	    display: block;
	    float: left;
	    border: solid 1px #000;
	    padding: 5px 8px;
	    margin-right: 5px;
	    position: relative;
	    top: 1px;
	    text-decoration: none;
	    color: #000;
	    font-family: arial;
	    font-weight: bold;
	    background-image: url(/img/linklogo.png)	
    }

    a.tabLinkSelected
    {
	    display: block;
	    float: left;
	    border: solid 1px #000;
	    border-bottom-color: #fff;
	    padding: 5px 10px;
	    margin-right: 5px;
	    position: relative;
	    top: 1px;
	    text-decoration: none;
	    color: #000;
	    font-family: arial;
	    font-weight: bold
    }

    .pictureBorder 
    {
        border: solid 1px #808080;
        padding: 2px
    }

    #site
    {
        position: relative;
        left: 0;
        top: 0;
	    /*width: 905px; */
	    padding-left: 80px;
	    margin: 0; 
	    min-height: 100%;
	    vertical-align: top;
	    font-size: 0.8em            /*Global font scaling  - do not touch!!!*/
    }

    #containerCol
    {
	    width: 612px; 
	    min-height: 400px;
	    padding-left: 0;
	    margin-right: 25px;
	    text-align: left; 
	    vertical-align: bottom;
	    float: left;
	    font-size: 1.0em
    }
    
    #wideContainerCol
    {
 	    width: 860px; 
	    min-height: 400px;
	    padding-left: 0;
	    text-align: left; 
	    vertical-align: top;
    }

    #teaserCol
    {
	    width: 245px; 
	    padding-top: 10px;
	    margin: 0;  
	    height: 100%;
	    vertical-align: top;
	    float: left;
	    font-size: 1.0em;
	    display: none
    }

    #header
    {
        width: 905px; 	
        height: 170px;
        margin: 0; 
        padding: 0;
        display: none
    }

    #logo { width: 293px; height: 170px; margin: 0; padding: 0; float: right }
    #logo>img { position: absolute; top: 20px; left: 680px }

    #breadcrumb { margin-bottom: 10px; float: left; width: 610px; display: none }
    #breadcrumb a { color: #000; text-decoration: none }
    .breadCrumbText { color: #c30 }
    .breadCrumbSeparator { color: #000 }

    #ctl00_pnlSearch { padding: 0; margin: 0 45px 3px 0; text-align: left; float: right; width: 225px; display: none }
    .searchText { width: 160px; height: 14px; float:left }
    .searchButton, .searchButton:hover { margin: 0; padding-top: 1px; padding-left: 5px; background-image: none; width: 42px; height: 18px }

    #boxBabenhausen
    {
        width: 612px; 
        height: 170px;
        padding: 0;
        margin: 0
    }

    #navigationDiv
    {
        width: 612px; 
        height: 170px;
        position:relative;
        left: 0;
        top: 0
    }

    #navigationStrip
    {
        position: absolute;
        left: 0;
        top: 105px;
        width: 612px;
        height: 25px;
        background: url(/img/Hintergrund_Menu.png) no-repeat
    }
    #navigationStrip>ul { list-style-type: none; margin: 0; padding: 0 }
    #navigationStrip>ul>li { float: left; height: 25px; padding: 0 10px }
    #navigationStrip>ul>li>a { display: block; padding-top: 4px; height: 21px; font-weight: bold }
    #navigationStrip>ul>li:hover { background-color: #fff }
    #navigationStrip>ul>li.selected { background-color: #fff }
    #navigationStrip>ul>li>a:hover { text-decoration: none }
    #navigationStrip>ul>li>ul { display: none }
    #navigationStrip>ul>li:hover>ul
    {
        display: block;
        background-color: #fff;
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index: 999;
        position: absolute;
        border: solid 1px #ccc;
        margin-left: -10px
    }
    #navigationStrip>ul>li>ul>li>a
    {
        background-color: #eee;
        display: block;
        margin: 1px;
        padding: 2px 50px 2px 4px
    }
    #navigationStrip>ul>li>ul>li>a:hover
    {
        text-decoration: none;
        background-color: #e95c15;
        color: #fff
    }
    
    #navigationStrip>ul>li>ul>li>ul>li { padding-left: 20px }
    #navigationStrip>ul>li>ul>li>ul>li:hover { background-color: #e95c15 }
    #navigationStrip>ul>li>ul>li>ul>li>a { display: block; text-decoration: none }
    #navigationStrip>ul>li>ul>li>ul>li>a:hover { color: #fff }

    /*Submenu positions*/

    #subLinks1
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 20px;
        width: 90px;
        border: 0;
        /*visibility: hidden;*/
        float: left
    }

    #subLinks2
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 120px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks3
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 220px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks4
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 320px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks5
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 420px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    #subLinks6
    {
        z-index: 999;
        position: absolute;
        top: 25px;
        left: 520px;
        width: 90px;
        border: 0;
        visibility: hidden;
        float: left
    }

    /*********************************************/

    div.tabContent
    {
        clear: both;
        width: 100%; 
        padding: 0;
        margin: 0 0 25px 0; 
        border-top: 1px;
        border-right: 0;
        border-left: 1px;
        border-bottom: 0;
        border-style: solid;
        border-left-color: #808080;
        border-right-color: #808080;
        border-bottom-color: #808080;
        text-align: left; 
        height: 370px;
        vertical-align: top;
    }

    div.tabContent>div
    {
        width: 612px;
        position: relative;
        top: -1px;
        padding-top: 15px;
        border-top: 0;
        border-right: 3px;
        border-left: 0px;
        border-bottom: 3px;
        border-style: solid;
        border-top-color: #808080;
        border-right-color: #808080;
        height: 353px;
    }

    div.tabContainerImage { margin: 0 10px 10px 10px; float: left }
    div.tabContainer { padding: 0 15px }

    div.tabContainer h1
    {
        font: normal normal bold 0.85em Arial;
        letter-spacing: 4px;
        text-transform: uppercase;
        color:  #b4c952;
        margin: 0;
        padding: 0
    }

    div.tabContainer h2
    {
        font: normal normal normal 1.85em Times New Roman, serif;
        color: #e95c15;
        margin: 0;
        padding: 0
    }

    span.containerLink:before { content: '['; }
    span.containerLink:after { content: ']'; }

    .outerFrame1
    {
        height: 460px;
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }

    #contentLeftCol
    {
	    width: 285px; 
	    padding: 0;
	    margin: 0 0 15px 0; 
	    text-align: left; 
	    vertical-align: top;
	    float: left;
    }

    #containerRightCol
    {
	    width: 300px; 
	    padding: 0;
	    margin: 0 0 15px 10px; 
	    text-align: left; 
	    height: 385px;
	    vertical-align: top;
	    float: left;
    }
    
    .containerDiv { padding: 0; margin-bottom: 12px }
    .containerDiv280 { width: 280px }
    .containerDiv h2 { margin: 0 0 3px 0; font: normal normal bold 0.9em Arial; letter-spacing: 4px; color: #360; text-transform: uppercase }
    .containerDiv h3 { font: normal normal bolder 1.3em Times New Roman, serif; color:#c30; margin: 3px 0 }
    .containerDiv p { margin: 0 0 5px 0 }

    .cntContent { padding: 0 14px }
    .cntFrame { border: solid 1px #808080; padding: 14px 14px 0 14px }

    #subContent3
    {
        border-color: #808080;
        border-width: 0;
        width: 280px; 
        padding: 0;
        margin:0 0 5px 10px; 
        text-align: left; 
        border-style: solid;
        float: left;
    }

    div.teaserDiv
    {
        width: 100%;
        padding: 0;
        margin: 3px 0 3px 0; 
        text-align: left; 
        vertical-align: top;
        float: right
    }

    div.teaserDiv h2
    {
        font: normal normal bold 11px Arial, sans-serif;
        letter-spacing: 4px;
        color: #c30;
        margin: 0 0 10px 0;
        padding: 4px 0 4px 6px;
        text-transform: uppercase;
        width: 224px;
        border-style: double none solid none;
        border-width: 3px 0 1px 0;
        border-color: #808080
    }
    
    div.teaserDiv p { margin: 0 0 5px 0 }
    div.teaserDiv ul { list-style-type: square; margin: 10px 25px; padding: 0; }
    div.teaserDiv ul li { margin: 2px 0 }

    /* Footer stlyes */

    #teaserDiv1
    {

	    margin: 0 0 15px 0; 
	    text-align: left; 
	    vertical-align: top;
	    float:right;
    }

    #footer
    {
        width: 905px; 
        padding-top: 20px;
        height: 145px;
        text-align: center;
        display: none
    }
    
    #sitemapDiv ul { list-style-image: url(/img/dash.gif) }
    #sitemapDiv li { margin-left: 20px }
    #sitemapDiv>ul>li>a { font-weight: bold; color: #c30 }

    .cpnlBody { padding: 10px; visibility: hidden }
}

/* ---------------------------Site layout styles end--------------------------- */

/* ---------------------------Site text styles begin--------------------------- */
/* Text styles for use with smart text editor and user controls */

.TextNormal { font:normal normal 1.0em Verdana, Arial; }
.TextItalic { font:italic normal 1.0em Verdana, Arial; }
.TextNormalBold { font:normal bold 1.0em Verdana, Arial; }
.TextNormalRed { font:normal normal 1.0em Verdana, Arial; color:#f00; }
.TextNormalSmall { font:normal normal 0.8em Verdana, Arial; }
.TextNormalSmallRed { font:normal normal 0.8em Verdana, Arial; color:#f00; }
.Headline2 { margin: 0 0 3px 0; font: normal normal bold 0.9em Arial; letter-spacing: 4px; color: #360; text-transform: uppercase }
.Headline3 { font: normal normal bolder 1.3em Times New Roman, serif; color:#c30; margin: 3px 0 }
.LinkGreen { color: #360 }
.LinkOrange { color: #c30 }
.LinkBlue { color: rgb(0, 138, 235) }
.LinkRed { color: #f00 }
.LinkExternal { color: #000; background-image: url(/img/ext_link.gif); background-repeat: no-repeat; background-position: right; padding-right: 14px  }

/* ---------------------------Site text stlyes end--------------------------- */

/* ---------------------------Image position start -------------------------- */
.alignRight{
    float:right;
    margin-left:20px;
    margin-bottom:10px;
    }
.alignLeft {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}
	
/* ---------------------------Image position end -------------------------- */
/* -------------------------- Forum Classes Start ------------------------------------- */

.forumButton
{
	border: solid 1px #fff;
    color: #fff;
    background-color: #aab;
    height: 22px;
    font-weight: bold
}

.forumButton:hover
{
	border: solid 2px #286ea0;
	color:#fff;
    background-color:#19598f;
    height: 22px;	
    cursor: hand;
    font-weight: bold
}

.buttonBackground
{
	background-color: #ccc;
	padding: 5px
}
  
.headerBackgroud
{
	background-color: #ddd;
	padding: 5px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px
}

.templateHeaderStyle
{
	text-align: left;
	vertical-align: middle;
	color: #000;
	font-weight: bold
}

.templateItemStyle
{
	text-align: center;
	vertical-align: middle;
	width: 30px
}

.titleLinkClass
{
	font-weight: bold;
	color: #e42f01;
	text-decoration: underline
}

.historyLinkClass
{
	text-decoration: underline; 
	font-size: 1em; 
	font-weight: bold; 
	color: Aqua
}

.BreadCrumbCss
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	color: #5a5a5a
}

/* -------------------------- Forum Classes End ------------------------------------- */
/* -------------------------- GridView Style Start ------------------------------------- */

.gridPager td
{
	color: #fff;
	background-color: #9ac1e6; /*#a2c6f1; in Css*/
	font-weight: bold;
	text-align: right
}

.gridPager a
{
	color: #19598f;
	font-weight: bold;
	text-decoration: underline;	
	text-align: right;
	float: right;
	width: 100%
}

.gridHeader
{
	background-color: #ddd;
	color: #000;
	font-weight: bold;
	text-align: left
}

.gridRow
{
	background-color: #f7f6f3;
	color: #333
}

.gridAlternatingRow
{
	background-color: #fff;
	color: #284775
}

.gridEmptyDataRow
{
	background-color: #9ac1e6;
	color: #f00;
	font-weight: bold
}

.gridFooter
{
	background-color: #5d7b9d;
	color: #fff;
	font-weight: bold
}

.gridEditRow
{
	background-color: #999
}

.gridSelectedRow
{
	background-color: #e2ded6;
	color: #333;
	font-weight: bold
}



/* -------------------------- GridView Style End ------------------------------------- */