/*-------box model hack (for IE/Win)-----------*/



body,html {
background:#ffcbfa url repeat; background-attachment: fixed;
line-height:100%;
text-align:center;
font:x-small/1.5em verdana,arial,Trebuchet MS,Verdana,Sans-serif;
color:#;
font-size/* */:/**/small;
font-size: /**/small;}



#container {
width: 930px;/*IE och FF läser koden olika därför olika whidth*/
\width: 950px;
w\idth: 930px;
border: 1px solid black;
margin: 5px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background:#ffcbfa url() repeat; background-attachment: fixed;/*här kan du lägga in en bakgrund för innehållet*/
line-height:150%;
font:x-small/1.5em verdana,arial,Trebuchet MS,Verdana,Sans-serif;
color:#000000;
font-size/* */:/**/small;/*detta är för att fonten ska bli så lika som möjligt i olika webbläsare*/
font-size: /**/small;}



#banner {
height:210px;
padding: 0px;
margin-bottom: 0px;
background:url(http://malarpelargoner.se/oklogga.gif) no-repeat center center;
text-align:left;
color:#none;}

/* topmeny */

#topmenybox { 
width: 100%; 
border-top: 1px solid #000;
background-color: #000 color: #000;
float: left;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: left; }


#topmeny a, #topmeny span {
padding: 1px 1px;
border-right: 2px solid #e123b7;
color: #000000; background-color: inherit;
text-decoration: none;
float: auto; }

#content {/*färg på den stora rutan*/
padding: auto;
margin-right: 0px;
margin-top: 0px;
margin-bottom: auto;
background:#ffcbfa ;}
	



#content p {/*färg på texten i content inom p som är paragraf*/
color:#000000;
text-align:auto;
padding:10px 10px 10px 10px;
line-height:140%;}





#footer {
width: 910px;
\width: 920px;
w\idth: 910px;
padding: 0px;
margin-top: 0px;
background-color:#ffcbfa;
border:1px medium #ffcbfa;}


#footer p {
margin:0;
line-height: 140%;
font-size: 8pt;
text-align:center;
color:#333;
padding:10px;}


#footer a {
color:#000000;
width: 890px;
font-size: 10pt;}


#footer a:link, a:visited a:active {
color: #000000;
text-decoration: none;
font-size: 8pt;}



#footer a:hover {
color: #000;
text-decoration: none;
font-size: 8pt;}
 
a img {/*detta är för att det inte ska bli en ful blå border runt dina bilder*/
border:0;}



a:link {
color: #f92fed;
text-decoration: none;}


a:visited {
color: #f92fed;
text-decoration: none;}


a:hover {
color: #f92fed;
text-decoration: none;}



/*----meny sidebar-a----*/		



#menu {
width:580px; 
text-align:center; }

#menu a:visited {
text-decoration:none; 
background-color:#f92fed; 
color:#000000; 
font-weight:normal; 
display:block; 
width:120px; 
height:20px; 
font-size:10px; 
border-right:10px solid #cc04c0; 
margin:5px;}


#menu a {
text-decoration:none;
background-color:#f92fed; 
color:#000000; 
font-weight:normal; 
display:block;
width:120px; 
height:20px; 
font-size:10px; 
border-right:10px solid #cc04c0; 
margin:5px;}


#menu a:hover {
text-decoration:none; 
background-color:#f92fed; 
color:#000000;
font-weight:normal; 
display:block; 
width:120px; 
height:20px; 
font-size:10px; 
border-right:10px solid #cc04c0; 
margin:5px;}

#menu a:active {
text-decoration:none; 
background-color:#f92fed; 
color:#000000; 
font-weight:normal; 
display:block; 
width:120px; 
height:20px; 
font-size:10px; 
margin:5px;}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: absolute;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 1;
left: 360px; /*position where enlarged image should offset horizontally */

}

</style>