/***************************************************/
/******     BERUFSBILDENDE SCHULEN - PORTAL    *****/
/***************************************************/

/************************************/
/***             HTML             ***/
/************************************/
html {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

/************************************/
/***             BODY             ***/
/************************************/
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: white url(images/bg_lines.gif);
	font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
	font-size: 100.1%;
	text-align: center;
}

	/********************************/
	/***        LAYOUT TOP        ***/
	/********************************/
	#layout_top {
		background: transparent url(images/bg_lines_top.png) repeat-x;
	}
	
		/********************************/
		/***         DOCUMENT         ***/
		/********************************/
		#document {
			position: relative;
			width: 1000px;
			height: 595px;
			margin: 0 auto 0 auto;
			text-align: left;
			background: url(images/bg_document_portal.png) top no-repeat;
		}
			* html #document{
				position: static;
				background-image: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_document_portal.png',sizingMethod='scale', enabled='true');
			}
	
	
		
			/********************************/
			/***          HEADER          ***/
			/********************************/
			#header {
			}
					* html #header{
						margin-bottom: 120px;
					}
			
				/********************************/
				/***       PORTAL LINK        ***/
				/********************************/
				#portal_link {
					height: 28px;
					padding: 8px 0px 0px 28px;
					overflow: hidden;
					font-size: 10px;
					text-transform: uppercase;
					color: #848484;
				}
				
				
				
			/********************************/
			/***          HEADER          ***/
			/********************************/
			#header_logos {
				width: 300px;
				height: 70px;
				position: absolute;
				top: 60px;
				left: 650px;
				text-align: right;
			}
				#header_logos a img{
					border: none;
				}
			
				
			/********************************/
			/***          BODY            ***/
			/********************************/
			#body{
				width: 885px;
				height: 230px;
				overflow: hidden;
				position: absolute;
				top: 156px;
				left: 61px;
			}
				* html #body{
					position: static;
					top: auto;
					left: auto;
					margin: 0px 0px 0px 61px;
				}
				#body.info{
					background: transparent url(images/bg_portalmenu_info.png) no-repeat;
				}
					* html #body.info{
						background-image: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_portalmenu_info.png',sizingMethod='crop');
					}
				#body.schulen{
					background: transparent url(images/bg_portalmenu_schulen.png) no-repeat;
				}
					* html div.schulen{
						background-image: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_portalmenu_schulen.png',sizingMethod='crop');
					}
				#body.bildungsstandards{
					background: transparent url(images/bg_portalmenu_bildungsstandards.png) no-repeat;
				}
					* html div.bildungsstandards{
						background-image: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_portalmenu_bildungsstandards.png',sizingMethod='crop');
					}
				div#body.qibb{
					background: transparent url(images/bg_portalmenu_qibb.png) no-repeat;
				}
					* html div.qibb{
						background-image: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_portalmenu_qibb.png',sizingMethod='crop');
					}
				#body.verwaltung{
					background: transparent url(images/bg_portalmenu_verwaltung.png) no-repeat;
				}
					* html div.verwaltung{
						background-image: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bg_portalmenu_verwaltung.png',sizingMethod='crop');
					}
				
				/********************************/
				/***       MENU PORTAL        ***/
				/********************************/
				ul#menu_portal {
					width: 875px;
					height: 76px;
					margin: 0px;
					padding: 0px;
					overflow: hidden;
					position: absolute;
					top: 1px;
					left: 1px;
					list-style-type: none;
				}
					* html ul#menu_portal{
						position: relative;
					}
					ul#menu_portal li{
						height: 76px;
						float: left;
						margin: 0px;
						padding: 0px;
						font-size: 25px;
						font-weight: bold;
						color: #555555;
						text-transform: lowercase;
					}
						ul#menu_portal li a{
							display: block;
							height: 46px;
							margin: 0px 28px 0px 0px;
							padding: 30px 0px 0px 0px;
							text-decoration: none;
							color: #555555;
							text-align: center;
						}
							ul#menu_portal li a.info{
								width: 78px;
								padding: 29px 0px 0px 2px;
							}
								#body.schulen ul#menu_portal li a.info, #body.bildungsstandards ul#menu_portal li a.info, #body.qibb ul#menu_portal li a.info, #body.verwaltung ul#menu_portal li a.info{
									color: white;
								}
							ul#menu_portal li a.schulen{
								width: 117px;
							}
								#body.schulen ul#menu_portal li a.schulen{
									color: white;
								}
							ul#menu_portal li a.bildungsstandards{
								width: 153px;
								height: 70px;
								margin-top: 0px;
								padding: 8px 0px 0px 10px;
								text-align: left;
								line-height: 25px;
							}
								#body.bildungsstandards ul#menu_portal li a.bildungsstandards{
									color: white;
								}
							ul#menu_portal li a.qibb{
								width: 93px;
							}
								#body.qibb ul#menu_portal li a.qibb{
									color: white;
								}
							ul#menu_portal li a.verwaltung{
								width: 175px;
							}
								#body.verwaltung ul#menu_portal li a.verwaltung{
									color: white;
								}
				
				/********************************/
				/***       PORTAL TEXT        ***/
				/********************************/
				#portal_text {
					width: 808px;
					padding: 15px 35px 0px 35px;
					/*height: 76px;*/
					height: 100px;
					height: 95px;
					overflow: hidden;
					position: absolute;
					top: 77px;
					left: 1px;
					font-size: 11px;
					color: white;
					/*background-color: white;*/
				}
					* html #portal_text{
						top: 6px;
						position: relative;
					}
					#portal_text p{
						margin: 6px 0px;
						padding: 0px;
					}
						#portal_text p img{
							margin-top: -11px;
						}
				
				/********************************/
				/***     PORTAL LINKTEXT      ***/
				/********************************/
				#portal_linktext {
					width: 215px;
					width: 325px;
					height: 25px;
					overflow: hidden;
					position: absolute;
					top: 186px;
					left: 74px;
					font-size: 11px;
					font-weight: bold;
					line-height: 25px;
					color: #AA2270;
				}
					* html #portal_linktext{
						position: relative;
						top: 0px;
						text-decoration: underline;
					}
					#portal_linktext a{
						color: #AA2270;
						text-decoration: none;
					}
						#portal_linktext a:hover{
							text-decoration: underline;
						}
					#portal_linktext p{
						margin: 0;
						padding: 0;
					}

		
	
			/********************************/
			/***       MOVIE BUTTON       ***/
			/********************************/
			#movie_button {
				width: 90px;
				height: 90px;
				position: absolute;
				top: 400px;
				left: 70px;
			}
				#movie_button a img{
					border: none;
				}
					
					
			/********************************/
			/***          FOOTER          ***/
			/********************************/
			#footer {
				width: 700px;
				position: absolute;
				top: 431px;
				left: 260px;
				overflow: hidden;
				color: #848484;
				font-size: 10px;
			}
				* html #footer{
					position: relative;
					top: 45px;
				}
				#footer_box {
					width: 645px;
					padding: 6px 0px 0px 12px;
					border-top: 1px solid #9D9D9D;
				}
					#footer a {
						padding: 0px 8px;
						color: #848484;
						text-decoration: none;
					}
						#footer a:hover, #footer a.menu-footer-act {
							color: #575757;
							text-decoration: underline;
						}
					#footer ul#menu_languages, #footer ul#menu_footer{
						display: inline;
						margin: 0px;
						padding: 0px;
						list-style-type: none;
					}
						#footer ul#menu_languages li, #footer ul#menu_footer li{
							display: inline;
							margin: 0px;
							padding: 0px;
							list-style-type: none;
						}
				#footer_logos {
					padding: 70px 0px 0px 0px;
					text-align: right;
				}
					#footer_logos a img{
						border: none;
					}
				
				
				
/************************************/
/***            CLASSES           ***/
/************************************/
.clearer{
	clear: both;
}

.hidden {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 0em;
	height: 0em;
	overflow: hidden;
	border: none;
}