/*
	Globale Formatierungen / Wiederverwendbare Klassen
*/

body {
padding:				0;
margin:					0 0 0 16px;
font-family:			Arial, Helvetica, sans-serif;
font-size:				x-small;
background:				url(pics/bg.gif) repeat-y top left;
voice-family: 			"\"}\""; 
voice-family:			inherit;
font-size:				100.01%;
}

a:link {
color: 					#c00;
}
a:visited {
color: 					#c00;
}
a:hover {
color: 					#036;
}

p {
margin:					0;
padding:				0;
text-align:				left;
}

p.weak {
color:					#aaa;
}

p.newsbox {
margin:					0;
padding:				0;
text-align:				left;
height:					67px;
min-height:				67px;
}

p.info {
color:					#679;
font-size:				x-small;
line-height:			1em;
}

p.footnote {
margin:					0;
margin-top:				3em;
padding:				0;
padding-top:			10px;
color:					#999;
font-size:				73%;
line-height:			1.5em;
border-top:				1px solid #ccc;
}

p.internetagentur {
color:					#aaa;
font-size:				x-small;
line-height:			1em;
border-top:				1px solid #ccc;
padding: 12px;
}

p.internetagentur a, p.internetagentur a:link, p.internetagentur a:visited {
color:					#aaa;
}

p.double {
margin-top:				1em;				
}

p.weak-double {
margin-top:				1em;
color:					#aaa;
}

p.list {
padding:				10px 0;
}

p.sitecounter {
margin-top:				1.5em;
text-align:				center;
}

p.login-state {
padding: 				10px;
background:				#fee;
font-size: 				79%;
border-right:			3px solid #c00;
border-bottom:			1px solid #abd;
color: 					#000;
}

h2 {
margin:					15px 0 10px 0;
font-size:				110%;
}

h2.title {
margin:					0;
font-size:				110%;
}

h2 a {
text-decoration: none;
}

h2.quickstart {
margin:					15px 15px 0 15px;
text-decoration:		none;
font-size:				110%;
}

h3 {
font-size:				110%;
font-weight:			bold;
text-align:				left;
}

img {
border:					0;
margin:					0;
padding:				0;
}

img.eu-flag {
position: absolute;
top: 7px;
left: 720px;
}

img.banner {
position: absolute;
top: -7px;
left: 320px;
}

img.nanotec {
position: absolute;
top: 7px;
left: 400px;
}

ul {
padding: 0;
margin: 0;
}

div.fehlermeldung {
  border: 5px solid #c00;
  padding: 10px;
}

div.topnews {
  border-bottom: 2px solid #c00;
  margin: -10px -15px 0 -15px;
  padding: 15px 15px 25px 15px;
  background: #ffa;
}
p.topnews {
  padding: 0;
}
p.comment {
color:					#999;
font-size:				73%;
}

img.newsicon {
float: left;
border: 1px solid #999;
margin: 5px 12px 0 0;
}

img.newsicon_admin {
border: 1px solid #999;
}

/*
	Formatierungen für den Download (system.php -> showdoc)
*/

li {
position: relative;
list-style-type: none;
margin: 0;
padding-left: 45px;
background-repeat: no-repeat;
background-position: 0 3px;
}

li.pdf {
background-image: url(../../pics/icons/icon_pdf.gif);
}

li.image {
background-image: url(../../pics/icons/icon_image.gif);
}

li.zip {
background-image: url(../../pics/icons/icon_zip.gif);
}

li.word {
background-image: url(../../pics/icons/icon_word.gif);
}

li.ppt {
background-image: url(../../pics/icons/icon_ppt.gif);
}

li.excel {
background-image: url(../../pics/icons/icon_excel.gif);
}

.text-body {
display:				block;
font-size:				small;
padding:				10px 15px;
margin:					0;
line-height:			1.4em;
}

.textmarker {
background:				#ff0;
}

.aktuelleseite {
color:					#000;
text-decoration: 		none;
font-weight:			bold;
}

.quantity {
color:					#679;
}

