html{
	height: 100%;
	}

body{
	height: 100%;
	background: #cccccc url('../images/layout/bodygradient.jpg') top left repeat-x;
	font: normal 10pt/100% Arial, Helvetica, Sans;
	color: #111111;
	margin: 0;
	}
a{
	text-decoration: none;
	color: #2d529a;
	}

a:hover{
	color: #394153;
	}

a img{
	border-width: 0;
	}

div.clear{
	clear: both;
	}




table#background-table{
	width: 100%;
	height: 100%;
	}
	table#background-table td#left{
		background: #ffffff url('../images/layout/bg_leftmenu.jpg') -5px 0 repeat-y;
		vertical-align: top;
		width: 980px;
		}
	table#background-table td#right{
		vertical-align: top;
		background: transparent url('../images/layout/body_shadow.jpg') top left repeat-y;
		}
	table#background-table td#right div#gradient-shadow{
		background: transparent url('../images/layout/gradient_shadow.jpg') top left no-repeat;
		height: 500px;
		}

div#header{
	position: relative;
	height: 217px;
	background: #ffffff;
	}
	div#header img#logo{
		position: absolute;
		top: 10px;
		right: 10px;
		}
	div#header div#name{
		position: absolute;
		left: 193px;
		top: 55px;
		background: transparent url('../images/layout/name.jpg') top left no-repeat;
		width: 338px;
		height: 14px;
		}
	div#header div#pict-container{
		position: absolute;
		bottom: 0;
		right: 0;
		border: 3px solid #ffffff;
		background: #ffffff;
		width: 783px;
		height: 123px;
		}
	div#pict-container div#rotator{
		position: relative;
		right: 0px;
		float: right;
		margin-right: 0px;
		overflow: hidden;
		width: 196px;
		height: 123px;
		}
	div#pict-container-bogen{
		position: absolute;
		bottom: -3px;
		right: -3px;
		width: 156px;
		height: 24px;
		background: transparent url('../images/layout/bogen_header.gif') top left no-repeat;
		}

/* 
	MENUES
	Globale menue regeln 
*/
ul.menu, 
ul.menu_mainmenu, 
ul.menu_areas, 
ul.menu_enterprise{
	font-family: Arial, Helvetica, Sans;
	font-size: 13px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	/* 
		Formatierung 2. Menuebene
	*/
	ul.menu ul, 
	ul.menu_mainmenu ul, 
	ul.menu_areas ul, 
	ul.menu_enterprise ul{
		list-style-type: none;
		margin: 5px 0 0 0;
		padding: 0;
		}

/* 
	Menü oben 
*/
div#topmenu{
	background: #2d529a;
	padding: 8px 0 8px 0;
	}
	div#topmenu ul.menu_mainmenu{
		padding: 0 0 0 189px;
		}
	ul.menu_mainmenu li{
		display: inline;
		}
	ul.menu_mainmenu a{
		display: inline-block;
		margin: 0 0 0 20px;
		color: #f0f0f0;
		}

/* Menue Seminarbereiche rechts */

ul.menu_areas{
	background: #cccccc;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	}
	ul.menu_areas li{
		padding: 5px 0 5px 10px;
		}
	ul.menu_areas a{
		color: #333333;
		line-height: 150%;
		}
	ul.menu_areas a:hover{
		color: #2d529a;
		}
	ul.menu_areas img{
		float: left;
		vertical-align: middle;
		margin: 0 8px 0 0;
		padding: 0 0 2px 0;
		}


ul.menu_enterprise, ul.menu{
        background: #bcc7df;
        padding: 10px 0 10px 0;
        margin: 0;
        }
        ul.menu_enterprise li, ul.menu li{
                padding: 7px 0 7px 12px;
                }
        ul.menu_enterprise a, ul.menu a{
                color: #394153;
                }
                ul.menu_enterprise a:hover, ul.menu a:hover{
                        color: #111111;
                        }
        ul.menu_enterprise li.active>a, ul.menu li.active>a{
                color: #111111;
                }




/***
	Moduletables
*/
div.moduletable, 
div.moduletable_login{
	margin: 0;
	padding: 0;
	}
	div.moduletable h3, 
	div.moduletable_login h3, 
	div.moduletable_seminare h3{
		display: block;
		font-family: Arial, Helvetica, Sans;
		color: #ffffff;
		font-weight: normal;
		padding: 4px 0 6px 10px;
		margin: 0;
		background: #31539e;
		font-size: 10pt;
		line-height: 140%;
		}


/***
	Login Modul
*/
div.moduletable_login{
	background: #a7b6d5;
	line-height: 150%;
	}
	div.moduletable_login fieldset{
		border-width: 0px;
		margin: 0;
		padding: 0;
		}
	div.moduletable_login input{
		border: 1px solid #aaaaaa;
		padding: 2px;
		width: 169px;
		}
	div.moduletable_login input.button_login{
		width: 175px;
		padding: 3px 0 3px 0;
		background: #008800;
		color: #ffffff;
		font-weight: bold;
		border-color: #004700;
		font-size: 9pt;
		margin: 3px 0 3px 0;
		}
	div.moduletable_login form{
		padding: 10px;
		}
	p#form-login-username, p#form-login-password, p#form-login-remember{
		margin: 0;
		}
	div.moduletable_login input.inputbox{
		width:165px;
		}
	div.moduletable_login div{
		padding: 5px 0 5px 0;
		}


/***
	Seminare Modul
*/
div.moduletable_seminare{
	background: #bcc7df;
	font-size: 8pt;
	}
	
	div.moduletable_seminare div{
		padding: 5px 5px 5px 10px;
		}
	div.moduletable_seminare a{
		font-size: 8pt;
		}


