﻿/*
###################################
	Scrollproperties, HTML
###################################
*/
html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: scroll;
	}

/*
###################################
	Body
###################################
*/
body 
{
	padding: 0px;
	margin: 0 0 24px 0;
	background-color:#1c1711;
    background-image:url('/Content/Images/Design/FrameWood.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;	
} 

/*
###################################
	Design
###################################
*/
#Wrapper
    {
        width:872px;
        margin-top:58px;  
        margin-left:auto;
        margin-right:auto;
    }
#Header
    {
        background-color:#fcfdfe;   
        height:88px; 
    }
    
#HeaderCircus
    {
        background-image:url('/Content/Images/Design/HeaderTopCircus.gif');
        background-repeat:repeat-x;
        width:872px;
        height:10px;
    }
    
#Loga
    {
        background-image:url('/Content/Images/Design/Logga.png');
        height:58px;
        width:175px;
        margin-top:15px;
        margin-left:31px;
        float:left;
    }   
    
#Citat
    {
        background-image:url('/Content/Images/Design/Citat.png');
        height:65px;
        width:412px;
        float:right;
    }   
   
#Menu
    {
        background-image:url('/Content/Images/Design/Menu/bg.gif');
        background-repeat:repeat-x;
        height:42px;
    }
    
#MenuInside
    {
        padding-top:8px;
        padding-left:13px;
    }
    
#MainContent
    {
        background-image:url('/Content/Images/Design/MainBg.jpg');
        background-repeat:no-repeat;
        background-color:#e7eef7;
        min-height:546px;
        height:auto !important;
        height:546px;
    }
    
#ContentMain
    {
        float:left;
        width:439px;
        margin-bottom:20px;
    }

#ContentRight
    {
        float:left;
        width:236px;
    }
    
#ContentImages
    {
        float:left;
        width:193px;
        margin-top:26px;
    }
    
#ContentStartLeft
    {
        padding-left:19px;
        padding-top:33px;
        float:left;
    }
    
#ContentStartRight
    {
        padding-left:19px;
        padding-top:33px;
        float:left;
    }
    
#ContentMainDefaultInside
    {
        padding-left:21px; padding-top:31px;
    }
    
/*
###################################
	Book
###################################
*/
#Book
    {
        width:411px;
    }
    
#BookFrame
    {
        background-image:url('/Content/Images/Design/Book/Frame.jpg');
        width:46px;
        height:477px;
        float:left;
    }
    
#BookMain
    {
        float:left;
        background-color:#f4f4f4;
        color:#000000;
        position:relative;
    }
    
#BookContent
    {
        float:left;
        
    }
#BookContentPen
	{
		background-image:url('/Content/Images/Start/start_pen.png');
		background-repeat: no-repeat;
		background-position: left bottom;
	}
    
#BookContentInside
    {
        margin:45px 28px 28px 28px;
        width:300px;
    }
#BookTop
    {
        background-image:url('/Content/Images/Design/Book/Top.jpg');
        width:365px;
        height:3px;
    } 
    
#BookRight
    {
        background-image:url('/Content/Images/Design/Book/right.jpg');
        width:5px;
        height:470px;
        float:right;
    }  
    
#BookBottom
    {
        background-image:url('/Content/Images/Design/Book/Bottom.jpg');
        width:365px;
        height:4px;
    }
    
/*
###################################
	Book
###################################
*/
#BookPage
    {
        width:407px;
    }
    
#BookPageTop
    {
        background-image:url('/Content/Images/Design/BookPage/Top.png');
        width:407px;
        height:2px;
    } 
    
.BookPageFrame
    {
        background-image:url('/Content/Images/Design/BookPage/LeftSpan.png');
        background-repeat:repeat-y;
        width:10px;
    }
    
.BookPageMain
    {
        background-color:#f4f4f4;
        color:#000000;
        width:393px;
    }
    
#BookPageContent
    {
        min-height:480px;
        height:auto !important;
        height:480px;
    }
    
#BookPageContentInside
    {
        padding-left:24px;
        padding-top:39px;
        padding-right:37px;
        position:relative;
    }

    
#BookPageRight
    {
        background-image:url('/Content/Images/Design/BookPage/right.jpg');
        background-position:right;
        background-repeat:no-repeat;
        width:4px;
        height:440px;
    }  
    
#BookPageRightSpan
    {
        background-image:url('/Content/Images/Design/BookPage/RightSpan.gif');
    }
    
#BookPageBottom
    {
        background-image:url('/Content/Images/Design/BookPage/Bottom.jpg');
        background-repeat:no-repeat;
        width:407px;
        height:42px;
        /*position:absolute; right:-4px; bottom:0px;*/
    }
    
/*
###################################
	Boxes
###################################
*/ 

#Boxes
    {
        background-image:url('/Content/Images/Design/Boxes/Boxes.jpg');
        width:235px;
        height:398px;  
        margin-top:6px;
        position:relative;
        font-size:12px;
        line-height:14px;
    }
    
    
/*
###################################
	Paging Item
###################################
*/ 
.PagingPlate
    {
        height:23px;
        clear:both;
        position:relative;
        font-size:11px;
        color:#FFFFFF;
        line-height:18px;
        background-repeat:repeat-x;
        font-family:Arial;
        width:320px;
        margin-top:10px;
    }

.PagingArrowBack
    {
        float:left;
        width: 115px;
        height:23px;
        text-align: right;
    }

.PagingArrowNext
    {
        float:left;
        width: 120px;
        text-align: left;
        height:23px;
    }
    
.PagingNrPlate
    {
        float:left;
        background-image:url('../Images/ico/PagingNrPlate.gif');
        height:23px;
        width:71px;
        text-align: center;
    }

.PagingArrowBackMargin
    {
    	padding-top: 5px;
    	padding-right: 11px;
    }

.PagingArrowNextMargin
    {
    	padding-top: 5px;
    	padding-left: 10px;
    }