.quantity-top {
color:					#679;
font-size:				89%;
font-weight: 			normal;
}

.float-left {
float:					left;
}

.left {
text-align:				left;
}

hr {
height:					1px;
border:					1px solid #ccc;
}

div.bildlinkskasten {
height:					90px;
width:					116px;
float:					left;
}

div.textrechtskasten {
height:					90px;
width:					300px;
float:					right;
}

/*
	Formatierungen des Glossars (nano0143.php)
*/

#glossary {
font-size:				83%;
margin:					15px 0 0 15px;
padding:				0;
width:					416px;
list-style-type: 		none;
border:					1px solid #ddd;
border-left:			0;
border-bottom:			0;
}

#glossary li {
display: 				block;
float:					left;
width:					30px;
padding:				0;
margin:					0;
text-align: 			center;
background:				#fff;
color:					#000;
border-left:			1px solid #ddd;
border-bottom:			1px solid #ddd;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					31px;
}

#glossary li.chosen {
padding:				3px 0;
}

#glossary li.deaktiv {
padding:				3px 0;
background:				#999;
}

#glossary li a {
text-decoration: 		none;
display: 				block;
padding:				3px 0;
width:					30px;
background:				#c00;
color:					#fff;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					31px;
}

#glossary li a:hover {
background:				#abd;
color:					#036;
}

/*
	Formatierungen der Standard-Navigation
	(die üblichen Features / Impressum etc ...)
*/

#misc-nav {
list-style: 			none;
width:					855px;
height:					28px;
padding:				10px 5px 0 0;
margin:					0 0 0 -5px;
text-align:				right;
background:				#fff;
font-size:				79%;
}

#misc-nav form {
margin: 0;
padding: 0;
}

#misc-nav form input {
width:					150px;
font-size:				79%;
}

#misc-nav form input.submit {
width:					auto;
}

#misc-nav li {
display:				inline;
list-style: 			none;
padding-left:			20px;
}

#misc-nav li a {
text-decoration:		none;
color:					#000;
}

#misc-nav li a:hover {
text-decoration:		underline;
color:					#c00;
}

/*
	Formatierungen des Kopfes (Logo ...)
*/

#header {
position:				absolute;
top: 					38px;
width:					848px;
height:					92px;
text-align:				left;
border-top:				1px solid #000;
margin:					0;
padding:				0;
background:				url(pics/bg_header.jpg) no-repeat top left;
voice-family: 			"\"}\""; 
voice-family:			inherit;
height:					90px;
}

#header span.flash{	
position:				absolute;			
margin:					7px 0 8px;
}

#header img.banner {
margin: 15px 36px;
}

#headerprint {
display: none;
}

/*
	Formatierungen der Haupt-Navigation
*/

#nav-main {
position:				absolute;
top: 					129px;
width:					848px;
text-align:				right;
height:					81px;
padding:				0;
margin:					0;
text-align:				left;
background:				#ddd;
border-bottom:			1px solid #ddd;
border-top:				1px solid #000;
}

#nav-main li {
display:				inline;
list-style: 			none;
padding:				0;
margin:					0;
border:					0;
width:					100px;
height:					80px;
}

#container {
width:					848px;
position:				absolute;
top: 					211px;
border-top:				0;
}

/*
	Formatierungen der Sub-Navigation
*/

#nav-sub {
position:				absolute;
top: 					0;
width:					199px;
padding:				0;
margin:					0;
}

#nav-sub h1 {
display:				block;
width:					199px;
background:				#036;
color:					#fff;
padding:				7px 10px;
margin:					0;
border:					0;
font-size:				89%;
font-weight:			normal;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					179px;
}

#nav-sub .text {
display:				block;
font-size:				69%;
padding:				10px;
line-height:			1.4em;
}

#nav-sub ul {
list-style: 			none;
padding:				0;
margin:					0;
}

#nav-sub ul li {
list-style: 			none;
margin:					0;
padding: 				0;
}

#nav-sub ul li a {
display:				block;
width:					199px;
padding:				5px 10px;
color:					#000;
font-size:				79%;
text-decoration:		none;
border-bottom:			1px solid #abd;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					179px;
}

