body {
  margin: 0 0;
  text-align: center;
  background-color: #CCCCCC;
}
#wrapper.onepage {
  position: relative;
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.twopage {
  position: relative;
  width: 210mm;
  height: 594mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.threepage {
  position: relative;
  width: 210mm;
  height: 891mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.fourpage {
  position: relative;
  width: 210mm;
  height: 1188mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.fivepage {
  position: relative;
  width: 210mm;
  height: 1485mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.sixpage {
  position: relative;
  width: 210mm;
  height: 1782mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.sevenpage {
  position: relative;
  width: 210mm;
  height: 2079mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.eightpage {
  position: relative;
  width: 210mm;
  height: 2376mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.ninepage {
  position: relative;
  width: 210mm;
  height: 2673mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#wrapper.tenpage {
  position: relative;
  width: 210mm;
  height: 2970mm;
  margin: 0 auto;
  border: 0;
  text-align: left;
  background-color: white;
}
#main {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 42mm;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 2em;
  background-color: white;
}
#footer {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 1em;
  left: 42mm;
  right: 0;
  padding: 0.5em 1em;
  border-top: thin dotted;
  color: gray;
}
#flags {
  position: absolute;
  width: auto;
  height: auto;
  top: 0.1em;
  right: 0.5em;
  margin-top: 0em;
  padding-top: 0em;
}
#flags ul {
  padding: 0;
  margin: 0;
}
#flags li {
  display: inline;
  padding: 0;
  margin: 0;
}
#flags img { border: 2px solid white; }
#flags img:hover {
	border: 2px solid blue;
}
.englishlan #flags #englishflag img { border: 2px solid black; }
.germanlan #flags #germanflag img { border: 2px solid black; }
.slovaklan #flags #slovakflag img { border: 2px solid black; }
.englishlan #flags #englishflag img:hover { border: 2px solid blue; }
.germanlan #flags #germanflag img:hover { border: 2px solid blue; }
.slovaklan #flags #slovakflag img:hover { border: 2px solid blue; }

#sidebar {
  position: absolute;
  width: 42mm;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  height: auto;
  background-color: #006699;
  overflow: hidden;
}
#nav {
  margin: 0;
  padding: 0;
}
#sidebar img {
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5em;
  margin-bottom: 3em;
}
#nav li {
  list-style-type: none;
  color: white;
  padding: 0;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-top: 0.1em;
  padding-bottom:0.1em;
  margin-left: 3mm; 
  padding-left: 2mm;
  width: 38mm;
}
#nav a:link,
#nav a:visited {
  color: white;
  text-decoration: none;
}
#home #nav-home li,
#sub1 #nav-sub1 li,
#sub2 #nav-sub2 li,
#sub3 #nav-sub3 li, 
#sub4 #nav-sub4 li,
#sub5 #nav-sub5 li, 
#sub6 #nav-sub6 li,
#sub7 #nav-sub7 li {
 background: white;
}
#home #nav-home a,
#sub1 #nav-sub1 a,
#sub2 #nav-sub2 a,
#sub3 #nav-sub3 a,
#sub4 #nav-sub4 a,
#sub5 #nav-sub5 a,
#sub6 #nav-sub6 a,
#sub7 #nav-sub7 a {
 color: black;
}
#nav a:hover {
  text-decoration: underline;
}

/* The fonts are defined below */

h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }
body, p, ul { font-family: Verdana, sans-serif; }
h1, h2 { font-family: Garamond, "Times New Roman", serif; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 100%; }

/* The CV style defined below */

#cv dt {
 float: left;
 clear: left;
 width: 8em;
 text-align: right;
 padding-right: 0;
 font-weight: bold;
}
/*
#cv dt:after{
 content: ":";
}
*/
#cv dd {
 margin: 0 0 0 8em;
 padding: 0 0 0.5em 1em;
}

#prelfug dt {
 float: left;
 clear: left;
 font-weight: bold;
 padding-right: 0.4em;
}

#prelfug dt:after {
 content: " ";
}

#prelfug dd {
 margin-left: 0;
 padding-left: 0em;
 padding-bottom: 1em;
}
/*
#prelfug dt:after {
 content: "<br>";
}
*/

/* The list-of-works style */

/*
.listofworks li {
 padding-left: 0em;
}
*/

.listofworks ul {
 padding-left: 0em;
 list-style-type: none;
}

/*.listofworks li {
 padding-left: 3em;
}
.listofworks li:first-letter { 
 margin-left: -3em;
}*/

.listofworks li {
 padding-bottom: 1em;
}

/* a style for pdf links (taken from Igor 
Leonidovic Chernyavsky's page */

.pdflink a {
 font-size : 95%;
 font-weight : normal;
 background: url("pdf.png") bottom left no-repeat;
 padding-left: 17px;
}