/* general stuff */

div.article_seperator {
  margin: 20px 0px 10px 0px;
  height: 1px;
  /*width: 700px;*/
  background: url(../images/article_seperator.gif) repeat;
}
div.article_seperator hr {
  display: none;
}
span.article_seperator {
}

.block {
	width: 160px;
	height: 100%;
	/*border:1px solid #ccc;
	padding: 10px;*/
	margin-left:-8px;
	margin-top:5px;
	position:relative;	
}

.umrandung {
	margin: 5px 0px 5px 0px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #CCCCCC;
} 

.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.imgnews img {
	width: 124px;
	height: 78px;
	border: 1px solid #369;
	float: left; 
	margin-right: 15px;
	margin-left: -2px;
	margin-top: 4px;
	margin-bottom: 15px;
}

body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
}
.loginbereich {
	/*background-color: #EBECEE;*/
	/*background-color:#e2e2e2;*/
	/*background-color:#EDF4FA;*/
	background-color:#f1f2f2;
	/*border: 1px solid #e2e2e2;*/
	width: 190px;
	cellspacing: 15px;
	padding: 0px 4px 0px 4px;
	margin-bottom:5px;
	/*border: 1px solid #DCEAF5;*/
}
.form_login{
	/*width:100px;*/
	height:11px;
	font-family: Verdana, Arial, sans-serif;	
	font-size:11px;
}
.form_submit {
	/*xwidth:120px;
	xheight:12px;
	font-family: verdana, arial, sans-serif;	
	font-size:10px;
	border: 1px solid gray;	
	background:#cccccc;
	*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10.5px;
	color: #284A6D;
	border-width: 1px;
	border-color: #EBECEE;
	width: 54px;
	/*height: 16px;*/
	background-image: url(../images/bg_button.jpg);
}
.form_submit_friend {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10.5px;
	color: #284A6D;
	border-width: 1px;
	border-color: #EBECEE;
	width: 95px;
	background-image: url(../images/bg_button.jpg);
}
.form_input {
	border: 1px solid #f1f2f2;
	width:90px;
	line-height:10px;
	height:12px;
	font-family: Verdana, Arial, sans-serif;	
	font-size:10.5px;
	color: #284A6D;
	padding-left:3px;
}
.sucheninputbox {
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 105px;
}

.suchen {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 10px;
	padding-top: 10px;
	display: block; 
}

.form_input_wide
{
	margin:2px 0px 2px 5px;
	padding-left: 3px;
	border: 1px solid #e2e2e2;
	width:170px;
	line-height:20px;
	height:20px;
	font-family: verdana, arial, sans-serif;	
	font-size:11px;
	color: #284A6D;
}

.form_input_anzahl
{
	margin:2px 0px 2px 5px;
	padding-right: 3px;
	text-align: right;
	border: 1px solid #e2e2e2;
	width: 40px;
	line-height:14px;
	height:20px;
	font-family: verdana, arial, sans-serif;	
	font-size:11px;
	color: #284A6D;
}



.linknorm {
line-height: 20px;

}

.bgtd_left{
background: transparent url(../images/bg_left.png) repeat-y ;
width:12px;
}
.bgtd_right{
background: url(../images/bg_right.png) repeat-y ;
width:12px;
}

.bgtd_top{
background: transparent url(../images/webducation_logo.png);
width:760px;
heigh:100px;
}
.bgtd_bottom{
background: url(../images/bg_bottom.png);
width:760px;
height:30px;
}

.modul_header{
background: transparent url(../images/header_telefontraining.png);
height:24px;
width:175px;
}

 #divFlash{
position:absolute;
top:100px;
left:-50px;
}
.modulheaderwhite{

color:white;}
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#pagewidth-800{
width:744px;
text-align:left;
margin-left:auto;
margin-right:auto;
xbackground: transparent url(../images/back_all.gif) repeat-y 0px 140px;
xmargin-bottom: 20px;
}

#pagewidth-1024{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
xbackground: transparent url(../images/back_all1024.gif) repeat-y ;
margin-bottom: 20px;
}

#header {
height:  26px; 
xwidth:  100%; 
 }
