* {
	padding: 0px;
	margin: 0px;
}

body {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Swiss, sans-serif;
	color: #222;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

hr {
	border: none;
	border-top: solid 1px #c7c7c7;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #222;
	background-color: transparent;
	padding: 0px;
	margin: 15px 0px 20px 0px;
}

h2, h2 a {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #222;
	background-color: transparent;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

h3, h3 a {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #444;
	background-color: transparent;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

a {
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
	color: #222;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

a.ohne {
	text-decoration: none;
}

a.ohne:hover {
	color: #fff;
}

a.intext, a.intext:link, a.intext:visited {
	color: #333;
	background-color: transparent;
}
	
a.intext:hover, a.intext:active {
	text-decoration: none;
}

img {
	vertical-align: bottom;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

ol {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

li {
	padding: 0px;
	margin: 0px;
}

table {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 10px 0px 20px 0px;
}

tr {
	border: none;
	padding: 0px;
	margin: 0px;
}

td {
	font-size: 12px;
	border-bottom: 1px solid #adadad;
	vertical-align: top;
	padding: 8px 7px;
	margin: 0px;
}

td.border_top {
	font-size: 12px;
	border: none;
	border-top: 1px solid #adadad;
	vertical-align: top;
	padding: 8px 7px;
	margin: 0px;
}
td.non_border {
	font-size: 12px;
	border: none;
	vertical-align: top;
	padding: 8px 7px;
	margin: 0px;
}

th {
	border: solid 1px #adadad;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	color: #111;
	background-color: #FCFCFC;
	padding: 2px 7px;
	margin: 0px;
}

.ok {
	color: #063;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.txt_hervorgehoben {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #111;
	background-color: transparent;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

.error {
	color: #900;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.float_left {
	float: left;
	margin: 3px 20px 10px 0px;
}

.clear_left {
	clear: left;
}

.float_right {
	float: right;
	margin: 3px 10px 10px 20px;
}

.clear_right {
	clear: right;
}

/*	CONTAINER ----------------------------------	*/
#container {
	position: relative;
	border: solid 1px #808080;
	color: inherit;
	background-image: url(http://www.scitec-media.ch/_img/hg_container.gif);
	background-repeat: repeat-y;
	width: 900px;
	padding: 0px;
	margin: 20px auto 0px auto;
}


/*	CONTENT -------------------------------------	*/
#content {
	position: relative;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
	background-color: #fff;
	width: 540px;
	padding: 0px 20px 30px 20px;
	margin: 180px 0px 0px 300px;
}

div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

div.einruck {
	margin: 0px 0px 0px 60px;
}

div.datensatz {
	padding: 20px 0px 0px 0px;
	border-top: solid 1px #c7c7c7;
}

div.datensatz:first-child {
	border: none;
}

/*	LOGO -------------------------------------	*/
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 280px;
	height: 80px;
	font-size: 10px;
	line-height: 16px;
	padding: 60px 0px 0px 20px;
	margin: 0px;
}

#logo img.logo_print {
	display: none;
}

/*	BANNER -------------------------------------	*/
#banner {
	position: absolute;
	left: 320px;
	top: 58px;
	width: 460px;
	height: 100px;
	background-color: transparent;
	color: #222;
	font-size: 18px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
}

/*	COMPANY -------------------------------------	*/
#company {
	position: absolute;
	left: 20px;
	top: 380px;
}

/*	SOCIALMEDIA -------------------------------------	*/
#socialmedia {
	position: absolute;
	left: 20px;
	top: 500px;
}

/*	SJF POSTER -------------------------------------	*/
div.jahrgang {
	float: left;
	border: solid 1px #808080;
	text-align: center;
	width: 50px;
	background-color: #ccc;
	margin: 0px 15px 10px 0px;
}

div.jahrgang a {
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #222;
	background-color: transparent;
}

div.jahrgang a img {
	border-bottom: solid 1px #808080;
	margin: 0px 0px 2px 0px;
}

#sjf_hauptansicht_box {
	float: left;
	width: 302px;
	text-align: center;
	margin: 0px 33px 10px 0px;
}

#sjf_hauptansicht_box img {
	border: solid 1px #808080;
}

#sjf_hauptansicht_box div.pdf_link {
	border: solid 1px #808080;
	border-top: none;
	background-color: #ccc;
	font-size: 14px;
	line-height: 16px;
	padding: 10px 0px;
}

#sjf_hauptansicht_box div.vorrueck_link {
	margin: 10px 0px 0px 0px;
}

#sjf_hauptansicht_box a {
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #222;
	background-color: transparent;
}

#sjf_hauptansicht_box a img {
	border: none;
}

