@CHARSET "ISO-8859-1";
@import "knop.css";
@import "knop2.css";

/* color scheme
  fg  foreground #0000ff deep blue
  bg  background #c6c6fa pale blue
  mbg menu backg #142474 greyish deep blue
  emg emphasis   #0000c0 blue
  reg remark     #0080ff greenish blue
  atg attent     #ff4040 lightish red 
  acg active     #8000c0 purple
  fmg forgetme   #c0c0c0 grey
*/

* {
  font-family:Verdana; 
  line-height:1.5em;
  margin-bottom:0.5em;
}

div {
  color:#0000ff;
}

img {
  background-color: transparent;
	padding:2px;
  border: 1px;
  vertical-align:middle;
}

td {
	padding: 5px;
}

h1 {
  color:#0000c0;
  font-size:xx-large;
  font-weight:bold;
  margin-top:1.5em;
}
h2 {
  color:#0080ff;  
  font-size:x-large;
  font-weight:bold;
  font-style:italic;
  margin-top:1.5em;
}
h3 {
  color:#0080ff;
  font-size:large;  
  font-style:italic;
  margin-top:1.5em;
}
h4 {
  color:#0000c0;  
  margin-top:1.5em;
}

ul {
  list-style-type: circle ; 
  display: inline ;
}
li {
  margin-left: 30px;	
}


/* links */

a img {
  border:1px solid #ff4040; /*atg*/
  margin-left:auto;
  margin-right:auto;
}
a img:hover {
  border:3px solid #ff4040; /*atg*/
  padding:0px;
  border-radius:5px;
}

a:link {
  color:#0000c0;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#ff4040;
  font-weight:bold;
}
a:active {
  color:#8000c0;
  font-weight:bold;
}
a:visited {
  color:#f0f0f0;
  font-weight:bold;
}


/* slideshow */

[id^=slideshow] { 
  position:relative; 
  height:160px; 
  width:210px; 
}
[id^=slideshow] div { 
  position:absolute; 
  top:0; 
  left:0; 
  height:150px; 
  width:200px; 
}
[id^=slideshow] img {
  border:1px solid #0080ff; 
}
[id^=slideshow] img.slide { 
  height:150px; /* should be equal to height/width in #slideshow */
  width:200px; 
}

  
/* block positioning and layout */

body {
  background-color:#c6c6fa; 
  border-bottom:-5px solid #ffffff;
  overflow-x:hidden;
}


#header0 {
  position:absolute;
  background-color:#c6c6fa;
  left:0px;
  top:0px;
  height:145px;
  right:0px;
  border-bottom:5px solid #ffffff;
}
#header {
  position:absolute;
  left:275px;
  top:0px;
  height:145px;
  right:0px;

  padding-left: 12px;
  text-align:center;
  overflow:hidden;
}
#logo {
  position:absolute;
  left:170px;
  top:0px;
  border-bottom:0px solid #000000;
}
img.logo {
  height:200px;
}


#menu0 {
  position:absolute;
  background-color:#142474;
  left:0px;
  width:170px;
  top:0px;
  bottom:-6px;
  border-right:5px solid #ffffff;
  padding:0px;
}
#menu {
  position:absolute;
  left:0px;
  top:150px;
  width:170px;

  text-align:right;
  font-size:large;
  line-height:120%;
}


#main {
  position:absolute;
  left:170px;
  top:150px;
  border-left:5px solid #ffffff;
  padding:5px;
  padding-left:105px;
}
.sub0 {
  padding-left: 12px;
}
.sub1 {
  padding-right: 30%;
  padding-left: 10px;
}
.sub2 {
  padding-right: 25%;
  padding-left: 25px;
}
.sub3 {
  padding-right: 10%;
  padding-left: 15px;
}
.sub4 {
  padding-right: 15%;
  padding-left: 0px;
  font-size:small;
}
.eeg {
  background: transparent url('http://style.breingolf.eu/elements/eeg.png') repeat;
}
.reference {
  color:#0040c0;  
	font-size:small;
  font-style:italic;
}
.role {
  color:#000080;
	font-size:small;
  font-style:italic;
}


#mobile {
  position:absolute;
  top:150px;
  
  overflow:auto;
}


#status0 {
  position:absolute;
  left:170px;
  bottom:-5px;
  height:40px;
  right:0px;
  border:0px solid #000000;

  background: transparent url('http://style.breingolf.eu/elements/bottom.png') repeat-x;
}
#status {
  position:absolute;
  left:275px; 
  top:-10px;
  right:0px;

  text-align:center;
  line-height:12px;
  color:#ff4040;
  overflow:hidden;
}