@charset "UTF-8";
body {
	background-image:url(imgs/bgg_front.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	background-position: center top;
	font-size: 12px;
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	color:#333;
	margin: 0px; 
	padding:0 0 0 0;
	overflow-y: scroll;
	line-height:15px;
}
/* ----- Links og tekst ------ */

h1 {
	font-weight:100;
	font-size:20px;
	margin-left:-30px;
}

ul {
	list-style-image: url(imgs/dotter.png);
	margin-left:-20px;
	margin-top:30px;
}
li {
	margin-bottom:15px;
}

a:link {

	color: #333;
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
}
a:visited {
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
a:hover {
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	text-decoration: none;
}
a:active {
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	text-decoration: none;
}


/* ----- Div tags ------ */

#ramme {
	width:910px;
	height:650px;
	margin-left:auto; 
	margin-right:auto;
	position:relative;
	top:0px;
}
#logo {
	float:left;
	width:96px;
	height:20px;
	position:relative;
	left:0px;
	top:45px;
}
#menu {
	float:left;
	width:535px;
	height:50px;
	position:relative;
	left:115px;
	top:45px;
	text-align:right;
}

#book {
	float:left;
	width:200px;
	height:150px;
	position:relative;
	left:-220px;
	top:23px;
	text-align:left;
}
#slide {
	float:left;
	width:200px;
	height:150px;
	position:relative;
	left:-202px;
	top:1px;
	text-align:left;
}
#kontakt {
	float:left;
	width:200px;
	height:150px;
	position:relative;
	left:-220px;
	top:73px;
	text-align:left;	
}
#nyheder {
	float:left;
	width:250px;
	height:150px;
	position:relative;
	left:-130px;
	top:62px;
	text-align:left;	
}
#info {
	float:left;
	width:220px;
	height:150px;
	position:relative;
	left:410px;
	top:-88px;
	text-align:left;	
}

#transp {
	position:absolute; 
	top:0; 
	left:0; 
	height:100%; 
	width:100%; 
	background:#000; 
	z-index:1500;
	filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
	
	}
#boxen {
	background:#FFF;
	width:450px;
	height:150px;
	float:left;
	left:340px;
	position:relative;
	top:-500px;
	padding:50px;
	z-index:20000;
	text-align:center;
	}

#testdiv {width:600px; margin:0 auto; border:0px solid #fff; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:20px solid #fff; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.input_book { padding-left:3px; font:11px Calibri; margin-bottom:10px; border:1px solid #999; background:transparent; color:#CCC; width:185px;}
.input_book:focus {border:1px solid #FFF; color:#FFF;}
.input_book:hover {border:1px solid #FFF; color:#FFF;}

.input_kontakt { padding-left:3px; font:11px Calibri; margin-bottom:10px; border:1px solid #999; background:transparent; color:#CCC; width:250px;}
.input_kontakt:focus {border:1px solid #333; color:#333;}
.input_kontakt:hover {border:1px solid #333; color:#333;}


.input_knap { padding-left:3px; font:11px Calibri; border:1px solid #999; background:#666; color:#EEE; }
.input_knap:hover { background:#3d3d3d;}

.input_knap2 { padding-left:3px; font:11px Calibri; border:1px solid #999; background:#FFF; color:#666; }
.input_knap2:hover { background:#EEE; border:1px solid #333; color:#333;}