@charset "utf-8";

/******************************************
			 MAIN 
***************************************'*/

body { /*bakgrundsbild*/
	background-image: url(images/bg1.jpg);
    width:98%;
    height:100%;
}

#wrapper-a {
    width:100%;
    height:100%;
}

#wrapper { /*Slår in hela sidan och placerar i "mitten"*/
	min-height: 585px;
	width: 1105px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}

/******************************************
			 HEADER 
***************************************'*/

#headerBox { /*slår in hBild och hText*/
	height: 110px;
	width: 1105px;
	padding-top: 5px;
	position: relative;
/*	background-color: #CC3300;*/ 
}

#hBild { /*Logga i head*/
	height: 65px;
	width: 478px;
	margin-top: 15px;	
	float: left;
	background-image: url(images/Logga.png); 
	/*background-color:#996600;*/
}

#hText { /*Slogan*/
	height: 30px;
	width: 270px;
	margin-top: 37px;
	margin-right: 100px;
	float: right;
	/*background-color:#CC6666;*/
}

/******************************************
			 MENU 
***************************************'*/

#menu {
	height: 40px;
	width: 1010px;
	/*background-color:#0099FF;*/
}

#menu ul {
	height: 40px;
	width: 1010px;
	margin: 0px;
	list-style-type: none;	
	background-image: url(images/navi_bg2.png);
	
	
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
}

#menu ul li {
        
	float: left;
	display: inline; /* Gör så att det inte finns någe luft mellan <li> */

}

#menu ul li a {
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 32px; /* 32 */
   	padding-left: 8px; /* 32 */
	background-image: url(images/navi_bg_divider2.png);
	
	display: block;
	line-height: 38px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #CCCCCC;
}



#menu ul li a:hover {
	color: #ffffff;
}


#menu2 {
    height: 40px;
    width: 1042px;
    background-image: url(images/navi_bg2.png);
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

#menu2 ul {
    margin:auto;
    height: 40px;
    min-width: 920px;
    margin-left:61px;
    padding:0px;
    left:0px;
    list-style-type: none;	
}

#menu2 ul li {
        
	float: left;
	display: inline; /* Gör så att det inte finns någe luft mellan <li> */
        

        
        text-align:center;

        background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/navi_bg_divider2.png);
        display: block;
        line-height: 38px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #CCCCCC;
}

#menu2 ul li.sep {
    width:2px;
    float: left;
    display: inline; /* Gör så att det inte finns någe luft mellan <li> */

    text-align:center;

    background-repeat: no-repeat;
    background-position: right;
    background-image: url(images/navi_bg_divider2.png);
    display: block;
    line-height: 38px;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #CCCCCC;
}

#menu2 ul li > a {
    margin-left:15px;
    margin-right:15px;
    
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #CCCCCC;
    
}

#menu2 ul li > a:visited {
    color: #CCCCCC;
}

#menu2 ul li:last-child {
    /*background-image:none;*/
}

/**********************************************
			CONTENT
**********************************************/


#panelBox { /*Innehåller slidingpanels*/
	min-height: 450px;
	width: 900px;
	/*padding-left: 140px;*/
	margin-left: 142px; 
	padding-top: 0px;
	position: relative;
	/*background-color:#000066;*/	
}

/*******************
	Panel 1 HEM
********************/
.vit { /*fixar så att bakgrunden är vit där den ska vara, så att bilder ser ut att gå över kanten*/
	background-color: #FFFFFF;
	height: 400px;
	width: 900px;
	float: left;
}

#p1 {
}

#textWrap1 {
	height: 150px;
	width: 310px;
	margin-top: 20px;
	margin-left: 20px;
}

#bildBox1 {
	height: 200px;
	width: 400px;
	left: 60px;
	margin-top: 180px;
	
	background-image: url(images/photos2.png);
	/*background-color:#3366FF;*/
}
#bildBox11 {
	height: 110px;
	width: 250px;
	margin-left: 100px;
	margin-top: 20px;
	float: left;
	
	background-image: url(images/logga_in.png);
	/*background-color:#3366FF;*/
}
#bildBox14 {
	height: 110px;
	width: 250px;
	margin-left: 50px;
	margin-top: 20px;
	float: left;
	
	background-image: url(images/skolhandboll.png);
	/*background-color:#3366FF;*/
}


