#pagetable {
   line-height: 1.5; 
	display: table; 
	box-sizing: border-box; 
	width: 1000px; 
	margin: auto; 
	margin-top: 40px; 
	border-collapse:collapse;
	}

#pagecol1, #pagecol2, #pagecol3 {
	display: table-cell; 
	padding-left: 25px; 
	padding-right: 20px; 
	}
	
#pagecol1, #pagecol3 {
	box-sizing: border-box; 
	width: 200px; 
	}

#pagecol1 {
  width: 20px;
  }

#pagecol2 p {
  margin-top: 3px; 
  }

#pagecol2 a, a.proev_disse_div {
  font-weight: bold; 
  color: #333;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  text-decoration: none; 
  padding-left: 2px; 
  padding-right: 2px;  
 }

#pagecol2 a:hover, a.proev_disse_div:hover {
  color: #000 !important; 
  background-color: #eaeaea;
  text-decoration: underline !important; 
  }

p.sep {
  padding-bottom: 20px; 
  }

	
#booktable {
	display: table; 
	}

.bookrow {
	display: table-row; 
	}

h3 {
  font-weight: normal; 
  font-size: 1.3em; 
  margin-bottom: 10px;  
  }

.book_descr {
	display: table-cell;
	vertical-align: top; 
	padding-left: 10px; 
	}

.book_pic {
	display: table-cell;
	vertical-align: top; 
	padding-bottom: 100px; 
	}


.portlet {
 box-sizing: border-box; 
 width: 185px; 
 border: 1px solid #CCC;
 }
 
.portletHeader {
 margin: 0;
 display: block;
 padding: 7px 14px;
 background-color: #fbf3da;
 }
 
.teaserItem {
 margin: 0px;
 padding: 14px;
 }
 
.teaserItem > p {
  margin: 0px; 
  margin-bottom: 4px; 
  }

#teaser001 {
 display: block; 
 }
	

.fremhaev {
  background-color: #FBF3DA; 
  border-radius: 10px; 
  padding: 10px; 
  margin: 10px; 
  margin-right: 25px;  
  margin-left: 0px;  
}




form {
 display: block;
 }

.indata  {
 display: block; 
 padding-top: 50px;
 font-size: medium; 
 margin-left:4px;	
 }

.list  {
 display: block;
 }

.li {
 float:left;
 margin:0;
 padding:10px;
 border-color:Yellow;
 border-style: groove;
 border-width:medium;
 }

.reset {
 padding-left:1em;
 }

.ruttext:not(:last-child):after {content:", ";}

.mer {padding-left:1em;}

.ihop {display: inline-block; padding-left:0.1em;}

.avancerat {font-size:small; display:none; padding-bottom:1em;}

.visainte {display: none;}	




body {
 font-family: "Trebuchet MS"; 
 font-size: 12px; 
 }

iframe {
 height: 100%;
 }

div.tabelltop {
 display: none;
 }

.instruction {
 display: none; 
 }

h2 {
 font-size: 1.85em; 
 font-weight: normal; 
 margin: 0px; 
 margin-top: 20px; 
 margin-left: 2%; 
 margin-bottom: 7px; 
 }

h2.plain {
  margin-left: 0px;
  }

.kolrubrik1 {
 } 

table {
 width: 96%;
 margin: auto;
 font-size: 12px; 
 border: 0px;
 border-top: 2px solid #777;
 border-bottom: 2px solid #777;
 border-collapse: collapse;
 }

th {
 border-color: #ccc;
 text-align: left;
 padding: 0px;
 padding-left: 4px;
 border-left: 0px;
 border-right: 0px;
 }

th > a, td > a {
 font-size: 1.1em;
 text-decoration: none; 
 color: #333; 
 }

td {
 vertical-align: top;
 border: 0px;
 border-top: 1px solid #ddd;
 /*padding-left: 5px;*/ 
 }

th > a {
 display: block; 
 padding: 2px; 
 border: none; 
 }

th > a:hover {
  background-color: #fcf2cf;
  background-color: #fcf3d4;
  background-color: #eeeeee; 
  }

th:nth-child(1):hover {
 background-color: transparent; 
 }

td > a {
 display: inline-block;
 padding-top: 5px;
 }

.matrisord {
 display: block;
 /*margin-top: 5px;*/
 }

.matrisord a.box {
 font-size: 1.1em;
 font-weight: bold;  
 color: #555; 
 text-decoration: none; 
 display: block;
 padding: 2px;
 border: 1px solid transparent; 
 /*margin-bottom: 5px;*/
 }

a.box:hover { 
 color: #599b7c;
 color: #000; 
 font-weight: bold;
 border: 1px solid lightgrey; 
 background-color: whitesmoke;  
 }

td:not(.ruler) > a {
 pointer-events: none;
 cursor: default; 
 }

span.opslagsord {
 /*font-weight: bold;*/
 }

.ikkeo, .tab_okl {
 color: #aaa; 
 }

.ikkeo {
 display: block; 
 font-size: 9px;
 margin-top: 4px; 
 }

.tab_okl {
 display: block;
 margin-top: -2px;
 margin-bottom: 5px;
 font-size: .9em;
 font-weight: normal;
 }

.sidnr {       
 float: right;
}

.sidnr a {
display: inline-block;
text-align: center;
margin-left: 5px;
margin-right: 5px;
padding: 1px 5px 1px 5px;
border: 1px solid #ccc;
border-radius: 2px;
background-color: whitesmoke;
text-decoration: none;
}

.lopnr, #visa_lopnr {
    display:none; 
}