/***
	3-Spalten Layout Tabelle
*/
table#content-container{
	width: 100%;
	}
	table#content-container td#content-left,
	table#content-container td#content-middle,
	table#content-container td#content-right{
		vertical-align: top;
		}
	table#content-container td#content-left{
		width: 195px;
		}
	table#content-container td#content-middle{
		padding: 5px 0 0 0;
		}
	table#content-container td#content-right{
		width: 230px;
		}

/***
	Content-Wrapper mittlere Spalte
*/
div#content-padding{
	padding: 10px;
	}

/***
	Überschriften
*/
h1.jarticle-title,
h1.jblog-item-title{
	font-weight: normal;
	margin: 0em 0 1em 0;
	color: rgb(47, 78, 158);
	line-height: 140%;
	}
div.jarticle h1,
div.jblog-item h1{
	font-weight: normal;
	margin: 0em 0 1em 0;
	color: rgb(47, 78, 158);
	line-height: 140%;
	}
div.jarticle-text h2,
div.jblog-item-text h2,
div.jarticle-text h3,
div.jblog-item-text h3{
	font-weight: normal;
	margin: 1.5em 0 1em 0;
	color: rgb(47, 78, 158);
	line-height: 140%;
	}
div.jarticle-text h1,
div.jblog-item-text h1{
	font-size: 20px;
	}
div.jarticle-text h2,
div.jblog-item-text h2{
	font-size: 16px;
	}
div.jarticle-text h3,
div.jblog-item-text h3{
	font-size: 14px;
	}
div.jarticle-text h4,
div.jblog-item-text h4{
	font-size: 10pt;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
	}

/***
	Blog Item
*/
div.jblog-item{
	border-bottom: 1px solid #aaaaaa;
	padding: 15px 0 15px 0;
	}
	div.jblog-item-clear{
		clear: both;
		}
	div.jblog-item-readmore{
		text-align: right;
		padding: 15px 0 0 0;
		font-weight: bold;
		}
		
/***
	Artikel Content
*/
div.jarticle-text,
div.jblog-item-text{
	line-height: 150%;
    color: #333333;
	}

div.jarticle-text p,
div.jblog-item-text p{
	margin: 0 0 1em 0;
	line-height: 150%;
	}
div.jarticle-text ul,
div.jblog-item-text ul{
	list-style-type: square;
	margin: 0 0 1em 0;
	padding-left: 15px;
	}
	div.jarticle-text ul li,
	div.jblog-item-text ul li{
		padding: 0 0 7px 0;
		}
div.jarticle-text ol,
div.jblog-item-text ol{
	list-style-type: square;
	margin: 0 0 1em 0;
	padding-left: 25px;
	}
	div.jarticle-text ol li,
	div.jblog-item-text ol li{
		padding: 0 0 7px 0;
		}

/***
	Joomla! Pagination
*/
div.pagination,
div.jblog-pagination{
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	color: #333333;
	border: solid #ffffff;
	border-width: 2px 0 0 0;
	font-size: 14px;
	}
div.jblog-pagination{
	padding: 10px 0 10px 0;
	border: 2px solid #ffffff;
	}
	div.pagination span,
	div.pagination a,
	div.jblog-pagination span,
	div.jblog-pagination a{
		padding: 0 6px 0 6px;
		}
	div.pagination div.pagination-count,
	div.jblog-pagination div.jblog-pagination-count{
		font-size: 12px;
		color: #666666;
		font-weight: normal;
		padding: 5px 0 0 0;
		}


/***
	Rechte Spalte
*/

/* Buttons */
div#button-weiterbildungen, 
div#button-finder{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	}
	div#button-finder a{
		display: block;
		padding: 10px;
		background: #3b64b2;
		font-family: Arial, Helvetica, Sans;
		color: #ffffff;
		}
	div#button-weiterbildungen a{
		display: block;
		padding: 10px;
		background: #3b64b2;
		font-family: Arial, Helvetica, Sans;
		color: #ffffff;
		}
	div#button-finder a:hover, 
	div#button-weiterbildungen a:hover{
		background: #aaaaaa;
		color: #2f2f2f;
		}


/***
	Adresse
*/
div#address-container{
	background: #bbbbbb;
	padding: 10px;
	line-height: 150%;
	font-family: Arial, Helvetica, Sans;
	color: #333333;
	margin: 10px 0 0 0;
	}


h2{
	font-size: 14pt;
	}
.caption{
	float: left;
	margin: 4px 10px 10px 0;
	}


/***
	Mod Newsflash (Umbau Bildungshaus)
*/
div.newsflash{
	background-color: #ffffff;
	}
	div.newsflash div.newsflash-item{
		background-color: #e3e3e3;
		margin: 10px 0 0 0;
		padding: 1px 0 0 0;
		clear: both;
		}
	div.newsflash div.newsflash-item p{
		padding: 0 8px;
		font-size: 9pt;
		line-height: 130%;
		}
	div.newsflash div.readon{
		text-align: right;
		padding: 8px 8px 8px 0;
		}

/***
	Tool-Tips
*/
.tool-tip {
	float: left;
	border: 2px solid #9ab2da;
	padding: 5px;
	background: #ffffff;
	max-width: 250px;
	}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/layout/tooltip-arrow.png) no-repeat;
	font-size: 9pt;
	font-weight: bold;
	}
.tool-text {
	margin: 0;
	font-size: 9pt;
	line-height: 125%;
	}