body {
    /*color: inherit;*/
    margin-left: 40px;
    margin-top: 10px;
	background-color: #F1F4FA;
    color: #808080;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	text-decoration : none;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
/* diese Klasse gehört zur FreeTextBox und macht eingentlich alle Einstellungen des */
/* Body Tags rückgängig */
.wbg {
    margin: 10px;
    background-color: #FFFFFF;
    background-image: none;
}

/*formatting all <div> (division) items.  This is a catch-all that only applies
when no other style has been defined.*/
p {
	font-size: 12px;
	margin: 4px 0px 4px 0px;
	padding:0px 0px 4px 0px;
	color: #808080;
}
h1 {
    font-size: 14px;
    color: #6589C3;
}
h2 {
	border-bottom: 1px solid #CBCDCE;
	font-size: 12px;
    font-weight: bold;
	margin: 4px 0px 4px 0px;
	padding:0px;
}
h2:first-letter {
	color: #86A7D3;
	font-size: 12px;
	text-transform: uppercase;
}    
/*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
td {
	font-size: 12px;
}
/*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
tr {
}
/*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
ul {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}
ol {
    margin: 0px 0px 0px 26px;
    padding: 0px 0px 0px 0px;
}
li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
}



/* general links style*/
a:link, a:visited {
    color: #86A7D3;
    font-weight: bold;
	text-decoration: underline;
}
/*a:visited {
}*/
a:hover {
}
/* horizontal line in your template*/
hr {
}
hr.separator {
}

/* FORMS SETTINGS */
.button {
    border: solid 1px #C0C0C0;
	color: inherit;
    background-color: #F6F6F6;
    text-align: center;
    /*height: 21px;*/
}
.inputbox {
    border: solid 1px #C0C0C0;
}
/*formatting the <div> which holds search items: inputbox, search button...*/
.search {
}


/* NAVIGATION/MENU SETTINGS */
/* this styling is for the MAIN items in the menu */
/* deprecated 5.11.2007: use navcontainer */
a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
	display: block;
	border-bottom: solid 1px #FF9800;
	width: 180px;
	height: 24px;   /* 32px vom Bild - 8px vom Padding */
	margin: 0px;
    padding-top: 8px;
    font-size: 12px;
    font-weight: normal;
    color: #606060;
	text-decoration: none;
	text-indent: 10px;
	white-space: nowrap;
}
/*a.mainlevel:link {
    font-weight: normal;
	text-decoration : none;
}
a.mainlevel:visited {
}*/
a.mainlevel:hover {
	/*border: solid 1px #FF9800;*/
    font-weight: bold;
}

/* this styling is for the menu item when it is active, even in main/sub position*/
#active_menu {
}

ul#mainlevel-nav {
}
ul#mainlevel-nav li {
}
#mainlevel-nav a:link {
}
#mainlevel-nav a:visited {
}
#mainlevel-nav a:hover {
}

/* Title of the component being used to display the content.*/
.componentheading {
}
/* Title of the content, article, etc. being displayed.*/
.contentheading {
	border-bottom: 1px solid #CBCDCE;
	font-size: 12px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
	padding: 20px 0px 4px 0px;
}
.contentheading:first-letter {
	color: #86A7D3;
	font-size: 12px;
	text-transform: uppercase;
}

table {
    padding: 0px;
}
table.th {
}
table.td {
    vertical-align: top;
    padding: 0px;
}


/* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc {
    width: 100%;
}
/* same as above, used to format the td and able cells */
table.contenttoc td {
    vertical-align: top;
}
/* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc th {
	border-bottom: 1px solid #CBCDCE;
	font-size: 12px;
    font-weight: bold;
	height:24px;
}
table.contenttoc th:first-letter {
	color: #86A7D3;
	font-size: 12px;
	text-transform: uppercase;
}
/* same as above, used to format toc link texts*/
table.contenttoc td.toclink {
}
/* same as above, used to format toc link text status*/
a.toclink:link {
}
a.toclink:visited {
}
a.toclink:hover {
}


/* JOOMLA - MAMBO SECTIONS LISTINGS */
/* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableheader {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}

table.moduletable {
    width: 100%;
    margin: 30px 0px 10px 0px;
    /*padding-top: 0px;*/
    padding: 0px;
}
table.moduletable th {
	background: url(./../images/modhead.jpg) repeat-x top left;
    color: #7BA1CE;
	/*height: 28px;*/
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
    padding: 6px 0px 6px 0px;
    font-size: 16px;
}
/* Formatting the table cells of the module table */
table.moduletable td {
    padding: 0px;
}




/*
 * CollapsablePanel
 * -------------------------------------------------------------------------------------------
 */
.csBasePanel {
    padding-right: 10px;
}

.csTitle {
    width: 90%;
    white-space: nowrap;
    background-color: #E0E0E0;
    padding: 2px 2px 2px 2px;
    font-size: 12px;
}
.csTitle img {
    width: 13px;
    padding: 0;
}
.csTitleCollapsed {
    width: 90%;
    white-space: nowrap;
    background-color: #E0E0E0;
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    z-index: 1;
}
.csTitleCollapsed img {
    width: 13px;
    padding: 0;  
}
.csContent {
    padding: 2px 2px 2px 2px;
    border: solid 1px #A0A0A0;
}


