/* Generelles Layout */
body { 
	color: black;
	margin: 0;
	color:#000000;
	align:center;
	vertical-align:top;	
	background-color:#66CCFF;
	padding: 5px;
	min-width: 1000px;
	font-size: 100,01%;
	font-family: helvetica, arial, sans-serif ;
}
 
a { font-size:1em;
	color:#6F0419;
	text-decoration:none;
	border:0;
 }

a:hover { 
	color:#E48F36;
	text-decoration:underline;
	border:0;
 } 

a:visited { 
	text-decoration: none; 
	border:0;
 }

img {
	border: 0;
	display: inline;
 }

/* Rahmen */
#container {
 font-size: 1em;
 width: 990px;
 margin: auto;
 overflow: hidden; 
 border: 3px solid #99DDFF;
}
#printer {
 font-size: 1em;
 width: 800px;
 margin: auto;
 overflow: hidden; 
 border: 3px solid #99DDFF;
 background: #FFFFFF;
}

/* - LOGO - */
#logo {
 background: #66CCFF;
 height: 100px; 
 padding: 0;
 overflow: hidden; 
 margin: 0; 
}

/* - MAINFRAME - */
#mainframe {
 font-size: 1em;
 width: 990px;
 overflow: hidden;
 background: #FFFFFF;
 border: 0;
 border-top: 3px solid #66CCFF;
}

/* - NAVIGATION - */
#navbar { 
 float: right;
 width: 200px;
 padding: 5px;
 margin: 0;
 border-left: 3px solid #66CCFF;
 border-bottom: 3px solid #66CCFF;
 background: #FFFFFF;
 font-size: 0.8em;
 color:#000000;
} 

#navbar h1{ 
	font-size: 1.25em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	margin:0;
	padding-top: 1px;
	margin-bottom: 2px;
	padding: 0;
}

#navbar ul{ 
	margin: 0;
	padding: 5px;
}

#navbar li{ 
	font-size: 0.9em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navbar li.border{ 
	font-size: 0.9em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #AAAAAA;
}

#navbar b{ 
	font-size: 1.0em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

#navbar input{ 
	font-size: 1.0em;
	font-weight:normal;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-right:4px;
}

/* - HAUPTEIL - */
#main {
 width: 770px;
 min-height: 400px;
 background: #FFFFFF;
 border: 0;
 padding-top: 5px;
 padding-left: 5px;
 line-height: 1.5em;
 font-size: 0.95em;
 font-weight: normal;
 font-family: hevetica, arial, sans-serif;
 color: #000000;
}

#main h1 { 
	font-size: 1.50em;
	font-weight:bold;
	margin:0;
	padding-top: 4px;
	margin-bottom: 4px;
	padding: 0;
}

#main h2 { 
	font-size: 1.25em;
	font-weight:bold;
	margin:0;
	padding-top: 3px;
	margin-bottom: 3px;
	padding: 0;
}

#main b { 
	font-weight:bold;
}
#main i { 
	font-style:italic;
}

.center {
	align: center;
	text-align: center;
}

.inline {
	display: inline;
}

/* - SUBNAV - */
#subnav { 
	width: 767px;
	background: #FFFFFF;
	padding:0px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	clear: left;
	vertical-align:top;
	font-size: 0.9em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	list-style-type: none;
	color:#000000;
	border-top: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
} 

#subnav h1{
 	border-bottom: 2px solid #CCCCCC;
	font-size: 1.15em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	margin:0;
	padding-top: 1px;
	margin-bottom: 2px;
	padding: 0;
}

#subnav ul{ 
	margin: 0;
	padding: 5px;
}

#subnav li{ 
	font-size: 1.1em;
	font-weight:bold;
	font-family: verdana, arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* SUCHE */
ul.search {
 width: 600px;
 align: left;
 clear: left;
 display: block;
 font-size: 1em;
 font-weight: bold;
 font-family: hevetica, arial, sans-serif;
 padding: 0;
 margin: 0;
 padding-right: 150px;
 color: #000000;
}

li.search1 {
 width: 75px;
 float: left;
 display: inline;
 font-size: 1em;
 font-weight: bold;
 font-family: hevetica, arial, sans-serif;
 color: #000000;
}

