/*

    CSS Document


    Site: Crossnet Församlingswebbplats DEMO
    URL: http://www.crossnet.net
    Author: PS Kommunikation
    Version: 1.1

    Date: 2013.03.01

*


/*
 *      WIDTH MEDIA QUERIES
 *
 *
 */

/* mobile */

@media screen and (max-width: 32.5em) {
    DIV.col1,
    DIV.col2,
    DIV.col3,
    DIV.col4,
    DIV.col5,
    DIV.col6,
    DIV.col7,
    DIV.col8,
    DIV.col9,
    DIV.col10,
    DIV.col11,
    DIV.col12,
    DIV.col13,
    DIV.col14,
    DIV.col15,
    DIV.col16 {
        float:none;
        width:100%; /* 940px / 940px */ 
        display: block;
        padding: 0;
        margin: 0;
    }
	
	DIV.col16{
		padding-top:1em;
	}

	
}/*/mediaquery*/

/* spec */

@media screen and (min-width: 32.75em) and (max-width:52.75em)  {
    #footer .col5  {
        float: left;
        width:100%;
    }
    #footer .col11  {
        float: left;
        width:100%;
    }
    #start #secondaryContent .col10 .col7 {
       width: 100%;
       display: block;
    }
    #subpage #primaryContent.col8 {
        width: 68.085106382979%;
        margin: 0;
        float: left;
    }
    #subpage #secondaryContent.col4 {
        width: 23.404255319149%;
        float: right;
    }   

}

/*
 *      MARGIN
 *
 */

DIV.col1, DIV.col2, DIV.col3, DIV.col4, DIV.col5, DIV.col6, DIV.col7, DIV.col8, DIV.col9, DIV.col10, DIV.col11,
DIV.col12, DIV.col13, DIV.col14, DIV.col15, DIV.col16 { 
    float:left;
    margin-right:2.127659574468%; /* 20px / 940px */
}
DIV.col1.m40, DIV.col2.m40, DIV.col3.m40, DIV.col4.m40, DIV.col5.m40, DIV.col6.m40, DIV.col7.m40, DIV.col8.m40, DIV.col9.m40, DIV.col10.m40, DIV.col11.m40,
DIV.col12.m40, DIV.col13.m40, DIV.col14.m40, DIV.col15.m40, DIV.col16.m40 { 
    margin-right:4.255319148936%; /* 40px / 940px */
}
DIV.col1.m60, DIV.col2.m60, DIV.col3.m60, DIV.col4.m60, DIV.col5.m60, DIV.col6.m60, DIV.col7.m60, DIV.col8.m60, DIV.col9.m60, DIV.col10.m60, DIV.col11.m60,
DIV.col12.m60, DIV.col13.m60, DIV.col14.m60, DIV.col15.m60, DIV.col16.m60 { 
    margin-right:6.382978723404%; /* 60px / 940px */
}
DIV.col1.m80, DIV.col2.m80, DIV.col3.m80, DIV.col4.m80, DIV.col5.m80, DIV.col6.m80, DIV.col7.m80, DIV.col8.m80, DIV.col9.m80, DIV.col10.m80, DIV.col11.m80,
DIV.col12.m80, DIV.col13.m80, DIV.col14.m80, DIV.col15.m80, DIV.col16.m80 { 
    margin-right:8.510638297872%; /* 80px / 940px */
}
DIV.col1.m100, DIV.col2.m100, DIV.col3.m100, DIV.col4.m100, DIV.col5.m100, DIV.col6.m100, DIV.col7.m100, DIV.col8.m100, DIV.col9.m100, DIV.col10.m100, DIV.col11.m100,
DIV.col12.m100, DIV.col13.m100, DIV.col14.m100, DIV.col15.m100, DIV.col16.m100 { 
    margin-right:10.63829787234%; /* 100px / 940px */
}
DIV.col1.m120, DIV.col2.m120, DIV.col3.m120, DIV.col4.m120, DIV.col5.m120, DIV.col6.m120, DIV.col7.m120, DIV.col8.m120, DIV.col9.m120, DIV.col10.m120, DIV.col11.m120,
DIV.col12.m120, DIV.col13.m120, DIV.col14.m120, DIV.col15.m120, DIV.col16.m120 { 
    margin-right:12.765957446809%; /* 120px / 940px */
}
DIV.col1.m140, DIV.col2.m140, DIV.col3.m140, DIV.col4.m140, DIV.col5.m140, DIV.col6.m140, DIV.col7.m140, DIV.col8.m140, DIV.col9.m140, DIV.col10.m140, DIV.col11.m140,
DIV.col12.m140, DIV.col13.m140, DIV.col14.m140, DIV.col15.m140, DIV.col16.m140 { 
    margin-right:14.8936170277%; /* 120px / 940px */
}

.last, DIV.last { margin-right:0; }

DIV.socialStart { float:right; }



/*
 *      WIDTH
 *
 */

.col1 {width:4.255319148936%; /* 40px / 940px */}
.col2 {width:10.63829787234%; /* 100px / 940px */}
.col3 {width:17.02127659595745%; /* 160px / 940px */}
.col4 {width:23.404255319149%; /* 220px / 940px */}
.col5 {width:29.787234042553%; /* 280px / 940px */}
.col6 {width:36.170212765957%; /* 340px / 940px */}
.col7 {width:42.553191489362%; /* 400px / 940px */}
.col8 {width:48.936170212766%; /* 460px / 940px */}
.col9 {width:55.31914893617%; /* 520px / 940px */}
.col10 {width:61.702127659574%; /* 580px / 940px */}
.col11 {width:68.085106382979%; /* 640px / 940px */}
.col12 {width:74.468085106383%; /* 700px / 940px */}
.col13 {width:80.851063829787%; /* 760px / 940px */}
.col14 {width:87.234042553191%; /* 820px / 940px */}
.col15 {width:93.617021276596%; /* 880px / 940px */}
.col16 {width:100%; /* 940px / 940px */}

/*
 *      WIDTH WITHIN PARENTES
 *
 */

.col9 .col4 {width:45%;) 

/*
 *      PADDING
 *
 */

/*** PADDING ALL ***/

.pa10 {padding:1.063829787234%; /* 10px / 940px */}
.pa20 {padding:2.127659574468%; /* 20px / 940px */}
.pa30 {padding:3.191489361702%; /* 30px / 940px */}
.pa40 {padding:4.255319148936%; /* 40px / 940px */}

/*** PADDING SIDE ***/

.ps10 {padding:0 1.063829787234%; /* 10px / 940px */}
.ps20 {padding:0 2.127659574468%; /* 20px / 940px */}
.ps30 {padding:0 3.191489361702%; /* 30px / 940px */}
.ps40 {padding:0 4.255319148936%; /* 40px / 940px */}