#bildBox12 {
	height: 350px;
	width: 350px;
	top: 10px;
	left: 625px;
	float: left;
	position: absolute;
	background-image: url(images/photos1.png);
	/*background-color:#990033;*/
}

/***********************
	PANEL 2 SKOLFOTO
**********************/

#p2 {
}

#textWrap2 {
	height: 360px;
	width: 325px;
	margin-top: 20px;
	margin-left: 105px;
	float: left;
	/*background-color: #00FF66;*/
}

#textWrap22 {
	height: 100px;
	width: 300px;
	margin-top: 20px;
	margin-left: 90px;
	float: left;
	/*background-color: #339900;*/
}

#bildBox2 {
	height: 278px;
	width: 400px;
	margin-top: 10px;
	float: right;
	background-image: url(images/photos3.png);
	/*background-color: #0000CC;*/
}

/*************************
	PANEL 3 IDROTTSFOTO
**************************/

#p3 {
}

#textWrap3 {
	height: 350px;
	width: 325px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color: #99CC66;*/
}

#textwrap32 {
	height: 100px;
	width: 300px;
	margin-top: 20px;
	margin-left: 150px;
	float: left;
	/*background-color: #9966CC;*/
}
#textWrap33 {
	height: 300px;
	width: 300px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	/*background-color: #9966CC;*/
}
	#textWrap34{
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}
	#textWrap35{
	height: 350px;
	width: 350px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}
#bildBox3 {
	height: 230px;
	width: 380px;
	margin-top: 80px;
	margin-left: 120px;
	float: left;
	background-image: url(images/photos8.png);
	/*background-color: #00FFFF;*/
}	
#bildBox31 {
	height: 230px;
	width: 380px;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	background-image: url(images/dance.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}	
#bildBox32 {
	height: 400px;
	width: 450px;
	margin-top: 20px;
	margin-left: 80px;
	float: right;
	background-image: url(images/group.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox33 {
	height: 400px;
	width: 450px;
	margin-top: 5px;
	margin-left: 80px;
	float: right;
	background-image: url(images/turnament.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox34 {
	height: 400px;
	width: 450px;
	margin-top: 5px;
	margin-left: 80px;
	float: right;
	background-image: url(images/gothia_cup_2012_2.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox35 {
	height: 400px;
	width: 450px;
	margin-top: 5px;
	margin-left: 80px;
	float: right;
	background-image: url(images/LFS2012.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}


#bildBox40 {
	height: 398px;
	width: 577px;
	margin-top: 2px;
	margin-left:50px;
	float: left;
	
	background-image: url(images/ftg2.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}	

/****************************
	PANEL 4 ATELJÉ
****************************/

#p4 {
}

#textFloatWrap4 {
	height: 360px;
	width: 380px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

#textWrap4 {
	height: 210px;
	width: 380px;
	/*background-color: #00CC66;*/
}
/*
#textWrap41 {
	
	height: 360px;
	width: 325px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	
	/*background-color: #00CC66;*/
}*/
#textWrap42 {
	height: 150px;
	width: 380px;
	/*background-color:#99CC33;*/
}

#bildBox4 {
	height: 240px;
	width: 360px;
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	background-image: url(images/photos5.png);
	/*background-color: #0033CC;*/
}

#bildbox42 {
	height: 170px;
	width: 290px;
	margin-top: 10px;
	margin-right: 128px;
	float: right;
	clear: right;
	background-image: url(images/photos6.png);
	/*background-color: #00FFFF;*/
}

/******************************
	PANEL 5 BUTIK
******************************/

#p5 {
}

#textWrap5 {
	height: 250px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color: #CCCC00;*/
}
#textWrap5 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #333333;
	text-decoration: none;
}
#textWrap5 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#textWrap52 {
	height: 130px;
	width: 300px;
	margin-top: 20px;
	float: right;
	/*background-color: #99CC00;*/
}

#bildBox5 {
	height: 250px;
	width: 480px;
	margin-right: 20px;
	float: right;
	background-image: url(images/photos72.png);
	/*background-color: #000099;*/
}

