/* MEVA-Lab Style sheet, Copyright 2005, 2006, 2011  Albrecht Weinert
    V 1.04 19.01.2005, 07:56 :  hrf:link #293d80;
    V 1.05 23.01.2005, 07:56 :  st: txtdeco none
    V 1.07 08.02.2006, 17:15 :  th, tw
    V 1.07 19.02.2006, 19:41 :  tph
    V 1.09 04.03.2006, 11:11 :  cbnm
    V 1.12 04.03.2006, 11:12 :  db
    V 1.13 01.08.2006, 12:02 :  hrf heller #293d80 -> #293dB0 v: #60296b -> #9
    V 1.02 29.05.2007, 16:29 :  hilab          (CVS-Sprung meva - we-www)
    V 1.03 21.12.2007, 09:24 :  .rbo statt .rg-Ersatz für HS-BO-rot
    V.106+ 19.09.2009, 20:16 :  Transfer to blog design
    V.o36+ 12.04.2010, 09:36 :  ai2t.de Erweiterungen
    V.o64+ 29.05.2010, 17:00 :  LAI1 nimmt left-up-logo.png 160 * 120 re 6 ws
    V.121+ 14.10.2010, 15:02 :  second child in top nav also red
    V.225+ 11.04.2011, 19:28 :  hide right sidebar; + #sidebarspac for room
    V.245+ 12.04.2011, 10:24 :  bo-logo_o8 upper margin + 8
   (V.157, 12.04.2011) */

* {padding: 0; margin: 0; }

body {
   font-size: 13px;
   background-color:#FFFFFF; color:#000000;
   font-family:arial, helvetica, sans-serif;
}

a:hover { text-decoration: underline; }

#outer { position: relative; margin: 0 auto; padding: 13px 30px 13px 30px;}
#inner { position: relative; z-index: 2; }

#motivbild {
   position: absolute; right: 0;
   width:240px; height:154px;
   background: #FF7800;
   z-index: 4;
}

#lay1 {
   position: absolute; left: 0;
   width:166px; height:120px;
   background: #FF0000 url(images/meva-logo-aq-kl.png) no-repeat right;
   z-index: 1;
}
#lay1 p:before {content:url(images/meva-logo-aq-kl.png)}


#LAI1 {
   position: absolute; left: 0;
   width:166px; height:120px;
   background: #FF0000 url(images/left-up-logo.png) no-repeat right;
   z-index: 1;
}
#LAI1 p:before {content:url(images/left-up-logo.png)}


#toptitle {
   position: absolute; right: 244px;   /* 170px;    */
   width:480px; height:120px;
   background: transparent;
   font-family: Verdana, Arial, sans-serif; color:#100040;
   font-size:19px; text-align:right; text-decoration:none;
   padding: 4px 10px 0 0;
   z-index: 2;
}
@media print {
  #toptitle, #lay1, #lay1 p, #LAI1, #LAI1 p, h1 a, #motivbild  {
   color: black;
   background: transparent;
   padding-left: 0;
  }
}


#topnavbar {
   position: absolute; /* left:253px; top: 130px; */ top: 127px; left: 5px;
   height: 22px;
   font-family:arial, helvetica, sans-serif;
   background-color: white;   /* #FAFAFA; Test; white : product */
   color:#100070;
   white-space:nowrap;
   z-index:3;
   font-size: 120%;  /* 12pt; */
}

#topnavbar a {
   color:#293d6b; text-decoration:none;
   border-bottom:none;
}
/* #topnavbar a:link {  color:#293d6b; border-bottom:none; }  */
#topnavbar a:visited {text-decoration:none; color:#60296b; border-bottom:none;}
#topnavbar a:hover {text-decoration:underline; color:black; border-bottom:none;}
#topnavbar a:first-child  {  color:#e4061c; border-bottom:none;  }
#topnavbar a:first-child + a {  color:#e4061c; border-bottom:none;  }
#topnavbar a:hover:visited{ text-decoration:underline; color:#609060;}

/* only needed for IE8 */
div.ie8firstbug a:first-child {  color:#e4061c !important; border-bottom:none;  }

#spacer {
   position: relative;
   z-index:0;
   height:149px;
   height:156px;
   overflow: hidden;
}
#spacer p {text-align: left; font-size:8px; }
#spacer p:before {content:"Druckproblem: falsche Platzierung;  IE8?" }
#spacer p:after {content:"Printproblem: wrong placing; using IE ? IE8?" }
#topwhere {
   position: relative;
   height: 26px;
   padding: 10px 0 0 4px;
   font-family:arial, helvetica, sans-serif;
   font-size: 90%;  /*  11pt; */
   background-color: #FCFCFC;   /* #FAFAFA; Test; white : product */

    /*  font-size: 120%;  12pt; */
   white-space:nowrap;
   z-index:1;
}

#topwhere a {
    text-decoration: none;  border-bottom:none;  color:#100070;
}

#content {
   position: relative;
   /* border-top:#e8e8de 1px solid;*/
   border-top:#e8e8de 1px solid;
   background-color: white;
   padding-left: 10px;
   margin: 0 0 0 0;
   padding: 0 0 12px 2px;
   font-size: 120%;  /*  12pt; */

}
#content ul, #content ol {
   margin: 5px 0 5px 30px;
   line-height: 1.3em;
}
#content .cont {
   margin: 6px 0 0 0;
   padding: 0 0 12px 2px;
   font-family:arial, helvetica, sans-serif;
    /*  font-size: 120%;  12pt; */
   line-height: 1.3em;
}

#content .imgonleft { margin: 6px 15px 6px 0; float: left; }
#content .imgonright {margin: 6px 0 6px 15px; float: right;}
#content .imgonspot {margin: 6px 7px 6px 7px;}
#content .imglileft { margin: 2px 15px 10px 18px; float: left; border: none;}

                                 /*  color:#90296b  */