li.search2 {
 width: 200px;
 float: left;
 display: inline;
 font-size: 1em;
 font-weight: bold;
 font-family: hevetica, arial, sans-serif;
 color: #000000;
}

li.search3 {
 width: 300px;
 float: left;
 display: inline;
 font-size: 1em;
 font-weight: bold;
 font-family: hevetica, arial, sans-serif;
 color: #000000;
}

li.search3 select {
 width: 280px;
}

/* Artikel-Auflistung */
ul.article-main { 
	float: none;
	align: left;
	clear: left;
	width: 767px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	display: block;
}

ul.article { 
	width: 767px;
	margin: 0;
	padding: 0;
	display: block;

}

li.article  {
 width: 767px;
 font-size: 1em;
 line-height: 0.1em;
 list-style-type: none;
 margin: 0;
 padding: 0;
 float: none;
 display: block;
 clear: left;
}

li.article-hell  {
 width: 767px;
 font-size: 1em;
 line-height: 0.1em;
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-color: #EEEEEE;
 float: none;
 display: block;
 clear: left;
}

li.article-dunkel {
 width: 767px;
 font-size: 1em;
 line-height: 0.1em;
 list-style-type: none;
 margin: 0;
 padding: 0;
 background: #CCCCCC;
 float: none;
 display: block;
 clear: left;
}

li.article1 {
 width: 47px;
 text-align: right;
 font-size: 1em;
 font-weight: bold;
 font-family: hevetica, arial, sans-serif;
 line-height: 1.0em;
 color: #000000;
 margin: 0;
 padding: 0;
 float: left;
 display: inline;
}

li.article2 {
 width: 660px;
 text-align: left;
 font-size: 0.8em;
 font-weight: normal;
 font-family: hevetica, arial, sans-serif;
 line-height: 1.3em;
 color: #000000;
 margin: 0;
 padding: 0;
 float: left;
 display: inline;
}

li.article3 {
 width: 60px;
 display: inline;
 align: center;
 text-align: center;
 font-size: 1em;
 line-height: 1.2em;
 float: left;
 color: #000000;
 margin: 0;
 padding: 0;
}

/* - DETAIL AUFLISTUNG - */
ul.list {
	width: 767px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: none;
	display: block;
	clear: left;
}

li.name {
 width: 150px;
 float: left;
 text-align: left;
 font-size: 1em;
 font-weight: bold;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.value {
 width: 617px;
 float: left;
 display: block;
 text-align: left;
 font-size: 1em;
 font-weight: normal;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.field {
 width: 367px;
 float: left;
 text-align: left;
 font-size: 1em;
 font-weight: normal;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.info {
 width: 240px;
 float: right;
 text-align: left;
 vertical-align: top;
 font-size: 0.9em;
 font-weight: normal;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.perm {
 width: 150px;
 float: left;
 text-align: left;
 font-size: 1em;
 font-weight: bold;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.email {
 width: 200px;
 float: left;
 text-align: left;
 font-size: 1em;
 font-weight: bold;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

li.username {
 width: 200px;
 float: left;
 text-align: left;
 font-size: 1em;
 font-weight: bold;;
 line-height: 1.1em;
 color: #000000;
 margin: 0;
 padding: 0;
}

/* - FUSSZEILE - */
#footer {
 width: 990px;
 background: #66CCFF;
 border:0;
 padding: 5px;
 margin: auto;
 font-family: verdana, arial, sans-serif;
 font-size: 0.75em;
 font-weight: normal;
 line-height: 2em;
 color: #000000;
}

#footer h1 {
 background: #FFFFFF;
 border:1px solid #CCCCCC;
 padding: 6px 4px 6px 4px;
 margin: 0;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #000000;
 display: inline;
}

/* Schriften */
span.info {
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
}

span.redinfo {
	font-size:0.9em;
	font-weight:bold;
	color:#DD1414;
}

span.u { 
	text-decoration:underline;
}

span.b { 
	font-weight:bold;
}

span.i { 
	font-style:italic;
}

/* INPUT Felder */
input[type=text], input[type=password], textarea { 
	font-size: 1.05em;
	font-weight: normal;
	font-family: 'Courier New', Courier, monospace;
	margin: 0;
	padding: 0;
}
input[type=button], input[type=submit], input[type=reset], select { 
	font-size: 1.05em;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
}