@font-face {
    font-family: GraublauWeb;
    src: url(http://elearning-net.de/fonts/GraublauWeb.otf) format(truetype);
}

@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url(http://elearning-net.de/fonts/GraublauWebBold.otf) format(truetype);
}

body
{
margin:0px;
padding:0px;
border:none;
}


a:link, a:visited, a:focus,  a:hover,  a:active
{
color: #3a3a3a;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

a:hover
{
 color: #ff0000;
 
}

div, td, p
{
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
font-size:11px;
}
input, select, textarea, file
{
border: 1px solid #c6c6c6;
color: #000080;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
font-size:11px;
}


form
{
padding:0px;
margin:0px;
}
.header
{
background-image:url(http://elearning-net.de/design_img/back_head3.jpg);
background-repeat: repeat-y;
height:160px;
}

.eule
{
background-image:url(http://elearning-net.de/design_img/back_head3.jpg);
background-repeat: repeat-y;
}

.navi
{
background-image:url(http://elearning-net.de/design_img/navi_back2.jpg);
background-repeat: repeat-x;
width:180px;
height:580px;
border-right: 1px solid #dddddd;
}
/*content-Bereich*/
.content
{
border-top: 1px solid #dddddd;
height:680px;
background-color:#f5f5f5;
}

h1
{
margin-left:15px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:bold;
color: #525252;
font-size:16px;
margin-bottom:10px;
margin-top:10px;
background-color:#eaeaea;
padding:5px;
}
h2
{
margin-left:15px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
color: #525252;
font-size:14px;
margin-bottom:5px;
margin-top:5px;
background-color:#eaeaea;
padding:5px;
}
.textItem
{
margin-top:15px;
margin-left:10px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
color: #525252;
font-size:12px;
padding:5px;
}

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

.login
{
border:1px solid #ffffff;
width:140px;
margin-left:25px;
padding:5px;
margin-top:20px;
margin-right:5px;
}
div .username
{
color: #525252;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:normal;
padding:5px;
}

.logout
{
margin-top:5px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:normal;
padding:2px;
text-align:center;
width:140px;
}

.logoutDel
{
margin-top:5px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
color:red;
font-weight:normal;
padding:2px;
text-align:center;
}


.logout input
{
border: 1px solid #525252;
}

.logoutDel input
{
border: 1px solid red;
}

.formular
{
text-align:center;
}
#formtext
{
width:140px;
background-color:#f5f5f5;
border:none;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:normal;
color: #000080;
}
#formsubmit
{
margin-top:5px;
width:100px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:normal;
color: #525252;
border:1px solid #dddddd;
}

.topline#list
{
padding:5px;
font-size:14px;
font-weight:bold;
color:#000080;
float:left;
}

.topline#linker
{
width:20%;
padding:5px;
font-size:14px;
font-weight:bold;
color:#000080;
}

#linkerlink
{
font-weight:bold;
}

.formtitle
{
color: #525252;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:normal;
}

.formtitle2
{
color: #525252;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:bold;
padding-right: 5px;
}

.navlink
{
padding:2px;
}
.navlink a:link, .navlink a:visited, .navlink a:focus, .navlink a:hover,  .navlink a:active  
{
color: #3a3a3a;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
text-decoration:none;
font-weight:normal;
font-size:11px;
}

.navlink a:hover
{
 color: #000080;
}
.navhead
{
font-weight:bold;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:12px;
color: #525252;
}

.mastertable
{
width:1024px;
height:600px;
border: 1px solid #dddddd;
}
.topheadline
{
color: #000080;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:bold;
font-size:24px;
line-height:60px;
height:60px;
}
.topsubheadline
{
color: #000080;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
font-size:24px;
line-height:70px;
height:70px;
}

.servicenav
{
float:right;
margin-right:20px;
}

.servicenav a:link, .servicenav a:visited, .servicenav a:focus, .servicenav a:hover,  .servicenav a:active  
{
color: #757575;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
font-size:12px;
text-decoration:none;
}
.servicenav a:hover
{
 color: #000080;
}
.level a:link, .level a:visited, .level a:focus, .level a:hover, .level a:active
{
color: #3a3a3a;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
text-decoration:none;
}

.active a:link, .active a:visited, .active a:focus, .active a:hover,  .active a:active  
{
color: #000080;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
text-decoration:none;
}



.level a:hover, .active a:hover
{
 color: #000080;
}


.level, .active 
{
margin-left:30px;
padding-bottom:5px;
padding-top:5px;
width:150px;
min-height:15px;
border-bottom: 1px solid #3a3a3a;
font-size:12px;
}

#lvl1
{font-weight:bold;}

#lvl1
{
padding-left:0px;
font-size:12px;
font-weight:bold;
}

#lvl2
{
padding-left:20px;
font-size:12px;
}

#lvl3
{
padding-left:40px;
font-size:11px;
}
#breadcrump
{
color: #525252;
font-size:10px;
font-weight:normal;
padding:5px;
}
#breadcrump a:link, #breadcrump a:visited, #breadcrump a:focus, #breadcrump a:hover,  #breadcrump a:active  
{
color: #525252;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
text-decoration:none;
font-size:10px;
font-weight:normal;
}
#breadcrump a:hover
{
color:#004080;
}
.iframe
{
border:none;
border:0px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

/*Oberer Breich in Content */
.topline
{
width:100%;
height:23px;
background-color:#b4b4b4;
color:#000080;
vertical-align:middle;
line-height:23px;
}
div .kompform
{
margin:5px;
margin-right:20px;
float:right;
}

div .kompformText 
{
margin-top:-2px;
margin-right:20px;
float:right;
font-size:17px;
font-weight:bold;
color:#E3E3E3;
}

div .kompformTextL
{
margin-top:-2px;
margin-left:10px;
float:left;
font-size:17px;
font-weight:bold;
color:#E3E3E3;
}


.kompformselect
{
font-family: GraublauWeb,Verdana,Arial,sans-serif;
border:none;
background-color:#eaeaea;
}
/*ArticleList*/
.RSSLeftBlock
{
float:left;
width:610px;
}
.articleblock
{
float:right;
width:190px;
overflow:visible;
margin-right:15px;
}
.clearall
{
clear:both;
height:0px;
width:100%;
}
.articlelist
{
margin-left:10px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:12px;
}
.articlelist .headline
{
font-weight:bold;
color: #525252;
background-color:#eaeaea;
padding:5px;
margin-top:10px;
}

.articlelist .text
{
color: #525252;
padding:5px;
}

#textDIV
{
height:150px;
width:100%;
overflow:auto;
color: #525252;
padding:5px;
}
a#mehrlink:link ,   a#mehrlink:visited ,   a#mehrlink:focus ,   a#mehrlink:hover,    a#mehrlink:active
{
font-weight:bold;
font-size:12px;
}


#browsing
{
text-align:center;
margin-top:20px;
margin-left:10px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
}

/*RSS Reader*/
.teaserItem
{
margin-left:15px;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:normal;
margin-bottom:30px;
}

.teaserItem h3,  .teaserItem a:link, .teaserItem  a:visited,  .teaserItem a:focus, .teaserItem a:hover,  .teaserItem a:active 
{
clear:left;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:bold;
color: #525252;
font-size:12px;
margin-bottom:5px;
background-color:#e3e3e3;
padding:1px;
}
.teaserItem div.more
{
clear:all;
float:right;
}

.more a:link,  .more  a:visited,   .more  a:focus,  .more  a:hover,   .more  a:active 
{
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
color: #525252;
font-size:12px;
margin-bottom:5px;
background-color:none;
background-color:transparent;
}

.teaserItem a:hover
{
color: #ff0000;
}


.subcontent
{
width:100%;
}


.contentdiv
{
margin-left:15px;
margin-right:10px;
margin-bottom:10px;
}

.contentdiv table td
{
 padding:5px;
 vertical-align:top;
}


/*Userlist*/

.contenttable
{
width:98%;
padding-right:10px;
border:none;
}

.linehead
{
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:bold;
background-color:#e3e3e3;
font-size:12px;
margin-bottom:5px;
padding:5px;
}

div.listbild
{
height:200px;
width:200px;
}

div.listname
{
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:bold;
float:left;
}

div.listadresse
{
float:left;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:11px;
line-height:16px;
}

div.listkontakt, div.listhome
{
float:left;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-size:10px;
font-weight:bold;
margin-right:5px;
}

div.listhome a:link, div.listhome a:visited,   div.listhome a:focus,  div.listhome  a:hover,  div.listhome  a:active,
div.listkontakt a:link, div.listkontakt a:visited,   div.listkontakt a:focus,  div.listkontakt  a:hover,  div.listkontakt  a:active,
div.moodlelink a:link, div.moodlelink a:visited,   div.moodlelink a:focus,  div.moodlelink  a:hover,  div.moodlelink  a:active
{
font-weight:bold;
float:left;
}

td.listlink a:link, td.listlink a:visited,   td.listlink a:focus,  td.listlink  a:hover,  td.listlink  a:active,
div.listlink a:link, div.listlink a:visited,   div.listlink a:focus,  div.listlink  a:hover,  div.listlink  a:active  
{
font-weight:bold;
line-height:30px;
}

 #hell { background-color:#eaeaea; }
 
 #dunkel {  background-color:#e0e0e0;  }
td.listrenner { height:5px; font-size:1px; line-height:1px; padding:0px; margin:0px;} 
 
td.listinfohead { text-align:center; font-weight:normal; font-size:10px; padding:5px; }



.infotext
{
font-size:10px;
}

td.formtitle
{
font-weight:bold;
vertical-align:top;
text-align:right;
padding:5px;
}

.oeffentlich
{
float:left;
clear:all;
border: 1pt solid #000080;
margin-right:5px;
}


#pflicht
{
background-color:#ffff80;
}

.longform, .formlong
{
width:150px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
}
.listform
{
width:90px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
}

.longform2
{
width:250px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
background-color:#ffffff;
}

.middleform, .formmiddle, 
{
width:100px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
}

.shortform, .formshort
{
width:50px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
}

.areaform
{
width:350px;
height:100px;
padding:2px;
border: 1px solid #e3e3e3;
}

.selectformKomp
{
width:250px;
height:250px;
padding:2px;
border: 1px solid #e3e3e3;
overflow:auto;
}

#selectformKompS
{
height:150px;
background-color:#ffff80;
}

.selectformSel
{
width:250px;
height:20px;
padding:2px;
border: 1px solid #e3e3e3;
overflow:auto;
}

td.viewpic
{
width:200px;
}

td.viewcourseroom
{
width:150px;
text-align:center;
}

div.selbst #headline, div.quali #headline, div.ausbildung #headline,   div.ausbildung #headline, div.kompetenz #headline
{
background-color:#e3e3e3;
color:#3A3A3A;
font-weight:bold;
padding-left:10px;
height:23px;
line-height:23px;
vertical-align:middle;
}

#referenz
{
border:1px solid #d7d7d7;
margin:5px;
padding:5px;
}

#subheadlineList
{
margin-top:5px;
background-color:#e8e8e8;
border-bottom:1px solid #3A3A3A;
color:#3A3A3A;
font-weight:bold;
padding:5px;
padding-left:10px;
vertical-align:middle;
}

div.selbst #text, div.quali #text, div.ausbildung #text,   div.ausbildung #text,  div.kompetenz #text
{
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
min-height:20px;
}

.errorheadline
{
background-color:#ffff80;
padding:5px;
font-weight:bold;
font-size:14px;
}

.error
{
color: #ff0000;
font-size:11px;
font-weight:bold;
padding:5px;
}

.okay
{
width:100%;
height:50%;
padding:20px;
font-size:12px;
font-weight:bold;
line-height:30px;
text-align:center;
vertical-align:middle;
}

.popuptetxt
{
background-color:#f5f5f5;
font-family: GraublauWeb,Verdana,Arial,sans-serif;
font-weight:normal;
color: #525252;
font-size:12px;
padding:10px;
}
#hinweis
{
background-color:#ffff99;
color: #525252;
font-size:12px;
padding:10px;
width:300px;
text-align:center;
vertical-align:middle;
margin-top:5px;
margin-bottom:5px;
float:right;
}

#smallinfoR
{
float:right;
font-size:10px;
}
/*LINKER*/

a.line:link, a.line:visited,   a.line:focus,  a.line:hover,  a.line:active
{
font-weight:bold;
line-height:20px;
}
 td #old
 {
 background-color:#ffffd5;
 }
 
.pagination
{
font-size:14px;
width:100%;
}

#pleft
{
text-align:left;
width:33%;
}

#pcenter
{
text-align:center;
width:34%;
}


#pright
{
text-align:right;
width:33%;
}
.mini
{
font-weight:normal;
font-size:9px;
}
.miniRight
{
font-weight:normal;
font-size:9px;
float:right;
}

.infomailtext
{
font-size:14px;
font-weight:bold;
width:100%;
text-align:center;
padding:5px;
color:#006600;
}

.errorinfo
{
font-size:14px;
font-weight:bold;
width:100%;
text-align:center;
padding:5px;
color:red;
border:1px solid red;
margin-bottom:10px;
}

ul
{
line-height:16px;
}