/*
 *	Gallery classes
 * -------------------------------------------------------------------------------------------
 */
.galleryimagebackground {
    background-color: #F6F6F6;
}
.galleryimagemediumwidth {
    width: 500px;
    /*width: expression(this.clientWidth > 500 ? "500px" : "inherit");*/
}
.gallerysmallimageborder {
    border: solid 1px #C0C0C0;
    padding: 3px;
}
.gallerybigimageborder {
    border: solid 1px #C0C0C0;
    padding: 5px;
}
.galleryimagealign {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}


/*
 *	Team Data classes
 * -------------------------------------------------------------------------------------------
 */
p.teamdatatitle {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    
}
p.teamdatatext {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    
}
p.teamdatacopyright {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    
}


/*
 * Vertikale und Horizontale Menus für die Navigation
 * -------------------------------------------------------------------------------------------
 */
/* ------ Horizontale Menüs ------ */
.hnavcontainer {
    height: 28px;
    background-color: #505050;
    margin: 2px 2px 0px 1px;
}
.hnavcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.hnavcontainer ul li { 
    display: inline; 
}
.hnavcontainer ul li a {
    display: block;
    float: left;
    height: 16px;
    text-decoration: none;
    padding: .5em 1em;
    margin: 0px 2px 0px 2px;
    color: #ffffff;
    background-color: #505050;
}
.hnavcontainer ul li a:hover {
    color: #ffffff;
    background-color: #606060;
}

/* ------ Vertikale Menüs ------ */
.navcontainer {
    /*background-color: #C0C0C0;*/
    width: 150px;
    margin-left: 1px;
}
.navcontainer ul {
    margin: 0;
    padding: 0px;
    list-style-type: none;    
}
.navcontainer li { 
    margin: 0 0 .1em 0; 
}
.navcontainer a {
    display: block;
	height: 22px;
	--font-size: 11px;
    color: #86A7D3;
    background-color: #FFFFFF;
    padding: .6em .8em 0px .4em;
    text-decoration: none;
    border-bottom: 1px solid #86A7D3;
    background-image: url("./../images/background-menues.jpg");
}
.navcontainer a:hover {
    color: #6485B1;
}
a.navcontainerlast {
    display: block;
	height: 24px;
    color: #86A7D3;
    background-color: #FFFFFF;
    padding: .5em .8em 0px .5em;
    text-decoration: none;
    background-image: url("./../images/background-menues.jpg");
}
a.navcontainerlast:hover {
    color: #6485B1;
}


table.hmtable {
    width: 852px;
    margin: 0px;
    padding: 0px;    
    border-collapse: collapse;
}

td.header {
    width: 650px;   /* Diese breite bestimmt über alle */
    /*height: 100px;*/
    background-color: #FFFFFF;
    border-left: solid 1px #86A7D3;
    border-bottom: solid 1px #86A7D3;
    border-right: solid 1px #86A7D3;        
}
td.footer {
    height: 30px;
    background-color: #FFFFFF;
    border: solid 1px #86A7D3;
}

table.menuarea {
    margin: 0px;
    padding: 0px;
    width: 172px;
    border-collapse: collapse;
    /*background-color: #F1F4FA;*/
    background-image: url("./../images/background-menues.jpg");
    /*border-right: solid 1px #F1F4FA;*/
}

td.menumargin {
    /*background-image: url("./../images/background-menues.jpg");*/
    /*background-image: url(teams/integration-berufsfachschulen/template/images/background-menues.jpg);*/
}

td.mainarea {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    border-collapse: collapse;
    width: 550px;
    height: 410px;
    background-color: #FFFFFF;
    border-top: solid 1px #86A7D3;
    border-left: solid 1px #86A7D3;
    border-bottom: solid 1px #86A7D3;
    border-right: solid 1px #86A7D3;        
}


input.languagesetter {
    border: solid 10px #FF0000;
    padding: 0px 2px 0px 2px;
}


a.projektinfomenu {
    color: #86A7D3;
}


/*
 * Doc Group Folder classes
 */
.docgrouptitle_img {
    float: left;
}
.docgrouptitle_middot {
    margin-left: 0.3em;
    margin-right: 0.3em;
    float: left;
}
.docgrouptitle_wraper {
    width: 600px;
    height: 15px;
    z-index: 5;
}
.docgrouptitle_project {
    width: 40px;
    float: left;
}
.docgrouptitle_competence {
    width: 20px;
    float: left;
}
.docgrouptitle_title {
    width: 280px;
    float: left;
}
.docgrouptitle_datezb {
    width: 75px;
    float: left;
}
.docgrouptitle_datesb {
    width: 75px;
    float: left;
}
.docgrouptitle_green {
    color: #4ABE23;
}
.docgrouptitle_red {
    color: #FF3333;
}
.docgrouptitle_white {
}



/* Hauptseite */
        .leftDiv {
            border: #6699cc 2px solid; 
            background-color: #cccccc; 
            padding: 4px;
	padding-top: 10px;
            float: left;
            width: 260px;
            height: 160px;
        }
        .rightDiv {
            border: #6699cc 2px solid; 
            background-color: #cccccc; 
            padding: 4px;
	padding-top: 10px;
            float: right;
            width: 260px;
            height: 160px;
        }