/* Sidens form */

body { margin:0px;}

.maintable { width:998px; border:0px;}
#maintable { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; color:#555555;}
#maintable a { text-decoration:none; color:#666666; font-weight:bold;}
#maintable a:hover { text-decoration:none;}

.bottomline {border-top:1px solid #2D6E89; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8C8C8C; text-align:right;}
.bottom { text-align:center;}

/* Top Menu */

#modernbricksmenu{
padding: 0;
width: 100%;
height:20px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:right;
text-align:right;
background-color:#e1ebed;
}

#modernbricksmenu div {
vertical-align:bottom;
}


#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
color:#FFFFFF;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
color:#FFFFFF;
}

#modernbricksmenu a{
float: right;
display: block;
color:#333333;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color:#e1ebed;
}


#modernbricksmenu a:hover{
background-color:#c9dadd;
color:#333333;
text-decoration:none; /*Menu hover bgcolor*/
}


#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}


/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#search-wrap input{width:400px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999; font-family:Arial, Helvetica, sans-serif;}
#results{width:512px; border:solid 1px #DEDEDE; display:none; font-family:Arial, Helvetica, sans-serif; z-index:200; position:relative; background-color:#FFF; text-align:left;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:0px;}

/* søgefelt */

.searchinput { font-size:18px; background-color:#FFFFFF; border:0px solid #CCCCCC;color:#678bb0;}
.searchbutton { font-size:18px; background-color:#006699; color:#FFFFFF; border:0px; }
.searchbuttonsmall { font-size:12px; background-color:#87a3a9; color:#FFFFFF; border:0px; }





/* Menu Bund */

#orbs li{
width: 65px; /*width of image container. Should be wider than contained images (before bubbling) */
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}

#squares li{
width: 80px; /*width of image container. Must be wider than contained images (before bubbling) */
height:80px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 65px; /*width of each image before bubbling*/
height: 65px; /*height of each image*/
}

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
width: 65px;
height:60px;
}

.bubblewrap li img{
position:absolute;
width: 80px; /*default width of each image.*/
height: 80px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Arial;
padding:2px;
width:100px;
text-align:center;
background:white;
}

/* Link til tilføjelser */
#klik_her { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#336699;font-weight:bold;}
#klik_her a { text-decoration:none; }
#klik_her a:hover { text-decoration:none; color:#3399CC;}

/* Sidens hovedindhold sættes i denne ramme */
.subject { border:1px solid #CCC; margin-top:10px;margin-bottom:10px; width:99%; padding:5px;}

/* søgeinformation i åben tilstand */

#outputdetails { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-align:left;}
#outputdetails a { text-decoration:none; color:#006699; font-weight:bold;}
#outputdetails a:hover { text-decoration:none;}
.overline { border-top:1px solid #CCC; vertical-align:text-top;}
.overline2 { border-top:1px solid #CCC; vertical-align:text-top; text-align:right; font-weight:normal; }

#main_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-top:10px; padding-bottom:10px;}
#main_text a { text-decoration:none; color:#069; font-weight:bold; font-size:12px;}
#main_text a:hover { text-decoration:none; color:#547180;}
#main_links { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-top:10px; padding-bottom:10px;}
#main_links a { text-decoration:none; color:#5b7e90; font-weight:bold; font-size:18px;}
#main_links a:hover { text-decoration:none; color:#547180;}



.maincontent { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:3px; color:#555555; text-align:left;}


/* danske sider link */

#sddm
{	margin-bottom: 0;
	padding:0;
	z-index: 5}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:0px solid #ccc;
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 200px;
	background-color:#e1ebed; 
	color:#069;
	font-weight:bold;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width:250px;
	background-color:#fbfdfe;
	border: 0px solid #006699;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fbfdfe;
		border:1px solid #CCC;
		color: #006699;
		font: 12px arial;
		font-weight:bold;}

	#sddm div a:hover
	{   background-color:#e9f0f1; text-decoration:none;}
	

/* Fieldset and legend  */

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }

	
	/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #EAEAEA; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #CCCCCC;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	bottom: -100px; /* means the pop-up's top is 50px away from thumb's top */
	right: 100px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	height:400px;
	width:auto;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	max-width: 300px; /* enter desired thumb width here */
	max-height : 220px;;
}

/* smart image enlarger ends here */

/* Tooltip */

#dhtmltooltip{font-family:Arial, Helvetica, sans-serif;position: absolute;color:#666;padding:3px;width: 150px;border: 1px solid #d0d5d8;padding: 2px;visibility: hidden;z-index: 100;}

/* Tilføj emne */

.add_form { width:100%; background-repeat:repeat-x; height:150px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;  }

.searchbutton_add { font-size:15px; background-color:#87a3a9; color:#FFFFFF; border:0px;  }

.add_input { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:2px; background-color:#EAEAEA; background-color:#EBEBEB; border:0px; }

/**/

.db_info_head { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; padding:5px; }
.db_info_detail { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#069; padding:5px;}