html {
	height:100%;
}

body {
	background-color: #fff;
	color:#000;
	margin: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
	height:101%;
}
body { font-size:69%; }

html>body table td {
	font-size: 1em; /* undo td .8/.8 msie bug */
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

/* page header: everything up until the pathnav */
	div#header {
		position: relative;
	}
	div#header ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div#header li {
		text-align: center;
		float: left;
		display: block;
	}
	div#header #home {
		width: 250px;
		display: block;
		/* height: 118px; */
	}
	div#header a {
		padding-top: 68px;
		height: 50px !important;
		/* height: 118px; */
	}
	div#header a.wafflogo {
		padding-top: 0px;
		height: 50px !important;
		/*height: 118px;*/
	}
	#arbeitsuchende, #unternehmen, #ueber-uns {
		margin-left: 5px;
		width: 170px;
		display: block;
	}
	
		
	#ueber-uns { margin-right: 49px; }
	a#beschaeftigte, a#arbeitsuchende, a#unternehmen, a#betriebsraete, a#ueber-uns { font-weight: bold;	}
	
	/* colouring */
	a#beschaeftigte, a#arbeitsuchende, a#unternehmen, a#betriebsraete { color: #253045;	background-color: #DFE9EA; }
	a#ueber-uns { background-color: #e50005; color: #fff;}
	a.mainnav-active { color: #253045 !important; background-color: #f90 !important; }
	a.mainnav-active span { display: inline !important; }
	a#beschaeftigte:hover, a#arbeitsuchende:hover, a#unternehmen:hover, a#betriebsraete:hover, a#ueber-uns:hover { color: #253045;	background-color: #f90; }
	a#beschaeftigte:active, a#arbeitsuchende:active, a#unternehmen:active, a#betriebsraete:active, a#ueber-uns:active { color: #253045;	background-color: #f90; }
	a#beschaeftigte:focus, a#arbeitsuchende:focus, a#unternehmen:focus, a#betriebsraete:focus, a#ueber-uns:focus { color: #253045;	background-color: #f90; }
		
	/* rollover text */
	div#header a span { display: none; }
	a#beschaeftigte:hover span, a#arbeitsuchende:hover span, a#unternehmen:hover span, a#betriebsraete:hover span, a#ueber-uns:hover span { display: inline; }
        a#beschaeftigte:active span, a#arbeitsuchende:active span, a#unternehmen:active span, a#betriebsraete:active span, a#ueber-uns:active span { display: inline; }


/* path navigation bar */
	#pathnav {
		padding: 1.5em 0 .5em 0;
		font-size: 90%;
	}
	#pathnav, #pathnav a { color: #253045; }
	#pathnav a:hover, #pathnav a:active, #pathnav a:focus { color: #666;}
	/* the current page name: no link */
	#pathnav span { font-weight: bold; }
	/* div#pathnav a#currentpage { font-weight: bold; } */


.hr {
	height: 1px;
	color: #B9BFC8;
	background-color: #B9BFC8;
	padding: 0;
	margin: 0;
	border: 0;
	clear: both;
}
hr { display: none; }


/* container */
	.container {
		margin-left: auto;
		margin-right: auto;
      width: 977px;
		text-align: left;
		clear: both;
	}
	

		
/* 3 columns */

div#leftblock {
	float:left;
	width: 250px;
	padding-top:5px;	
}

div#rightblock {
	float:right;
	width: 190px;
	padding-top:5px;
	padding-left:10px;
}	