a.hrf:link{ text-decoration:none; color:#603dB0; white-space:nowrap; }
a.hrf:visited{ text-decoration:none; color:#3D29B0; white-space:nowrap; }
a.hrf:hover{ text-decoration:underline; color:#000000; white-space:nowrap; }
a.hrf:hover:visited{ text-decoration:underline; color:#609060; white-space:nowrap; }

.rg {line-height: 150%; color: #ff0000;
   font-family: arial, helvetica, sans-serif; text-decoration: none;}
a.rg:hover {text-decoration:underline; color: #e4061c; }


.kt {font-family: arial, helvetica, sans-serif;
    /* font-size: 14pt; */
    font-size: 140%;
    line-height: 180%;  color:#100040; text-decoration:none;
}
.kt:hover {color:#400040; text-decoration:none; }

.wsnw {white-space: nowrap;}

.bbi {
  color: #0000ff; font-weight: bold; font-style:italic;
  text-decoration:none; white-space:nowrap;
}
a.bbi:hover { text-decoration:underline; }

.bb {
  color: #0000C0; font-weight: bold;
  text-decoration:none; white-space:nowrap;
}
a.bb:hover { color: #0000FF; text-decoration:underline; }


#sidebar {
   position: relative; float: right;
   /* width: 180px;  */
   width:240px;
   margin-left: 10px;
   /* next two lines for IE7 */
   background-color:#E8F8FF;
   z-index: 2;
}
#sidebar p.top, #sidebartop {
   padding: 4px 4px 4px 8px;

   border-bottom: #e8e8de 1px solid;
   border-left:   #e8e8de 2px solid;

   height: 26px; /*  148x; */
   /*  background-color: #BCD54B; */
   z-index: 3;
}
#sidebartop span{line-height: 2em;  font-size:16px; color: #e4061c; }

#sidebartop span.we1sw:before {content:url(images/weinert2sw-h148.jpg)}

#sidebartop span.bo1lo:after {content:url(images/bo-logo_o8.gif)}

#sidebartop span.boDe:before {content: "Hochschule Bochum"}
#sidebartop span.boEn:before {content: "University of Applied Sciences"}
/* usage: <p id="sidebartop"><span class="bo1lo boEn" title=.... */

#sidebarspac {
   background-color: #FCFCFC;
   padding: 8px 0 8px 0;
   z-index: 3;
   height: 122px;
}


#sidebar p.bot {
   background-color:#FCFCFC;
   padding: 8px 0 8px 0;
   z-index: 3;
   height: 122px;
   display:none;
 }

.can {color:#0000ff; font-family: arial, helvetica, sans-serif;
  font-size: 11pt; line-height: 120%; text-decoration: none; margin-left: 8pt;
  margin-right: 0}
a.can:hover {text-decoration:underline; }
a.can:hover:visited{ text-decoration:underline; color:#609060;}

.hilab {color:#000040; font-family: arial, helvetica, sans-serif;
   font-size: 9pt; line-height: 130%; margin-left: 8pt; margin-right: 0pt;
   text-decoration: none;  }

a.hilab:hover {text-decoration: underline;  }
a.hilab:hover:visited{ text-decoration:underline; color:#609060;}

.hi {color:#000000; font-family: arial, helvetica, sans-serif; font-size: 9pt;
   line-height: 90%; margin-left: 8pt; margin-right: 0pt;
   text-decoration: none;  }

.cb {font-family: arial, helvetica, sans-serif; color:#100080;
  font-size: 10pt; margin-left: 8pt; margin-right: 0pt; text-decoration:none; }
a.cb:hover { text-decoration:underline; }

.cbnm {font-family: arial, helvetica, sans-serif; color:#100070;
  font-size: 10pt; text-decoration: none; margin-bottom: 3px;}
a.cbnm:hover {text-decoration:underline; }
a.cbnm:hover:visited{ text-decoration:underline; color:#609060;}

dl.puplist dt {margin: 11px 9px 5px 0; margin-left: 9px; text-decoration: none;
 line-height: 110%; color: #000060;}
dl.puplist dd {margin-left: 37px; text-decoration: none;}
dl.puplist dd a {line-height: 110%; color: #ff0000; text-decoration: none;}
dl.puplist dd a:hover {text-decoration:underline; color: #e4061c; }
dl.puplist dd a:hover:visited{ text-decoration:underline; color:#609060;}

.curvit td {padding: 7px;}
.curvit tr {vertical-align: middle; }
.tph { background:#F0F0F0;font-family: arial, helvetica, sans-serif;
    font-weight: bold; line-height: 130%}


#downspacer {  clear:both; background-color: white; }
#downspacer small {margin: 6px 0 6px 15px; margin-left: 15px;
 text-decoration: none;
 font-size: 70%; color:#100070;
}
#downbar {
   position: relative; float: right;
   /* width: 180px;  */
   width:240px;
   margin-left: 10px;
   border-top:white 1px solid;
   border-bottom:#e8e8de 1px solid;
   border-left:#e8e8de 2px solid;
   padding: 8px 0 8px 0;
   /* next two lines for IE7 */
   background-color:#E8F8FF; /* old design: bgcolor="#E8F8FF"; white: not */
   z-index: 2;
}
#downtext {
   background-color: #FCFCFC;
   border-top:#e8e8de 1px solid;
   padding: 14px 0 0 20px;
   height: 55px;
   white-space: nowrap;
}

@media print {
   #topwhere, #sidebar .bot,  #topnavbar,  #downbar { display:none; }
   #outer {  margin: 0 auto; padding: 0 0 0 0;}
}