@import 'screen.css' screen;
@import 'print.css' print;
@import 'mobile.css' mobile;

/* Resetting stuff BEGIN */

	html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
	/* remember to define focus styles! */
	:focus { outline: 0; }
	
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
			
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Resetting stuff END */


/* Basic layout styles BEGIN */

	hr {  
		border: none; 
		background-color: #aaa;
		height: 2px; }
	textarea {
		margin: 0 0 0.6em 0;
		vertical-align: top; }
	select { margin: 0 0 0.6em 0; }						

/* Basic layout styles END */


/* The layout BEGIN */
  
  body {
    height: 100%;
    padding: 2em 0;
    text-align: center;
  }
  #wrapper {
		width: 740px;
		margin: 0 auto;
  }
  
  /* Runded corners BEGIN*/
  .box_top {
    width: 100%;
    height: 31px;
    margin: 0;
    padding: 0; }

  .box_topleft {
    height: 31px;
    margin: 0 64px 0 0;
    padding: 0;
    background: url("/grafik/images/box_topleft.png") no-repeat top left; }

  .box_topright {
    width: 64px;
    height: 31px;
    margin: 0;
    padding: 0;
    float: right;
    background: URL("/grafik/images/box_topright.png") no-repeat top left; }

  .box_center {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: URL("/grafik/images/box_centerright.png") repeat-y top right; }

  .box_centerright {
    width: 21px;
    margin: 0;
    padding: 0;
    float: right; }

  .box_centerleft {
    width: 9px;
    margin: 0;
    padding: 0;
    float: left; }

  .box_bottom {
    width:100%;
    height: 38px;
    margin:0;
    padding:0; }

  .box_bottomright {
    width: 64px;
    height: 38px;
    margin: 0;
    padding:0;
    float: right;
    background: URL("/grafik/images/box_bottomright.png") no-repeat; }

  .box_bottomleft {
    height: 38px;
    margin: 0 64px 0 0;
    padding: 0;
    background: URL("/grafik/images/box_bottomleft.png") no-repeat; }

  .box_content {
    background: URL("/grafik/images/box_centerleft.png") repeat-y top left; }
    
  .box_wrappedcontent {
    padding: 0 20px 0 0;
    margin: 0 21px 0 7px;
    overflow: hidden;
    background-color: #fff; }
  /* Rounded corners END */
  
  #header {
    float: left;
    width: 180px;
  }
  #logo {
    margin: 0;
    height: 200px;
    padding: 0;
    text-align: center;
  }
  #fontana {
    display: none;
  }
  #navigation {
    margin: 0;
    padding: 0;
    height: 600px;
  }
  #navigation ul li {
    padding: 0;
  }
  #content {
    float: right;
    width: 500px;
    padding: 0;
  }
	#headerImage {
    text-align: center;
  }
  #footer {
    clear: both;
    width: 100%;
  }
  #content div.padding {
    padding: 1em 1.5em 3em 2em;
  }
  #navigation li a {
    display: block;
    padding: 0.2em 1.2em;
  }
  #navigation ul li ul li a {
    padding: 0.2em 1.3em 0.2em 0;
  }
  
  #Medarbejder h1 {
    text-align: left;
  }
  #Medarbejder img {
    margin-top: 3em;
    float: right;
    width: 38%;
  }
  
  #rightboxes {
    z-index: -5;
    width: 250px;
    position: absolute;
    left: 50%;
    top: 239px;
    margin-left: 320px;
  }
  
  
  /* Form styles */
  #test label {
    width: auto;
    display: block;
    padding: 0.9em 0 1.2em 23px;
  }
  #test input {
    clear: left;
    margin: 1.2em 0 1.2em 0;
    float: left;
  }

/* The layout END */