div#contentblock {
	margin-left:257px;
	margin-right:190px;
	width:510px;
	padding-top:5px;
	padding-right:7px;
	border-right: 1px solid #B9BFC8;
	min-height:420px;
}

 * html div#contentblock {
 	width:auto;
	margin-right:190px;
	margin-left:255px;	
	height:420px;
}

	/* column containing the subnavigation and infobox elements */
		div#themen-header {
			width: 250px !important;
			background-color: #e50005;
			text-align: center;
			padding: .3em 0 .5em 0;
			color: #fff;
			font-weight: bold;
			margin-bottom: .25em;
			font-size: 80%;
		}

		div#leftcol-content {
		        width: 250px;
	        }
		
		div#leftcol-content h1 { clear: both; }
				
		div#leftcol-content p {		        
			margin: .25em 0 1em 0;
		}


		div#infobox-container {
			clear: both;
			margin: 1em 0;
		}

		div#subnav-infobox {
			padding: 5px 0 0 25px;
			width: 250px;
			position: relative;
			float: left;
		}
	
		/* subnavigation box */
			div#subnav {
				padding: 10px;
				background-color: #f90;
				font-weight: bold;
				line-height: 1.7em;
				color: #fff;
				margin-bottom: 1.5em;
			}
	
			div#subnav ul { list-style-position:outside !important; list-style-type: none; padding: 0 0 0 .75em; margin: 0;}
			div#subnav ul li { margin-left: 12px;text-indent:-12px;}
			div#subnav > ul { padding: 0; margin: 0; }
			span#active-menu a { color: #fff !important;  }
			div#subnav a { color: #253045; }
			div#subnav a:visited { color: #253045; }
			div#subnav a:hover, div#subnav a:active, div#subnav a:focus { color: #fff; }
			
		/* infobox */
			div#infobox {border-top: 1px solid #B9BFC8;border-left: 1px solid #B9BFC8;border-right: 1px solid #B9BFC8;}
			div#infobox img {background-color: #B9BFC8;}
			
			div.infobox-header, div.infobox-body { border-bottom: 1px solid #b9bfc8; }
			div.infobox-header { padding: 4px; font-weight: bold; letter-spacing: 0.2em; }
			div.infobox-header img { margin-right: 4px; vertical-align: -25%; }
			div.infobox-body { padding: 10px; line-height: 1.4em; font-size: 90%; }
	
			div.pinbox-container { border-bottom: 1px solid #b9bfc8; }
			div.pinbox-image { float: left; padding: 4px; }
			div.pinbox-body span {font-weight: bold; letter-spacing: 0.2em; display: block;}
			
			div.pinbox-body { padding: 5px 10px 10px 10px; line-height: 1.4em; font-size: 90%; }
	
			
	/* content column */
		div#content {
			width: auto;
			padding-bottom: 1em;
		}
		div#content h1 { margin-top: 0; padding-top: .4em; font-size: 130%; margin-bottom: 1em; }
		
		div#content h5 { margin: 0; padding-top: .4em; display: inline; font-size: 100%; }
		p.bodytext,.csc-bulletlist { margin-top: 0; }
		
		div#content ul { margin-top: 0;	}

		div#leftcol-content a, div.infobox-body a, div.pinbox-body a, div#content a { color: #F03; font-weight: bold; }

		div#leftcol-content a:visited, div#servicenav a:visited, div.infobox-body a:visited, div.pinbox-body a:visited, div#content a:visited { color: #990000; }
		div#leftcol-content a:hover, div#servicenav a:hover, div.infobox-body a:hover, div.pinbox-body a:hover, div#content a:hover { color: #666; }
		div#leftcol-content a:active, div#servicenav a:active, div.infobox-body a:active, div.pinbox-body a:active, div#content a:active { color: #990000; }
                div#leftcol-content a:focus, div#servicenav a:focus, div.infobox-body a:focus, div.pinbox-body a:focus, div#content a:focus { color: #990000; }

		table.teamtable {
			width: 510px; 
		}
		
		* html table.teamtable {
			width:508px;
			font-size: 1.3em;
		}

		table.teamtable td {
			width: 50%;
                }	
					 

	
	
		div#servicenav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		div#servicenav ul {
			margin: 0;
			padding: 0;
		}
		div#servicenav a { color: #f03; }

		div#langnav ul {
			margin: 10px 0 0 0;
			padding: 0;
			list-style-type: none;
			list-style-position: outside !important;
		}

		div#langnav ul li { margin-left: 12px;text-indent:-12px;}

		div#langnav a { color: #f03; }

		div#enlargenav { margin: 10px 0 0 0; }
		
		div#enlargenav a { color: #f03; }

		
		div#rightcol-content img {
			margin-top: 1em;
		}

		div#rightcol-search {
		        margin-top: 2em;
                }			

		div#rightcol-search input {
		        
		        background-color: #CCCCCC;
			float: left;        
		}

