/*********************************************************************************************************************
    COMMON
*********************************************************************************************************************/

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
            font-family:Arial;
            font-size: 100%; /* IE hack */
            background:url(../../images/gfx/bg_site.png) center top repeat-x;
            height:100%;

        } 
    
    body
        {
            font-family:Arial;
            font-size:0.75em;
            color:#5c574f;
            background:url(../../images/gfx/bg_site_top.jpg) center top no-repeat;
            height:100%;
        }     
    
    p
        {
            display:block;
            margin-bottom:15px;
        }
    
    ul, ol
        {
            display:block;
            margin:auto auto auto 30pt;
        }
    
    h1
        {
            font-size:1.4em;
            font-weight:bold;
            margin-bottom:20px;
        }
    
    h2
        {
            font-size:1.2em;
            font-weight:bold;
        }
    
    h3
        {
            font-size:1em;
            font-weight:bold;
        }
    
    h4
        {
            font-size:1em;
            font-weight:normal;
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
		}
		
	a
	{
	    color:#5c574f; 
	    text-decoration:underline;
	}
	
	a:hover
	{
	    text-decoration:none;
	}
		
	a.ReadMore
	    {
	        color:#bfa044;
	        text-decoration:none;
	        font-size:0.9em;
	    }
	    
	a.ReadMore:hover
	    {
	        text-decoration:underline;
	    }	
		  
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

    #SiteContainer
        {
            position:relative;
            width:960px;
            margin:0px auto;
        }

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
            height:125px;
            position:relative;
        }
        
        #SiteHeader #Flags
            {
                position:absolute;
                top:16px;
                right:10px;
            }
        
        
        
        #SiteHeader #TopLinks
            {
                list-style:none;
                margin:0;
                padding:0;
                position:absolute;
                top:20px;
                right:70px;
            }
            
            #SiteHeader #TopLinks li
                {
                    float:left;
                    margin-right:10px;
                }
                
                #SiteHeader #TopLinks a
                    {
                        color:#ece3c7;
                        text-decoration:none;
                    }
                    
                #SiteHeader #TopLinks a:hover
                    {
                        text-decoration:underline;
                    }
        
        #SiteHeader #Logo
            {
                position:absolute;
                top:20px;
                left:0px;
            }
        
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            position:absolute;
            top:90px;
            right:5px;
        }
        
    #CandidateMenu
        {
            padding-left:8px;
            padding-top:8px;
        }
        
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
    #PageContent
        {
            background:url(../../images/gfx/pagecontent_bg.png) left top no-repeat;
            padding:17px 20px 20px 20px;
            min-height:400px;
            height:auto !important;
            height:400px;
        }
        
        #LeftMenu
            {
                float:left;
                width:205px;
                height:500px;
                margin-right:25px;
            }
            
            #LeftMenu .Header
                {
                    background:url(../../images/gfx/bg_orange_header.png) left top repeat-x;
                    height:35px;
                    line-height:35px;
                    padding-left:10px;
                    color:#fff;
                    font-size:1.2em;
                }
        
        #PageContent #CategoryImage
            {
                width:920px;
                overflow:hidden;
                margin-bottom:20px;
            }
        
        #PageContent #LeftColumn
            {
                width:660px;
                float:left;
            }
            
            #PageContent #LeftColumn #Scene
                {
                    height:273px;
                    background:url(../../images/gfx/bg_scene_box.png) left top no-repeat;
                    position:relative;
                }
                
            #PageContent #LeftColumn #Scene img
                {
                    width:634px;
                    height:222px;
                    position:absolute;
                    top:36px;
                    left:14px;
                }
                
            #PageContent #LeftColumn .NewsBox
                {
                    float:left;
                    width:296px;
                    margin:17px 20px 0 14px;
                }
                
                #PageContent #LeftColumn .Image
                    {
                        height:109px;
                        width:296px;
                        overflow:hidden;
                        margin-bottom:15px;
                    }
                    
                .NewsArticles h3.Title
                    {
                        color:#bfa044;
                        margin-top:10px;
                    }
                    
                .NewsArticles .Header
                    {
                        font-size:1.2em;
                        font-weight:bold;
                    }
                
            
        #PageContent #RightColumn
            {
                width:300px;
                float:right;
            }
            
            #PageContent #RightColumn .Header
                {
                    color:#fff;
                    line-height:35px;
                    font-weight:normal;
                    font-size:1em;
                }
            
            #PageContent #RightColumn #RightTopBox
                {
                    height:265px;
                    padding:15px 20px 0 17px;
                    background:url(../../images/gfx/bg_right_box.png) right top no-repeat;
                }
                
                #PageContent #RightColumn #RightTopBox .Header
                    {
                        padding-left:5px;
                        margin-bottom:5px;
                    }  
                    
                    
        #PageContent #RightColumn .RightBox
            {
                background:url(../../images/gfx/bg_right_box_top.png) left top no-repeat;
                margin-bottom:10px;
            }
            
            #PageContent #RightColumn .RightBox .Content
                {
                    padding:16px 20px 10px 25px;
                }
                
                #PageContent #RightColumn .RightBox .Content a.Link
                    {
                        display:block;
                        border:solid 1px #eae6d8;
                        margin-top:10px;
                        text-align:center;
                        padding:5px;
                    }
            
            #PageContent #RightColumn .RightBox .Bottom
                {
                    background:url(../../images/gfx/bg_right_box_bottom.png) left top no-repeat;
                    height:8px;
                }
        
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			clear:both;
			margin:20px 0 20px 0;
			border-top:solid 17px #f8f6f1;
			padding-top:5px;
			color:#b3b3b3;
			position:relative;
        }
        
        #SiteFooter .Spacer
            {
                margin:0 20px 0 20px;
            }
            
        #SiteFooter a
            {
                color:#b3b3b3;
                text-decoration:none;
            }
            
        #SiteFooter #Facebook
            {
                background:url(../../images/gfx/facebook.png) left center no-repeat;
                padding:3px 0 3px 20px;
            }
            
        #SiteFooter #Credit
            {
                position:absolute;
                right:0px;
                top:5px;
            }
            
            
