/* IMPORTED STYLES
----------------------------------------------- */

@import url(links.css);


/* STRUCTURE
-------------------------------------------------- */

body {
	font-size: 76%;
	background: #f90 url(bg-loecher4.gif) repeat fixed;
	margin: 0;
	padding: 1em 0;
	text-align: center;
}

#container {
	background: #ffc;
	border: 3px solid #00315a;
	color: #000;
	margin: auto;
	overflow: hidden;
	text-align: justify;
	width: 55em;
}

#bigcontainer {
	background: #ffc;
	border: 3px solid #00315a;
	color: #000;
	margin: auto;
	overflow: hidden;
	text-align: justify;
	width: 880px;
}

#mainBody {
	background: #ffc;
	padding: 1em 1em .5em 2em;
}

#errors {
	display: none;
}

#errors {
	background-color: #ff9900;
	border-bottom: #990000 solid 2px;
	border-top: #990000 solid 2px;
}
#errors li {
	background: url(../images/bullet-squareorange.gif) no-repeat 0 .45em;
	padding: .2em 0 .2em 1.25em;
	text-align: justify;
	list-style-type: none;
}	


/* HEADER
-------------------------------------------------- */

#branding {
	background: #f90 url(../images/logo-bg.jpg) no-repeat;
	height: 8em;
	min-height: 128px;
}

#branding img, #title { float: left; }

#title {
	cursor: default;
	font: bold 2.2em sans-serif;
	font-family: "Comic Sans MS", sans-serif;	
	letter-spacing: .25em;
	left: 1em;
	position: relative;
	top: 1em;
}

#title span { color: #900; }

#tagLine {
	color: #ffc;
	cursor: default;
	float: right;
	font: bold 1.2em sans-serif;
	margin: 0;
	position: relative;
	right: 1.5em;
	top: -2.5em;
}


/* BREADCRUMB TRAIL
-------------------------------------------------- */

#breadcrumb {
	background: #00315a;
	color: #cc9;
	font-size: 80%;
	margin: 0;
	padding: .6em;
	text-transform: lowercase;
}


/* TOOLS
-------------------------------------------------- */

#tools {
	background: #ffc;
	float: right;
	padding-bottom: 1em;
	width: 16em;
}

.menu {
	background: #fff;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	margin: 0 0 1em 2em;
}

.menu h2 {
	background: #cc9;
	font: bold 1.4em georgia, serif;
	margin: 1px 1px .5em 1px;
	padding: .1em .3em;
}

.menu p {
	font: .75em/1.5em verdana, sans-serif;
	margin: 1em;
	text-align: left;
}

.navigation {
	list-style: none;
	margin: 1em;
	padding: 0;
}


/* CONTENT
-------------------------------------------------- */

#mainContent { font: 1em/1.3em georgia, sans-serif; }

h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	text-align: left;
}

h1 { margin: 0; }

h2 { font: bold 1.8em/1em serif; }

h3 {
	padding-bottom: 0.7em;
	border-bottom: 1px solid #900;
	color: #900;
	font: bold 1.3em/1.1em georgia, serif;
	margin: 1.5em .7em 1em 0;
}

h3.aktuell {
padding-left: 77px;
background-image: url(../images/aktuell.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

h4 { font: bold 1.1em/1em georgia, serif; }

h5 { }

h6 { }

#mainContent p { margin-right: 1em; }

.altFont { font: .75em/1.5em verdana, sans-serif; }

.entryDate {
	color: #999;
	margin: -1em 0 -.5em 0;
	text-align: right;
}

.relatedInfo {
	color: #999;
	font: .75em/1.5em verdana, sans-serif;
	margin-top: 0;
}

blockquote { }

.notation {
	font: .85em georgia, verdana, sans-serif;
	text-align: center;
}

.posted {
	border-bottom: 1px dotted #000;
	margin-right: 1em;
}

.more {
	/*	
	background: #fff;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	*/
	margin: 2em 1em 0 0;
	padding: 0;
}

.more h2 {
	background: #cc9;
	font: bold 1.4em georgia, serif;
	margin: 1px;
	padding: .1em .3em;
}

.more p { padding: 0 1em; }


/* emphasis */
em { }

strong { }

strong.stronger { }

strong.veryStrong { }

.important {
	color: #F00;
}

/* IMAGES
-------------------------------------------------- */

img { border: 0 none; }

img.figure { }

img.headshot {
	float: right;
	margin: 1em 0 1em 1em;
}

.decoration {
	float: left;
	margin: .65em .5em .25em 0;
	text-align: center;
}

img.screenshot { }

.caption { }

/* TABLES
-------------------------------------------------- */

.menu table {
	font: .75em/1.5em verdana, sans-serif;
	margin: 1em;
}

table td.wochentag {
	width: 2.5em;
}

table td.zeit {
	width: 9em;
}

#mainContent .produkttabelle {
	font: .75em/1.5em verdana, sans-serif; 
}

#mainContent .produkttabelle label {
	font-size: 100%; 
}