#nav-sub ul li a:hover {
background:				#fff;
color:					#c00;
border-bottom:			1px solid #abd;
border-right:			3px solid #c00;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					176px;
}

#nav-sub ul li.bild a {
display:				block;
width:					199px;
padding:				5px 10px;
color:					#000;
font-size:				79%;
text-decoration:		none;
border-bottom:			none;
border-right:			none;
text-align: 			center;
margin-top: 			20px;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					179px;
}

#nav-sub ul li.bild a:hover {
background:				none;
color:					#000;
border-bottom:			none;
border-right:			none;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					179px;
}

/* 2. Navigationsebene */
#nav-sub ul li ul li a {
font-size:				73%;
padding:				5px 10px 5px 20px;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					169px;
}

#nav-sub ul li ul li a:hover {
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					166px;
}

/* 3. Navigationsebene */
#nav-sub ul li ul li ul li a:hover {
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					156px;
}

#nav-sub ul li ul li ul li a {
font-size:				73%;
padding:				5px 10px 5px 30px;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					159px;
}

#nav-sub form {
padding:			    10px;
margin:					0;
border-bottom:			1px solid #abd;
font-size:				69%;
}

#nav-sub input {
width:					160px;
}

#nav-sub input.submit {
width:					auto;
margin-top:				5px;
font-size:				93%;
}

/*
	Right Col Navigate
*/

#secondary-content .rightcol_navigate ul {
padding: 0;
margin: 0;
}
#secondary-content .rightcol_navigate ul li {
list-style: 			none;
margin:					0;
padding: 				0;
}
#secondary-content .rightcol_navigate ul li a {
display:				block;
padding:				5px 10px;
color:					#000;
font-size:				79%;
text-decoration:		none;
border-bottom:			1px solid #ccc;
border-left:			3px solid #ddd;
width:					176px;
}

#secondary-content .rightcol_navigate ul li a:hover {
background:				#fee;
color:					#c00;
border-bottom:			1px solid #ccc;
border-left:			3px solid #c00;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					176px;
}

/*
	content
	Formatierungen des Inhalts
*/

#content {
position:				absolute;
top: 					0;
left: 					199px;
width:					450px;
margin:					0;
padding:				0;
overflow: 				visible;
}

#content h1 {
display:				block;
width:					450px;
background:				#cdf;
padding:				7px 15px;
margin:					0;
border:					0;
font-size:				89%;
font-weight:			bold;
voice-family: 			"\"}\""; 
voice-family:			inherit;
width:					420px;
}


#content h1.error {
background:				#000;
color:					#fff;
}

#content form input,select,textarea {
width:					415px;
font-size:				89%;
}

/* Vor dem IE5-mac verstecken. Nur der IE-win kann dies sehen. \*/

* html #content form input,select,textarea {
width:					412px;
}

/* Ende des Versteckspiels */

#content form .auto {
width:					auto;
font-size:				89%;
}

#content form .radio {
width:					auto;
font-size:				89%;
}

#content form input.euromap {
width:					358px;
float:					right;
border:					0;
text-align:				right;
font-size:				89%;
}

#content h2.admin {
font-size:				89%;
font-weight:			large;
margin:					30px 0 10px 0;
padding:				0 0 5px 0;
border-bottom:			1px solid #ccc;
}

#content h2.admin2 {
font-size:				89%;
font-weight:			large;
margin:					20px 0 10px 0;
padding:				0 0 5px 0;
border-bottom:			1px solid #ccc;
}

#content div.admin-edit {
display:				block;
background:				#eee;
border:					1px dotted #aaa;
padding:				5px;
margin:					7px 0;
text-align:				right;
}

#content div.admin-edit h3 {
margin:					7px 0;
padding:				0;
}

#content table {
padding:				0;
margin:					0;
}

#content table td {
padding:				3px 0px 3px 10px;
text-align:				center;
margin:					0;
}

#content table td.left {
padding:				3px 0;
text-align:				left;
}

