* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #919AA0;
	color: #FFF;
	padding-top: 150px;
	text-align: center; /*IE5 only*/
}
body,
table {
	font: 62.5%/150% Verdana, Arial, sans-serif;	
}
h1#logo {
	margin: 0 0 45px 195px;
}
h2 {
	font-size: 1.4em;
	line-height: normal;
	margin-bottom: 0.63em;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 0.63em;
}
p {
	margin-bottom: 0.63em;
}
ul,
li {
	list-style: none;
}
a:link,
a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:focus,
a:hover,
a:active {
	text-decoration: none;	
}
a img {
	border: 0 none;
}
body#laboratory_system a:link,
body#laboratory_system a:visited {
	color: #485760;
	text-decoration: none;
}
body#laboratory_system a:focus,
body#laboratory_system a:hover,
body#laboratory_system a:active {
	text-decoration: underline;	
}
body#school_programme a:link,
body#school_programme a:visited {
	color: #FFF;
	text-decoration: none;
}
body#school_programme a:focus,
body#school_programme a:hover,
body#school_programme a:active {
	text-decoration: underline;	
}

/* Aufbau
------------------------------*/
div#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 990px;
}
div#main {
	background: url(../img/main1_bg.gif) left top repeat-y;
	clear: left;
}
div#mainflash {
	clear: left;
}
body#laboratory_system div#main {
	background: url(../img/main2_bg.gif) left top repeat-y;
	clear: left;
}
body#neutral div#main,
body#gallery div#main {
	background: url(../img/main3_bg.gif) left top repeat-y;
	clear: left;
}
div#colflash {
	width: 990px;
}
div#col1,
div#col3 {
	padding: 25px;
	width: 280px;
}
div#col2 {
	width: 330px;
}
div#col1,
div#col2,
body#laboratory_system div#col3 {
	float: right;
}
div#col3,
body#laboratory_system div#col1,
body#laboratory_system div#col2 {
	float: left;
}
div#footer {
	padding-top: 10px;
	position: relative;
}

/* neutraler Aufbau
------------------------------*/
body#neutral div#col1,
body#neutral div#col2 {
	padding: 25px;
	width: 445px;
}
body#neutral div#col2 {
	float: left;
	padding: 0;
}

/* gallery
------------------------------*/
body#gallery div#col1,
body#gallery div#col2 {
	padding: 25px;
	width: 445px;
}
body#gallery div#col1 {
	float: left;
}

/* menu
------------------------------*/
ul#menu {
	width: 990px;
}
ul#menu li {
	float: left;
	text-align: center;
}
ul#menu li.menu_school_programme a,
ul#menu li.menu_laboratory_system a {
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 8px solid #919AA0;
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -999em;
	width: 495px;
}
ul#menu li.menu_school_programme a {
	background-image: url(../img/menu_schulsystem.gif);
}
ul#menu li.menu_laboratory_system a {
	background-image: url(../img/menu_laborsystem.gif);		
}
body.en ul#menu li.menu_school_programme a {
	background-image: url(../img/menu_school_programme.gif);
}
body.en ul#menu li.menu_laboratory_system a {
	background-image: url(../img/menu_laboratory_system.gif);		
}
ul#menu li.menu_school_programme a:hover,
ul#menu li.menu_school_programme a.active {
	border-bottom: 8px solid #CC000F;
}
ul#menu li.menu_laboratory_system a:hover,
ul#menu li.menu_laboratory_system a.active {
	border-bottom: 8px solid #485760;		
}

/* submenu
------------------------------*/
ul#submenu {
	font-weight: normal;
	line-height: 225%;
	text-transform: uppercase;
	list-style: none;
}
ul#submenu ul,
body#laboratory_system ul#submenu ul {
	line-height: 150%;
}
ul#submenu ul li {
	list-style: none;
	margin-left: 15px;
}
body#laboratory_system ul#submenu {
	list-style: none;
	text-align: right;
}
body#laboratory_system ul#submenu ul li {
	list-style: none;
	margin-right: 15px;
}

/* menu2
------------------------------*/
ul#menu2 {
	float: left;
	width: 700px;
}
ul#menu2 li {
	float: left;
	margin-right: 20px;
}
ul#menu2 li.distribution {
	margin-right: 4.5em;
}
ul#menu2 a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 9px;
	overflow: hidden;
	text-indent: -999em;
}
ul#menu2 li.home a {
	background-image: url(../img/menu2_home.gif);
	width: 31px;
}
ul#menu2 li.profile a {
	background-image: url(../img/menu2_profil.gif);
	width: 35px;
}
ul#menu2 li.news a {
	background-image: url(../img/menu2_news.gif);
	width: 30px;
}
ul#menu2 li.references a {
	background-image: url(../img/menu2_referenzen.gif);
	width: 64px;
}
ul#menu2 li.gallery a {
	background-image: url(../img/menu2_bildergalerie.gif);
	width: 78px;
}	
ul#menu2 li.downloads a {
	background-image: url(../img/menu2_downloads.gif);
	width: 67px;
}
ul#menu2 li.distribution a {
	background-image: url(../img/menu2_vertrieb.gif);
	width: 48px;
}		
ul#menu2 li.contact a {
	background-image: url(../img/menu2_kontakt.gif);
	width: 47px;
}
body.en ul#menu2 li.profile a {
	background-image: url(../img/menu2_profile.gif);
	width: 41px;
}
body.en ul#menu2 li.references a {
	background-image: url(../img/menu2_references.gif);
	width: 63px;
}
body.en ul#menu2 li.gallery a {
	background-image: url(../img/menu2_picture_gallery.gif);
	width: 91px;
}
body.en ul#menu2 li.distribution a {
	background-image: url(../img/menu2_distribution.gif);
	width: 70px;
}
body.en ul#menu2 li.contact a {
	background-image: url(../img/menu2_contact.gif);
	width: 48px;
}
ul#menu2 a:hover,
ul#menu2 a.active {
	background-position: 0 -9px;
	height: 9px;
	overflow: hidden;
}

/* choose languages
------------------------------*/
ul#languages {
	float: right;
}
ul#languages li {
	float: left;
}
ul#languages li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	overflow: hidden;
	text-indent: -999em;	
	width: 19px;
}
ul#languages li.german a {
	background-image: url(../img/german.gif);
	margin-right: 10px;
}
ul#languages li.english a {
	background-image: url(../img/english.gif);
}
ul#languages li a:hover {
	background-position: 0 -13px;
	height: 13px;
	overflow: hidden;
}

/* picture gallery
------------------------------*/
ul.gallery {
	margin-top: 10px;
}
ul.gallery li {
	float: right;
	margin-bottom: 10px;
	margin-right: 17px;
}
ul.gallery li a {
	border: 2px solid #919aa0;
	display: block;
	width: 90px;
}
ul.gallery li a:hover {
	border: 2px solid #FFF;
}

/* forms
------------------------------*/
label {
	display: block;
	float: left;
	width: 80px;
}
input,
textarea {
	float: left;
	margin-bottom: 4px;
	width: 250px;
}
input.buttonsubmit {
	margin-left: 80px;
	width: auto;
}
form br {
	clear: left;
}

/* clearfix 
------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}