/*	NEWSLETTER -------------------------------------	*/
#newsletter {
	position: absolute;
	left: 20px;
	top: 500px;
	width: 250px;
}

#newsletter strong {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}

#newsletter a.intext {
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
	line-height: 13px;
}

#newsletter .ok, #newsletter .error {
	display: block;
	color: #333;
	font-size: 11px;
	line-height: 13px;
	margin: 10px;
}

#newsletter_abo {
	position: relative;
	height: 100px;
	border: solid 1px #eee;
	background-color: #bbb;
	margin: 10px 0px 0px 0px;
}

#newsletter_storno {
	position: relative;
	height: 60px;
	border: solid 1px #eee;
	background-color: #bbb;
	padding: 30px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#newsletter_meldung {
	position: relative;
	height: 100px;
	border: solid 1px #eee;
	background-color: #bbb;
	margin: -10px 0px 10px 0px;
}


#newsletter form.seite label {
	display: block;
	float: left;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
	width: 80px;
	padding: 1px 0px;
	margin: 0px 10px 0px 10px;
}

#newsletter form.seite input {
	border: 1px solid #555;
	width: 117px;
	font-size: 11px;
	line-height: 13px;
	padding: 0px 5px;
	margin: 0px;
}

#newsletter form.seite input.submit {
	border: 1px solid #555;
	width: 228px;
	font-size: 11px;
	line-height: 13px;
	background-color: #fff;
	padding: 2px 10px;
	margin: 10px 0px 10px 10px;
}

#mail_liste {
	position: relative;
}

#mail_liste textarea {
	width: 540px;
	height: 150px;
	margin: 0px 0px 10px 0px;
}

#mail_liste input {
	width: 50px;
	margin: 0px 35px 0px 0px;
}

#mail_liste select {
	width: 200px;
	border: 1px solid #adadad;
	background-color: #fff;
	margin: 0px 20px 0px 5px;
}

#mail_liste input.submit {
	width: 518px;
	border: 3px double #adadad;
	background-color: #fff;
	padding: 3px 10px;
	margin: 20px 0px 0px 0px;
}

#mail_liste fieldset {
	border: 1px solid #adadad;
	color: #111;
	background-color: #FCFCFC;
	padding: 8px 10px;
	margin: 0px 0px 10px 0px;
}

#mail_liste p {
	position: absolute;
	left: 400px;
	padding: 0px;
	margin: 0px;
}

/*	TV VIDEO -------------------------------------	*/
#youtube_box {
	position: relative;
	height: 353px;
	padding: 15px 0px 0px 0px;
}


/*	SCIENCE_IMG -------------------------------------	*/
#science_img {
	position: absolute;
	left: 0px;
	top: 180px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

/*	SCIENCE_DESCRIPTION -------------------------------------	*/
#description_fix {
	z-index: 90;
	position: absolute;
	left: 5px;
	top: 345px;
	padding: 0px;
	margin: 0px;
}

#science_description {
	width: 248px;
	border: solid 1px #eee;
	background-color: #bbb;
	color: #222;
	font-size: 10px;
	line-height: 16px;
	padding: 20px;
	margin: 0px;
}

#science_description h2 {
	background-color: transparent;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

/*	OFFICE_CONTENT (CMS) -------------------------------	*/

#office_content fieldset {
	border: none;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	padding: 10px 0px 20px 0px;
	margin: 20px 0px 0px 0px;
}

#office_content label {
	display: block;
	float: left;
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	width: 120px;
	padding: 3px 0px;
	margin: 3px 10px 3px 0px;
}

#office_content select {
	border: 1px solid #adadad;
	width: 402px;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 2px 2px 5px;
	margin: 3px 0px;
}

#office_content input {
	border: 1px solid #adadad;
	width: 380px;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 10px;
	margin: 3px 0px;
}

#office_content textarea {
	border: 1px solid #adadad;
	width: 380px;
	height: 100px;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 10px;
	margin: 3px 0px;
}

#office_content input.senden {
	border: 3px double #adadad;
	width: 400px;
	font-size: 12px;
	line-height: 16px;
	background-color: transparent;
	padding: 2px 10px;
	margin: 10px 0px 0px 130px;
}

#office_content input.button {
	width: 105px;
	background-color: transparent;
}

#office_content #button_text{
	font-size: 12px;
	line-height: 16px;
	color: black;
	background-color: inherit;
}


/*	WISSENSCHAFT -------------------------------------	*/
#zitat {
	border: solid 1px #DED4D1;
	color: #444;
	background-color: #FAF9F7;
	padding: 20px 30px 8px 30px;
	margin: 20px 0px 25px 0px;
}


/*	Kontakt -------------------------------------	*/
#adresse {
	float: left;
	width: 250px;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	padding: 0px;
	margin: 70px 0px 0px 0px;
}

