#gray{
	background-color:#DDD;
}

.menu_bottom{
width: 1000px;
margin:auto;
overflow: hidden;
background: #FFF;
padding-top: 5px;
}

.menu_bottom ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font-family: bold Arial, Helvetica, sans-serif;
font-size:14px;
list-style-type: none;
background-color:#DDD;
}

.menu_bottom li{
display: inline;
margin: 0;
background-color:#DDD;
}

.menu_bottom li a{
float: left;
display: block;
text-decoration: none;
margin: 10px;
width:293px;
height:60px;
padding: 5px 8px; /*padding inside each tab*/
border: 1px solid #06F; /*right divider between tabs*/
color: black;
background: #DDD; /*background of tabs (default state)*/
}

.menu_bottom li a:visited{
color: black;
}

.menu_bottom li a:hover, .mattblacktabs li.selected a{
border: #0D0; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-width:1px;
border: 1px solid #0E0; /*right divider between tabs*/
}

.menu_left{
	width: 300px; /*width of menu*/
	padding: 5px 5px 5px 5px;
	margin:40px;
	border: 1px #09F solid;
}

.menu_left .headerbar{
font: bold 24px Arial, Helvetica, sans-serif;
color: white;
background: #606060; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 10; /*bottom spacing between header and rest of content*/
padding: 5px 5px 5px 5px; /*31px is left indentation of header text*/
}

.menu_left ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.menu_left ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.menu_left ul li a{
font: normal 18px Arial, Helvetica, sans-serif;
color: black;
background: #E9E9E9;
display: block;
padding: 1px 0;
line-height: 30px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.menu_left ul li a:visited{
color: black;
}

.menu_left ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}



#container{
}

.imageleft{
	width:550px;
	height:270px;
	position:relative;
	float:left;
	background-image:url(../images/intro_vocatex.gif);
	background-repeat:no-repeat;
	border:1px #BBB;
}

.textright{
	width:400px;
	height:270px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	

}

.bottom{
	background-image:url(../images/web.gif);
	background-repeat:no-repeat;
	height:50px;
	width:1022px;
}

.new{
	background-color: #09F;
	color: #EEE;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px;
	font-style:normal;
}

#ks{
	font-size:16px;
	margin:0px;
}

#saarberg{
	font-size:25px;
	font-weight:200;
}

#saarberg2{
	margin:0px;
}

.boxfull{
	border-width:1px;
	border-style:solid;
	border-color:#777;
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:5px;
	height:305px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.boldbuttons{
background-color:#FFF;
border-bottom-width:2px;
border-color:#000;
display: block;
float: right;
font-weight:500;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
text-align:center;
width: 150px;
padding: 4px 4px 4px 4px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: black; /*button text color*/
}

a:hover.boldbuttons{ /* Hover state CSS */
background-color: #DDD;
}

.copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	width:1024px;
	text-align:right;
	margin: auto;
	padding-right: 2px;
}

.banner {
	background-image:url(../images/banner_KOBA.gif);
	height:107px;
	margin-top: 0px;
}

.textbanner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	margin-left: 350px;
	height:67px;
	padding-bottom:20px;
	padding-top:20px;
}

.INDbox {
	border:#999 solid 1px;
	padding: 2px 2px 2px 2px;
	width:1020px;
	height:780px;
	background-color:#FFF;
	margin:auto;
}

.INDbutton {
	border:#999 solid 1px;
	height: 60px;
	width: 305px;
	padding: 6px 6px 6px 6px;
	margin: 120px 10px 10px 10px;
	float:left;
	background-color:#EEE;
}

.INDbutton a:hover{
	border: #903 solid 1px;
	height: 60px;
	width: 305px;
	padding: 6px 6px 6px 6px;
	margin: 120px 10px 10px 10px;
	background-color:#EEE;
}

.INDbuttonlargetext {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:40px;
	}

.INDbuttonsmalltext1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#06F;
	font-weight: 200;
	margin-right:20px;
	font-size:22px;
	margin-bottom: 10px;
	margin-top:-10px;
	text-align:right;
}

.INDbuttonsmalltext2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:14px;
	text-align:center
}

.menu_top{
width: 1000px;
margin: auto;
overflow: hidden;
background: #FFF;
padding-top: 5px;
margin-top:30px;
}

.menu_top ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font-family: bold Arial, Helvetica, sans-serif;
font-size:14px;
list-style-type: none;
}

.menu_top li{
display: inline;
margin: 0;
}

.menu_top li a{
float: left;
display: block;
text-decoration: none;
margin: 10px;
width:293px;
height:90px;
padding: 5px 8px; /*padding inside each tab*/
border: 1px solid #06F; /*right divider between tabs*/
color: black;
background: #FFF; /*background of tabs (default state)*/
}

.menu_top li a:visited{
color: black;
}

.menu_top li a:hover, .mattblacktabs li.selected a{
border: #0D0; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-width:1px;
border: 1px solid #0E0; /*right divider between tabs*/
}

body {
  text-align: center;
  text-align:left;
  background-color:#CCC;
  }