#content p.insertcontent {
float: left;
margin: 25px;
text-align: center;
}

#content p.insertcontent a {
text-decoration: none;
}

.admin-info {
display:				block;
margin:					-5px -5px 0 -5px;
padding:				1px 5px;
border-bottom:			2px solid #aaa;
background:				#666;
color:					#ddd;
font-size:				73%;
}

.admin-edit a {
margin:					10px 0 5px 4px;
padding:				1px 10px;
text-decoration:		none;
background:				#c00;
color:					#fff;
border:					1px solid #fff;
}

.admin-edit a:hover {
margin:					10px 0 5px 4px;
padding:				1px 10px;
text-decoration:		none;
background:				#fff;
color:					#c00;
border:					1px solid #c00;
}

/*
	Formatierungen des zweiten Inhalts
	(derzeit: right-col)
*/

#secondary-content {
position:				absolute;
left:					649px;
top: 					0;
width:					199px;
overflow: 				visible;
}

#secondary-content h1 {
display:				block;
width:					199px;
background:				#c00;
color:					#fff;
padding:				7px 10px;
margin:					0;
border:					0;
font-size:				93%;
font-weight:			normal;
voice-family: 			"\"}\"";
voice-family:			inherit;
width:					179px;
}

#secondary-content h2 {
display:				block;
width:					179px;
background:				#666;
color:					#fff;
padding:				7px 10px;
margin:					0;
border:					0;
font-size:				89%;
font-weight:			normal;
voice-family: 			"\"}\"";
voice-family:			inherit;
}

#secondary-content h1.quickstart {
display:				block;
width:					199px;
background:				#036;
color:					#fff;
padding:				7px 10px;
margin:					0;
border:					0;
font-size:				93%;
font-weight:			normal;
voice-family: 			"\"}\"";
voice-family:			inherit;
width:					179px;
}

#secondary-content h2.title {
display:				block;
width:					161px;
background:				#ccc;
text-decoration:		none;
font-size:				100%;
padding:				4px 4px;
}

#secondary-content .text {
display:				block;
font-size:				small;
padding:				5px 10px;
line-height:			1.4em;
}

#secondary-content table {
width:					100%;
font-size:				11px !important;
padding:				0;
margin:					0;
border:					0;
text-align:				center;
}

#secondary-content table td {
padding: 				1px 0px 1px 3px;
margin: 				0;
text-align:				center;
}

#secondary-content table td.date_today {
background:				#c00;
color: 					#fff;
border:					1px solid #900;
text-align: 			center;
}

#secondary-content table td.date_weekend {
background: 			#eee;
color: 					#000;
text-align: 			center;
border:					1px solid #ccc;
}

#secondary-content table td.date_norm {
background: 			#fff;
color:					#000;
text-align: 			center;
border:					1px solid #ccc;
}

#secondary-content table td.date_event {
background:				#C7D6F5;
border:					1px solid #fff;
text-align: 			center;
}

#secondary-content table td.date_event a {
background:				#C7D6F5;
color:					#c00;
text-decoration:		none;
}

#secondary-content table td.date_today a {
background:				#c00;
color: 					#fff;
}

#secondary-content form {
margin:					0;
padding:				0;
}

#secondary-content form input,select {
width:					170px;
font-size:				x-small;
}

#secondary-content form .auto {
width:					auto;
font-size:				x-small;
}

#secondary-content form .radio {
width:					auto;
padding:				0 0 0 15px;
font-size:				x-small;
}

/*
	Der Werbebanner
*/

#ad {
position:				absolute;
top:					38px;
left:					880px;
text-align: 			center;
font-size:				8pt;
width:					120px;
color:					#999;
}

#ad img {
display: block; 
margin: 0 0 20px 0;
}
#ad img.txt {
margin: 0 0 5px 0;
}


.head_bannerausrichtung {
margin: 0 0 7px 137px;
}

.nanofair {
position: absolute;
padding: 18px 0px 0px 70px;
}

.head_bannerausrichtung_eu {
margin: 0 0 7px 380px;
}
