/* General settings */
html {
	padding:0px;
	margin:0px;
}

body {
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, 'Sans Serif';
	font-size: 9pt;
	margin: 0px;
	padding-bottom: 36px;
	text-align: center;					/* zentrieren IE */
	
	background-color: #f5f5f5;
	background-image:url(images/bodyback.gif);
	background-repeat:no-repeat;
	background-position:center 14px;
}

img {
	border: none;
}

a:link, a:visited {
	color: #102544;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #102544;
	text-decoration: underline;
}

a.blank {
	/* just for opening the link in a new window */
}


/* Layout settings */
#header {
	height: 143px;
	width: 900px;
	
	margin: 36px auto 0px auto;			/* zentrieren MOZ */
	padding: 0px;
	
	text-align: left;
	
	border-top: 1px solid #657287;
	border-left: 1px solid #657287;
	border-right: 1px solid #657287;
	
	background-color: #27569e;
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#separator {
	width: 870px;						/* W3C box model -> 900px - padding */
	height: 27px;
	
	margin: 0px auto;
	padding: 0px 30px 0px 0px;
	
	text-align: left;
	
	border-left: 1px solid #657287;
	border-right: 1px solid #657287;
	
	background-color: #a1b5d5;
	background-image:url(images/sepline.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#page {
	width: 900px;
	
	margin: 0px auto;					/* zentrieren MOZ */
	padding: 0px;
	
	text-align: left;
	
	overflow: auto;						/* auf Inhalt vergrößern */
	
	border-left: 1px solid #657287;
	border-right: 1px solid #657287;
	border-bottom: 1px solid #657287;
	
	background-image: url(images/navline.gif);	/* Navigations-Hintergrund */
	background-repeat: repeat-y;
	background-color: white;
}

#navigation {	
	width: 180px;
	float: left;
	padding: 32px 0px 132px 0px;		/* 72 = 32 + 100 Platz für "supported" */
}

#content {
	width: 654px;				/* 900 -180 -24-40 */
	
	float: right;
	
	padding: 24px 40px 26px 24px;
	
	text-align: left;
	line-height: 20px;
}

#supported {
	width: 160px ;						/* 180 - 20 */
	height: 90px;
	
	padding: 5px 0px 5px 20px;
	
	font-size: 7pt;
	
	margin: auto;						/* zentrieren MOZ */
	text-align: left;
	
	position: relative;
	top: -100px;
	left: -360px;						/* (860 - 160 - 10) / 2 */
}

/* Header */
#header img.logo {
	position:relative; 
	top:45px; 
	float:right;
}

/* Separator */
#separator a {
	float: right;
	line-height: 25px;
	margin: 0px 12px 0px 12px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position:left;
	padding: 0px 0px 0px 26px;
	height:27px;
}

#separator a.contact {
	background-image:url(images/contact.gif);
}

#separator a.disclaimer {
	background-image:url(images/imprint.gif);
}

/* Navigaton */
#navigation a, #navigation a:link, #navigation a:visited {
	font-weight: normal;
	margin: 6px 0px 0px 12px;
	text-decoration: none;
	padding: 2px 6px 2px 4px;
	display:block;
}

#navigation a:hover, #navigation a:active, #navigation a:focus {
	font-weight: bold;
	margin: 6px 0px 0px 12px;
	text-decoration: none;
	padding: 2px 6px 2px 4px;
	display:block;
}

#navigation a.showing {
	font-weight: bold;
	margin: 6px 0px 0px 12px;
	text-decoration: none;
	padding: 2px 6px 2px 4px;
	display:block;
	background-repeat: repeat-y;
	background-image: url(images/navback.gif);
}

#navigation a.navl2, #navigation a.navl2:link, #navigation a.navl2:visited  {
	font-weight: normal;
	margin: 6px 4px 0px 20px;
	background-image:none;
	/* width: 124px; */
}

#navigation a.navl2:hover, #navigation a.navl2:active, #navigation a.navl2:focus {
	font-weight: bold;
	margin: 6px 4px 0px 20px;
	background-image:none;
	/* width: 124px; */
}

#navigation a.navl2showing, #navigation a.navl2showing:link, #navigation a.navl2showing:visited, a.navl2showing:hover, #navigation a.navl2showing:active, #navigation a.navl2showing:focus {
	font-weight: bold;
	margin: 6px 4px 0px 20px;
	background-image:none;
	/* width: 124px; */
}

#navigation a.navl3, #navigation a.navl3:link, #navigation a.navl3:visited  {
	font-size: 90%;
	font-weight: normal;
	margin: 0px 4px 0px 28px;
	background-image:none;
	/* width: 124px; */
}

#navigation a.navl3:hover, #navigation a.navl3:active, #navigation a.navl3:focus {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 2px 0px 28px;
	background-image:none;
	/* width: 124px; */
}