/************************
	PANEL 6 LÄNKAR
*************************/
#p6 {
}

#textWrap6 {
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float:left;
	/*background-color: #CCCC00;*/
	
}	

#textWrap62 {
	height: 600px;
	width: 300px;
	margin-left: 20px;
	/*background-color: #CCCC00;*/
}

/**************************
	PANEL 7 KUNDTJÄNST
**************************/

#p7 {
}

#textWrap7 {
	height: 200px;
	width: 320px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color: #0066FF;*/
}

/*******************************************
	PANEL SKOLFOTO SIDEBAR 1 BILDPAKETET 
*******************************************/
#p21 {
}

#textWrap21{
	height: 300px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color:#CC9900;*/
}

#bildBox21{
	height: 400px;
	width: 450px;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	background-image: url(images/photos21.png);
	/*background-color:#0066CC;*/
}

/*******************************************
	PANEL SKOLFOTO SIDEBAR 2 SKOLKATALOGEN
*******************************************/
#p22{}

#textWrap222{
	height: 300px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color:#CC9900;*/
}

#bildBox22{
	height: 400px;
	width: 450px;
	margin-top: 0px;
	margin-right: 20px;
	float: right;
	background-image: url(images/photos22.png);
	/*background-color:#0066CC;*/
}

/*******************************************
	PANEL SKOLFOTO SIDEBAR 3 STUDENT
*******************************************/
#p23{
}

#textWrap23{
	height: 300px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color:#CC9900;*/
}

#bildBox23{
	height: 400px;
	width: 450px;
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	background-image: url(images/photos23.png);
	/*background-color:#0066CC;*/
}
/***********************************************
	PANEL SKOLFOTO SIDEBAR 4 BALFOTOGRAFERING
***********************************************/
#p24{}

#textWrap24{
	height: 300px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	/*background-color:#CC9900;*/
}

#bildBox24{
	height: 400px;
	width: 450px;
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	background-image: url(images/photos24.png);
	/*background-color:#0066CC;*/
}

/***********************************************
	PANEL SKOLFOTO SIDEBAR 5 ÖVRIGT
***********************************************/
#p25{
}

#textWrap25{
	height: 250px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	border:1px solid red;
	/*background-color:#CC9900;*/
}

/*#bildBox25{
	height: 400px;
	width: 490px;
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	background-image: url(images/photos25.png);
	/*background-color:#0066CC;*/
}*/
/**********************************************
				SIDEBAR
***********************************************/
ul {
	margin: 0px;
	padding: 0px;
}

#sidebar {
	height: 400px;
	width: 125px;
	float:left;
	padding-left: 15px;
	position: relative;
	background-color: #f2f2f2; /*575757*/
	-moz-box-shadow: 2px /* X offset*/ 0px /* Y offset */ 2px /*radius*/ #000000 /*color*/;
	-webkit-box-shadow: 4px 0px 4px #000000;
	box-shadow: 4px 0px 4px #000000;
	
}

#sidebar ul {
	list-style-type: none;
	height: 400px;
	width: 120px;
	margin: 0px;
	
}

#sidebar ul li {
	display: inline;
	float: left;
	clear: left;
	margin-left:-40px;
}

#sidebar ul li a {
	background-image: url(images/navi_bg_divider3.png);
	background-repeat: no-repeat;
	background-position: bottom; /*right*/
	padding-bottom: 12px;
	padding-top: 15px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #666666; /*CCCCCC*/
	font-style: italic;
}

#sidebar ul li a:hover{
	color: #000000;
	font-style: normal;
}

/**********************************************
			FOOTER
**********************************************/

#footer{
	height: 125px;
	width: 1010px;
	clear: left;
	/*background-color:#9933FF;*/
}

#fText {
	height: 20px;
	width: 150px;
	margin-left: 420px;
	/*margin-right: auto;*/
	float: left;
	/*background-color:#990033;*/
}

#fText a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	color: #e4e4e4;
	text-decoration: none;
	text-shadow: 0px -1px 1px #000;
}
#fText2 {
	height: 20px;
	width: 200px;
	margin-left: 230px;
	margin-top: 5px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #e4e4e4;
}

/**********************************************
			BildBoxar
**********************************************/

