/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 14, 2016, 11:21:45 PM
    Author     : larsskjaerbaek
*/

.wrapper {
  width: 100%;
  margin: 0 auto;
}

header {
  width: 100%;
}

nav {
  width: 100%;
}

section {
  width: 100%;
}

aside {
  width: 100%;
}

footer {
  width: 100%;
}




/**************************************
CSS TO MAKE THE EXAMPLE LOOK PRETTY
**************************************/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: white;
  color: black;
  text-align: center;
  margin: 0;
}

header {
  background: #404040;
  color: white;
  padding: 5px;
}

nav {
  display: inline;
  color: black;
  padding: 0px;
  text-align: center;
  line-height: 30px;
}



li.menu{
  display: inline;
}

li.menuright{
  display: inline;
  float: right;
}

a.menu:link, a.menu:visited {
  background-color: #33ff77;
  color: black;
  padding: 0px 14px;
  text-align: center;	
  text-decoration: none;
  display: inline-block;
}
   
a.menu:hover, a.menu:active {
  background-color: #00cc44;
}

section {
  background-color: #ccffb2;
  text-align: center;
  padding: 20px 5px;
}

footer {
  background: #404040;
  color: white;
  padding: 5px; 
}

table {
  width: 100%;
}

table, th, td {
    border: 0px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

.dialog {
  width: 100%;
  background-color: #ccffb2;
  padding: 2px 2px;
}

.liste {
  width: 100%;
  background-color: #ccffb2;
  padding: 2px 2px ;
}

h3 {
  text-align: center;
  line-height: 20px;
  margin-top: 5px
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=text] {
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=password] {
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.inlineright{
    display: inline;
    float: right;
}
.formdesign{
    padding: 20px;
    text-align: left;
}