#navigation a.navl3showing, #navigation a.navl3showing:link, #navigation a.navl3showing:visited, #navigation a.navl3showing:hover, #navigation a.navl3showing:active, #navigation a.navl3showing:focus {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 2px 0px 28px;
	background-image:none;
	/* width: 124px; */
}

/* Content */
#content a.int:link, #content a.int:visited {
	background-image:url(images/intlink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content a.int:hover, #content a.int:active, #content a.int:focus {
	background-image:url(images/intlink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content a.ext:link, #content a.ext:visited {
	background-image:url(images/extlink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content a.ext:hover, #content a.ext:active, #content a.ext:focus {
	background-image:url(images/extlink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content a.dl:link, #content a.dl:visited {
	background-image:url(images/dllink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content a.dl:hover, #content a.dl:active, #content a.dl:focus {
	background-image:url(images/dllink.gif);
	background-repeat:no-repeat;
	padding-left: 16px;
	background-position: 2px;
}

#content h1 {
	font-weight: normal;
	font-size: 16pt;
	margin: 2px 2px 24px 16px;
}

#content h2 {
	font-weight: bold;
	font-size: 11pt;
}

#content h3 {
	font-weight: bold;
	font-size: 10pt;
}

#content div.pic {
	margin: 6px 0px 6px 0px;
	background-color: #edf0f7;
	padding: 3px;
}

#content div.pic img {
	display: block;
	margin: 1px;
}

#content div.subnav {
	background-color: #edf0f7;
	margin: 8px 8px 28px 28px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #102544;
	width: 180px;
	float: right;
}

#content div.subnav img.crosshairs {
	position: relative;
	top: -18px;
	left: -18px;
}

#content div.subnav h1 {
	color: #102544;
	background-image: url(images/pointer.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 14px;
}

#content div.subnav a {
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	margin: 0px 0px 6px 0px;
	display: block;
}

#content dl.news {
	margin: 0px;
}

#content dl.news dt {
	width: 120px;
	float:left;
}

#content dl.news dd {
	margin: 0px 20px 20px auto;
	width: 500px;
}

#content dl.news a {
	font-weight: bold;
	display: block;
}

#content ul.links {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}

#content ul.links > li {
	padding: 0px 0px 24px 0px;
	margin: 0px;
}

#content ul.links li ul {
	padding: 8px 2px 8px 32px;
	margin: 0px;
	list-style-type:none;
}

#content ul.links li ul li {
	padding: 0px 0px 8px 0px;
	margin: 0px;
}

#content ul.documents {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#content ul.documents li {
	padding: 0px;
	margin: 0px 32px 24px 0px;
}

#content ul.documents li div.title {
	font-weight: bold;
	display: inline;
}

#content ul.documents li div.data {
	padding: 0px 0px 0px 32px;
}

#content ul.documents li div.downloads {
	float:right;
}

#content ul.documents li div.downloads img {
	display:block;
}

#content ul.pdflist {
	list-style-type:none;
	padding:4px 0px 12px 18px;
	margin:0px;
}

#supported img {
	margin: 2px;
	display:block;
}


/* Enterpage */
#enter {
	color: #00336c;
	background-color: white;
	background-image: none;
	font-size: 11pt;
}

#enter div.enter {
	position: relative;
	top: 100px;
	margin: 0px auto;
 	height: 260px;
 	width: 660px;
}

#enter div.bottombar {
	position:absolute;
	left: 40px;
	top: 480px;
}

#enter div.supportedby {
	background-color: #b4c5de;
	padding: 4px 4px 4px 4px;
	color: black;
	font-size: 8pt;
	text-align:left;
	float:left;
}

#enter div.supportedby img {
	padding: 2px 8px 2px 8px;
}

#enter a.overviewpdf {
	position:relative;
	top:85px;
	margin: 12px;
}

#gallery {
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, 'Sans Serif';
	font-size: 9pt;
	margin: 0px;
	padding: 24px;
	text-align: center;					/* zentrieren IE */
	
	background-color: #f5f5f5;
	background-image:none;	
}

#gallery div.image {
	text-align: right;
	margin: 0px auto 0px auto;
	float:left;
}

#gallery div.image img {
	display: block;
}

#gallery #description {
	padding: 6px 0px;
	text-align: left;
	clear:left;
}

#gallery a {
	margin: 4px;
}

#enter a, #enter a:link, #enter a:visited, #enter a:hover, #enter a:active, #enter a:focus {
	color: #00336C;
}

#enter a.ext, #enter a.ext:link, #enter a.ext:visited, #enter a.ext:hover, #enter a.ext:active, #enter a.ext:focus {
	background-image:none;
	padding-left: 2px;
	color: #00336C;
}