/*   
Theme Name: YvonneGren
Theme URI: http://www.yvonnegren.se
Description: A site created for YvonneGren.
Author: Victor Aflarenko
Author URI: http://www.aflarenko.com
Tags: Natural colors, CSS.
Version: 1.0

*/
#w1{position:fixed; z-index:1; width:100%; height:100%;}

html,body{
padding-top: 10px;
margin: 0; 
padding: 0;
font-family: verdana,"arial";
font-size:10pt;height:100%;width:100%;
}

/* KNAPPAR */
       ul#topnav {	
        		width:525px;
        		list-style:none;
        		height:28px;
        		margin:0 auto; /* center nav in this demo */

        }

        ul#topnav li {
        		display:inline;
				
        }

        ul#topnav li a {
        		height:28px;
        		float:left;
        		text-indent:-9999px;
        		text-decoration:none;
        }

        ul#topnav li#topnav-1 a {
        		width:86px;
        		background:url(images/logo.png) no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -29px;
        }


        
        ul#topnav li#topnav-2 a {
        		width:60px;
        		background:url(images/logo.png) no-repeat -92px 0;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:-92px -29px;
        }


        
        ul#topnav li#topnav-3 a {
        		width:63px;
        		background:url(images/logo.png) no-repeat -151px 0;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:-151px -29px;
        }


        
        ul#topnav li#topnav-4 a {
        		width:61px;
        		background:url(images/logo.png) no-repeat -214px 0;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:-215px -29px;
        }
		
		
		 ul#topnav li#topnav-5 a {
				width:71px;
        		background:url(images/logo.png) no-repeat -278px 0;
        }

        ul#topnav  li#topnav-5 a:hover {
        		background-position:-278px -29px;
        }

		 ul#topnav li#topnav-6 a {
				width:74px;
        		background:url(images/logo.png) no-repeat -354px 0;
        }

        ul#topnav  li#topnav-6 a:hover {
        		background-position:-354px -29px;
        }

		 ul#topnav li#topnav-7 a {
				width:79px;
        		background:url(images/logo.png) no-repeat -437px 0;
        }

        ul#topnav  li#topnav-7 a:hover {
        		background-position:-437px -29px;
        }

/*KNAPPAR SLUT *//* KNAPPAR 2 */       ul#topnav2 {	        		width:183px;        		list-style:none;        		height:28px;        		margin:0 auto; /* center nav in this demo */        }        ul#topnav2 li {        		display:inline;				        }        ul#topnav2 li a {        		height:28px;        		float:left;        		text-indent:-9999px;        		text-decoration:none;        }        ul#topnav2 li#topnav2-1 a {        		width:86px;        		background:url(images/logo2.png) no-repeat 0 0;        }        ul#topnav2  li#topnav2-1 a:hover {        		background-position:0 -29px;        }                ul#topnav2 li#topnav2-2 a {        		width:92px;        		background:url(images/logo2.png) no-repeat -90px 0;        }        ul#topnav2  li#topnav2-2 a:hover {        		background-position:-90px -29px;        }
/*KNAPPAR 2 SLUT */

#navbar{
margin:-100px 0px 100px -20px;
float:left;
position:relative;
width:525px;
height:28px;
z-index:2;
}
#navbar li{text-decoration: none;list-style-type: none;display:inline;
}#navbar ul{text-decoration: none;list-style-type: none;}a:link { text-decoration: none; color:black; }a:visited {text-decoration: none; color:black;}a:active {text-decoration: none; }a:hover { text-decoration: none; color:black;}


#navbar2{
margin:-93px 0px 0px -200px;
float:left;
position:relative;
width:525px;
height:28px;
z-index:2;
}#navbar2image{background-image: url('images/navbar2.png'); background-repeat: no-repeat;top:0px;left:-13px;float:left;position:absolute;width:525px;height:82px;}

#navbar2 li{
text-decoration: none;
list-style-type: none;
display:inline;
}

#navbar2 ul
{text-decoration: none;
list-style-type: none;
}


#copyright {
text-align:center;
left:10px;
width:552px;
height:33px;
position:relative;
top:25px;
z-index:1;
}

#copyright strong,i{
font-size:6pt;
}

#copyright_left {top:5px;
float:left;color:white;
position:relative;left:30px;
}

#copyright_right {top:5px;
float:right;color:white;
position:relative;right:30px;
}

#copyright_right a{
color:white;
}


#header {float:left;
position:relative;
width:100%;
height:167px;
}

.header_start {
float:left;
background-image: url('images/yg1.png'); 
background-repeat: no-repeat;
width:28px;
height:182px;
position:relative;
}.header_middle {
float:left;
background-image: url('images/yg2.png'); 
background-repeat: repeat-x;
width:80%;
height:182px;
position:relative;
}

.header_end {
float:left;
background-image: url('images/yg3.png'); 
background-repeat: no-repeat;
width:28px;
height:224px;
position:relative;
}



#container
{
 width: 80%; /* set to desired width in px or percent */  margin: 0 auto;
 position:relative;
 min-width:800px;
 max-width:1200px;
z-index:2;

}

#content
{
top:-80px;
left:-15px;
position:relative;
clear:left;height:501px;
width:102%;
}#ygbkr{float:left;top:62px;position:absolute;width:607px;height:95px;background-image: url('images/ygbkr.png');background-repeat: no-repeat;z-index:1; }

.loggo a
{

top:20px;
left:20px;
height:98px;
width:190px;
position:absolute;
z-index:2;
background-image: url('images/logga.png'); 
background-repeat: no-repeat;
}
.copyright_start {float:left;position:relative; width:32px; height:29px; background-image: url('images/copyright1.png'); background-repeat: no-repeat;}.copyright_middle {float:left;left:-4px;position:relative; width:80%; height:29px; background-image: url('images/copyright2.png'); background-repeat: repeat-x;}.copyright_end {float:left;left:-4px;position:relative; width:32px; height:29px; background-image: url('images/copyright3.png'); background-repeat: no-repeat;}

.start {
float:left;
position:relative; 
width:28px; 
height:501px; 
background-image: url('images/yg4.png'); 
background-repeat: no-repeat;
}

.middle {
float:left;
position:relative; 
width:80%; 
height:501px; 
background-image: url('images/yg5.png'); 
background-repeat: repeat-x;
}

.end {
float:left;
position:relative; 
width:28px; 
height:501px; 
background-image: url('images/yg6.png'); 
background-repeat: no-repeat;
}
.scrollbox 
{text-align:left;padding:0 0 0 15px;left:-5px;
position:relative;
top:15px;
overflow:auto;
width:98%;
height:440px;
}
/*.wall{	background-image: url('images/2.png');	background-repeat: repeat-x repeat-y;		background-position: left;		position:absolute;	width:100%;	height:100%;overflow:auto;}*/