#adresse ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#adresse li {
	padding: 0px;
	margin: 0px;
}

#karte {
	padding: 0px;
	margin: 0px 0px 20px 275px;
}

#karte img {
	border: solid 1px #888;
}

/*	NAVIGATION_1 ----------------------------------	*/

#navigation_1 {
	position: absolute;
	z-index: 100;
	left: 14px;
	top: 142px;
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#navigation_1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation_1 ul li {
	float: left;
	width: 90px;
	height: 19px;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/*	Passiv	*/
#navigation_1 ul li.n1ol {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_p_ol.gif);
	width: 91px;
}
#navigation_1 ul li.n1or {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_p_or.gif);
}
#navigation_1 ul li.n1ul {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_p_ul.gif);
	width: 91px;
}
#navigation_1 ul li.n1ur {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_p_ur.gif);
}
/*	Aktiv	*/
#navigation_1 ul li.n1ol_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_a_ol.gif);
	width: 91px;
}
#navigation_1 ul li.n1or_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_a_or.gif);
}
#navigation_1 ul li.n1ul_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_a_ul.gif);
	width: 91px;
}
#navigation_1 ul li.n1ur_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi1_a_ur.gif);
}

#navigation_1 a, #navigation_1 a:link, #navigation_1 a:visited {
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	vertical-align: bottom;
	color: #fff;
	background-color: transparent;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#navigation_1 a:hover, #navigation_1 a:active {
	color: #333;
	background-color: transparent;
}

#navigation_1 a.current {
	color: #fff;
	background-color: transparent;
}


/*	NAVIGATION_2 ----------------------------------	*/
#navigation_2 {
	position: absolute;
	z-index: 100;
	left: 14px;
	top: 332px;
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#navigation_2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation_2 ul li {
	float: left;
	width: 90px;
	height: 19px;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/*	Passiv	*/
#navigation_2 ul li.n2l {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi2_p_l.gif);
	width: 91px;
}
#navigation_2 ul li.n2r {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi2_p_r.gif);
	width: 181px;
}
/*	Current	*/
#navigation_2 ul li.n2l_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi2_a_l.gif);
	width: 91px;
}
#navigation_2 ul li.n2r_current {
	background-image: url(http://www.scitec-media.ch/_img/hg_navi2_a_r.gif);
	width: 181px;
}

#navigation_2 a, #navigation_2 a:link, #navigation_2 a:visited {
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	vertical-align: bottom;
	color: #fff;
	background-color: transparent;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#navigation_2 a:hover, #navigation_2 a:active {
	color: #333;
	background-color: transparent;
}

#navigation_2 a.current {
	color: #fff;
	background-color: transparent;
}

/*	NAVIGATION_3 -------------------------	*/

#navigation_3, 
#navigation_4  {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#navigation_3 span.a_text, 
#navigation_4 span.a_text {
	font-size: 11px;
	line-height: 14px;
}

#navigation_3 li, 
#navigation_4 li {
	display: inline;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}

#navigation_3 a, #navigation_3 a:link, #navigation_3 a:active,  
#navigation_4 a, #navigation_4 a:link, #navigation_4 a:active {
	font-size: 11px;
	line-height: 14px;
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

#navigation_3 a:hover, #navigation_3 a:active, #navigation_3 a.active, 
#navigation_4 a:hover, #navigation_4 a:active, #navigation_4 a.active  {
	text-decoration: none;
}

#navigation_3 li.active a,  
#navigation_4 li.active a {
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
}

/*	OFFICE_NAVIGATION -------------------------	*/

#office_navigation {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#office_navigation li {
	float: left;
	background-color: #ccc;
	border: solid 1px #333;
	border-top: none;
	margin: 0px 1px 10px 0px;
	padding: 2px 4px;
}

#office_navigation a, #office_navigation a:link, #office_navigation a:active {
	font-size: 11px;
	line-height: 14px;
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

#office_navigation a:hover, #office_navigation a:active, #office_navigation a.office_active {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

/*	LAGEPLAN --------------------------------------	*/
#map {
	height: 400px;
	width: 558px;
	border: solid 1px #888;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

/*	FOOTER --------------------------------------	*/
#footer {
	height: 20px;
	color: #222;
	background-color: #adadad;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	margin: 0px 0px 0px 300px;
	padding: 3px 0px 2px 20px;
}

/*	VALIDATOR --------------------------------------	*/
#validator {
	color: #666;
	background-color: transparent;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	text-align: center;
	width: 900px;
	padding: 5px 0px 0px 0px;
	margin: 0px auto 20px auto;
}

#validator a {
	color: #666;
	background-color: transparent;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
}

