html, body {

	margin:0; padding:0;

	height:100%;

}

 

body {

	/* background:url('page_bg.jpg') 50% 50% no-repeat #fff;
	
	background-image:url('../img/sara.JPG');
	  /* for IE */
  /* filter:alpha(opacity=70);
  /* CSS3 standard */
  /* opacity:0.7; */

	font-family:sans-serif, serifs, Georgia, Times ;

}

 

#floater {

	position:relative; float:left;

	height:50%;	margin-bottom:-250px;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;

	width:1px;

}

 

#centered {

	position:relative; clear:left;

	height:505px; width:80%; max-width:800px; min-width:400px;

	margin:0 auto;

	background:#fff;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;

	border:4px solid #FFF;

}

 



#bottom {

	position:absolute;

	bottom:0; right:0;

}

 



#nav {

	position:absolute; left:0; top:0; bottom:0; right:70%;

	padding:20px; margin:10px;

}

 

#content {

	position:absolute; left:0; right:0; top:100px; bottom:0;

	overflow:auto; height:402px;


	padding:0px; margin:5px;

}

#contentbottom {

	position:absolute; left:0; right:0; top:492; bottom:0;

	overflow:auto; height:38px;

	padding:0px; margin:0px;

}

/*mere*/

#nav ul {

	list-style:none;

	padding:0; margin:20px 0 0 0; text-indent:0;

}

 

#nav li {

	padding:0; margin:3px;

}

 

#nav li a {

	display:block; background-color:#e8e8e8;

	padding:7px; margin:0;

	text-decoration:none; color:#000;

	border-bottom:1px solid #bbb;

	text-align:right;

}

 

#nav li a::after {

	content:'»'; color:#aaa; font-weight:bold;

	display:inline; float:right;

	margin:0 2px 0 5px;

}

 

#nav li a:hover, #nav li a:focus {

	background:#f8f8f8;

	border-bottom-color:#777;

}

 

#nav li a:hover::after {

	margin:0 0 0 7px; color:#f93;

}

 

#nav li a:active {

	padding:8px 7px 6px 7px;

}

/*mere*/

#centered {

	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;

}

 

h1, h2, h3, h4, h5, h6 {

	font-family:Helvetica, Arial, sans-serif;

	font-weight:normal; color:#666;

}

 

h1 {

	color:#444; border-bottom:1px solid #ddd;

	letter-spacing:-0.05em; font-weight:bold;
	font-size:0.8em;
	margin-top:0; padding-top:0;

}

h5 {

	color:black;

	letter-spacing:-0.05em; font-weight:bold;
	font-size:1.6em;
	margin-top:0; padding-top:0;

}
h5:hover {
font-weight:bold; 
color:#666;
}


 

 

#bottom {

	padding:10px;

	font-size:0.7em;

	color:#f03;

}

 

 

#logo {

	font-size:1.9em; text-align:center;

	color:#333;

	letter-spacing:5px;

	font-family:serif;

}

 

#logo strong {

	font-weight:normal;

}

 

#logo span {

	display:block;

	font-size:2em; line-height:0.7em;

	color:#666;

}

 

p, h2, h3 {

	line-height:1.6em;

}

 

a {

	color:#333; font-size:0.7em;

}



a:link {

	text-decoration:none; color:#444; font-size:0.7em;

}

a:visited {

	text-decoration:none; color:#444; font-size:0.7em;

}

/*a:hover {

	text-decoration:none; color:#999; font-size:0.7em;

}*/


/*Billeder*/



ul{

        background:#FFF;

        width:114px; /* Width of Tab Image */

        float: left;

        list-style: none;

        /*border-right:8px solid black;*/

    }

    

    ul li{

        height:79px; /* Height of Tab Image */

    }

    

    /* Setup Tab so normal opacity is 40 and rollover is 100 */

    ul li a img{

        /* for IE */

        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

        filter:alpha(opacity=70);

      

        /* CSS3 standard */

        opacity:0.7;

      

    }

    

    /* Change Opacity to 100% on roll over */

    ul li a:hover img{

          

        /* for IE */

        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        filter:alpha(opacity=100);

        

        /* CSS3 standard */

        opacity:1.0;

    }



    /* Places images to the right of the tabs,

    and hides non selected images */

    #images{

        width:500px; 

        height:325px; 

        overflow:hidden;  /* Hides the non selected images */

        float:left;

    }

    

    /* Places a black border around the entire viewer

    and centers it on the screen */

    #wrapper{

        width:633px;

        height:300px;

        /*border:8px solid black;*/

        margin:0px auto;

    }