/* page footer */
	div#footer {
		clear: both;
		padding: .5em 0 3em;
		font-size: 90%;
	}
	div#footer a { color: #000; font-weight: bold; }

	
	div#footer div.first {
		width: 486px;
		float:left;
	}
	
	div#footer div.second {
		width: 114px;
		float:left;
		
	}

	div#footer div.third {
		width: 132px;
		float:left;
	}
	
	div#footer div.fourth {
		width: 120px;
		float:left;
	}

        div#footer div.fifth {
		width: 118px;
		float:left;
	}


/* t3 content */
h1 {
	margin: 0;
	font-size: 100%;
}

/* temp hacks */
td {
	vertical-align: top;
}


/* Site Map */

div#content div.csc-sitemap {
	margin: 0;
}

div.csc-sitemap ul.level1 {
	list-style-type: none;
	background-color: yellow;
	margin: 0;
	padding: 0;
	border: 0;
}

div.csc-sitemap ul.level2 {
	list-style-type: none;
	background-color: yellow;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
}

div.csc-sitemap ul.level3 {
	list-style-type: none;
	background-color: yellow;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
}

div.csc-sitemap ul.level4 {
	list-style-type: none;
	background-color: yellow;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
}

div.csc-sitemap ul.level1 li {
	margin: 0;
	padding: 0;
	background-color: #dfe9ea;
	border-top: 1px solid #b9bfc8;
	border-bottom: 0;
	display: block;
}

div.csc-sitemap ul.level2 li {
	margin: 0;
	padding: 0;
	background-color: white;
	border-top: 1px solid #b9bfc8;
	border-bottom: 0;
	display: block;
}

div.csc-sitemap ul.level3 li {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #b9bfc8;
	border-bottom: 0;
	display: block;
}

div.csc-sitemap ul.level4 li {
	margin: 0;
	padding: 0;	
	background-color: white;
	border-top: 1px solid #b9bfc8;
	border-bottom: 0;
	display: block;
}


div.csc-sitemap ul.level1 li a { padding: 6px 1px 6px 2px; display: block; }
div.csc-sitemap ul.level2 li a { padding: 6px 1px 6px 1em; display: block; }
div.csc-sitemap ul.level3 li a { padding: 6px 1px 6px 2em; display: block; }
div.csc-sitemap ul.level4 li a { padding: 6px 1px 6px 3em; display: block; }


/* Skiplink to content */
	
.skip {
		position:absolute;
		left:-1000px;
		top:-1000px;
		width:0;
		height:0;
		overflow:hidden;
		display:inline;
}


p#skiplink {
	float: left;
	padding:0;
	margin:0;
		
}

p#skiplink a {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width: 110px;
	min-height:25px;
	overflow:hidden;
	z-index: 200;
	text-decoration: none;
	padding: 70px 0 20px 10px;
	margin:0;
	display:block;
	font-weight:bold;
	text-align:left;
}

p#skiplink a:active, #skiplink a:focus {
	position:absolute;
	left:0px;
	top:0px;
	color: #253045;	
	background-color: #f90;
}


h2 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
}


h3 {
	margin: 0;
	font-size: 1.0em;
}

/* Fragebogen Lehrbetriebe */

div#fragebogen div.fragebogen-element label {
	display: block;
}

div#fragebogen div.fragebogen-header {
	padding: 5px 0 5px 5px;
	margin: 0 0 0 0;
	border-top: 1px solid #b9bfc8;
	border-bottom: 1px solid #b9bfc8;	
	background-color: #dfe9ea;
}


/* Tabelle im Bereich "Wir ueberuns, Zahlen und Fakten" */


table.zahlen-fakten-tabelle {
   background-color: #f90;
	width: 100%;
}