/*
FARBEN:
blau: 004A99 (ALT: 0054A6)

RGB:
Logo-Blau = 0-74-153
Text unterm Logo PRECISION OPTICS) grau = 100-100-100
Hintergrund grau = 146-146-146

Farbwerte für die 4 Bereiche:
Blau = 0-74-153
Rot = 155-31-35 (#9B1F23)
Grün = 0-122-140
Gelb = 240-138-0

*/

body
{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px
	font-family: Arial,Helvetica,sans-serif;
	font-size : 12px;
	background-color:#FFFFFF;
	background-image:url(/fileadmin/isco/images/bg_isco.gif);
	text-align:center;
}

td
{
	font-family:Arial,Helvetica,sans-serif;
	font-size :11px;
}

a
{
	text-decoration:none;
}

#main
{
	margin:0 auto;
	text-align:left;
	width:1004px;
	border:0px solid #000000;
}

#header
{
	position:absolute;
	margin-left:0px;
	margin-top:16px;
	width:1004px;
	height:122px;
	background-image:url(/fileadmin/isco/images/logo_isco.gif);
	background-repeat:no-repeat;
	z-index:100;
}

#navtop
{
	position:absolute;
	margin-left:256px;
	margin-top:122px;
/*
	border-left:1px solid #004A99;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
	width:527px;
	height:22px;
*/
}



#bgmain
{
	position:absolute;
	margin-left:2px;
	margin-top:163px;
	width:1004px;
	height:560px;
	background-image:url(/fileadmin/isco/images/bg_main.gif);
	background-repeat:no-repeat;
	z-index:1;
}

#nav
{
	position:absolute;
	margin-left:0px;
	margin-top:45px;
	width:250px;
}


#navli
{
	position:absolute;
	top:15px;
	left:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
}

#navli ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;
}

#navli ul li
{
	position:relative;
	border-bottom:1px dotted #FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	width:160px;
}

#navli ul li a
{
	/* background:#CCCCCC; */
	text-decoration:none;
}

#navli ul li a, #navli ul li a:visited
{
	color:#FFFFFF;
}

#navli ul li a:hover
{
	color:#9B1F23;
	font-weight:bold;
/* 
	background:#EFEFEF;
	width:160px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
 */
}

#navli ul li a:active
{
	color:#9B1F23;
	background:#EFEFEF;
}

.m-active
{
	color:#9B1F23;
	font-weight:bold;
}

#nav-download
{
	position:absolute;
	top:150px;
	margin-left:0px;
	margin-top:0px;
	width:250px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#9B1F23;
}

#nav-contact
{
	position:absolute; 
	top:14px; 
	margin-left:0px; 
	margin-top:0px; 
	width:250px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#9B1F23;
}

#nav-impressum
{
	position:absolute;
	top:380px;
	margin-left:0px;
	margin-top:0px;
	width:250px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#9B1F23;
}


#nav-subheadline
{
	position:absolute;
	top:150px;
	margin-left:0px;
	margin-top:0px;
	width:250px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#9B1F23;
}


#nav-headline
{
	position:absolute;
	text-transform:uppercase;
	margin-left:0px;
	margin-top:26px;
	width:250px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#9B1F23;
}


#language
{
	position:absolute;
	margin-left:0px;
	margin-top:95px;
	width:250px;
	height:30px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#646464;
	z-index:10;
}

#language a
{
	color:#646464;
}

#content-text
{
	position:absolute;
	margin-left:300px;
	margin-top:45px;
	width:450px;
	height:450px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	z-index:10;
	/* border:1px solid #000000; */
}

#content-text-long
{
	position:relative;
	margin-left:130px;
	margin-top:45px;
	width:450px;
	height:450px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	z-index:10;
	/* border:1px solid #000000; */
}

#longpage
{
	position:absolute;
	background:url(/fileadmin/isco/images/bg_main_h.gif);
	background-repeat:no-repeat;
	background-color:#EFEFEF;
	top:0px;
	left:164px;
	width:703px;
	height:300%;	
	margin:0px;	
}

.headline
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#9B1F23;
}	

#content-home1
{
	position:absolute;
	margin-left:220px;
	margin-top:31px;
	width:600px;
	height:350px;
	z-index:10;
}

#content-home2
{
	position:absolute;
	margin-left:411px;
	margin-top:381px;
	width:214px;
	height:119px;
	z-index:10;
}

#content-right
{
	position:absolute;
	top:15px;
	left:870px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
}

#content-right-wrap
{
	position:absolute;
	top:0px;
	left:0px;
}


#content-right-top
{
	position:relative;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
}

#content-right-bottom
{
	position:absolute;
	top:140px;
	left:3px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
}



/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

#menu{
/* width:100%; */
width:520px;
float:left;
margin-top:0px;
margin-left:60px;
}

#menu a{
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;	
display:block;
white-space:nowrap;
margin:0px;
padding:3px 0 4px 0px;
}

#menu a.sub{
font-color:#000000;
background:#FFFFFF;
border-top:1px solid #004A99;
border-left:1px solid #004A99;
border-right:1px solid #004A99;
border-bottom:1px solid #004A99;
margin-top:-1px;
margin-left:-4px;
padding-left:24px;
padding-top:3px;
padding-bottom:3px;
width:145px;
}

#menu a.subend {
font-color:#000000;
background:#FFFFFF;
border-top:1px solid #004A99;
border-left:1px solid #004A99;
border-right:1px solid #004A99;
border-bottom:1px solid #004A99;
padding-left:24px;
padding-top:3px;
padding-bottom:3px;
width:145px;
}

#menu a.sub:hover, #menu a.subend:hover {
width:145px;
padding-left:24px;
margin-top:-1px;
margin-left:-4px;
}

#menu h2{
color:#FFFFFF;
display:block;
white-space:nowrap;
margin:0px;
border-left:1px solid #004A99;
padding:1px 0 1px 3px;
}

#menu h2 a{
color:#FFFFFF;
/* padding-left:21px; */
/* background: url(/fileadmin/isco/images/bg_nav.gif) */;
}

#menu h2 a:hover{
color:#004A99;
text-align:left;
background: url(/fileadmin/isco/images/bg_active.gif);
background-repeat: repeat-x;
}

.h2hover{
padding-left:24px;
}

#menu a, #menu a:visited{
/* color:#000; */
}

#menu a:hover{
color:#000;
background:#DDDDDD;
}

#menu a:active{
color:#060;
/* background:#ccc */;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:101px;
text-align:left;
}

#menu ul a:hover{
margin-left:-3px;
width:100px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:relative;
text-align:left;
width:145px;
z-index:500;
top:auto;
display:none;
}

#menu ul ul a:hover{
margin-left:0px;
width:100px;
}


#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background: url(/fileadmin/isco/images/bg_nav.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */

#content{position:absolute;top:6.5em;margin:0;padding:0.5em;border:1px solid #000;clear:both;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}

/* End Content Area - Not Part of CSS Popout Menu */

.navimg
{
	background-image:url(/fileadmin/isco/images/logo_isco.gif);
	background-repeat:no-repeat;
}

.imgbox
{
	position:relative;
	left:-5px; 
	top:-2px;
}