th.mainHeader {
  background-color: #808080;
  color: #fff;
  text-align: left;
}

tr.alternateRow {
  background-color: #e0e0e0;
}

td.sortedColumn {
  background-color: #f0f0f0;
}

th.sortedColumn {
  background-color: #b0b0b0;
}

tr.alternateRow td.sortedColumn {
  background-color: #d0d0d0;
}

td.text {
	text-align: left;
}

td.numeric {
  text-align: right;
  vertical-align: top;
}

td.boolean {
  text-align: center;
  vertical-align: top;
}


/* LISTS
-------------------------------------------------- */

#mainContent ul {
	list-style: none;
	margin-left: 0;
	padding: 0 3em 0 2em;
}

#mainContent li {
	background: url(../images/bullet-squareorange.gif) no-repeat 0 .45em;
	padding: .2em 0 .2em 1.25em;
	text-align: justify;
}

#mainContent li ul li  {
	background: url(../images/bullet-checkered.gif) no-repeat 0 .45em;
}

#mainContent li ul li ul li {
	background: url(../images/bullet-circle.gif) no-repeat .25em .65em;
}

#mainContent li p { margin: 0; }

#mainContent dl {
	margin: 1em 0;
}

#mainContent dt {
	padding: .25em 0;
}

#mainContent dd {
	color: #666666;
	padding: .25em 3.25em .25em 0;
}

.menu .linkList, .menu .imgList, .menu .articleList {
	font: .75em/1.5em verdana, sans-serif;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.menu .linkList li, .menu .imgList li {
	padding: .25em;
	text-align: center;
	
}

.menu .articleList li {
	/*font-size: 0.5em;*/
	/*background: url(../images/bullet-circle.gif) no-repeat 0 .5em;*/
	padding-left: 0;
	text-align: left;
}

.menu .articleList li {
 float: left;
 text-align: right;
 width: 2em;
 margin-right: .3em;
}

.menu .articleList li ul li {
 float: left;
 width: 10em;
 clear: both;
 margin-left: .3em;
 margin-right: .3em;
}

.menu .articleList li span.comment {
	padding-left: 10em;
	font-size: 80%;
}

.imgList :link, .imgList :visited {
	border: 0 none;
	text-decoration: none;
}

#mainContent .errors li {
	background: url(../images/bullet-squareorange.gif) no-repeat 0 .45em;
	padding: .2em 0 .2em 1.25em;
	text-align: justify;
}

/* CODE
-------------------------------------------------- */