#toptable{
position:relative;
z-index:100;}
#top-top {
height: 30px;
width: 100%;
xbackground: red;
}

#top-bottom {
xheight: 100px;
xwidth: 764px;
background: transparent url(../images/webducation_logo.png) ;
xbackground: transparent url(../images/top_bg.gif) ;
float: left;
	xborder: 1px solid green;
}

#search {
	width: 170px; 
	margin: 0px;
	padding: 0px;
	height: 20px;
	background: url(../images/back_search.jpg) right top no-repeat;
	padding-top: 2px;
	margin-bottom: 5px;
	vertical-align: top;
}

#search .inputbox{
width: 50px;
height: 18px;
font-size: 10px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}
#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

#topmenu{
height: 20px;
float: left;
}


#pathway{ 
width: 510px;
height: 19px;
padding-left: 1px;
padding-top: 5px;
margin-bottom: 15px;
}

#leftcol{
 width: 152px;
 float: left;
 position: relative;
 margin-right: 5px;
 } 

#rightcol-normal{
 width: 155px;
 float: left;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 } 
 
#rightcol-broad{
 position: relative;
 xwidth: 180px;
 float: right;
 xleft:120px;
 xpadding-top: 20px;
 xpadding-right: 20px;
 margin-right: 10px;
 margin-top: 20px; 
 } 
 
#outer-800{
width: 738px;
background:white;
xborder: 1px solid blue;
xpadding-top: 6px;
margin:0px;
} 

#outer-1024{
xborder: 1px solid lime;
width: 970px;
padding-top: 6px;
} 

#footer-800{  
height: 75px; 
width:738px; 
background-color:white;
xbackground: transparent url(../images/bg_bottom.png) bottom left no-repeat; 
font-size: 10px;
}

#footer-1024{  
height: 40px; 
width: 100%; 
xbackground: transparent url(../images/footer1024.jpg) bottom left no-repeat; 
font-size: 10px;
}

#maincol-normal-800{ 
 float: left; 
 width: 450px !important;
 margin-left: 0px !important;
 margin-left: -5px;
 width: 446px;
 
 } 
 
#maincol-broad-800{ 
 float: left; 
width: 530px !important;
padding-left: 15px; 
/* width: 422px !important;*/
 xmargin-left: -5px;
  xwidth: 480px;
/* width: 417px;*/
xborder:1px solid green;
 } 
 
 #maincol-wide-800{ 
 float: left; 
 width: 600px !important;
 width: 595px;
	 margin-left: 5px !important;
	 margin-left: 5px;
 padding-top: 0px !important;
	 xborder:1px solid green;


 } 
 

#maincol-normal-1024{ 
 float: left; 
 width: 650px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
#maincol-broad-1024{ 
 float: left; 
 width: 622px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #maincol-wide-1024{ 
float: left; 
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #banner {
 width: 478px;
 height: 69px;
 float: left;
 padding-left: 6px;
 padding-top: 6px;
	xborder: 1px solid red;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;width:664px;xborder:1px solid red;}

.contentdiv {
background:white;
padding-left:15px;
font-size: 10px;
}

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
width: 152px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div, #rightcol-normal div.module div {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
width: 152px;
background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

#rightcol-broad div.module {
width: 170px;
/*background: #ebebef url(../images/right_module_topbg.gif) top left repeat-x;*/
/*background: #e2e2e2 url(../images/right_module_topbg.gif) top left repeat-x;*/
/*background: #EDF4FA url(../images/right_module_topbg.gif) top left repeat-x;*/
/*background: #f1f2f2 url(../images/right_module_topbg.gif) top left repeat-x;*/
background: #f1f2f2 url(../images/right_module_topbg.png) top left repeat-x;
xmargin-bottom: 10px; 
}

#rightcol-broad div.module div {
width: 170px;
/*xbackground: transparent url(../images/module_top_wide.jpg) top left no-repeat;*/
border-bottom: 10px solid #FFFFFF;
}

#rightcol-broad div.module div div {
width: 170px;
/*xbackground: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;*/
}

