body {background-color:#000; margin-top:0px; color:white;  font-family: avant garde, "verdana", arial, sans-serif; font-size:11px;}
h1{font-weight:bold; font-size:30px;font-family:Courier New, "Times New Roman", Times, serif;}
h2{font-weight:bold;font-size:16px;font-family:Courier New, "Times New Roman", Times, serif;}
h3{font-weight:bold;font-size:14px;avant garde, "verdana", arial, sans-serif; font-size;}

#bild_under {margin: 50px 50px 50px 50px}



#container {position;left:-50px; top:0px; background-color:#F5F5F5; color:black; min-height:600px; height:auto !important; height:600px; width:630px;}

#container2 {position;center:top:0px;padding-left:4cm; background-color:black; color:black; min-height:600px; height:auto !important; height:600px; width:630px;}

#rubrik{background-color:white; font-size:38px; color:#726758; padding:0px 0px 0px 0px; font-weight:bold;}

#logga{position:absolute; left:120px; top:0px; border:1px black solid;}

#text_container{ width:550px; padding:20px; }


#bild_container{position:absolute; left:600px; top:-20px;bottom: -100px; width:300px;}
#bild_container img{margin-bottom:-2px; padding:50px;}


#meny_container{padding-left:0px; background-color:white;}
#meny_container a{color:#fff; font-size:10px;Courier New, "Times New Roman", Times, serif; text-decoration:none; padding:2px 10px; background-color:#c8c3c3; margin-right:2px; font-weight:bold;}
#meny_container a:hover{color:#000;}

#extra_meny a{background-color:none; font-size:11px; margin:5px; padding:0px 10px; color:black; text-decoration:none;}
#extra_meny a:hover{color:#FFFFF3;}

.fototext{margin:-70px 0px 0px 60px; font-weight:bold; color:white;font-family:Courier New, "Times New Roman", Times, serif}

.meny{float:left; width:340px; margin-bottom: 36px; border-bottom:solid 2px black;}
.meny a{color:black; font-size:15px; text-decoration:none;}
.meny a:hover{color:#5f0b25;}

.minirubrik{font-weight:bold; margin:20px 0px 12px 0px;}

.pumaar a{color:black; font-size:11px; text-decoration:none;}
.pumaar a:hover{color:#FFFFF3;}

.press a{color:black; font-size:12px; text-decoration:none;}
.press a:hover{color:#FFFFF3;}

.intro{color:#bf2e2e; font-weight:bold;}
.right_box{float:right; width:240px;}
.antal{width:30px;}
.ditt_namn{width:200px;}
.story{width:500px;}
.varning{color:red; font-size:16px; font-weight:bold;}
.tack{color:green; font-size:18px;}

#text_container_moby{background-image: url(bilderna/PUMA_logga2.jpg); min-height:400px; height:auto !important; height:400px;  padding:40px;}
#tack_tal{padding:10px; color:#bf2e2e; font-size:40px; font-weight:bold; background-color:black;}

#steg1{color:#bf2e2e; font-size:14px; font-weight:bold;}
#steg2{color:#bf2e2e; font-size:16px; font-weight:bold; background-color:white;}

.urrebilder {text-align:center}

.image {
margin: 0px;
padding: 0px;!IMPORTANT;
}

/*bildgalleri*/

<style type="text/css">

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.gallerycontainer2{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.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*/
visibility: visible;
top: 0;
left: 650px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>