/*********************************************************************************************************************
    KANDIDATEN
*********************************************************************************************************************/

    #ImageGallery
        {
            margin:5px 0 20px 0;
            padding:10px;
            background-color:#f8f6f1;
        }
        
        #ImageGallery .Thumb
            {
                float:left;
                border:solid 1px #eae6d8;
                margin-right:10px;
            }
        
        #ImageGallery a
            {
                float:left;
                width:70px;
                height:63px;
                background-repeat:no-repeat;
                background-position:center center;
                border:solid 5px #fff;
            }
            
    #CandidateLinks ul
        {
            list-style:none;
            margin:10px 0 0 0;
            padding:0;
            
        }
        
        #CandidateLinks ul li
            {
                margin-bottom:5px;
            }
            
            #CandidateLinks ul li a
                {
                    text-decoration:none;
                    background:url(../../images/gfx/bg_arrow.png) left center no-repeat;
                    padding-left: 10px;
                }
                #CandidateLinks ul li a:hover
                    {
                        text-decoration:underline;
                    }
    
    #CalendarBox
    {   
        position:relative;
    }
            
    #Popup
        {
            display:none;
            position:absolute;
            bottom:0px;
            left:-100px;
            width:268px;
            z-index:100;
        }
        
        #Popup #Content
            {
                background:url(../../images/gfx/bg_popup_top.png) top left no-repeat;
                padding:20px;
  
            }
            
            #Popup #Content .Heading
                {
                    color:#BFA044;
                    font-weight:bold;
      
                }
        
        #Popup #Bottom
            {
                height:32px;
                background:url(../../images/gfx/bg_popup_bottom.png) bottom left no-repeat;
            }
        
            
/*********************************************************************************************************************
    SHARE
*********************************************************************************************************************/

    #Share
        {
            border-top:1px dotted #ddd;
            margin-top:30px;
            padding-top:5px;
        }
        
        #Share a
            {
                float:left;
                text-decoration:none;
                margin-right:20px;
                height:20px;
                line-height:20px;
            }
        #Share a:hover
            {
                float:left;
                text-decoration:underline;
                margin-right:20px;
                height:20px;
                line-height:20px;
            }
            
            
        #Share #Tips
            {
                background:url(../../images/gfx/tip.gif) left center no-repeat;
                padding-left:22px;
            }
            
    #TipFrame
        {
            margin-top:20px;
            border-top:1px dotted #ddd;
            border-bottom:1px dotted #ddd;
            background-color:#f7f7f7;
            width:600px;
            padding:10px;
            display:none;
        }

        
/*********************************************************************************************************************
    LOGIN
*********************************************************************************************************************/

    #Login
        {
            background-color:#f4f2ea;
            padding:10px;
            border:solid 1px #ebe8da;
            float:left;
            width:300px;
        }
        
        #Login .Row
            {
                margin-bottom:5px;
            }
            
        #Login label
            {
                float:left;
                width:80px;
            }
            
        #Login input.text
            {
                width:180px;
                padding:2px;
            }
            
        #Login #Error
            {
                margin-bottom:10px;
                color:#F00;
                font-weight:bold;
            }
    

    #LoginContainer
        {
            position:relative;
            width:300px;
            border:solid 1px #7b7b7b;
            margin:20px auto;
            padding:20px;
        }
        #LoginContainer fieldset
            {
                border:0;
                background-image:url(../../images/login_logo.gif);
                background-position:center top;
                background-repeat:no-repeat;
                padding-top:50px;
                text-align:center;
            }
        #LoginContainer ul
            {
                position:relative;
                width:250px;
                margin:0px auto;
                list-style-type:none;
                padding:0px;
                text-align:right; 
            }
            #LoginContainer ul li
                {
                    margin-bottom:3px;
                }
        #LoginContainer input
            {
                margin-left:5px;
                width:160px;
            }
        #LoginContainer #strUser
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
        #LoginContainer #strPassword
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
            
        #LoginContainer .ErrorMsg
            {
                background-color: #cc0000;
                color:#ffffff;
                font-weight:bold;
                padding:5px;
                margin-bottom:20px;
            }
                
        
/*********************************************************************************************************************
    ERROR
*********************************************************************************************************************/
    
    .Error
        {
            background-color:#ffffff;
            border:solid 1px #ff0000;
            padding:10px;
            margin:10px;
            color:#ff0000;
        }