/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

a {
color: #c00202;
text-decoration:none;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
hr {
width=80%;
border= 1px;
color:#d4d4d4;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 }
#tekst {
width:75%;
line-height:20px;
font-weight: bold;
}
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 height: 220px;
 margin: 5px 0px 5px 0px;
 background: #F2F2E6;

}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: auto;
 width: 195px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: auto;
 width: 678px;
 display: inline;
 background: #F2F2E6 url(media/badget.png) /*no-repeat*/ center top;
}
#sponsor {
position: fixed;
top:250px;
float: right;
right: 5px;
}

#sponsor2{
align: center;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
border: 1px solid grey;
width: 450px;
height: auto;
background: transparent;
}
#footer { 
 position: relative;
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-weight: bold;
 text-decoration: none;
}

#footer a{
color: #c00202;
text-decoration:none;
}

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

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #00278b;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #00278b;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #c00202;
background-color: #F3F3F3;
}
/*thumbnails*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
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 solid 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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*webmaster*/
#web{
position: absolute;
right: 5px;
top: 8px;
height: auto;
padding: 2px 2px 2px 2px;
background-color: #ffb63d;
border:1px dashed grey;
}