#bildBox25 {
	height: 390px;
	width: 500px;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	background-image: url(images/customer_care.png);
	background-repeat:no-repeat;
	
	/*background-color:#0066CC;*/
}
#bildBox41 {
	height: 390px;
	width: 500px;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	background-image: url(images/ftgfoto.png);
	background-repeat:no-repeat;
	
	/*background-color:#0066CC;*/
}

#bildBox7 {
	height: 400px;
	width: 490px;
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	background-image: url(images/work1.png);
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	/*background-color:#0066CC;*/
}
#bildBox71 {
	height: 400px;
	width: 490px;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	background-image: url(images/work1.png);
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	/*background-color:#0066CC;*/
}
#bildBox255 {
	height: 218px;
	width: 152px;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	background-image: url(images/work1.png);
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	/*background-color:#0066CC;*/
}
#bildBox251 {
	height: 218px;
	width: 152px;
        
        
	
	background-image: url(images/sells/christian.JPG);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
        float:right;                
        
}
#bildBox252 {
	height: 218px;
	width: 152px;
        
        
	
	background-image: url(images/sells/per.JPG);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
        float:right;                
        
}
#bildBox253 {
	height: 218px;
	width: 152px;
        
        
	
	background-image: url(images/johan.JPG);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
        float:right;                
        
}
#bildBox254 {
	height: 218px;
	width: 152px;
        
        
	
	background-image: url(images/sells/Putte.JPG);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
        float:right;                
        
}
#bildBox256 {
	height: 218px;
	width: 152px;
        
        
	
	background-image: url(images/sells/tobias.JPG);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
        float:right;                
        
}
#bildBox97 {
	height: 50px;
	width: 50px;
	float:left;
	margin:5px;
        
        
	
	background-image: url(images/svanen_logo.png);
	background-repeat:no-repeat;
        background-size:100% 100%;
        
}
#bildBox98 {
	height: 50px;
	width: 50px;
	float:left;
	margin:5px;
        
        
	
	background-image: url(images/gasell_logo.png);
	background-repeat:no-repeat;
        background-size:100% 100%;               
        
}#bildBox99 {
	height: 50px;
	width: 80px;
	float:left;
	margin:5px;
        
        
	
	background-image: url(images/serlogo_vit.jpg);
	background-repeat:no-repeat;
        background-size:100% 100%;            
        
}
#bildBox70 {
	height: 400px;
	width: 450px;
	margin-top: 5px;
	margin-left: 80px;
	float: right;
	background-image: url(images/about_us.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}	
#bildBox60 {
	height: 400px;
	width: 450px;
	margin-top: 5px;
	margin-left: 80px;
	float: right;
	background-image: url(images/customer_care.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox6011 {
	height: 300px;
	width: 220px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background-image: url(images/log_in_sport.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox6012 {
	height: 300px;
	width:  220px;
	margin-top: 10px;
	margin-left:10px;
	float: left;
	background-image: url(images/log_in_skolfoto.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}
#bildBox6014 {
	height: 300px;
	width: 220px;
	margin-top: 10px;
	margin-left:10px;
	float: left;
	background-image: url(images/log_in_student.png);
	background-repeat:no-repeat;
	/*background-color: #00FFFF;*/
}	
/**********************************************
		Efterbest�llingar
**********************************************/
div.product {
    border:1px solid red;
    width:175px;
    height:175px;
    border:1px solid;
}
div.product > img {
    width:100%;
    height:100px;
    top: 0px;
    left: 0px;
}
div.product > span.st {
    width:40px;
    height:25px;
    text-align:center;
    /*top:52px;*/
    left:3px;
    position:relative;
}
div.product > span.st > input {
    max-width:25px;
}
div.product > span.price {
    width:40px;
    height:25px;
    text-align:center;
    /*top:52px;*/
    left:86px;
    position:relative;
}

div.product > div.info {
    text-align:center;
    width:100%;
    height:40px;
}


/**********************************************
			Nya textwraps
**********************************************/
#textWrap71{
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}

#textWrap72{
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}
	
#textWrap6011{
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 5px;
	float: left;
	}
#textWrap6012{
	height: 350px;
	width: 300px;
	margin-top: 20px;
	margin-left: 280px;
	float: right;
	
	}