#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
background: transparent;
/*background-color: #e2e2e2;*/
padding-bottom: 10px;
xmargin-bottom: 10px;
font-size: 10px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}

div.module h3 {
position:relative;
top:-7px;
/*background: url(../images/arrowright_module.gif) no-repeat ;*/
font-size: 11px;
width: 130px;
line-height:14px;
font-weight: bold;
margin: 0px;
padding-left:5px;
xpadding: 0px;
margin-bottom: 0px;
}


#user1{
float: left;
width: 49%;
}

#user2{
float: left;
width: 49%;

}

#user3 {
xleft:-40px;
xmargin-left:-40px;
xwidth: 764px;
	xbordeR:1px solid red;
}

#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
xwidth: 764px;
	xmargin-left: -4px;
	xmargin-top: -8px;	
xmargin-bottom: 0px;
	xborder: 1px solid #EFEFEF;
background: white;

}

#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
color: #000;
width: 100%;
xborder-bottom: 1px solid #EFEFEF;
text-align: left;
text-indent: 5px;
}

/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: left;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */
a.mainlevel {
font-size: 10px;
padding-left: 0px;
color:white;
/*width: 143px;*/
width: 107px; 
display: block;
line-height: 26px;
xmargin-bottom: 2px;
text-decoration: none;
font-weight: bold;
xborder-right: 0px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
/*width: 135px;*/
white-space: nowrap;
}

html>body a.mainlevel {/*width:135px;*/} /* Opera5-Fix-fix ;-) */

a.mainlevel:hover, a.mainlevel#active_menu {
background: #336699;
text-decoration: none;
}

a.sublevel {
background: #336699;
color:white; 
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 10px;
/*width: 139px;*/
display: block;
line-height: 20px;

text-decoration: none;
font-weight: normal;
xborder-right: 1px solid #CACACA;
/*width: 123px;*/
}

html>body a.sublevel {width:100%;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;

/*width: 139px;*/
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
/*width: 123px;*/
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
/*width: 123px;*/
}


/* Module specific */

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 160px;
margin: 0px;
padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}
.pathway {
color: #284A6D;
font-size: 10px;
line-height:10px;
text-decoration: none;
}

.pathway a{
color: #284A6D;
text-decoration: underline;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BBBBBB;
	/*float: right;*/
	padding: 2px;
	margin: 4px 1px 1px;
}
.inputbox {
	border: 1px solid #BBBBBB;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #E7E7E7;
	/*float: right;*/
	
	margin: 4px 1px 1px;
	padding: 1px;
	color: #306192;
	
	height: 16px;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 11px;
color: #336699;
text-decoration: none;
line-height: 15px;
xborder: 1px solid #EEEEEE;
/*xpadding-left: 13px;*/
/*background: url(../images/readon.gif) no-repeat left;*/
/*margin-top: 10px;*/
text-decoration: none;
font-weight: normal;
text-indent: 23px;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
/*background: #EEEEEE url(../images/readon.gif) no-repeat left;*/
text-decoration: underline;
}

.blog {
width: 100%;
xborder: 1px solid #EEEEEE;
}

.contentheading {
width: 98%; 
font-weight: bold;
font-size: 14px;
color: black;
xheight: 23px;
line-height: 14px;
/*border-top: 1px dashed gray;*/
padding-top: 10px;
/*text-indent: 150px;*/
font-family: Verdana, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.contentpaneopen {
border: 0px;
text-align: left;
background: transparent;
font-size: 10px;
line-height: 1.5;
padding-left:0px;
width:100%;
}
table.contentpane td.contentheading {
xpadding-left:40px;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}
.componentheading {
font-weight: bold;
font-size: 12px;
xheight: 23px;
line-height: 20px;
font-family: Verdana, sans serif;
/*border-top: 1px dashed gray;*/
color: black;
padding-top: 10px;
margin-bottom: 5px;
}

a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 10px;
text-align: center;
}
.back_button{
visibility:hidden;
}

.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.navtopright {
	margin-right:30px;
}
.rssfeed {
	padding-top:5px;
}
.topleiste {
	margin-top:5px;
}