p code, li code, dt code { color: #600; }

pre { font: .75em/1.3em "Courier New"; }

.code {
	background: #fff;
	border: 1px solid #ccc;
	clear: both;
	margin-left: 2em;
	margin-right: 3em;
	padding: 1em;
}

.incorrectCode {
	background: #fcc;
	border: 3px solid #900;
	clear: both;
	margin-left: 2em;
	margin-right: 3em;
	padding: 1em;
}

li .code, li .incorrectCode {
	margin-left: 0;
	margin-right: 0;
}

pre .attribute { font-weight: bold; }

pre .comment { color: #070; }

pre .escape { color: #f00; }

pre .tag {
	color: #606;
	font-weight: bold;
}

pre .value { color: #00f; }

pre .fillInBlank { color: #999; }


/* FORMS
-------------------------------------------------- */
form	{
	margin: 0;
	padding: 0;
}

label { font: .75em/1.5em verdana, sans-serif; }

label.left {
	float: left;
	text-align: right;
	width: 8em;
	margin-right: .3em;
}

input[type=text], select {
	float: left;
}

input.right {
	float: left;
	width: auto;
	clear: both;
	margin-left: 8.3em;
	margin-right: 0.3em
	}
	
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
	margin-left: 9.3em;
}

form br {
	clear: both;
}
input,
legend,
option,
select,
textarea	{
	font-weight: bold;
	line-height: normal;
}

input,
textarea,
select	{
	background: #ffd;
	color: #000;
	font-size: .9em;
}

input:focus,
textarea:focus	{
	background: #ffd;
	color: #000;
	font-size: .9em;
	font-weight: bold;
	line-height: normal;
	outline: #00315a solid 2px;
}

input[type=text]#plz,
input[type=text]#anzahl	{
	max-width: 5em;
	width: 5em;
}

label,
input[type=checkbox],
input[type=button],
input[type=submit]	{
	cursor: pointer; /* 
Wegen der naechsten Deklaration validiert dieses Style Sheet 
nicht mehr. Aber egal, weil die Gebrauchstauglichkeit vor der 
Validierung kommt, ist es halt drin, den ohne dass wuerde kein 
IE-Nutzer je merken, dass man auf Labels auch draufklicken kann.
*/
/*	cursor: hand;*/
}

option	{
	border-top: 1px solid #aaaaaa;
}
/*
#mainContent br	{
	clear: both;
}
*/

#mainContent fieldset	{
	background: #ffd;
	border: 1px #b56b08 solid;
	margin: 1em 0 .5em 0;
/*	width: 95%;*/
}

#mainContent form	{
	line-height: 200%;
	margin-top: 1em;
}

#mainContent form p	{
	font-size: .9em;
	font-weight: bold;
	margin: .5em 0 .5em 0;
}

#mainContent input[type=text],
#mainContent select,
#mainContent textarea	{
	margin-left: 1em;
	max-width: 20em;
	text-align: left;
/*	width: 60%;*/
}

#mainContent label	{
	clear: both;
	float: left;
	text-align: right;
/*	width: 30%;*/
}

/* die allgemeinen Formulare im Inhalt 
	alles schoen ohne Tabellen -- */
#mainContent legend	{
	background: #ffd;
	border: 1px solid #b56b08;
	color: #b56b08;
	margin: 0 0 0 -.7em;
	padding: 0.2em;
}

.submitbutton	{
	text-align: center;
}


/* COMMENTS
-------------------------------------------------- */

.post  {
	background: #fff;
	border: 1px solid #ccc;
	font: .75em/1.3em verdana, sans-serif;
	margin: 0 3em 1em 2em;
	padding: 1px;
}

.username {
	background: #eee;
	padding: .25em .5em;
}

.commentBody p {
	color: #333;
	padding: .55em 0 .5em .75em;
	margin: 0;
}


/* FOOTER
-------------------------------------------------- */

#pageInfo {
	border-top: 1px dotted #000;
	font-size: 80%;
	padding: 1em;
}

.validation {
	margin: 0 0 .5em 0;
	padding: 0;
}

.validation li {
	display: inline;
	padding-right: .5em;
}

#license {
	width: 48%;
	float: left;
}

#license img {
	float: left;
	margin-right: 1em;
}

#license p {
	margin-bottom: 0;
	margin-top: 0;
}

#mcweb {
	width: 48%;
	float: right;
}

#mcweb img {
	/*float: right;*/
	margin-left: 1em;
}

#mcweb p {
	text-align: right;
	margin-bottom: 0;
	margin-top: 0;
}


/* MISCELLANEOUS
-------------------------------------------------- */

.hidden { display: none; }

.firstInSection { margin-top: .5em }

.lastInSection { margin-bottom: 1.5em; }

p.clear {
	clear: both;
	margin: 0 0 1.5em 0;
	padding: 0;
}


/* accessibility */
.skipLink { margin: 0; }

.skipLink :link, .skipLink :visited {
	border: none;
	left: 1em;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 1em;
	text-decoration: underline;
	width: 0;
	z-index: 1;
}

.skipLink :active, .skipLink :focus {
	background: #ff0;
	border: 3px solid #f00;
	color: #000;
	font: bold 1em sans-serif;
	height: auto;
	overflow: visible;
	padding: .5em;
	width: auto;
}


/* metadata */
abbr, acronym {
	border-bottom: 1px dotted #CCC;
	cursor: help;
}